html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Roboto';
    font-weight: normal;
    color: rgb(0, 0, 0);
    background-image: url(../images/siteBG.png);
    background-size: contain;
    background-repeat-y: repeat;
    background-repeat-x: no-repeat;
}

* {
    transition: all ease .3s;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s
}

small {
    font-size: 1.1rem;
}

.blogGrid h2 {
    line-height: 0.8;
}

a:hover {
    text-decoration: none;
}

p {
    margin-bottom: 0;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

responsive-img {
    width: 100%;
    height: auto;
}

.title-sub {
    color: #e32094;
    text-transform: uppercase;
    font-size: 3.5rem;
}

.siteNavBar {
    background-image: url(../images/headerBG.png);
    background-size: 100% 100%;
    padding: 0 15px 20px;
}

.nav-scrolled {
    /* margin-top: -21px; */
    padding: 10px 20px !important;
}

.scrolled-back-logo {
    width: 130px !important;
    height: 130px !important;
    padding-top: 60px !important;
}

header {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 99;
}

span.anchor {
    margin-top: -100px;
    /* height of nav, in this case 54px */
    display: block;
    height: 100px;
    /* height of nav, in this case 54px */
    visibility: hidden;
    position: relative;
}

.scrolled-logo {
    width: 60px !important;
}

a.navbar-brand {
    margin: 0;
    padding: 0;
}

a.navbar-brand img {
    max-width: 100px;
}

a.navbar-brand.d-none.d-lg-block {
    width: 190px;
    height: 190px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: #fff;
    text-align: center;
    padding-top: 85px;
    border-radius: 100%;
}

.navbar-dark .navbar-nav .nav-link {
    font-size: 16px;
    font-family: "Roboto";
    color: rgb(0, 0, 0);
    padding: 30px 20px;
    font-weight: 400;
}

.navPaddingRight {
    padding-right: 25px;
}

.navPaddingLeft {
    padding-left: 130px;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: rgb(0, 0, 0);
    ;
}

li.nav-item.Isactive a,
.navbar-dark .navbar-nav .nav-link.active {
    background-color: #e32094;
    color: #fff !important;
}

li.nav-item a:hover {
    background-color: #e32094;
    color: #fff !important;
}

.homeBannerInner {
    background-color: #fbb727;
}

.homeBannerImage img {
    max-width: 86%;
    -webkit-filter: drop-shadow(0 76px 73px #222222c9);
    filter: drop-shadow(0 76px 73px #222222c9);
}

.h100 {
    height: 760px
}

.homeBannerText h1 {
    font-size: 60px;
    font-family: "Roboto";
    color: rgb(253, 253, 253);
    line-height: 65px;
    text-align: left;
    font-weight: 900;
}

.carousel-indicators {
    bottom: 50px;
}

.carousel-indicators li {
    width: 20px;
    border-radius: 100%;
    height: 20px;
    background-color: #f5d592;
}

.carousel-indicators .active {
    opacity: 1;
    background-color: #17c0d6;
}

.blueBG {
    background-color: #17c0d6;
}

.redBG {
    background-color: #e32094;
}

.yellowBG {
    background-color: #ffcd2c;
}

.blogGridItem img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.blogGridItemContent {
    color: #fff;
    padding: 15px;
    min-height: 200px;
}

.blogGridItemContent h2 {
    font-size: 30px;
    font-weight: 700;
}

.blogGridItemContent p {
    font-size: 20px;
}

.blogGrid {
    background-color: #f4f0d1;
    position: relative;
    padding-bottom: 10%;
}

.blogGrid::after {
    content: "";
    background-image: url(../images/borderBottom01.png);
    position: absolute;
    bottom: -80px;
    left: 0;
    width: 100%;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
}

.blogGrid .col-md-4 {
    margin-top: -40px;
}

.blogGridItem {
    margin-bottom: 50px;
}

.gridH1 h1 {
    font-weight: 900;
    font-size: 40px;
}

.gridp p {
    font-size: 24px;
}

.titleStoke {
    text-align: center;
}

.somes {
    padding-top: 150px;
    margin-bottom: 150px;
}

.somes-2 {
    padding-top: 50px;
    margin-bottom: 150px;
}

.titleStoke {
    font-size: 40px;
    font-family: "Roboto";
    color: rgb(255, 255, 255);
    text-shadow: rgb(227, 32, 148) 6px 0px 0px, rgb(227, 32, 148) 5.91686px 0.995377px 0px, rgb(227, 32, 148) 5.66974px 1.96317px 0px, rgb(227, 32, 148) 5.2655px 2.87655px 0px, rgb(227, 32, 148) 4.71532px 3.71022px 0px, rgb(227, 32, 148) 4.03447px 4.44106px 0px, rgb(227, 32, 148) 3.24181px 5.04883px 0px, rgb(227, 32, 148) 2.35931px 5.51667px 0px, rgb(227, 32, 148) 1.41143px 5.83163px 0px, rgb(227, 32, 148) 0.424423px 5.98497px 0px, rgb(227, 32, 148) -0.574341px 5.97245px 0px, rgb(227, 32, 148) -1.55719px 5.79441px 0px, rgb(227, 32, 148) -2.49688px 5.45578px 0px, rgb(227, 32, 148) -3.36738px 4.96596px 0px, rgb(227, 32, 148) -4.14455px 4.33852px 0px, rgb(227, 32, 148) -4.80686px 3.59083px 0px, rgb(227, 32, 148) -5.33596px 2.74364px 0px, rgb(227, 32, 148) -5.71718px 1.8204px 0px, rgb(227, 32, 148) -5.93995px 0.84672px 0px, rgb(227, 32, 148) -5.99811px -0.150428px 0px, rgb(227, 32, 148) -5.89004px -1.14341px 0px, rgb(227, 32, 148) -5.61874px -2.1047px 0px, rgb(227, 32, 148) -5.19172px -3.00766px 0px, rgb(227, 32, 148) -4.62082px -3.82727px 0px, rgb(227, 32, 148) -3.92186px -4.54081px 0px, rgb(227, 32, 148) -3.11421px -5.12852px 0px, rgb(227, 32, 148) -2.22026px -5.57409px 0px, rgb(227, 32, 148) -1.26477px -5.86518px 0px, rgb(227, 32, 148) -0.274238px -5.99373px 0px, rgb(227, 32, 148) 0.723898px -5.95617px 0px, rgb(227, 32, 148) 1.70197px -5.75355px 0px, rgb(227, 32, 148) 2.63288px -5.39147px 0px, rgb(227, 32, 148) 3.49082px -4.87998px 0px, rgb(227, 32, 148) 4.25202px -4.23324px 0px, rgb(227, 32, 148) 4.89538px -3.46919px 0px, rgb(227, 32, 148) 5.40307px -2.60899px 0px, rgb(227, 32, 148) 5.76102px -1.67649px 0px, rgb(227, 32, 148) 5.95932px -0.697531px 0px;
    /* 
    text-shadow: rgb(227, 32, 148) 9px 0px 0px, rgb(227, 32, 148) 8.9445px 0.997944px 0px, rgb(227, 32, 148) 8.77869px 1.98358px 0px, rgb(227, 32, 148) 8.50461px 2.94475px 0px, rgb(227, 32, 148) 8.12565px 3.86961px 0px, rgb(227, 32, 148) 7.64647px 4.74674px 0px, rgb(227, 32, 148) 7.07299px 5.56533px 0px, rgb(227, 32, 148) 6.41227px 6.31528px 0px, rgb(227, 32, 148) 5.67248px 6.98735px 0px, rgb(227, 32, 148) 4.86272px 7.57324px 0px, rgb(227, 32, 148) 3.99299px 8.06573px 0px, rgb(227, 32, 148) 3.07402px 8.45875px 0px, rgb(227, 32, 148) 2.11714px 8.74744px 0px, rgb(227, 32, 148) 1.13414px 8.92825px 0px, rgb(227, 32, 148) 0.137162px 8.99895px 0px, rgb(227, 32, 148) -0.861512px 8.95867px 0px, rgb(227, 32, 148) -1.84956px 8.8079px 0px, rgb(227, 32, 148) -2.8148px 8.5485px 0px, rgb(227, 32, 148) -3.74532px 8.18368px 0px, rgb(227, 32, 148) -4.62965px 7.71792px 0px, rgb(227, 32, 148) -5.45689px 7.15698px 0px, rgb(227, 32, 148) -6.21682px 6.50777px 0px, rgb(227, 32, 148) -6.90009px 5.77831px 0px, rgb(227, 32, 148) -7.49825px 4.97757px 0px, rgb(227, 32, 148) -8.00394px 4.11545px 0px, rgb(227, 32, 148) -8.41092px 3.20258px 0px, rgb(227, 32, 148) -8.71416px 2.2502px 0px, rgb(227, 32, 148) -8.90993px 1.27008px 0px, rgb(227, 32, 148) -8.99582px 0.274291px 0px, rgb(227, 32, 148) -8.97076px -0.72488px 0px, rgb(227, 32, 148) -8.83507px -1.71511px 0px, rgb(227, 32, 148) -8.59041px -2.68419px 0px, rgb(227, 32, 148) -8.23981px -3.62017px 0px, rgb(227, 32, 148) -7.78758px -4.51149px 0px, rgb(227, 32, 148) -7.23931px -5.34718px 0px, rgb(227, 32, 148) -6.60176px -6.11692px 0px, rgb(227, 32, 148) -5.88279px -6.81122px 0px, rgb(227, 32, 148) -5.09127px -7.42152px 0px, rgb(227, 32, 148) -4.23696px -7.94029px 0px, rgb(227, 32, 148) -3.33039px -8.36113px 0px, rgb(227, 32, 148) -2.38275px -8.67885px 0px, rgb(227, 32, 148) -1.40572px -8.88954px 0px, rgb(227, 32, 148) -0.411357px -8.99059px 0px, rgb(227, 32, 148) 0.58808px -8.98077px 0px, rgb(227, 32, 148) 1.58026px -8.86018px 0px, rgb(227, 32, 148) 2.55296px -8.63032px 0px, rgb(227, 32, 148) 3.49417px -8.29402px 0px, rgb(227, 32, 148) 4.39229px -7.85543px 0px, rgb(227, 32, 148) 5.23623px -7.31996px 0px, rgb(227, 32, 148) 6.0156px -6.69422px 0px, rgb(227, 32, 148) 6.72078px -5.98591px 0px, rgb(227, 32, 148) 7.34307px -5.20378px 0px, rgb(227, 32, 148) 7.87479px -4.35748px 0px, rgb(227, 32, 148) 8.3094px -3.45743px 0px, rgb(227, 32, 148) 8.64153px -2.51474px 0px, rgb(227, 32, 148) 8.86709px -1.54104px 0px, rgb(227, 32, 148) 8.98328px -0.548328px 0px; */
    margin-bottom: 50px;
}

.somesText h2 {
    font-weight: 900;
    font-size: 40px;
}

.somesText p {
    font-size: 24px;
}

a.siteBtn-2 {
    display: inline-block;
    border: 2px dotted #ffffff;
    color: #ffffff;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 15px;
    margin-top: 20px;
}

a.siteBtn {
    display: inline-block;
    border: 2px dotted #fe9207;
    color: #fe9207;
    font-size: 18px;
    font-weight: 700;
    padding: 5px 15px;
    margin-top: 20px;
}

a.siteBtn i {
    font-size: 24px;
    margin-left: 4px;
    position: relative;
    top: 3px;
}

a.siteBtn:hover {
    background-color: #fe9207;
    color: #fff;
}

.colltoAction {
    position: relative;
}

.calltoActionBtn {
    display: inline-block;
    background-color: #631372;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    border-radius: 20px;
    padding: 8px 12px 12px 20px;
    position: relative;
    left: 25%;
}

.calltoActionBtn a {
    background-color: #fde428;
    color: #631372;
    font-size: 18px;
    display: inline-block;
    border-radius: 8px;
    padding: 2px 12px;
    margin-left: 15px;
    z-index: 10;
    position: relative;
}

img.calltoAction {
    width: 100%;
    object-fit: cover;
}

.colltoAction .containerInner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    right: 0;
    height: 100%;
    display: flex;
    align-items: center;
}

.montessori {
    background-image: url(../images/image03.png);
    background-size: cover;
    height: 100%;
    background-color: #fbfbfc;
}

.tradicional {
    background-image: url(../images/image04.png);
    background-size: cover;
    height: 100%;
    color: #fff;
}

.MvsT {
    position: relative;
}

.MvsT .titleStoke {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    margin-bottom: 0;
    top: 80px;
}

.montessori>div {
    padding-top: 200px;
    padding-right: 100px;
    padding-bottom: 400px;
}

.tradicional>div {
    padding-top: 200px;
    padding-left: 100px;
}

.montessori h2,
.tradicional h2 {
    font-weight: 900;
    font-size: 40px;
}

.montessori ul li,
.tradicional ul li {
    font-size: 20px;
}

.testimonial {
    background-image: url(../images/testimonialSectionBG.png);
    background-size: contain;
    background-repeat: repeat-x;
}

.testimonialInner {
    margin-top: -30px;
    position: relative;
    left: -12%;
}

.testiSlider {
    position: absolute;
    top: 0;
    max-width: 77%;
    right: 0;
    text-align: center;
    display: flex;
    height: 100%;
    align-items: center;
}

.testiSliderInner img {
    height: 170px;
    margin-bottom: 30px;
    width: 170px;
    object-fit: contain;
    border-radius: 100%;
}

.testiSliderInner p {
    padding: 0 6%;
    font-size: 20px;
    margin-bottom: 30px;
}

.testiSliderInner h4 {
    font-size: 18px;
    font-weight: 700;
}

.whatsAppBox {
    background-color: #1f6c2e;
    position: relative;
    top: -35px;
}

.whatsAppBox a {
    color: #1f6c2e
}

.colltoAction.whatsAppBG {
    background-color: #f4f0d1;
    padding-bottom: 80px;
}

.address p {
    font-size: 20px;
    margin-bottom: 20px;
}

.siteFrom input {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    border: 0;
    height: 45px;
    padding: 10px 15px
}

.siteFrom textarea {
    border-radius: 15px;
    background-color: rgb(255, 255, 255);
    border: 0;
    height: 110px;
    width: 100%;
    padding: 10px 15px
}

.address img {
    height: 240px;
    width: 100%;
    object-fit: cover;
}

.form-group {
    margin-bottom: 20px;
}

.siteFrom button {
    background-color: #f99007;
    border: 0;
    border-radius: 15px;
    font-weight: 400;
    padding: 6px 45px;
}

.siteFrom button:hover {
    background-color: #17c0d6;
}

.social {
    text-align: right;
    margin-top: 100px;
}

.social ul li {
    display: inline-block;
}

.social ul li a {
    color: #fff;
    font-size: 20px;
    display: block;
    margin-right: 8px;
}

.social ul li a:hover {
    color: #17c0d6
}

.footer {
    background-color: #29c5d5;
    position: relative;
    padding: 50px 0 65px;
}

.footer::after {
    content: "";
    background-image: url(../images/footerBorder.png);
    position: absolute;
    top: -45px;
    left: 0;
    width: 100%;
    height: 56px;
    background-size: cover;
    background-repeat: no-repeat;
}

.footerlogo img {
    max-width: 130px;
}

.footerContent h3 {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 25px;
}

.footerContent p {
    color: #fff;
    font-size: 18px;
}

.fixedSocial {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    right: -75px;
    z-index: 9999;
}

.fixedSocial ul li {
    margin: -14px 0 0;
}

.fixedSocial ul li a img {
    max-width: 180px;
}