.edv-pt-200-pb-100 { padding-top: 200px; padding-bottom: 100px; }
.edv-pt-100-pb-100 { padding-top: 100px; padding-bottom: 100px; }


#newHeader .col-7 .nav-item a {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.03em;
    text-align: left;
    color: #2C378C;
}

#newHeader .col-4 .nav-item.nav-item-login a {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.0015em;
    text-align: center;
    background: #FFFFFF;
    border: 2px solid #2C378C;
    color: #2C378C;
    border-radius: 6px;
}


#newHeader .col-4 .nav-item.nav-item-register a, #newHeader .col-4 .nav-item.nav-item-user a {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.0015em;
    text-align: center;
    color: #FFFFFF;
    background: #2C378C;
    border: 2px solid #2C378C;
    border-radius: 6px;
}


#zero .container {
    background: linear-gradient(223.61deg, #EDAA0F 11.34%, #F6B80B 86.74%);
}

#zero .col {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.005em;
    text-align: left;
    color: #2C378C;
}

#zero .col a {
    text-decoration: none;
    border-bottom: 1px solid #2C378C;
}

#first .container {
    position: relative;
}

#first .div-splitter {
    display: flex;
}

#first .block {
    min-height: 500px;
    width: 50%;
    width: calc(50% + 4rem);
}

#first .block--left {
    background: url('https://mojprofil.hr/wp-content/uploads/2024/02/first-bg.png');
    clip-path: polygon(0 0, 100% 0, calc(100% - 3rem) 100%, 0% 100%);
    background-size: cover;
    background-repeat: no-repeat;
    margin-right: -4rem;
}

#first .block--right {
    margin-left: -4rem;
    clip-path: polygon(4rem 0, 100% 0, 100% 100%, 0% 100%);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
}

#first .block--left {
    right: -.25em;
  transform-origin: 0 100%;
}
#first .block--left h3 {
    font-family: Inter;
    font-size: 55px;
    font-weight: 700;
    line-height: 73px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
    padding: 75px;
}
#first .block--left h3 i {
    color: #EDAA0F;
}

#first .s1-search-bar input.form-control, #first .s1-search-bar input.form-control::placeholder, #first .s1-search-bar select.form-select {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.005em;
    text-align: left;
    color: #737373;
}
#first .s1-search-bar button {
    background: #2C378C;
    color: #FFFFFF;
}

#first .row-search {
    position: absolute;
    width: 100%;
    top: 70%;
}
#first .embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

#first .embed-container iframe,
#first .embed-container object,
#first .embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#second h3, #third h3, #eighth h3 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 0em;
}
#second a.btn-external, #third a.btn-external, #eighth a.btn-external {
    padding: 10px, 20px, 10px, 20px;
    border-radius: 6px;
    gap: 10px;
    color:  #2C378C;
    background: #FFFFFF;
    text-decoration: none;
    border: 2px solid #2C378C;
}
#second a.btn-external:hover, #third a.btn-external:hover, #eighth a.btn-external:hover {
    color: #edaa0f;
    background: #FFFFFF;
}
#second #home-owl-categories {
    position: relative;
}
#second #home-owl-categories img {
    height: 207px;
}
#second #home-owl-categories .card-body {
    background: linear-gradient(90.94deg, #25844A -10.06%, #5DC585 102.77%);
    height: 80px;
}
#second #home-owl-categories h5 a {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.0015em;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
}
#second #home-owl-categories .number {
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: 0em;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    border-radius: 50%;
    padding: 10px;
    height: 44px;
    width: 44px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.home-profile-card {
    position: relative;
    box-shadow: 0px 0px 10px 0px #2C378C52;
    border-radius: 5%;
    margin: 5px;
    background: #FFFFFF;
}

.home-profile-card header {
    position: relative;
    width: 100%;
    height: 60px;
}
.home-profile-card header .avatar {
    position: absolute;
    left: 50%;
    top: 30px;
    margin-left: -50px;
    z-index: 5;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    background: #ccc;
    border: 3px solid #F8BF3B;
}
.home-profile-card header .avatar img {
    position: absolute;
    /* top: 50%;
    left: 50%; */
    /* transform: translate(-50%, -50%); */
    width: 100px;
    height: auto;
    padding: 0px;
}
.home-profile-card h5 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 600;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;
    color: #3D3D3D;
    position: relative;
    margin: 80px 0 30px;
}
.home-profile-card .desc {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.005em;
    text-align: left;
    color: #3D3D3D;
    padding: 0 1rem 2rem;
    min-height: 150px;
}
.home-profile-card .user-link {
    padding: 0 1rem 2rem;
    color: #2C378C;
}

#fourth .container {
    background: url('https://mojprofil.hr/wp-content/uploads/2024/01/sixth-frame-bg.png');
    background-repeat: no-repeat !important;
}
#fourth h3 {
font-family: Poppins;
font-size: 40px;
font-weight: 600;
line-height: 60px;
letter-spacing: 0em;
color: #FDF9EF;
}
#fourth .row-flex div {
    display: flex;
    justify-content: center;
}
#fourth .row-flex div h5 {
    font-family: Poppins;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0em;
    color: #FFFFFF;
}

#fifth h3 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 0em;
}
#fifth dl dt {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.0015em;
    text-align: center;
    color: #2C378C;
    display: flex;
}
#fifth a {
    padding: 10px, 20px, 10px, 20px;
    border-radius: 6px;
    gap: 10px;
    background: #2C378C;
    color: #FFFFFF;
}

#fifth dl dt:before {
    content: url('https://mojprofil.hr/wp-content/uploads/2024/02/fifth-bullet-icon.png');
    display:flex;
}

#sixth .container, #eleven .container {
    background: url('https://mojprofil.hr/wp-content/uploads/2024/02/sixth-bg.png');
    background-repeat: no-repeat !important;
}
#sixth h3, #eleven h3 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: center;
    color: #FFFFFF;
}
#sixth .card-image, #ninth .card-image, #eleven .card-image {
    background: #fff;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.2%;
    position: relative;
}
#sixth .card-image-inner, #ninth .card-image-inner, #eleven .card-image-inner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
} 
#sixth .card-image img, #ninth .card-image img, #eleven .card-image img {
    background-size: cover;
    height: auto !important;
    transform: scale(1);
    transition: all 0.25s ease-in-out;
    width: 100%;
}
#sixth .card-date, #ninth .card-date, #eleven .card-date {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #616161;
}
#sixth .card-title, #ninth .card-title, #eleven .card-title {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.0015em;
    text-align: left;
    color: #3D3D3D;
    min-height: 100px;
}
#sixth .card-body a, #ninth .card-body a, #eleven .card-body a {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.0015em;
    text-align: left;
    color: #2C378C;
    text-decoration: none;
}

#seventh .review-title {
    color: #3D3D3D;
    text-align: center;
    font-family: Poppins;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 150%; /* 60px */
}
#seventh .owl-profile-card header {
    background-color: transparent;
}
#seventh .owl-profile-card header .avatar {
    border: 3px solid #2D8F52;
}
#seventh #customers-testimonials h3 {
    color: #3D3D3D;
    font-family: Poppins;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}
#seventh #customers-testimonials h3 span {
    color: #2C378C;
    font-family: Poppins;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    letter-spacing: 0.027px;
}
#seventh .carousel-nav-btn button {
    background: transparent;
    border: none;
}
#seventh .carousel-nav-btn img {
    width: 72px;
    height: 72px;
}

#eighth .container {
    background: url('https://mojprofil.hr/wp-content/uploads/2024/02/eighth-bg.png');
    background-repeat: no-repeat !important;
}

#ninth h3 {
    font-family: Poppins;
    font-size: 40px;
    font-weight: 600;
    line-height: 60px;
    letter-spacing: 0em;
    text-align: center;
    color: #3D3D3D;
}

#tenth .row {
    height: 340px;
    display: flex;
    position: relative;
}

#tenth .row .col-tenth-left p {
    font-family: Poppins;
    font-size: 36px;
    font-weight: 500;
    line-height: 49px;
    letter-spacing: 0em;
    text-align: left;
    color: #FFFFFF;
}
#tenth .row .col-tenth-left a {
    font-family: Poppins;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.0015em;
    text-align: center;
    color: #FFFFFF;
    background: #2C378C;
}

#newFooter .container {
    background: url('https://mojprofil.hr/wp-content/uploads/2024/01/lp-footer-bg.png');
    background-repeat: no-repeat !important;
    background-position: right;
}
#newFooter .card {
    display: flex;
    justify-content: center;
    align-items: center;
}
#newFooter .list-group a {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.005em;
    text-align: left;
    color: #2C378C;
    text-decoration: none;
}

#newFooter .ml-form-embedWrapper {
    background: transparent !important;
}

#home-owl-categories .owl-nav,
#home-owl-featured-users .owl-nav,
#home-owl-promotions .owl-nav,
#home-owl-ambassadors .owl-nav,
#home-owl-selected-articles .owl-nav,
#customers-testimonials .owl-nav,
#home-owl-blogs .owl-nav {
    position: absolute;
    top: 35%;
    width: 100%;
}
#home-owl-categories .owl-prev,
#home-owl-featured-users .owl-prev,
#home-owl-promotions .owl-prev,
#home-owl-ambassadors .owl-prev,
#home-owl-selected-articles .owl-prev,
#customers-testimonials .owl-prev,
#home-owl-blogs .owl-prev {
    float: left;
    margin-left: -40px;
}
#home-owl-categories .owl-next,
#home-owl-featured-users .owl-next,
#home-owl-promotions .owl-next,
#home-owl-ambassadors .owl-next,
#home-owl-selected-articles .owl-next,
#customers-testimonials .owl-next,
#home-owl-blogs .owl-next {
    float: right;
    margin-right: -40px;
}

#home-owl-categories button:hover,
#home-owl-featured-users button:hover,
#home-owl-promotions button:hover,
#home-owl-ambassadors button:hover,
#home-owl-selected-articles button:hover,
#customers-testimonials button:hover,
#home-owl-blogs button:hover {
    background: transparent !important;
}


@media (max-width:320px)  { 
    /* smartphones, iPhone, portrait 480x320 phones */
    section {
        overflow: hidden;
    }
    #first-mobile .row .col-first {
        background: url('https://mojprofil.hr/wp-content/uploads/2024/02/first-bg.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    #first-mobile .row .col-first h3 {
        font-family: Inter;
        font-size: 50px;
        font-weight: 700;
        /* line-height: 73px; */
        letter-spacing: 0em;
        text-align: left;
        color: #FFFFFF;
        padding: 30px;
    }
    #first-mobile .row .col-first h3 i {
        color: #EDAA0F;   
    }
    #first-mobile .row .col-second {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 500px;
    }
    #second #home-owl-categories .card-body {
        height: 140px !important;
    }

    #fourth .container {
        background-size: cover;
    }
    #fourth .edv-pt-200-pb-100 {
        padding-bottom: 300px;
    }
    #tenth .col-tenth-left {
        background-size: cover !important;
        margin: 0px !important;
        padding: 20px !important;
    }
}
@media (max-width:481px)  { 
    /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 
    section {
        overflow: hidden;
    }
    #first-mobile .row .col-first {
        background: url('https://mojprofil.hr/wp-content/uploads/2024/02/first-bg.png');
        background-size: cover;
        background-repeat: no-repeat;
    }
    #first-mobile .row .col-first h3 {
        font-family: Inter;
        font-size: 50px;
        font-weight: 700;
        /* line-height: 73px; */
        letter-spacing: 0em;
        text-align: left;
        color: #FFFFFF;
        padding: 30px;
    }
    #first-mobile .row .col-first h3 i {
        color: #EDAA0F;   
    }
    #first-mobile .row .col-second {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 500px;
    }
    #second #home-owl-categories .card-body {
        height: 140px !important;
    }
    #fourth .container {
        background-size: cover;
    }
    #fourth .edv-pt-200-pb-100 {
        padding-bottom: 300px;
    }

    #fifth dl dt {
        font-family: inherit !important;
        font-size: 18px;
        font-weight: 500;
        line-height: 27px;
        letter-spacing: 0.0015em;
        text-align: center;
        color: #2C378C;
        display: flex;
    }

    #tenth .col-tenth-left {
        background-size: cover !important;
        margin: 0px !important;
        padding: 20px !important;
    }
}