/*
Theme Name: BlankSlate Child
Theme URI: https://opencollective.com/blankslate
Template: blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2025.1761309181
Updated: 2025-10-24 12:33:01

*/

@import url("css/menu.css");
@import url("css/footer.css");


.post-11 {
    display: none;
}

body {
    font-family: 'Lato', sans-serif;
    background: #F1F4F5;
}


.header_color {
        background-color: transparent;
        position: sticky;
        top: 0;
        z-index: 10000;
    }
@media (max-width: 1400px) {
    .header_color {
        background-color: #F4F7FC;
    }
}

.zp_row {
    padding: 0 200px;
}
@media (min-width: 1401px) and (max-width: 1800px) {
    .zp_row {
        padding: 0 100px;
    }
}
@media (max-width: 1400px) {
    .zp_row {
        padding: 0 20px;
    }
}

.zp_info_row {
    padding: 0 100px;
}
@media (min-width: 1401px) and (max-width: 1800px) {
    .zp_info_row {
        padding: 0 50px;
    }
}
@media (max-width: 1400px) {
    .zp_info_row {
        padding: 0 20px;
    }
}


.zp_row_footer {
    padding: 170px 230px 50px 230px;
}
@media (min-width: 1401px) and (max-width: 1800px) {
    .zp_row_footer {
        padding: 100px 100px 0 100px;
    }
}
@media (max-width: 1400px) {
    .zp_row_footer {
        padding: 50px 20px 0 20px;
    }
}


/* BUTTONS HERE */
a {
    text-decoration: none;
}
.btn {   
    width: fit-content;
    padding: 24px 10px;  
    height: 72px;
    position: relative;
}
a .btn {
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: none;
    justify-content: space-between;
    /* height: 100%; */
}
.btn.white {
    border: 1px solid #204864;
    background: #FFF;
    transition: .5s all ease-in-out;
}
a .btn.white {
    color: #204864;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.btn.blue {
    border: 1px solid #FFF;
    background: #204864;
    transition: .5s all ease-in-out;
}
a .btn.blue {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.btn.blue svg path {
    fill: #FFF;
}

.btn.yellow {
    border: 1px solid #204864;
    background: #F8C670;
    transition: .5s all ease-in-out;
}
a .btn.yellow {
    color: #204864;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.btn.white:hover {
    border: none;
    /* border-top: 5px solid #204864; */
    transition: .5s all ease-in-out;
}
.btn.white::before {
    content: "";
    width: 100%;
    height: 5px;
    background-color: #204864;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s all ease-in-out;
}
.btn.white:hover::before {
    opacity: 1;
    transition: .5s all ease-in-out;
}
.btn.blue:hover {
    border: none;
    /* border-top: 5px solid #FFF; */
    transition: .5s all ease-in-out;
}
.btn.blue::before {
    content: "";
    width: 100%;
    height: 5px;
    background-color: #FFF;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s all ease-in-out;
}
.btn.blue:hover::before {
    opacity: 1;
    transition: .5s all ease-in-out;
}
.btn.yellow:hover {
    border: none;
    /* border-top: 5px solid #204864; */
    transition: .5s all ease-in-out;
}
.btn.yellow::before {
    content: "";
    width: 100%;
    height: 5px;
    background-color: #204864;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    transition: .5s all ease-in-out;
}
.btn.yellow:hover::before {
    opacity: 1;
    transition: .5s all ease-in-out;
}
.btn svg {
    transform: rotate(0deg);
    transition: none;
}
.btn:hover svg {
    animation: rotate-forward 0.5s ease-in-out forwards;
}
.btn:not(:hover) svg {
    animation: rotate-back 0.5s ease-in-out forwards;
}

.btn.form.blue a {
    display: flex;
    gap: 10px;
    align-items: center;
    text-decoration: none;
    justify-content: space-between;
    height: 100%;
}
.btn.form.blue a {
    color: #FFF;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@keyframes rotate-forward {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(180deg);
    }
}

@keyframes rotate-back {
    from {
        transform: rotate(180deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 1000px) {
    .btn a {
        font-size: 18px !important;
    }
    a .btn {
        font-size: 18px !important;
    }
}


/* HERO HERE */
#hero {   
    background: #F1F4F5;
}
#hero .heroHere {
    display: flex;
    position: relative;
    padding-top: 30px;
	gap: 0 24px;
    /* max-height: 600px; */
}
#hero .heroHere .left {
    display: flex;
    flex-direction: column; 
    position: relative;
    z-index: 1;
    width: 100%;
    padding-left: 40px;
    gap: 1.5rem;
    width: 100%;
    border-radius: 0 0 0 100px;
    border: 1px solid #2E4B58;
    max-width: 535px;
    background: #F4F7FC;
	padding-bottom: 40px;
}
#hero .heroHere .left .title {
    color: #BECEDB;
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 80px;
    overflow: hidden;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 0;
}
#hero .heroHere .left .title strong {
    color: #F8C670;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 100px; 
}
#hero .heroHere .left .title img {
    /* width: calc(100vh - 35%); */
    width: 100%;
}
#hero .heroHere .left .text {
    color: #2E4B58;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin: 13rem 0 0 0;
}
#hero .heroHere .left .text strong {
    color: #F8C670;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}

#hero .heroHere .middle {
    background-color: #204864;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
/* #hero .heroHere .middle img {
    margin-top: 30px;
    transform: translateX(-8%);
} */
#hero .heroHere .right {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 70%;
	justify-content: space-between;
}
#hero .heroHere .right .box {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    position: relative;
    max-width: 360px;
    transition: .5s all ease-in-out;
    height: 100%;
}
#hero .heroHere .right .box .number {
    color: #2E4B58;
    font-size: 40px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: .5s all ease-in-out;
}
#hero .heroHere .right .box .box_title {
    color: #2E4B58;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    padding: 40px 0;
    width: 100%;
}
#hero .heroHere .right .box:nth-child(1) {
    background: #EDF0F7;
}
#hero .heroHere .right .box:nth-child(2) {
    background: #E0E8EF;
}
#hero .heroHere .right .box:nth-child(3) {
    background: #BECEDB;
}
#hero .heroHere .right .box:nth-child(1):hover {
  
    transition: .5s all ease-in-out;
    box-shadow: 1px 1px 1px 1px #EDF0F7 inset;
}
#hero .heroHere .right .box:nth-child(2):hover {
 
    transition: .5s all ease-in-out;
    box-shadow: 1px 1px 1px 1px #E0E8EF inset;
}
#hero .heroHere .right .box:nth-child(3):hover {
  
    transition: .5s all ease-in-out;
    box-shadow: 1px 1px 1px 1px #BECEDB inset;
}

#hero .heroHere .right .box:hover .number {
    transition: .5s all ease-in-out;
    color: #F8C670;
}

@media (min-width: 1751px) and (max-width: 1875px) {
    #hero .heroHere .left .title {
        width: 51vw;
    }
}

@media (min-width: 1251px) and (max-width: 1750px) {
    #hero .heroHere .left .text {
        margin: 10rem 0 0 0;
    }
    #hero .heroHere .left .title {
        font-size: 50px;
        width: 30vh;
    }
    #hero .heroHere .left .title strong {
        font-size: 50px;
    }
}

@media (min-width: 1001px) and (max-width: 1250px) {
    #hero .heroHere .left .text {
        margin: 10rem 0 0 0;
    }
    #hero .heroHere .left .title {
        font-size: 40px;
    }
    #hero .heroHere .left .title strong {
        font-size: 40px;
    }
}

@media (min-width: 1151px) and (max-width: 1250px) {
    #hero .heroHere .middle img {
        max-width: 500px;
        margin-top: 40%;
        transform: translateX(-5%);
    }
  
}
@media (min-width: 1001px) and (max-width: 1150px) {
    #hero .heroHere .middle img {
        max-width: 400px;
        margin-top: 66%;
        transform: translateX(0%);
    }
}
@media (max-width: 1000px) {
    #hero .heroHere {
        flex-direction: column;
        background: linear-gradient(180deg, #FFF 0%, #F1F4F5 100%);
    }
    #hero .heroHere .left {
        width: 100%;
        border: none;
        padding-left: 20px;
        padding-bottom: 2rem;
        background: transparent;
    }
    #hero .heroHere .middle {
        width: 100%;
        max-width: 100%;
    }
    #hero .heroHere .middle img {
        width: 100%;
        height: 100%;
        transform: translateX(0);
        margin-top: 0;
        max-height: 460px;
        padding-top: 100px;
    }
    #hero .heroHere .right {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }
    #hero .heroHere .right .box {
        width: calc(100% - 28px);
        max-width: 100%;
        margin-left: 14px;
    }
    #hero .heroHere .left .title {
        width: 100%;
        bottom: -5rem;
        font-size: 30px;
        line-height: 32px; 
        padding-left: 20px;
        max-width: 380px;
    }
    #hero .heroHere .left .title strong {
        font-size: 30px;
        line-height: 32px; 
    }
    #hero .heroHere .left .title img {
        width: 100%;
        height: auto;
        max-width: 330px;
    }
    #hero .heroHere .left .text {
        font-size: 18px;
        line-height: 24px;
        margin: 0;
    }
    #hero .heroHere .left .text strong {
        font-size: 18px;
        line-height: 24px;
    }
}
@media (max-width: 400px) {
    #hero .heroHere .left .title {
        font-size: 23px;
        max-width: 270px;
    }
    #hero .heroHere .left .title strong {
        font-size: 23px;
    }
}
@media (min-width: 1950px) {
    #hero .heroHere .left {
        max-width: 100%;
    }
    #hero .heroHere .middle {
        max-width: 100%;
    }
    #hero .heroHere .right .box {
        max-width: 100%;
    }
    #hero .heroHere .middle img {
        transform: translateX(-50%);
        left: 50%;
        position: relative;
    }
    #hero .heroHere .left .title {
        width: 48vh;
    }
}

/* UNDER HERO BTN HERE */
#under_hero_btn .btn {
    margin: 170px auto 90px auto;
    border: 0px solid #204864;
    background: transparent;
}

@media (max-width: 1000px) {
   #under_hero_btn .btn {
    margin: 50px auto 45px auto; 
   } 
}

/* Three White Blocks Section HERE */
#white_blocks  {
    background: linear-gradient(180deg, #F1F4F5 0%, #C5CED8 47.13%, #204864 100%);
    padding-bottom: 5rem;
}
#white_blocks .white_blocks_here .title {
    color: #2E4B58;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px; 
    margin-bottom: 2rem;
}
#white_blocks .white_blocks_here .text {
    color: #2E4B58;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
    margin-bottom: 60px;
}
#white_blocks .white_blocks_here .text strong {
    font-weight: 800 !important;
}
#white_blocks .white_blocks_here .boxes {
    display: flex;
    gap: 1.5rem;
}
#white_blocks .white_blocks_here .boxes .box {
    background: #F4F7FC;
    padding: 24px;
    width: 100%;
    position: relative;
    min-height: 600px;
}
#white_blocks .white_blocks_here .boxes .box .box_title {
    color: #2E4B58;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px; 
    margin-bottom: 1.5rem;
}
#white_blocks .white_blocks_here .boxes .box .sub {
    color: #2E4B58;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 24px; 
    margin: 1.5rem 0;
}
#white_blocks .white_blocks_here .boxes .box .box_text {
    color: #2E4B58;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 1.5rem;
}
#white_blocks .white_blocks_here .boxes .box .img {
    text-align: center;
    /* display: block; */
    transition: .5s all ease-in-out;
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
    opacity: 1;
}
#white_blocks .white_blocks_here .boxes .box .img svg {
    width: 100%;
    height: 100%;
    max-height: 400px;
}
#white_blocks .white_blocks_here .boxes .box .img_hover svg {
    width: 100%;
    height: 100%;
    max-height: 400px;
}
#white_blocks .white_blocks_here .boxes .box:hover {
    background: #BECEDB;
    transition: .5s all ease-in-out;
}
#white_blocks .white_blocks_here .boxes .box .img_hover {
    /* display: none; */
    transition: .5s all ease-in-out;
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translate(-50%, -50%);
    opacity: 0;
}
#white_blocks .white_blocks_here .boxes .box:hover .img_hover {
    /* display: block; */
    text-align: center;
    transition: .5s all ease-in-out;
    position: absolute;

    opacity: 1;
}
#white_blocks .white_blocks_here .boxes .box:hover .img {
    /* display: none; */
    transition: .5s all ease-in-out;
    position: absolute;

    opacity: 0;
}
#white_blocks .white_blocks_here .btn {
    margin: 2rem auto auto auto;
}

.white_blocks_here .swiper {
    display: none;
}
.swiper-button-next::after {
    display: none;
}
.swiper-button-prev::after {
    display: none;
}
.white_blocks_here .navBtns {
    display: none;
}

@media screen and (max-width: 1360px) {
	section#under_hero_btn {
		padding: 10px;
		height: 50px;
	}
	
	#hero .heroHere .left .title {
		line-height: 32px;
	}
}

@media screen and (max-width: 1440px) {
	#white_blocks .white_blocks_here .title {
		font-size: 32px;
		line-height: 42px;
	}
	
	#white_blocks .white_blocks_here .text {
		font-size: 18px;
	}
	
	#white_blocks .white_blocks_here .boxes .box .box_title {
		font-size: 24px;
	}
}

@media (min-width: 1001px) and (max-width: 1200px) {
    #white_blocks .white_blocks_here .boxes .box .img {
        top: 77%;
    }
    #white_blocks .white_blocks_here .boxes .box .img_hover {
        top: 77%;
    }
}
@media (max-width: 1000px) {
    #white_blocks .white_blocks_here .title {
        font-size: 26px;
        line-height: 60px; 
        margin-bottom: 1rem;
    }
    #white_blocks .white_blocks_here .text {
        font-size: 18px;
        line-height: 24px; 
        margin-bottom: 1.5rem;
    }
    #white_blocks .white_blocks_here .boxes.desktop {
        display: none;
    }
    .white_blocks_here .swiper {
        display: block;
    }
    .white_blocks_here .swiper .swiper-slide .box_title {
        color: #2E4B58;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px; 
    }
    .white_blocks_here .swiper .swiper-slide .sub {
        color: #2E4B58;
        font-size: 18px;
        font-style: italic;
        font-weight: 700;
        line-height: 24px; 
        margin: 1.5rem 0;
    }
    .white_blocks_here .swiper .swiper-slide .box_text {
        color: #2E4B58;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; 
    }
    .white_blocks_here .swiper .swiper-slide .img {
        width: 100%;
        text-align: center;
        margin-top: 2rem;
    }
    .white_blocks_here .swiper .swiper-slide .img svg {
        width: 100%;
        height: 100%;
        max-height: 300px;
    }
    .white_blocks_here .swiper .swiper-slide {
        background: #F4F7FC;
        padding: 24px;
        width: 100%;
        position: relative;
        min-height: 550px;
    }
    .white_blocks_here .navBtns {
        display: flex;
        position: relative;
        width: 120px;
        height: 70px;
        gap: 1.5rem;
        margin: 1rem 0 auto auto;
    }
    .white_blocks_here .navBtns .swiper-button-next svg {
        transform: rotateY(180deg);
    }
    .white_blocks_here .navBtns .swiper-button-next, .white_blocks_here .navBtns .swiper-button-prev {
        background: #F8C670;
        width: 40px;
        height: 40px;
    }
    .white_blocks_here .navBtns .swiper-button-next svg, .white_blocks_here .navBtns .swiper-button-prev svg {
        padding: 0.5rem;
    }
    #white_blocks .white_blocks_here .btn {
        margin: 0.5rem auto auto auto;
    }
}
@media (max-width: 400px) {
   .white_blocks_here .swiper .swiper-slide {
    height: auto;
   }
}



/* Single Video HERE  */
.video-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 450px;
    overflow: hidden;
}
.imgSvgOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.imgSvgOverlayText {
    position: absolute;
    bottom: 3rem;
    left: 2rem;
    width: 50%;
    color: #FFF;
    text-shadow: 0 3.578px 3.578px rgba(0, 0, 0, 0.50);
    font-size: 16.786px;
    font-style: normal;
    font-weight: 700;
    line-height: 23px; 
}

.imgSvgOverlay.hide {
    display: none;
}

.imgSvgOverlay {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 100;
    width: 100%;
}

.imgOverlay.hide {
    display: none;
}

.imgOverlay {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.imgOverlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

.video-wrapper .video-wrapper-here {
    width: 100%;
    height: 100%;
}
.video-wrapper .video-wrapper-here iframe {
    width: 100%;
    height: 100%;
}


#single_video {
    background: #204864;
    padding-bottom: 5rem;
    padding-top: 150px;
}
#single_video .single_video_here {
    display: flex;
    gap: 145px;
}
#single_video .single_video_here .left {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 37px;
}
#single_video .single_video_here .left .title {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
}
#single_video .single_video_here .left .sub {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
}
#single_video .single_video_here .left .text {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
}
#single_video .single_video_here .left .single_video_box {
    background: #BECEDB;
    padding: 2rem;
    max-width: 507px;
}
#single_video .single_video_here .left .single_video_box .btn_text {
    color: #2E4B58;
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 24px;
    padding-bottom: 2rem;
}
#single_video .single_video_here .left .single_video_box .btn {
    margin-bottom: 2rem;
}
#single_video .single_video_here .middle {
    width: 65%;
}
#single_video .single_video_here .right {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 42%;
}
#single_video .single_video_here .right img {
    width: 100%;
    height: 100%;
    max-height: 177px;
}

@media screen and (max-width: 1440px) {
	#single_video .single_video_here .left .title {
		font-size: 32px;
		line-height: 42px;
	}
}

@media (min-width: 1001px) and (max-width: 1500px) {
    #single_video .single_video_here {
        gap: 50px;
    }
}
@media (min-width: 1001px) and (max-width: 1250px) {
    #single_video .single_video_here .middle {
        width: 90%;
    }
}
@media (max-width: 1000px) {
    #single_video {
        padding-top: 0rem;
        padding-bottom: 2rem;
    }
    #single_video .single_video_here {
        flex-direction: column;
        gap: 1.5rem;
    }
    #single_video .single_video_here .left {
        gap: 1.5rem;
    }
    #single_video .single_video_here .left .title {
        font-size: 26px;
        line-height: 32px;
    }
    #single_video .single_video_here .left .sub {
        font-size: 20px;
        line-height: 24px;
    }
    #single_video .single_video_here .left .text {
        font-size: 16px;
        line-height: 24px;
    }
    #single_video .single_video_here .left .single_video_box {
        max-width: 100%;
        padding: 2rem 1.5rem;
    }
    #single_video .single_video_here .left .single_video_box .btn_text {
        font-size: 18px;
        line-height: 24px;
    }
    #single_video .single_video_here .left .single_video_box .btn {
        margin-bottom: 0;
    }
    #single_video .single_video_here .middle {
        width: 100%;
        margin: auto;
    }
    .video-wrapper {
    height: auto;
}
    #single_video .single_video_here .middle .video-wrapper {
        max-width: 100%;
    }
    #single_video .single_video_here .imgOverlay img {
        object-fit: contain;
    }
    .imgSvgOverlay svg {
        width: 60px;
        height: 60px;
    }
    #single_video .single_video_here .right {
        flex-direction: row;
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 350px) {
    #single_video .single_video_here .imgOverlay img {
        object-fit: cover !important;
    }
    #single_video .single_video_here .right img {
        max-width: 80px !important;
    }
}
@media (min-width: 351px) and (max-width: 500px) {
    #single_video .single_video_here .right img {
        max-width: 100px !important;
    }
}
@media (min-width: 501px) and (max-width: 766px) {
    #single_video .single_video_here .right img {
        max-width: 150px !important;
    }
}
@media (min-width: 767px) and (max-width: 900px) {
    #single_video .single_video_here .right img {
        max-width: 200px !important;
    }
}



/* White Bock with Corners */
#white_bock_with_corners .btn.top {
    margin: auto auto 55px auto;
    border: 0px solid #204864;
    background: transparent;
}
#white_bock_with_corners {
    background: #204864;
    padding-bottom: 5rem;
    padding-top: 5rem;
}
#white_bock_with_corners .white_bock_with_corners_border {
    border-radius: 200px 0 200px 0;
    background: #F1F4F5;
    padding-top: 130px;
}
#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .title {
    color: #2E4B58;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
    margin-bottom: 60px;
    width: 60%; 
}
#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .title strong {
    color: #F8C670;
}
#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .text {
    color: #2E4B58;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 2rem;
}
#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .text strong {
    font-weight: 700;
}
#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top {
    display: flex;
    gap: 5rem;
    max-height: 520px;
    align-items: center;
}
#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box {
    border: 1px solid #345168;
    background: #FFF;
    padding: 24px;
    max-height: 315px;
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box .box_title {
    color: #2E4B58;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
}
#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box .box_text {
    color: #2E4B58;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
}
#white_bock_with_corners .video-wrapper {
    height: 520px;
    width: 50%;
}
#white_bock_with_corners .bottom .swiper-two {
    overflow: hidden;
    margin-top: 2rem;
}
#white_bock_with_corners .bottom .swiper-two .swiper-slide {
    display: flex;
    gap: 4rem;
    align-items: center;
}
#white_bock_with_corners .bottom .swiper-two .swiper-slide .box {
    border: 1px solid #345168;
    background: #FFF;
    width: 100%;
    max-width: 730px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}
#white_bock_with_corners .bottom .swiper-two .swiper-slide .box_title {
    color: #2E4B58;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px; 
}
#white_bock_with_corners .bottom .swiper-two .swiper-slide .sub {
    color: #2E4B58;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; 
}
#white_bock_with_corners .bottom .swiper-two .swiper-slide .box_text {
    color: #2E4B58;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 24px; 
}
#white_bock_with_corners .bottom .swiper-two .swiper-slide .spotify {
    width: 100%;
}
#white_bock_with_corners .bottom .swiper-two .swiper-slide .spotify iframe {
    max-height: 240px;
}
    #white_bock_with_corners .bottom .navBtns-two {
        display: flex;
        flex-direction: row-reverse;
        position: relative;
        width: 120px;
        height: 100px;
        gap: 1.5rem;
        margin: 2rem auto;
    }
    #white_bock_with_corners .bottom  .navBtns-two .swiper-button-next-two svg {
        transform: rotateY(180deg);
    }
    #white_bock_with_corners .bottom  .navBtns-two .swiper-button-next-two, #white_bock_with_corners .bottom .navBtns-two .swiper-button-prev-two {
        background: #FFF;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }
    #white_bock_with_corners .bottom  .navBtns-two .swiper-button-next-two:hover, #white_bock_with_corners .bottom .navBtns-two .swiper-button-prev-two:hover {
        background: #BECEDB;
        width: 40px;
        height: 40px;
    }
    #white_bock_with_corners .bottom  .navBtns-two .swiper-button-next-two svg, #white_bock_with_corners .bottom .navBtns-two .swiper-button-prev-two svg {
        /* padding: 0.5rem; */
        width: 30px;
        height: 30px;
    }

@media (min-width: 1001px) and (max-width: 1125px) {
    #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top {
        gap: 2rem;
    }
    #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box .box_title {
        font-size: 40px;
    }
    #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box .box_text {
        font-size: 28px;
    }
}

@media screen and (max-width: 1440px) {
	#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .title,
	#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box .box_title,
	#white_bock_with_corners .bottom .swiper-two .swiper-slide .box_title {
		font-size: 32px;
		line-height: 42px;
	}
	
	#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .text,
	#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box .box_text,
	#white_bock_with_corners .bottom .swiper-two .swiper-slide .sub {
		font-size: 24px;
		line-height: 32px;
	}
}

@media (max-width: 1000px) {
    #white_bock_with_corners {
        padding-top: 0;
    }
    #white_bock_with_corners .white_bock_with_corners_border {
        border-radius: 60px 0 0 0;
        padding-top: 30px;
    }
    #white_bock_with_corners .btn.top {
        margin: 32px auto 24px auto;
    }
    #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .title {
        width: 100%;
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 1.5rem;
    }
    #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .text {
        font-size: 20px;
        line-height: normal;
        margin-bottom: 1.5rem;
    }
    #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top {
        max-height: 100%;
        flex-direction: column;
        gap: 1.5rem;
    }
    #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box .box_title {
        font-size: 26px;
        line-height: 32px;
    }
    #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box .box_text {
        font-size: 20px;
        line-height: 24px;
    }
    #white_bock_with_corners .video-wrapper {
        max-width: 100%;
    }
    #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box {
        max-width: 100%;
    }
    #white_bock_with_corners .bottom .swiper-two .swiper-slide {
        flex-direction: column;
        gap: 1.5rem;
    }
    #white_bock_with_corners .bottom .swiper-two .swiper-slide .box {
        max-width: 100%;
    }
    #white_bock_with_corners .bottom .swiper-two .swiper-slide .box_title {
        font-size: 26px;
        line-height: 32px;
    }
    #white_bock_with_corners .bottom .swiper-two .swiper-slide .sub {
        font-size: 20px;
        line-height: 24px;
    }
    #white_bock_with_corners .bottom .swiper-two .swiper-slide .box_text {
        font-size: 18px;
        line-height: 24px;
    }
    #white_bock_with_corners .bottom .navBtns-two {
        height: 80px;
        margin: 0 auto;
    }
}


/* Two White Blocks with Video */
#two_white_blocks_with_video {
    background: #204864;
    padding-bottom: 5rem;
    margin-top: -3rem;
}
#two_white_blocks_with_video .btn.blue {
    margin: 0px auto 45px auto;
    border: 0px solid #FFF;
    background: transparent;
}
.two_white_blocks_with_video_here .top {
    display: flex;
    align-items: end;
    margin-bottom: 2rem;
    gap: 1rem;
}
.two_white_blocks_with_video_here .top p {
    color: #FFF;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px; 
}
.two_white_blocks_with_video_here .boxes {
    display: flex;
    gap: 60px;
    justify-content: space-between;
}
.two_white_blocks_with_video_here .boxes .box {
    background: #FFF;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    gap: 50px;
    position: relative;
    transition: .5s all ease-in-out;
    width: 50%;
}
.two_white_blocks_with_video_here .boxes .box .left {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 40%;
}
.two_white_blocks_with_video_here .boxes .box .right {
	width: 60%;
}
.two_white_blocks_with_video_here .boxes .box .left .box_title {
    color: #2E4B58;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; 
    margin-bottom: -0.5rem;
}
.two_white_blocks_with_video_here .boxes .box .left .box_sub {
    color: #2E4B58;
    font-size: 20px;
    font-style: italic;
    font-weight: 700;
    line-height: 24px;
}
.two_white_blocks_with_video_here .boxes .box .left .box_text {
    color: #2E4B58;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}
.two_white_blocks_with_video_here .boxes .box .left .img {
    position: absolute;
    opacity: 1;
    left: 1.5rem;
    bottom: 1rem;
    transition: .5s all ease-in-out;
    max-height: 160px;
    width: auto;
    height: 100%;
}
.two_white_blocks_with_video_here .boxes .box .left .img_hover {
    position: absolute;
    opacity: 0;
    left: 1.5rem;
    bottom: 1rem;
    transition: .5s all ease-in-out;
    max-height: 160px;
    width: auto;
    height: 100%;
}
.two_white_blocks_with_video_here .boxes .box:hover {
    background: #BECEDB;
    transition: .5s all ease-in-out;
}
.two_white_blocks_with_video_here .boxes .box:hover .left .img {
    opacity: 0;
    transition: .5s all ease-in-out;
}
.two_white_blocks_with_video_here .boxes .box:hover .left .img_hover {
    opacity: 1;
    transition: .5s all ease-in-out;
}
.two_white_blocks_with_video_here .boxes .box .video-wrapper {
    height: 350px;
}
 .video-wrapper svg path:nth-child(1) {
    fill: #BECEDB;
    transition: .5s all ease-in-out;
}
.video-wrapper:hover svg path:nth-child(1) {
    fill: #204864;
    transition: .5s all ease-in-out;
}

@media screen and (max-width: 1440px) {
	.two_white_blocks_with_video_here .top p {
		font-size: 32px;
		line-height: 42px;
	}
	
	.two_white_blocks_with_video_here .boxes .box .left .box_title {
		font-size: 24px;
		line-height: 32px;
	}
}

@media (min-width: 1001px) and (max-width: 1250px) {
    .two_white_blocks_with_video_here .boxes .box {
        gap: 10px;
    }
    .two_white_blocks_with_video_here .boxes .box .left {
        width: 85%;
    }
    .two_white_blocks_with_video_here .boxes .box .left .img {
        max-width: 100px;
        max-height: 80px;
        height: auto;
    }
    .two_white_blocks_with_video_here .boxes .box .left .img_hover {
        max-width: 100px;
        max-height: 80px;
        height: auto;
    }
}
@media (max-width: 1000px) {
    #two_white_blocks_with_video {
        margin-top: -5rem;
        padding-bottom: 3rem;
    }
    #two_white_blocks_with_video .btn.blue {
        margin-bottom: 20px;
    }
    .two_white_blocks_with_video_here .top img {
        display: none;
    }
    .two_white_blocks_with_video_here .top p {
        font-size: 26px;
        line-height: 32px;
    }
    .two_white_blocks_with_video_here .boxes {
        flex-direction: column;
        gap: 1.5rem;
    }
    .two_white_blocks_with_video_here .boxes .box {
        flex-direction: column;
        gap: 10px;
        height: 100%;
    }
    .two_white_blocks_with_video_here .boxes .box .left .box_title {
        font-size: 24px;
        line-height: 24px;
        order: 2;
    }
    .two_white_blocks_with_video_here .boxes .box .left .box_sub {
        font-size: 18px;
        line-height: 24px;
        order: 3;
    }
    .two_white_blocks_with_video_here .boxes .box .left .box_text {
        font-size: 16px;
        line-height: 24px;
        order: 4;
    }
    .two_white_blocks_with_video_here .boxes .box .video-wrapper {
    height: auto;
}
    .two_white_blocks_with_video_here .boxes .box .left .img_hover {
        display: none;
    }
    .two_white_blocks_with_video_here .boxes .box .left .img {
        display: block;
        position: relative;
        order: 1;
        width: fit-content;
        left: auto;
        bottom: auto;
        max-height: 160px;
    }
    .two_white_blocks_with_video_here .boxes .box .right {
        text-align: center;
    }
    .two_white_blocks_with_video_here .boxes .box .right .imgOverlay img {
        object-position: center;
    }
}
@media (max-width: 550px) {
    .two_white_blocks_with_video_here .boxes .box .left .img {
        max-height: 80px !important;
    }
    .two_white_blocks_with_video_here .boxes .box .right {
        text-align: left;
    }
}


/* Infographic */
#infographic {
    background: linear-gradient(180deg, #204864 0%, #C5CED8 47.13%, #F1F4F5 100%);
    padding: 100px 0;
}
#infographic .infographic_main {
    background: #F1F4F5;
    margin: 0 100px;
    padding: 50px 0;
}
#infographic .infographic_main .btn.white.first {
    margin: 0px auto 45px auto;
    border: 0px solid #204864;
    background: transparent;
}

#infographic .infographic_main .title {
    text-align: center;
    margin: 32px auto 60px auto;
}
#infographic .infographic_main .title p {
    color: #2E4B58;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px; 
}
#infographic .infographic_main .title p strong {
    color: #F8C670;
}
#infographic .infographic_main .infographic_here .rows {
    display: flex;
    align-items: center;
    gap: 75px;
    margin-bottom: 2rem;
}
#infographic .infographic_main .infographic_here .rows .one {
    background: #E0E8EF;
    transition: .3s all ease-in-out;
    position: relative;
    width: 95%;
    text-align: center;
}
#infographic .infographic_main .infographic_here .rows .one:hover {
    background: #FFF;
    transition: .3s all ease-in-out;
}
#infographic .infographic_main .infographic_here .rows .one .img_main {
    margin: auto;
    width: 100%;
    height: 100%;
    max-width: 350px;
    padding: 1rem;
}
#infographic .infographic_main .infographic_here .rows .one #infographicBtn {
    position: absolute;
    bottom: 20px;
    right: 20px;
}
#infographic .infographic_main .infographic_here .rows .one #infographicBtn .btn_img {
    position: relative;
    z-index: 10;
}
#infographic .infographic_main .infographic_here .rows .one #infographicBtn::before {
    content: "";
    width: 47px;
    height: 47px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #F8C670;
    z-index: 1;
    position: absolute;
    border-radius: 100px;
    transition: .3s all ease-in-out;
}
#infographic .infographic_main .infographic_here .rows .one:hover #infographicBtn::before {
    background-color: #BECEDB;
    transition: .3s all ease-in-out;
}
#infographic .infographic_main .infographic_here .rows .two {
    border: 1px solid #F8C670;
    background: #FFF;
    padding: 1.5rem;
    width: 92%;
    height: fit-content;
}
#infographic .infographic_main .infographic_here .rows .two .row_title p {
    color: #2E4B58;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; 
    margin-bottom: 1.5rem;
}
#infographic .infographic_main .infographic_here .rows .two .row_title p strong {
    color: #F8C670;
}
#infographic .infographic_main .infographic_here .rows .two .row_text p {
    color: #2E4B58;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; 
}
#infographic .infographic_main .infographic_here .rows:nth-child(2),
#infographic .infographic_main .infographic_here .rows:nth-child(4),
#infographic .infographic_main .infographic_here .rows:nth-child(6),
#infographic .infographic_main .infographic_here .rows:nth-child(8) {
    flex-direction: row-reverse;
}
#infographic .infographic_main .btn.white.second {
    margin: 2rem auto 0 auto;
}
/* POP UP HERE FOR INFOGRAPHIC */
#popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}
#popup.active {
    display: flex;
}
.popup-content {
    position: relative;
    width: 90%;
    height: 90%;
    background: white;
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}
#popup .close {
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 2rem;
    color: #2E4B58;
    cursor: pointer;
    background-color: #BECEDB;
    border: none;
    border-radius: 100px;
    width: 50px;
    height: 50px;
}
#mainContainer .toolbar {
    display: none !important;
}

@media screen and (max-width: 1440px) {
	#infographic .infographic_main .title p {
		font-size: 32px;
		line-height: 42px;
	}
	
	#infographic .infographic_main .infographic_here .rows .two .row_title p {
		font-size: 24px;
		line-height: 32px;
	}
	
	#infographic .infographic_main .infographic_here .rows .two .row_text p {
		font-size: 18px;
		line-height: 24px;
	}
}


@media (max-width: 1000px) {
    #infographic {
        padding: 0px 0;
    }
    #infographic .infographic_main {
        margin: 0;
        padding: 20px 0;
        background-color: transparent;
    }
    #infographic .infographic_main .btn.white.first {
        background-color: #FFF;
    }
    #infographic .infographic_main .title {
        margin: 2rem auto 1.5rem auto;
        text-align: left;
    }
    #infographic .infographic_main .title p {
        font-size: 26px;
        line-height: 32px;
        color: #FFF;
    }
    #infographic .infographic_main .infographic_here .rows .two .row_title p {
        font-size: 24px;
        line-height: 40px; 
    }
    #infographic .infographic_main .infographic_here .rows .two .row_text p {
        font-size: 20px;
        line-height: 32px; 
    }
    #infographic .infographic_main .infographic_here .rows {
        flex-direction: column-reverse;
        gap: 1.5rem;
    }
    #infographic .infographic_main .infographic_here .rows:nth-child(2),
    #infographic .infographic_main .infographic_here .rows:nth-child(4),
    #infographic .infographic_main .infographic_here .rows:nth-child(6),
    #infographic .infographic_main .infographic_here .rows:nth-child(8) {
        flex-direction: column-reverse;
    }
    #infographic .infographic_main .infographic_here .rows .one {
		width: 100%;
		height: auto;
	}
    #infographic .infographic_main .infographic_here .rows .two {
        width: 100%;
    }
    #infographic .infographic_main .infographic_here .rows .one .img_main {
        padding: 40px;
    }
    #infographic .infographic_main .infographic_here .rows .one #infographicBtn .btn_img {
        width: 60px;
        height: auto;
    }
    #infographic .infographic_main .infographic_here .rows .one #infographicBtn::before {
        width: 27px;
        height: 27px;
    }
}


/* Numbers */
#numbers {
    background: #F1F4F5;
    padding-bottom: 9.5rem;
}
#numbers .title {
    color: #2E4B58;
    text-align: center;
    font-size: 48px;
    font-style: italic;
    font-weight: 700;
    line-height: 60px;
    margin: 50px auto 30px auto;
    width: 60%;
}
#numbers .numbers_here {
    display: flex;
    justify-content: center;
    gap: 60px;
}
#numbers .numbers_here .number {
    position: relative;
}
#numbers .numbers_here .number .sub {
    color: #2E4B58;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; 
    margin-top: 50px;
    text-align: center;
}
#numbers .numbers_here .number .icon {
    position: relative;
    content: "";
    width: 310px;
    height: 320px;
    margin: auto;
}
#numbers .numbers_here .number .icon .img {
    transition: .4s all ease-in-out;
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#numbers .numbers_here .number .icon .img_hover {
    transition: .4s all ease-in-out;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#numbers .numbers_here .number .icon:hover .img  {
    transition: .4s all ease-in-out;
    opacity: 0;
}
#numbers .numbers_here .number .icon:hover .img_hover {
    transition: .4s all ease-in-out;
    opacity: 1;
}

@media screen and (max-width: 1440px) {
	#numbers .title {
		font-size: 32px;
		line-height: 42px;
}

@media (min-width: 1001px) and (max-width: 1300px) {
    #numbers .numbers_here .number .icon {
        width: 210px;
        height: 220px;
    }
}
@media (max-width: 1000px) {
    #numbers {
        padding-bottom: 3.5rem;
    }
    #numbers .title {
        width: 100%;
        font-size: 26px;
        line-height: 32px;
    }
    #numbers .numbers_here {
        gap: 1.5rem;
    }
    #numbers .numbers_here .number .sub {
        font-size: 20px;
        line-height: 40px;
    }
    #numbers .numbers_here .number .icon {
        width: 190px;
        height: 200px;
    }
}
@media (max-width: 767px) {
    #numbers .numbers_here {
        flex-direction: column;
        gap: 1.5rem;
    }
     #numbers .numbers_here .number .icon {
        margin: auto;
     }
     #numbers .numbers_here .number .sub {
        margin-top: 1.5rem;
     }
}







.media-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}
	
	@media screen and (max-width: 1200px) {
		#single_video .single_video_here {
			gap: 50px;
		}
	}
	
	
	
/* FORM HERE */
#form {
    background: linear-gradient(180deg, #F1F4F5 0%, #204864 100%);
}
#form .title {
    color: #2E4B58;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px; 
    width: 50%;
    margin: 2rem 0;
}
#form .title strong {
    color: #F8C670;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 60px;
}

#form .formHere {
    display: flex;
    gap: 3rem;
}

#form .formHere .right {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    max-width: 530px;
}

#form .formHere .right .box {
    /*background: #EDF0F7;*/
    padding: 25px;
}

#form .formHere .right .box p {
    color: #204864;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

#form .formHere .right .box p strong {
    color: #204864;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px; 
}

#form .formHere .right .box p a {
    text-decoration: none;
    padding: 25px 0;
    color: #204864;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}
#form .formHere .right .box.one {
    background-color: #EDF0F7;
}
#form .formHere .right .box.two {
    background-color: #E0E8EF;
}
#form .formHere .right .box.three {
    background-color: #BECEDB;
}
#form .formHere .right .box.three p {
    text-align: center;
}
#form .formHere .right .box.three p a {
    font-weight: 700;
    text-decoration: underline;
}

#form .formHere .left {
    width: 100%;
}

#form .formHere .left .formMain {
    background: #FFF;
    padding: 60px 100px;
}

#form .formHere .left .formMain input {
    border: none;
    border-bottom: 1px solid #2E4B58;
    width: 100%;
}
#form .formHere .left .formMain textarea {
    border: 1px solid #2E4B58;
}

#form .formHere .left .formMain textarea {
    width: 100%;
    margin-top: 2rem;
}

#form .formHere .left .formMain .first_row {
    display: flex;
    gap: 1.5rem;
}
#form .formHere .left .formMain .first_row p {
    width: 100%;
}

 #form input:focus, #form textarea:focus {
    outline: none !important;
}

#form .formHere .left .formMain label {
    color: #2E4B58;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; 
}
#form .formHere .left .formMain label span {
    color: #2E4B58;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; 
}

#form .formHere .left .formMain label span.label-textarea {
    margin-left: 12px !important;
}

#form .formHere .left .formMain .last_row .wpcf7-form-control-wrap label {
    display: flex !important;
    align-items: center;
    gap: 1rem;
    
}
#form .formHere .left .formMain .last_row .wpcf7-form-control-wrap label span {
    color: #2E4B58;
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 24px; 
}
#form .formHere .left .formMain .last_row .wpcf7-form-control-wrap label span a {
    color: #2E4B58;
    font-style: normal;
    line-height: 24px; 
    text-decoration: none;
}
#form .formHere .left .formMain .last_row .wpcf7-form-control-wrap input {
    width: 30px;
    height: 30px;
}
#form .formHere .left .formMain .last_row .btn {
    margin: 15px 0 auto auto;
}

#form .formHere .left .formMain .wpcf7-submit {
    display: block;
    width: fit-content;
    margin: auto;
}
.wpcf7 label {
  position: relative;
  display: block;
  padding-top: 0px;
}

.wpcf7 .label-text {
  position: absolute;
  left: 12px;
  bottom: 10px;              
  transform: translateY(0);
  transition: transform .22s ease, opacity .22s ease, font-size .22s ease;
  opacity: 1;
  pointer-events: none;  
  z-index: 1;
}

.wpcf7 label:focus-within .label-text {
  transform: translateY(-25px);
  font-size: 13px;
  opacity: 0.5;
}

.wpcf7 label.filled .label-text {
  transform: translateY(-25px);
  font-size: 13px;
  opacity: 0.5;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  padding: 12px;
  box-sizing: border-box;
  font-size: 16px;
}

.wpcf7 .third_row .label-text {
    bottom: auto !important;
    top: 20px !important;
}
.wpcf7 .third_row label.filled .label-text {
    transform: translateY(0px) !important;
}
.wpcf7 .third_row label:focus-within .label-text {
    transform: translateY(0px) !important;
}

@media (min-width: 1001px) and (max-width: 1500px) {
    #form .formHere .right {
        width: 60%;
    }
}

@media (max-width: 1000px) {
    #form .title {
        font-size: 26px;
        line-height: 32px;
        width: 100%;
    }
    #form .title strong {
        font-size: 26px;
        line-height: 32px;
    }
    #form .formHere {
        flex-direction: column;
    }
    #form .formHere .right {
        width: 100%;
        max-width: 100%;
    }
    #form .formHere .right .box p {
        font-size: 20px;
        line-height: 24px;
    }
    #form .formHere .right .box strong {
        font-size: 20px;
        line-height: 24px;
    }
    #form .formHere .left .formMain label {
        font-size: 20px;
        line-height: 32px;
    }
    #form .formHere .left .formMain label span {
        font-size: 20px;
        line-height: 32px;
    }
    #form .formHere .left .formMain .first_row {
        flex-direction: column;
        gap: 0;
    }
}
@media (max-width: 767px) {
    #form .formHere .left .formMain {
        padding: 20px;
    }
}
	
	.media-container {
    width: 100%;
}
	
	.white_bock_with_corners_border > a,
	.zp_hidden_btn{
    display: none;
}
	
	
	@media screen and (max-width: 1360px) {
		#infographic .infographic_main {
			margin: 0;
		}
		
		.two_white_blocks_with_video_here .boxes .box {
			gap: 16px;
			flex-direction: column;
		}
		
		.two_white_blocks_with_video_here .boxes .box .left {
			width: 100%;
		}
		
		.two_white_blocks_with_video_here .boxes .box .left .img {
			position: relative;
			opacity: 1;
			left: auto;
			bottom: auto;
			transition: .5s all ease-in-out;
			max-height: 160px;
			width: auto;
			height: 100%;
		}
		
		.two_white_blocks_with_video_here .boxes .box .right {
			width: 100%;
		}
		
		p.box_text {
			display: none;
		}
		
		#two_white_blocks_with_video {
			padding-bottom: 0;
			margin-top: 0;
		}
		
		#infographic .infographic_main {
			padding: 40px 0;
		}
		#form .title,
		#form .title strong{
			font-size: 32px !important;
			line-height: 42px !important;
		}
		
		#form .formHere .left .formMain {
			padding: 20px 20px !important;
		}
		
		#form .formHere .left .formMain label span {
			font-size: 18px !important;
			line-height: 24px !important;
		}
		
		.wpcf7 label {
			padding-top: 0px !important;
		}
		
		.wpcf7 .third_row .label-text {
			top: 20px !important;
		}
		#form .formHere .right .box p strong,
		#form .formHere .right .box p,
		#form .formHere .right .box p a {
			font-size: 20px !important;
			line-height: 27px !important;
		}
		#numbers .numbers_here .number .sub {
    font-size: 24px !important;
    line-height: 28px !important;
    margin-top: 16px !important;
}
		
		#numbers .title {
    font-size: 24px !important;
    line-height: 32px !important;
}
		
		.two_white_blocks_with_video_here .top p {
		font-size: 24px !important;
		line-height: 32px !important;
	}
		p.zp_two_white_blocks_with_video_text {
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 32px !important;
}
		
		#infographic .infographic_main .title p {
    font-size: 24px !important;
    line-height: 32px !important;
}
		
		#infographic .infographic_main .infographic_here .rows .two .row_title p {
    font-size: 20px !important;
    line-height: 26px !important;
}
		
		#single_video .single_video_here .right {
			position: absolute;
			right: 0;
			z-index: 9;
		}
		#single_video .single_video_here .middle {
    position: relative;
    z-index: 10;
}
		
		#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .title, #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box .box_title, #white_bock_with_corners .bottom .swiper-two .swiper-slide .box_title {
    font-size: 24px !important;
    line-height: 32px !important;
}
		a .btn.white {
    font-size: 17px !important;
}
	#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top {
    gap: 2rem !important;
}	
		#white_bock_with_corners .video-wrapper {
    height: auto;
    width: 50%;
}
		.video-wrapper .video-wrapper-here iframe {
    width: 100%;
    height: 310px;
}
		
		#white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .text, #white_bock_with_corners .white_bock_with_corners_border .white_bock_with_corners_here .top .white_bock_with_corners_box .box_text, #white_bock_with_corners .bottom .swiper-two .swiper-slide .sub {
    font-size: 19px;
    line-height: 24px;
}
		
		#white_bock_with_corners .bottom .swiper-two .swiper-slide {
    gap: 2rem;
}
		.youtube-video-wrapper iframe {
    height: 310px;
}
		#single_video {
    padding-bottom: 1rem;
    padding-top: 0;
}
		
		
	}
	
	@media screen and (max-width: 992px) {
			#single_video .single_video_here .right {
				position: relative;
				right: 0;
			}
		}