/*
Theme Name: Avançar
Theme URI: 
Author: Sybo 
Author URI: https:/sybo.pt
Description: Template Avançar
Version: 1.0
Text Domain: avancar
*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100..900&display=swap');
@import url("https://use.typekit.net/jeb3xmm.css");

.century { font-family: "century-gothic",sans-serif; }
.poppins{font-family: "Poppins", sans-serif;}
html{height: 100%;}
body{font-family: "Outfit", sans-serif;background: #F2FAFE;  margin-top: 120px; font-optical-sizing: auto;font-style: normal;   overflow-x: hidden; }
a{text-decoration: none;}
.z-index10{z-index: 10;}



.social-btn{width: 45px; height: 45px; line-height: 45px; text-align: center; padding: 0px !important;}
.social-btn:hover{opacity: 0.8;}

.no-scroll {overflow: hidden;}
.container-extended { max-width: 1591px; }

@media (max-width: 1620px) {
    .container-extended {
        max-width: 100%; 
    }
}

.img-team{margin-left: -30px;}
.clear{clear: both;}
.mt-n-100{margin-top: -100px;}

.mh-190{min-height: 190px;}
.mh-blog{min-height: 165px;}
.number-box { width: 60px; height: 58px; min-width: 60px; min-height: 58px; }

#wpforms-field-limit-text-276-3{display: none;}

.highlight .first { padding-left: 15px; padding-right: 45px; margin-left: -15px; }
.highlight span { background-color: #FFBB2B; display: inline-block; height: 41px; border-radius: 5px; line-height: 0.5; letter-spacing: 3px; }
.highlight .second { padding-left: 15px; padding-right: 100px; margin-left: -15px; margin-top: 7px; padding-top: 0px; }


/* Backgrounds & Colors */
a:hover > .bg-light-blue:hover{background: #589DFE; color: #fff;}
.bg-light-blue{background: #C6E3FF;}
.bg-blue{background: #589DFE;}
.bg-dark-blue{background: #013C72;}
.bg-footer{background: #163c6b;}
.bg-pink{background: #EC0064;}
.bg-clean{background:#F2FAFE;}
.bg-yellow{background: #FFD051}
.bg-orange{background: #FAB930}
.color-grey{color: #818181}
.border-pink{border-color: #EC0064 !important;}
.border-yellow{border-color: #FFD051 !important;}
.border-grey{border-color: #B0B0B0 !important;}
.border-blue{border-color: #013C72 !important;}
.text-blue{color: #013C72 !important;}
.link-dark-blue{color: #013C72;}
.text-grey{color: #1b1b1b;}
.fs-20{font-size: 20px;}
.fs-22{font-size: 22px;}
.fs-18{font-size: 18px;}
.fs-16{font-size: 16px;}
.fs-12{font-size: 12px;}
.fs-13{font-size: 13px;}
.lh-114{line-height: 114%;}
.lh-130{line-height: 130%;}
.ls-1{letter-spacing: 1.08px;}
.fs-24{font-size: 24px;}
.fs-28{font-size: 28px;}
.fs-30{font-size: 30px;}
.fs-36{font-size: 36px; line-height: 45px;}
.fs-40{font-size: 40px;}
.fs-48{font-size: 48px;}
.fs-52{font-size: 52px;}
.fw-500{font-weight: 500;}
.pt-lg-140{padding-top: 120px;}
.mb-lg-100{margin-bottom: 100px;}
.fw-600{font-weight: 600;}
.lh-132{line-height: 132%;}

@media (min-width: 990px){
    .mapinfoleft{left: 0; top: 50%; transform: translateY(-50%);}
    .mapinforight{right: 0; top: 50%; transform: translateY(-50%);}
}

.lts-113{letter-spacing: 1.13px;}
.w-300{width: 300px;}
.cat-links ul li:hover{opacity: 0.8;}

.bg-yellow{background: #FFD051}
.pt-100{padding-top: 100px;}
.pt-200{padding-top: 200px;}
.ps-100{padding-left: 100px;}

a.pdfopen{color: #5F5F5F; font-size: 14px; border-bottom: 2px solid #5F5F5F; }
/* Header */
.shadowlight{ box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
.shadowextralight{ box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);}
.star-svg { filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.05)) !important; }

.search-icon{width: 30px; height: 30px; line-height: 25px;}
.search-icon:hover{cursor: pointer; background: #173D6D;}
.search-icon:hover svg path{fill: #fff;}

#menu-header { height: 81px; margin-bottom: 0px; }
ul.menu li { text-transform: uppercase; margin: 0 10px; height: 100%; line-height: 73px; border-top: 5px solid transparent !important; }
ul.menu li a { color: #013C72; font-weight: 600; font-size: 15px; text-decoration: none; display: block; }
ul.menu li a:hover { color: #013C72; }
ul.menu li:hover { border-top: 5px solid #FFBB2B !important; }
ul.menu li.current-menu-item { text-transform: uppercase; border-top: 5px solid #FFBB2B !important; }

.menu-mobile:hover svg rect{fill: #FAB930;}

.fixed-menu { position: fixed; top: 0; width: 100%; z-index: 1000; }
.fixed-book { position: fixed; bottom: 0; width: 100%; padding: 20px; z-index: 1000; }

/* Menu */
nav#ddfullscreenmenu{ width: 100%; height: 100%; visibility: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transform: scale(0.9); transform: scale(0.9); background: #C6E3FF; display: -webkit-box; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; padding-top: 10px; z-index: 100000; opacity: 0; overflow: hidden; overflow-y: auto; text-align: center; -webkit-transition: visibility 0s 0.5s, opacity 0.5s, -webkit-transform 0.5s; transition: visibility 0s 0.5s, opacity 0.5s, transform 0.5s; }
nav#ddfullscreenmenu:before{content: ''; background-image: url('images/arrow-menu.svg'); position: absolute; left: 0px; width: 70px; height: 91px; z-index: 10; top: 45%; transform: translateY(10px);} nav#ddfullscreenmenu:after{content: ''; background-image: url('images/arrow-yellow-menu.svg'); position: absolute; left: 0px; width: 72px; height: 85px; z-index: 10; top: 50%; left: 70%; transform: translateY(10px);}
nav#ddfullscreenmenu.openmenu{ visibility: visible; -webkit-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition-delay: 0s; -transition-delay: 0s; }
nav#ddfullscreenmenu div#closex{ ; overflow: hidden; display: block; position: absolute; cursor: pointer; text-indent: -1000px; z-index: 10; top: 15px; right: 15px; }
div#ulwrapper{ position: relative; margin: 120px auto; }
nav#ddfullscreenmenu ul{ list-style: none; margin: 0; padding: 0; position: relative; width: 100%; max-height: 100%; -webkit-transition: all 0.5s .1s; transition: all 0.5s .1s; }
nav#ddfullscreenmenu ul li{ margin-bottom: 15px; position: relative; display: block; }
nav#ddfullscreenmenu ul.submenu{ position: absolute; top: 0; left: 0; opacity: 0; pointer-events: none; transform: translate3d(100%, 0, 0); }
nav#ddfullscreenmenu ul li a,nav#ddfullscreenmenu ul li.breadcrumb{text-decoration: none; color: #013C72; text-transform: uppercase; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); padding: 5px 10px; display: block; font-size: 24px; cursor: pointer; background: transparent; }
nav#ddfullscreenmenu ul li.breadcrumb { position: relative; color: #EC0064; text-transform: uppercase; margin-bottom: 35px; font-size: 20px; }
nav#ddfullscreenmenu ul li.breadcrumb:before{ content: '< '; position: absolute; top: 17%; margin-left: -30px; font-size: 18px; }
nav#ddfullscreenmenu ul li a:hover{ color: #fff; border-radius: 5px; background: #EC0064; }
nav#ddfullscreenmenu ul li a:hover::before { content: ""; position: absolute; left: -70px; top: 0; bottom: 0; border-radius: 5px; width: calc(100% + 70px); background: #EC0064; z-index: -1;}
nav#ddfullscreenmenu ul.hidemenu{ transform: rotateY(30deg) translateZ(-5px) !important; opacity: 0; pointer-events: none; }
nav#ddfullscreenmenu ul.showmenu{ transform: translate3d(0,0,0) !important; opacity: 1 !important; pointer-events: auto; }
.menu-item {position: relative; }
.sub-menu { display: none; position: absolute; top: 100%; left: -20px; min-width: 120px; background-color: #C6E3FF; padding: 0; line-height: initial; margin: 0; list-style: none; z-index: 1000; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.08); }
.readmore:hover{text-decoration: underline;}

ul.sub-menu li a { width: 100%; margin: 0px; line-height: initial; text-align: center; }

.sub-menu .menu-item {}

ul.sub-menu li{ border-bottom: 1px solid #013C72; padding: 10px 0px; line-height: 0px !important; margin: 0px; width: 100%; border-top: 2px solid transparent !important;}
ul.sub-menu li:last-child{border-bottom: 0px !important;}

ul.sub-menu li:hover{ background: #013C72; border-top: 2px solid transparent !important; }
ul.sub-menu li:hover a{ color: #fff; }
.sub-menu .menu-item a { padding: 0; text-decoration: none; }
.menu-item.menu-item-has-children:hover .sub-menu {display: block;}

.wpforms-form input[type=submit], 
.wpforms-form button[type=submit]{ height: 50px !important; width: 100% !important; min-height: 50px !important; padding: 0px !important; line-height: 50px !important; box-shadow: 0 4px 10px 0 rgba(88, 157, 254, 0.3) !important; background: linear-gradient(to right, #5AF47C, #33C653) !important; font-size: 16px !important; color: #173D6D !important; font-family: "Poppins", sans-serif !important; font-weight: 600 !important; transition: all 0.3s ease; border-radius: 999px !important; border: 0px !important;}


.btn-green{font-family: "century-gothic",sans-serif; height: 50px; min-height: 50px; line-height: 50px; box-shadow: 0 4px 10px 0 rgba(88, 157, 254, 0.3); background: linear-gradient(to right, #5AF47C, #33C653); font-size: 16px; color: #173D6D; font-weight: 600; transition: all 0.3s ease; }
.btn-green:hover{background: linear-gradient(to right, #D1E8FF, #74BBFF); }
.btn-green-big{height: 62px !important; min-height: 62px !important;  line-height: 62px !important; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); padding: 0px 40px;}

.h-67{min-height: 67px !important; height: 67px !important;}

.content-border { display: inline-flex; align-items: center; border-bottom: 4px solid #EC0064; padding-bottom: 2px; }
.content-border svg {margin-right: 8px;}

.btn-border-yellow {font-size: 24px;    position: relative;background: #E6ECED;z-index: 1;height: 67px !important;line-height: 62px !important;border: 5px solid #FFD051;border-radius: 4px;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);}
.btn-border-pink {font-size: 22px; font-weight: 500; position: relative;background: transparent;z-index: 1;height: 67px !important;line-height: 57px !important;border: 5px solid #E50D65;border-radius: 4px;box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); padding: 0px 20px !important;}
.btn-border-green { position: relative; background: transparent; z-index: 1; border: 3px solid #33C653; border-radius: 4px; box-shadow: 0 0 0 3px #33C653; background-clip: padding-box; }

.btn-green-big-ebook:hover{background: #33C653 !important;}

.btn-border-green::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; background: linear-gradient(to right, #5AF47C, #33C653); pointer-events: none; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; }
.btn-border-yellow:hover{background: #FFD051 !important; cursor: pointer;}
.btn-border-pink:hover{background: #E50D65 !important; cursor: pointer; color: #fff !important;}

/* Hero Area */
.hero { position: relative; overflow: hidden; }
.hero::before { content: ""; position: absolute; left:0; top: 130px; width: 175px; height: 218px; background-image: url('images/arrow-down-hero.svg'); background-repeat: no-repeat; background-position: left center; z-index: -1; }
.hero-area h1 {line-height: 137%; letter-spacing: 1.08px; font-weight: 500; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);position: relative;}
.hero-area-about .intro {line-height: 137%; letter-spacing: 1.08px; font-weight: 500; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);position: relative;}
.hero-area h1 span {background: #C6E3FF; margin-top: 5px;  padding: 0px 10px; display: inline-block; border-radius: 10px;position: relative;left: -10px; margin-right: -20px;}
.hero-area-about .intro span {background: #C6E3FF; margin-top: 5px;  padding: 0px 10px; display: inline-block; border-radius: 10px;position: relative;left: -10px; margin-right: -20px;}
.hero-image{position: relative;}

.element { position: absolute; width: 131px; height: 106px; background-repeat: no-repeat; z-index: 2; }

/* Elements */
.arrows { background-image: url('images/multiple-arrows-hero.svg'); left: -575px; top: 244px; width: 908px; height: 429px; z-index: -2; }
.arrow-pink { background-image: url('images/arrow-pink-down.svg'); left: -70px; top: 530px; }
.big::after {z-index: 10; content: ''; background-image: url('images/arrow-pink-down-big.svg'); position: absolute; left: -140px; width: 230px; height: 185px; bottom: 80px; transform: translateY(10px);}

.glow-full::before { content: ''; background-image: url('images/glow-blue-full-right.svg'); position: absolute; right: 0px; width: 419px; height: 1091px; top: -500px; transform: translateY(10px);}

.feedbacks:before { content: ''; background-image: url('images/half-arrow-blue-left.svg'); position: absolute; left: 0px; width: 451px; height: 1092px; z-index: 2; top: -60%; transform: translateY(10px); }
.feedbacks-list::before { content: ''; background-image: url('images/logofooter.svg'); position: absolute; left: -125px; width: 144px; height: 47px; z-index: 3; top: 20%; transform: translateY(10px); }
.feedbacks-list::after { content: ''; background-image: url('images/glow-blue.svg'); position: absolute; right: -235px;  width: 573px; height: 573px; z-index: 0; top: 20%; transform: translateY(10px); }
.feedbacks-list div{position: relative; z-index: 4;}

.newsletter:after{z-index: 10; content: ''; background-image: url('images/arrow-pink-down-small.svg'); position: absolute; right: 100px; width: 151px; height: 121px; bottom: -25px; transform: translateY(10px);}

.ctafooter::before { content: ''; background-image: url('images/arrow-blue-left-half.svg'); position: absolute; left: 0; width: 197px; height: 246px; z-index: 0; top: -20%; transform: translateY(10px); }

.element-pattern-page-left{ content: ''; background-image: url('images/pattern-start.svg'); position: absolute; left: 0; width: 365px; height: 429px; z-index: -1; top: 14%; transform: translateY(10px);}
.element-pattern-page-right{ content: ''; background-image: url('images/multiple-arrows-hero.svg'); position: absolute; right: -200px; width: 908px; height: 428px; z-index: -1; top: 50%; transform: translateY(10px);}
.element-glow-page-right{ content: ''; background-image: url('images/glow-blue-full-right.svg'); position: absolute; top: 50%; right: 0px; width: 416px; height: 1091px; z-index:-1; transform: translateY(10px);}
.element-glow-logo-page-left{ content: ''; background-image: url('images/element-left-glow-logo.svg'); position: absolute; top: 60%; left: 0px; width:545px; height: 1091px; z-index:-1; transform: translateY(10px);}
.element-glow-logo-page-left-reorder{ content: ''; background-image: url('images/element-left-glow-logo-reorder.svg'); position: absolute; top: 60%; left: 0px; width:545px; height: 1136px; z-index:-1; transform: translateY(10px);}



.offers:after{ content: ''; background-image: url('images/multiple-arrows-hero.svg'); position: absolute; right: -200px; width: 908px; height: 428px; z-index: -1; top: 50%; transform: translateY(10px);}

.arrow-yellow { background-image: url('images/arrow-right-yellow.svg'); right: -33px; top: 290px; z-index: -3;}



.blog-articles:after { content: ''; background-image: url('images/arrow-right-yellow-big.svg'); position: absolute; right: -130px; width: 195px; height: 246px; z-index: -1; transform: translateY(10px); top: 56%; }
.blog-articles:before { content: ''; background-image: url('images/glow-blue.svg'); position: absolute; left: -260px; width: 573px; height: 573px; z-index: -1; transform: translateY(10px); top: -10%; }

.challenge{background-size: contain; background-color: #EAEEF1; margin-top: -140px; padding-top: 200px; padding-bottom: 70px; background-image: url(images/desafio.png); background-position: bottom left; background-repeat: no-repeat;}
.schools { margin-top: -140px; padding-top: 200px; padding-bottom: 70px; background: url(images/escolas.png) no-repeat bottom left, linear-gradient(to top left, #c0c5ca, #e6e6e8); background-size: contain, cover; }



.challenge:after{ content: ''; background-image: url('images/half-arrow-blue.svg'); position: absolute; right: 0px; width: 195px; height: 246px; z-index:9; transform: translateY(10px);}


.price-container { position: relative; }
.price-ball { position: absolute; left: -250px; top: 104%; width: 128px; height: 128px; transform: translateY(-50%) rotate(-8deg); background-color: #E50D65; color: white; text-align: center; border-radius: 50%; line-height: 23px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.price-text { font-size: 18px; }
.price-value { font-size: 24px; font-weight: 700; }


.badge-custom { width: 86px; height: 86px; bottom: -20px; right: 20px; display: flex; align-items: center; justify-content: center; color: #1f1f1f; font-size: 12px; padding: 0; font-weight: 600; line-height: 130%; word-wrap: break-word; overflow: hidden; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); transform: rotate(-7deg); }

.bloco { position: absolute; right: -50px; width: 209px; font-size: 14px; line-height: 25px; border-radius: 10px; box-shadow: 10px 4px 20px rgba(88, 167, 254, 0.25); }
.bloco:first-child { top: 60%; } .bloco:nth-child(4) { top: 60%; } .bloco:nth-child(5) { top: calc(60% + 100px); }

.shadow-blue{ box-shadow: 10px 4px 20px #539DFF;}
.shadow-blue-light{ box-shadow: 4px 4px 12px #539dff65;}

.card-service { display: flex; flex-direction: column; height: 100%; }
.card-service-title { flex-shrink: 0; }
.card-service-title h3 { min-height: 3em; display: flex; align-items: center; }
.card-service .flex-grow-1 { flex-grow: 1; display: flex; align-items: center; }

.card-service {transition: all ease 0.3s;}
.card-service:hover {box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.40), 10px 4px 20px rgba(88, 167, 254, 0.40);}
.card-service:hover .card-service-title{background: #C6E3FF !important;transition: all ease 0.3s;}

.card-blue-shadow{box-shadow: 10px 10px 20px 0 rgb(88, 157, 254, 0.5);}

.glow-blue { background-image: url('images/glow-blue.svg'); right: -230px; top: -230px; z-index: -3; width: 573px; height: 573px;  overflow: hidden; }
.arrow-yellow-big { background-image: url('images/arrow-right-yellow-big.svg'); right: -130px; top: 890px; z-index: -3; width: 196px; height: 243px;}

.number-step{width: 95px; height: 92px; line-height: 92px;}

.card-testimonial { margin-top: 50px; display: flex; align-items: center; background-color: #C6E3FF; border-radius: 5px; height: 60px; }
.testimonial-border-yellow{border-top:8px solid #FFD051;}
.testimonial-border-pink{border-top:8px solid #EC0064;}
.testimonial-border-blue{border-top:8px solid #539DFF;}

.star-path {filter: drop-shadow(0 .125rem .25rem rgba(0, 0, 0, .025));}

.text-testimonial { flex-grow: 1; color: #EA0865; padding-left: 20px; text-align: left; font-size: 12px; font-weight: 600; }
.rounded-img { border-radius: 10%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); height: 100px; width: 100px; }

/* Newsletter */
.form-input{min-height: 62px; border-radius: 10px; padding-left: 40px; font-size: 16px; border: 4px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.10)}
.form-btn{min-height: 62px; letter-spacing: 1.8px; min-width: 267px; padding: 0px 30px; font-weight: 600; font-size: 18px; color: #013C72; border: 4px solid #013C72; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.20); background: transparent; border-radius: 60px;}
.form-check-label{padding-left: 10px;}

/* Footer */
ul.menu-footer li{text-transform: uppercase;margin-bottom: 12px;}
ul.menu-footer li a{color: #151515; font-weight: 300;}
ul.menu-footer li a:hover{color: #173D6D; font-weight: 300;}


.images-steps { display: flex; flex-wrap: nowrap; align-items: center; justify-content: start; gap: 0; padding-right: 0; margin-left: 0; overflow-x: hidden; }
.images-steps img { flex-shrink: 0; height: 300px; object-fit: cover; width: auto; }
.images-steps picture { flex-shrink: 0; height: 300px; object-fit: cover; width: auto; }


.content-pages h1, .content-pages h2, .content-pages h3, .content-pages h4{margin: 40px 0px 15px; font-weight: 700; color: #013C72;}

/* Single */
.social-share svg{margin-right: 8px;}
.content p{color: #111; padding: 0px 0px 15px; font-size: 16px; font-family: "century-gothic",sans-serif;}

/* Category */
.category-title { position: relative; display: inline-block; padding-left: 40px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; font-size: 48px; padding-right: 10px;font-weight: 600; line-height: 44px; color: white; }
.category-title span { background-color: inherit; position: absolute; left: -50px; top: 0; bottom: 0; width: 50px; border-top-left-radius: 6px; border-bottom-left-radius: 6px; }


.wp-pagenavi a, .wp-pagenavi span { width: 39px; height: 39px; display: inline-block; text-align: center; margin-right: 5px; line-height: 39px; font-size: 16px; color: #013C72; text-decoration: none; border: 1px solid #ADADAD; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.wp-pagenavi a:hover, .wp-pagenavi span.current { background: #C6E3FF; color: #013C72; border: 1px solid #C6E3FF; }
.wp-pagenavi span.current { }


.accordion-button:not(.collapsed){background: #fff !important; color: #013C72 !important; font-weight: 600;}
.accordion-button{color: #013C72 !important; font-weight: 600;}
.accordion-button:focus { box-shadow: none; border-color: transparent;}
.number{width: 60px; height: 60px; line-height: 60px; text-align: center;}


.custom-rounded { border-radius: 1rem !important; }
.custom-rounded .accordion-button, .custom-rounded .accordion-collapse { border-radius: 1rem !important; }
.rounded-bottom-5 { border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }


.wpforms-field-label{font-size: 16px !important; color: #fff !important; font-weight: 400 !important; padding-left: 20px !important; margin: 0px 0px 5px !important;}
.wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field{padding: 0px 0px 15px !important;}
.wpforms-field-large{height: 60px !important; border-radius: 5px !important; border: 0 !important; font-size: 16px !important;}
button#wpforms-submit-166{background: #FFBB2B; min-height: 65px; color: #013C72; font-size: 18px; border-radius: 30px; text-align: center; width: 100%;}
.wpforms-field-label-inline{color: #fff !important;}
div.wpforms-container-full:not(:empty){margin: 12px 0px !important;}


/* Search */
.overlay { height: 100%; width: 100%; display: none; position: fixed; z-index: 2000; top: 0; left: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); }
.overlay-content { position: relative; top: 46%; width: 70%; text-align: center; margin-top: 30px; margin: auto; }
.overlay .closebtn { position: absolute; top: 20px; right: 45px; font-size: 40px; cursor: pointer; color: white; }
.overlay .closebtn:hover { color: #ccc; }
.overlay input[type=text] { padding: 15px; font-size: 19px; border: none; width: 80%; background: white;border-radius: 10px;}
.overlay input[type=text]:hover { background: #f1f1f1; }
.overlay button { -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; float: left; width: 20%; padding: 15px; background: #ffc107; font-size: 18px; border: none; cursor: pointer; }
.overlay button:hover { background: #dfaa09; }

.bg-footer a{color: #fff;}
.bg-footer a:hover{opacity: 0.7;}

@media (max-width: 1650px){ 
    .challenge{background-size: 70%; background-position: center left;} 
    .schools {
        background-size: 70% auto, cover;
        background-position: center left, top left;
    }
}

.image-main-home{position: absolute; margin-left: -290px; right: auto; top: -150px; z-index: 0;}
.ebook-img{max-height: 615px;}
.bluemargins{margin-top: -50px; z-index: -1;}


@media(max-width: 1400px){

    .fs-48{font-size: 40px;}
    .fs-20{font-size: 18px;}
    .fs-22{font-size: 20px;}
    .fs-24{font-size: 22px;}
    .fs-52{font-size: 44px;}

    .btn-green{padding-left: 10px !important; padding-right: 10px !important;}

    ul.menu li a{font-size: 14px !important;}

}


@media(max-width: 1024px){

    .btn-border-yellow {font-size: 18px;}
    .btn-border-green{font-size: 18px;}

    .fs-48{font-size: 36px;}
    .fs-20{font-size: 16px;}
    .fs-36{font-size: 30px;}
    .fs-22{font-size: 20px;}
    .fs-24{font-size: 20px;}
    .fs-52{font-size: 40px;}


}


@media (max-width: 767px) {
    .arrows { left: 0; top: 50px; width: 100%; height: auto; }
    .arrow-pink { left: 0; top: 300px; width: 100%; height: auto; }
    .big::after { left: 0; width: 100%; height: auto; bottom: 40px; transform: none; }
    .glow-full::before { right: 0; width: 100%; height: auto; top: 0; transform: none; }
    .feedbacks:before { left: 0; width: 100%; height: auto; top: 0; transform: none; }
    .feedbacks-list::before { left: 0; width: 72px; height: 24px; top: 10%; transform: none; }
    .feedbacks-list::after { right: 0; width: 100%; height: auto; top: 10%; transform: none; }
    .newsletter:after { right: 0; width: 100%; height: auto; bottom: -10px; transform: none; }
    .ctafooter::before { left: 0; width: 100%; height: auto; top: 0; transform: none; }
    .element-pattern-page-left { left: 0; width: 100%; height: auto; top: 7%; transform: none; }
    .element-pattern-page-right { right: 0; width: 100%; height: auto; top: 25%; transform: none; }
    .element-glow-page-right { right: 0; width: 100%; height: auto; top: 25%; transform: none; }
    .element-glow-logo-page-left { left: 0; width: 100%; height: auto; top: 30%; transform: none; }
    .element-glow-logo-page-left-reorder { left: 0; width: 100%; height: auto; top: 30%; transform: none; }
    .offers:after { right: 0; width: 100%; height: auto; top: 25%; transform: none; }
    .arrow-yellow { right: 0; width: 100%; height: auto; top: 145px; transform: none; }
    .blog-articles:after { right: 0; width: 100%; height: auto; top: 28%; transform: none; }
    .blog-articles:before { left: 0; width: 100%; height: auto; top: -5%; transform: none; }
    .challenge:after { right: 0; width: 100%; height: auto; top: 100px; transform: none; }
}

@media(max-width: 990px){

    .highlight .first { padding-left: 15px; padding-right: 45px; margin-left: -15px; }
    .highlight span { background-color: #FFBB2B; display: inline-block; height: 25px; border-radius: 5px; line-height: 0.5; letter-spacing: 3px; }
    .highlight .second { padding-left: 15px; padding-right: 100px; margin-left: -15px; margin-top: 7px; padding-top: 0px; }
    
    
    .hero-area h1{font-weight: 300; font-size: 20px;}
    .hero-area-about .intro{font-weight: 300; font-size: 28px;}
    .hero-area h1 span { display: inline; left: 0; font-size: 28px; font-weight:500; margin-right: 0; line-height: 40px; padding: 0px 10px; border-radius: 10px; }
    .hero-area-about .intro span { display: inline; left: 0; font-size: 28px; font-weight:500; margin-right: 0; line-height: 40px; padding: 0px 10px; border-radius: 10px; }
    
    body{margin-top: 60px;}

    .pb-mobile{padding-bottom: 100px !important;}

    .logo-mobile{max-height: 28px;}

    .image-main-home{position: absolute; margin-left: -290px; right: auto; top: -150px; z-index: 0;}
    .image-main-home img{max-width: 100% !important;}
    .girl-image{margin-top: -140px;}

    .wm-100{width: 100%;}

    .card-service-image { max-height: 240px; width: 100%; margin-bottom: 100px; position: relative; }

    .card-service-image-posts {margin-bottom: 150px;}

    .card-service-image-blog{max-height: 100% !important; margin-bottom: 0;}

    .card-service-image a { display: block; width: 100%; height: 100%; }

    .card-service-image img { width: 100%; height: 100%; object-fit: cover; object-position: top center; }

    .overlay-content-mobile { position: absolute; width: 80%; left: 0; right: 0; bottom: -90px; background-color: rgba(255, 255, 255, 0.8); margin: 0 auto; text-align: left;}

    .overlay-content-mobile-posts {bottom: -130px;}    


    .overlay-content-mobile .hyperlink:hover svg path {fill: #FFBB2B;}

    .overlay-content-mobile h3 {margin-bottom: 5px; }

    .overlay-content-mobile p { margin: 0; }

    .listmobile ul{margin: 0px !important; padding-left: 15px;}
    .bg-light-blue-special{margin: 5px !important;}

    .btn-border-yellow {font-size: 18px;}
    .btn-border-green{font-size: 18px;}

    .fs-48{font-size: 36px;}
    .fs-20{font-size: 20px;}
    .fs-36{font-size: 30px;}
    .fsm-36{font-size: 36px;}
    .fs-22{font-size: 20px;}
    .fs-24{font-size: 24px;}
    .fs-52{font-size: 40px;}
    .fs-15{font-size: 15px !important;}
    .fs-18{font-size: 18px !important;}
    .fsm-14{font-size: 14px !important;}
    .fsm-15{font-size: 15px !important;}
    .fsm-16{font-size: 16px !important;}
    .fsm-18{font-size: 18px !important;}
    .fsm-20{font-size: 20px !important;}
    .fsm-24{font-size: 24px !important; line-height: 33px;}
    .fs-28{font-size: 28px !important;}

    .title-mobile{font-size: 19px !important;}

    .ebook-img{max-height: 100%;}
    
    .challenge { background-size: 100%;background-image: none; padding-bottom: 0px;}
    .schools {    background: linear-gradient(to top left, #c0c5ca, #e6e6e8);
        background-size: contain, cover; padding-bottom: 0px;}

    .mb-lg-100{margin-bottom: 0px;}
    .img-challenge { margin-top: -70px;}

    .mobile-newsletter .col {width: 100% !important;}
    
    .category-title{font-size: 28px; line-height: 28px; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);}
    .element{display: none;}

    .bookc{line-height: 20px !important;padding: 7px 6px 0px 5px !important;margin-bottom: 36px !important;}


    .content-border svg {width: 16px; height: 16px;}
    .content-border span {font-size: 18px !important;}

    .bg-footer{font-size: 12px !important;}

    .blog-articles:before{display: none;}
    .feedbacks:before{display: none;}

    .number{width: 20px; height: 20px; line-height: 20px; font-size: 12px; border-radius: 3px !important; }

    .accordion-button{padding: 14px !important; font-size: 16px;}


    .accordion-button:not(.collapsed){background: #fff !important; color: #013C72 !important; font-weight: 600;}
    .accordion-button:focus { box-shadow: none; border-color: transparent;}
    
    
    .custom-rounded { border-radius: 5px !important; }
    .ps-100{padding-left: 60px; font-size: 15px !important;}
    .custom-rounded .accordion-button, .custom-rounded .accordion-collapse { border-radius: 1rem !important; }
    .rounded-bottom-5 { border-bottom-left-radius: 0.75rem; border-bottom-right-radius: 0.75rem; }

    .card-service-title h3{min-height: initial; margin-top: 10px;}
    .mh-blog{min-height: initial;}

    .content-pages h1, .content-pages h2, .content-pages h3, .content-pages h4{margin: 20px 0px 15px; font-weight: 700; color: #013C72; font-size: 18px;}

    .mapmobile{height: 800px !important;}
    .mapinfo { bottom: 0px !important; margin: 0px auto !important; width: 90%; left: 50%; transform: translateX(-50%); }

    .badge-custom { width: 80px; height: 80px; bottom: 72px; right: 82px; display: flex; align-items: center; justify-content: center; color: #1f1f1f; font-size: 11px; padding: 0; font-weight: 600; z-index: 200; line-height: 130%; word-wrap: break-word; overflow: hidden; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); transform: rotate(-7deg); }

    .footer-mobile:before{content: ''; background-image: url('images/pink-arrow-mobile.svg'); position: absolute; right: 50px;margin-top: -75px; width: 75px; height: 61px; z-index: 2; transform: translateY(10px); }
    .hero-area::after{content: ''; background-image: url('images/half-yellow-mobile.svg'); position: absolute; top: 50px; right: 00px; width: 46px; height: 85px; z-index: 2; transform: translateY(10px); }
      
    

    .hero::before{display: none;}



}