:root{
    /* --blue:#007bff; */
    
    --fff: 'Dosis', sans-serif;;   
    --f-base-size:16px;
    --h2:3em;
    --t-lightgray:#f1f4f9;
    --t-gray:#ecf0f5;
    --t-orange:#fe4b7b;
    --t-darkblue:#000947;
    --t-pink:#fe4b7b;
    --t-white:#ffffff;
    --t-black:#000000;
    --cardspace: 1.875em;
    --border-radius:6px;
    --border-border-radius:50%;
    --s-padding:6.25em;
    --container-width:1364px;
    --lighgray:#f8f7f7; }

}

.swiper-button-next, .swiper-button-prev{color:#78b53e !important;}


/* Tab Nav ------*/
.tab-nav{margin-bottom: 3em;}
.tab-nav a{padding: 0.8em 2.5em;border-radius: 100px;background-color: var(--t-lightgray);display: block;margin: 0 0.5em;font-family: var(--fft);font-weight: 700;font-size: 1.2em;color: var(--t-black);position: relative;}
.tab-nav a::after{content: "";position: absolute;bottom: -16px;width: 0;height: 0;border-style: solid;border-width: 16px 16px 0 16px;
border-color: var(--t-orange) transparent transparent transparent;left: 50%;transform: translate(-50%,0);display: none;}
.tab-nav .active{background-color: var(--t-orange);color: var(--t-white);}
.tab-nav .active::after{display: block;}




.modal-dialog {
    max-width: 700px;
    margin: 1.75rem auto;
}

h1,h2,h3,h4,h5,h6{font-family: var(--fft);}
body{background-position: center bottom; background-repeat: no-repeat;background-size: 100% auto; font-family: 'Dosis', sans-serif; overflow-x:hidden;}

.container-fluid{max-width: var(--container-width);}
a{color: var(--t-orange);}

.title h2{font-size: var(--h2);font-family: var(--fff);font-weight: 700; color:#77b53e; }
.title h4{font-size:38px; font-weight:700; color:#77b53e; }

p{color:#000; font-size:20px;}

.section{padding: var(--s-padding) 0;position: relative; z-index:3; }
.section-margin{margin:var(--s-padding) 0; }

.bg-gray{background: var(--t-gray);}
.bg-darkblue{background: var(--lighgray);}
.bg-orange{background: var(--t-orange);}
.invert{color: var(--t-white);}
.has-relative{position: relative !important;}

.bg-short::after{content: "";position: absolute;width: 100%;max-width: calc(var(--container-width) + (var(--s-padding)*1.7));top: 0px;
bottom: 0px;z-index: -1;left: 50%;transform: translate(-50%,0);border-radius: calc(var(--border-radius) * 2);}

.btn{border-radius: 100px;font-weight: 700;}
.btn-sm{padding: .25rem 1rem;}

.btn-orange {background-color: var(--t-orange);border-color: var(--t-orange);color: var(--t-white);}
.btn-orange:hover,.btn-orange:focus,.btn-orange:active,.btn-orange.active {background-color: var(--t-darkblue);border-color: var(--t-darkblue);color: var(--t-white);}
.btn-orange.disabled:hover,.btn-orange.disabled:focus,.btn-orange.disabled:active,.btn-orange.disabled.active{background-color: #EA7C0D;border-color: #EA7C0D;}

.r43{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r43:before{display:block;content:" ";width:100%;padding-top:74.5%;}
.r11{position:relative;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r11:before{display:block;content:" ";width:100%;padding-top:100%;}
.r169{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r169:before{display:block;content:" ";width:100%;padding-top:65.3%;}
.r32{position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden;}
.r32:before{display:block;content:" ";width:100%;padding-top:74.7%;}
.btn-group-lg>.btn, .btn-lg {padding: 0.5rem 2.3rem;font-size: 1rem;line-height: 1.5; border-radius:1.5rem;}



.image{border-radius:8px; position:relative;overflow:hidden;transform:translateZ(0) scale(1.0, 1.0);backface-visibility:hidden; background-size: cover; background-position: center; width: 100%; display:block;}


/* Header ------*/
header{position: relative;z-index: 9999;left: 0px;right: 0px;}
header .bjp-logo{}
header .navbar-brand{color: var(--t-white);padding:0; position: absolute;left:29px;bottom:8%;z-index: 99; margin:0;}
header .navbar-brand small{display: block;font-size: 0.4575em;font-weight: 700;line-height: normal;}
header .main-nav{background-color: var(--t-white);width: 100%;padding:1.5em 0; position: relative;}
header .navbar-nav .nav-item .nav-link{padding-left: 0; font-weight:900;  color: var(--t-pink); padding-right: 1rem; font-family: var(--ff);font-size: 17px; }
header .navbar-nav .nav-item.active .nav-link{border-bottom:2px solid #000;}
header .nav-two{padding: 0.5em 0em;}
header .nav-two li{ padding:0em 0em;}
header .nav-two li a{ color: var(--t-white); padding:0.3em 1.2rem;}
header .nav-two li .social a{padding:0.3em 0.5rem; font-weight:bold;}
header .account{background-color: rgba(255, 255, 255, 0.3); border-radius: 100px;}
header .account a,header .lang a{ border-right: 1px solid var(--t-white);}
header .account a:last-child,header .lang a:last-child{ border-right: 0px;}

header .navbar-toggler{ background: rgba(255, 255, 255, 0.9); color: var(--t-darkblue); border-radius: 100px; margin:1rem; padding: 0.60em 0.65em}
header .m-logo{ position: relative;transform: translate(0,0%);bottom: auto; left: auto;}
/* Hero Banner------*/
.herobanner .image{border-radius:0px;}
.herobanner .image:before{display:block;content:" ";width:100%;padding-top:40.3%;}
/*.herobanner .image:after {position: absolute;content: "";right:0;top: 0;width:90%;height:100%;background-color: #000;opacity: 0.45;z-index: 99; background: -webkit-gradient(linear, left top, right top, color-stop(33%, #f5f5f5), color-stop(44%, #f5f5f5), color-stop(75%, transparent));background: -o-linear-gradient(left, #f5f5f5 33%, #f5f5f5 44%, transparent 75%);background: linear-gradient(270deg, #f5f5f5 33%, #f5f5f5 44%, transparent 75%);opacity: 1;}*/
.herobanner {position: relative;}

.bannerelements {position: absolute; z-index:2;}
.her {bottom: 7%;left: 8em;}
.star{top: 26%;left:20em;}
.suns {right: 9%;top: 15%;}
.bludb{right: 9%;bottom:15%;}

textarea.form-control {height: calc(8.9em + 0.75rem + 2px);}
.caption{position: absolute; right:15%; top:35%; z-index:999;} 
.caption h1{font-family: 'Dosis', sans-serif; font-size:3.5em; font-weight:bold; color:#78b53e; }
.caption h2{font-family: 'Dosis', sans-serif; font-size:1.5em; font-weight:bold; color:#fe4b7b; }

.content ul{margin:0; padding-left:1em; font-family: var(--ff); color:#000; }
.content ul li{line-height:1.9; font-size:20px; font-weight: 600;}

/* footer------*/
.blue{background: #c2f3ff}
footer {position:relative; background: #c2f3ff url(../images/sf.png); background-repeat: no-repeat;background-position:bottom; color: #fff; padding:15em 0; }

.copyright{padding:1em 0;font-size: 0.9em;}

.setbg {background-size: cover;background-position: center;}

.pinbbg{background:#fe4b7b; width:100%;  }
.pinkbg{background:#fc5280; }
.brdr{border-radius: 5px;padding: 8px;}
.office{color:#fff; text-align: center;}
.office h4{font-family: 'Dosis', sans-serif; font-size:1.5em; margin-bottom: 0.5em;}
.office p{color:#fff; margin-bottom:0px; font-family: 'Dosis', sans-serif; }
.office address{margin:1em 0; font-family: 'Dosis', sans-serif; font-weight:bold; }
.get-in-touch {padding:2em; background:#fff;  margin:3em 0; border-radius:10px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}
.course {padding:2em; background:#fff;border-radius:10px; box-shadow: rgb(100 100 111 / 20%) -1px 0px 5px 0px;}
.course h4{font-size:1.1em; font-family: 'Dosis', sans-serif; color:#fe4b7b; }
.course p{font-size:0.9em;}
.form-control {height: calc(2.5em + 0.75rem + 2px); background-color: #f5f9fb; border:0;}

.girl {position: absolute;bottom: 0; right:0; z-index: 99;}
.form-control:focus {background-color: #fff; border-color: #fe4b7b; box-shadow: 0 0 0 0.2rem rgb(254 75 123);}

.contactus{padding: 0em 3em; border-radius:10px; color:#fff; }

.contactus .title h2{ color:#fff; }
.contactus .title p{ color:#fff; }
.map{border-radius:10px; background:#77b53e; height:100%; color:#fff; box-shadow:rgb(100 100 111 / 42%) 0px 0px 18px 5px;}
.map p{color:#fff; margin-bottom:0px; }
.adbx{padding:1em; }

.blub{}
.blub:after{content: '';position: absolute;background: #77b53e;width: 63%;top: -50px;height: 98%;z-index: -1;border-radius: 10px;}

.colorsap {height: 65%;position: absolute;left: 0px;right: 0;z-index:-1;bottom: 0%;}
.bg-gray {background: #77b53e; position: relative;}

.skyp-1{position: absolute; top:0em;z-index: 9;}
.skyp-2{position: absolute;top:-5em;right: 0;z-index: 99;}
.bus{position:absolute; bottom:5em;left: 1em;}


#cloud {animation: move 8s infinite;}

.shake {animation: shake-animation 4.72s ease infinite;transform-origin: 50% 50%;}
.element {margin: 0 auto;width: 150px;height: 150px;background: red;}@keyframes shake-animation {0% { transform:translate(0,0) }1.78571% { transform:translate(5px,0) }3.57143% { transform:translate(0,0) }5.35714% { transform:translate(5px,0) }7.14286% { transform:translate(0,0) }10.71429% { transform:translate(0,0) }8.92857% { transform:translate(5px,0) }100% { transform:translate(0,0) }}

@keyframes move {0% {transform: translatex(0);} 50% {transform: translatex(-40px);}}

.cloud {background: #fff;background: -moz-linear-gradient(top,  #fff 5%, #f1f1f1 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,#fff), color-stop(100%,#f1f1f1));background: -webkit-linear-gradient(top,  #fff 5%,#f1f1f1 100%);background: -o-linear-gradient(top,  #fff 5%,#f1f1f1 100%);background: -ms-linear-gradient(top,  #fff 5%,#f1f1f1 100%);background: linear-gradient(top,  #fff 5%,#f1f1f1 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#f1f1f1',GradientType=0 ); -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;    -webkit-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);-moz-box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 8px 5px rgba(0, 0, 0, 0.1);}
.cloud:after, .cloud:before {background: #fff;content: '';position: absolute; z-indeX: -1;}
.cloud:after {-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;height: 100px;left: 50px;top: -50px;width: 100px;}
.cloud:before {-webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px;width: 180px;height: 166px;right: 50px;top: -90px;}
.an{animation-name: flo;animation-duration:4s;animation-iteration-count: infinite;}
@keyframes flo{50%{transform: translateY(10px);}}

.flogo ul{padding:0px; list-style:none; margin-bottom:0px; }
.flogo ul li{display: inline-block;margin-bottom: 0; margin-bottom: 0;font-size:17px; font-weight: 900; padding-left:0.8em; }

.abtdott{position: absolute; top: -25px;z-index: -1;right: 6px;}

.train{position: absolute; right:0; bottom:0;}
.doll{position: absolute; right:0; top:0;}
.yellow{position: absolute; left:-5%; bottom:50%;}

.rocket{position: absolute; right:0; }
.sun{position: absolute;left: 3em;top: 2em;}
.balon{position: absolute; left:8em; top:50%;  }
.heart {position: absolute;right: 5%;bottom: 0%;}
.glass{position:absolute; left: 0%; bottom: -4%;}
.heart-2 {position: absolute;right: 30%;top: 9em;}
.duck{position: absolute; left:-3em; bottom:37%;}
.ice {position: absolute;bottom: -5em; right:0em;}
.carb{position: absolute;top:0em; right:5em;}
.b3 {position: absolute;left: 40%;}

.blogs::after{background-color: var(--t-darkblue);height: 60%;}
.blog-box{border-radius: var(--border-radius);overflow: hidden;height: 100%; position: relative;transform: translateZ(0)}
.blog-box .image{background-color:#ffffff;width: 20%;}
.blog-box .content {padding: var(--cardspace);position: relative;background-color: #fff;width:98%;}
.blog-box .content .title{font-size: 1.5em;font-family: var(--fft);font-weight: 700;margin-bottom: 1em;}

.swiper-button-next, .swiper-button-prev{color:#77b53e !important;}













@media only screen and (max-width:1440px){
.bus{width:20%;}
.container-width{max-width: 1170px;}
.suns{top:25%;}
.blub:after{width:70%;}
footer{background-position:unset;}
.bus{bottom:1.2em; left: 7em;}
.caption{right:11%;}
.container-fluid {max-width:1170px;}
.caption h1{font-size:3.5em;}
.girl{display: none;}
}



@media only screen and (max-width: 1024px){
.girl {position: absolute;}
footer{background-position: center;color: #fff;background-size: cover;padding: 13em 0;}
.bus {position: absolute;bottom: 4em;left: 1em; width:31%; }
.blub:after {width:90%;}
.caption {right: 15%;top: 35%;}
.caption h1{font-size:2.5em;}
.suns {right: 3%;top: 30%;}
header .navbar-nav .nav-item .nav-link{    font-size: 14px;}


body{font-size:14px; }

}
@media only screen and (max-width: 990px){



}
@media only screen and (max-width: 768px){
.section{--s-padding:3.25em;}
.girl {position: relative; text-align: center;}
.get-in-touch{margin:0em;}
.caption {right: 5%;top: 31%;}
header{position: relative;}
.title h2{font-size:2em;}
p{font-size:16px;}
.office address{font-weight:normal;}
.office p{font-weight:normal;}
.contactus{padding:3em;}
.blub:after{display:none;}
.bg-gray {padding-bottom: 3.25em;}
header .navbar-brand{position: relative;}
header .float-right {float: none !important;}
header .nav-two{padding: 0em 0em;}
.skyp-2{display: none;}
.skyp-1{display: none;}
header .main-nav{text-align:center;}
.contactus .title h2{color: #77b53e;}
.contactus .title p {color: #000;}
.contactus{color:#000;}

}

@media only screen and (max-width: 767px){
header .navbar-nav .nav-item .nav-link{border-bottom:1px solid #ddd;}    
.blub:after{top:0px;}    
header .navbar-brand{position:relative;}   
header {position: relative;} 
header .float-right{float: none !important;}   
.caption {top: 36%;}    
.get-in-touch{margin:0em;}
.girl {position: relative;}
.section{--s-padding:2.25em;}
h2{--h2:2em;}
.herobanner .image:before {display: block;content: " ";width: 100%;padding-top: auto;}
.herobanner::before {height: 20%;}
.train{display:none;}
.doll{display:none;}
.yellow{display:none;}
.rocket{display:none;}
.sun{display:none;}
.balon{display:none;}
.heart {display:none;}
.glass{display:none;}
.heart-2 {display:none;}
.duck{display:none;}
.ice {display:none;}
.carb{display:none;}
.b3 {display:none;}
.abtdott{display:none;}
.contactus{padding:1em;}
.skyp-2{display: none;}
.blub:after{background:none; }
.skyp-1{top:-3.6em;}
.office h4{margin:1em 0;}
header .navbar-brand{left:0px;}
.blog-box{background: #fff;}
.contactus .title h2{color: #77b53e;}
.contactus .title p {color: #000;}
.contactus{color:#000;}


}

@media only screen and (max-width: 576px){

}