.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;  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%; }
#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)  { 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; 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)  { 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; 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;
}
}