@font-face {
  font-family: 'JUST Sans';
  src: url('../fonts/JUSTSans-Bd.eot');
  src: url('../fonts/USTSans-Bd.eot?#iefix') format('embedded-opentype'),
      url('../fonts/JUSTSans-Bd.woff2') format('woff2'),
      url('../fonts/JUSTSans-Bd.woff') format('woff'),
      url('../fonts/JUSTSans-Bd.ttf') format('truetype'),
      url('../fonts/JUSTSans-Bd.svg#JUSTSans-Bd') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JUST Sans';
  src: url('../fonts/JUSTSans-Md.eot');
  src: url('../fonts/JUSTSans-Md.eot?#iefix') format('embedded-opentype'),
      url('../fonts/JUSTSans-Md.woff2') format('woff2'),
      url('../fonts/JUSTSans-Md.woff') format('woff'),
      url('../fonts/JUSTSans-Md.ttf') format('truetype'),
      url('../fonts/JUSTSans-Md.svg#JUSTSans-Md') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JUST Sans';
  src: url('../fonts/JUSTSans-Lt.eot');
  src: url('../fonts/JUSTSans-Lt.eot?#iefix') format('embedded-opentype'),
      url('../fonts/JUSTSans-Lt.woff2') format('woff2'),
      url('../fonts/JUSTSans-Lt.woff') format('woff'),
      url('../fonts/JUSTSans-Lt.ttf') format('truetype'),
      url('../fonts/JUSTSans-Lt.svg#JUSTSans-Lt') format('svg');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JUST Sans';
  src: url('JUSTSans-SmBd.eot');
  src: url('../fonts/JUSTSans-SmBd.eot?#iefix') format('embedded-opentype'),
      url('../fonts/JUSTSans-SmBd.woff2') format('woff2'),
      url('../fonts/JUSTSans-SmBd.woff') format('woff'),
      url('../fonts/JUSTSans-SmBd.ttf') format('truetype'),
      url('../fonts/JUSTSans-SmBd.svg#JUSTSans-SmBd') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JUST Sans ExLight';
  src: url('../fonts/JUSTSans-ExLt.eot');
  src: url('../fonts/JUSTSans-ExLt.eot?#iefix') format('embedded-opentype'),
      url('../fonts/JUSTSans-ExLt.woff2') format('woff2'),
      url('../fonts/JUSTSans-ExLt.woff') format('woff'),
      url('../fonts/JUSTSans-ExLt.ttf') format('truetype'),
      url('../fonts/JUSTSans-ExLt.svg#JUSTSans-ExLt') format('svg');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JUST Sans';
  src: url('../fonts/JUSTSans-Rg.eot');
  src: url('../fonts/JUSTSans-Rg.eot?#iefix') format('embedded-opentype'),
      url('../fonts/JUSTSans-Rg.woff2') format('woff2'),
      url('../fonts/JUSTSans-Rg.woff') format('woff'),
      url('../fonts/JUSTSans-Rg.ttf') format('truetype'),
      url('../fonts/JUSTSans-Rg.svg#JUSTSans-Rg') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JUST Sans ExBold';
  src: url('../fonts/JUSTSans-ExBd.eot');
  src: url('../fonts/JUSTSans-ExBd.eot?#iefix') format('embedded-opentype'),
      url('../fonts/JUSTSans-ExBd.woff2') format('woff2'),
      url('../fonts/JUSTSans-ExBd.woff') format('woff'),
      url('../fonts/JUSTSans-ExBd.ttf') format('truetype'),
      url('../fonts/JUSTSans-ExBd.svg#JUSTSans-ExBd') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}





html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0;	padding: 0;	border: 0; vertical-align: baseline;list-style: none;  font-family: 'JUST Sans';}
* { box-sizing: border-box;}
a:focus,button:focus,input:focus,textarea:focus { outline:0; text-decoration:none;}
body{overflow-x: hidden;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; -webkit-font-smoothing:antialiased; margin-bottom:15px; color:#000000; line-height: normal;}
h1 { font-size:60px;}
h2 { font-size: 50px; line-height: 54px; color: #000000; font-weight: 600;}
h3 { font-size:36px;}
h4 { font-size:28px;}
a { color:#018aff; text-decoration:none; transition:all ease-out .3s; -webkit-transition:all ease-out .3s; -moz-transition:all ease-out .3s;-ms-transition:all ease-out .3s; -o-transition:all ease-out .3s;}
a:hover { text-decoration:none;color:#3ba4ff;}
label { font-weight:400;margin:0;}
p { font-size:16px; color:#000000; margin:0; padding:0; font-weight:400; margin-bottom:15px;}
li,ol,ul { list-style:none; margin:0; padding:0;}
focus { outline:0;}


/*================ Colors ===============*/
:root {
  --primary-color:#9ED068;
  --secondary-color:#48BAD2;
  --white-color:#fff;
  --black-color:#000;
  --dark-blue:#043C48;

}


/*========================== Commen styles ========================*/
.primary__btn { display: inline-block; background: var(--secondary-color); color: #ffffff; font-size: 17px; color: #ffffff; padding: 18px 33px; color: #ffffff;line-height: 16px; font-weight:500;
  -webkit-border-radius: 30px;
  -moz-border-radius:30px;
  border-radius:30px; min-width:80px; text-align: center;}
.primary__btn:hover { background: var(--primary-color); color: var(--white-color);}
section { display: block;}

.white-bg{background-color: var(--white-color);}
.darkblue-text{color: var(--dark-blue);}
.white-btn{background-color: var(--white-color); color: var(--dark-blue); }
/*========================== Commen styles ========================*/

.textify-title .word, .textify-title .char{line-height: normal; }

.header {
  display: block;
  padding: 10px 0;
  position: absolute;
  margin: 0px auto;
  left: 0;
  right: 0;
  top: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.71);
backdrop-filter: blur(12.5px);
}
.header-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between;}
.logo { display: block; }
.header-right-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.header-right-cont { display: block;}

.header-right-block { display: block; position: relative; padding: 0 58px 0 65px;}
.header-right-block p { margin-bottom: 0; font-size: 13px; line-height: 18px;}
.header-right-block a { color: #000000; font-size: 20px; font-weight: 600;}
.header-right-sec { position: relative;}
.search__btn { width: 44px; height: 42px; background: #ed5a31; position: absolute; right: 15px; top: 2px; padding: 11px; display: flex; justify-content: center; align-items: center;}
.search__btn:hover { background: #195588;}
.search__box--submit { width: 40px; height: 30px; display: block; position: absolute; right: 10px; top: 10px; border: none; background: #fa714b; color: #ffffff; border-radius: 2px; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.search__box--submit:hover { background: #195588;}
.search__btn.active path { fill: #ed5a31;}
.search__box.open { -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1;}
.search__box { width: 100%; height: 0; pointer-events: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; background: #00173fdb; opacity: 0; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px);}
.search__box.open { height: 100vh; overflow: visible; pointer-events: visible; z-index: 12;}
.search__box--cont { width: 100%; position: relative; max-width: 560px; margin: 0 auto;}
.search__box--input { width: 100%; border: none; border-radius: 2px; font-size: 14px; padding: 0 10px; height: 65px; padding: 0 80px 0 20px;}
.search__box--submit { width: 72px; height: 65px; display: block; position: absolute; right: 0; top: 0;}
.close__search { width: 45px; height: 45px; display: block; background: #ffffff; border-radius: 100%; position: absolute; right: 15px; top: 15px; transform: rotate(-45deg);}
.close__search::before { content: "+"; font-size: 40px; font-weight: 300; color: #00173f; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center;}

.header-left-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: space-between;}
/* ==========================================================================
   Menu with dropdown menu begin
   ========================================================================== */
.main-menu { display:block;}
.main-menu > ul { display:block;}
.main-menu > ul > li { display:inline-block;}
.main-menu > ul > li > a { color:#000000; display: block; font-size:18px; margin: 0 15px; position: relative; line-height: 20px; font-weight: 500;font-family: 'JUST Sans';padding: 15px 0;}
.main-menu > ul > li > a::after { content: ''; width: 0; height: 1px; display: block; background: var(--primary-color); position: absolute; left: 0; bottom: 0px; right: 0; margin: auto; -webkit-transition: all ease-out 0.3s; -o-transition: all ease-out 0.3s; transition: all ease-out 0.3s;}
.main-menu > ul > li > a:hover::after { width: 100%;}
.main-menu > ul > li:hover > a, .main-menu > ul > li.active > a { color:var(--secondary-color);}
.main-menu > ul > li:hover a::after, .main-menu > ul > li.active > a::after { width: 100%;}
.main-menu > ul > li.dropdown > a::before { display: none;}

.main-menu > ul > li.drp > a::before { content: ''; width: 0; height: 0px; display: block; border: 4px solid #363232; border-color: #363232 transparent transparent transparent; position: absolute; right: -12px; top: 24px;}
.main-menu > ul > li.drp > a:hover:before { border-color: #363232 transparent transparent transparent;}
.main-menu > ul > li.drp:hover > a::before, .main-menu > ul > li.drp.active > a::before { border-color: #ee5a32 transparent transparent transparent;}
.main-menu > ul > li.contact-menu > a { background: #fff; color: #ee5a32; font-size: 14px; border: 2px solid #ee5a32;}
.main-menu > ul > li.contact-menu > a:after { display: none;}
.main-menu > ul > li.contact-menu a:hover { background: #ee5a32; color: #ffffff;}

.main-menu > ul > li > ul { display:block; position:absolute; top:48px; left: 0px;  width: 220px; font-weight: 400; z-index: 10; opacity: 0; pointer-events: none; transition: all ease-out 0.3s; transform: translateY(10px);}
.main-menu > ul > li > ul > li { display:block;border-top: 1px solid #DFDFDF;}
.main-menu > ul > li > ul > li:first-child { border-top:none;}
.main-menu > ul > li > ul > li > a { display: block; color:var(--dark-blue); padding: 16px 15px; font-weight: 400; font-size: 16px; line-height: 18px; position: relative; text-align: left;}
.main-menu > ul > li > ul > li > a:hover { background:var(--primary-color); color: var(--black-color);}
.main-menu > ul > li > ul > li:nth-child(1) > a:hover{-webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;}
.main-menu > ul > li:nth-child(4) > ul { left: inherit; right: 0px;}
.main-menu > ul > li > ul.normal-sub-menu { width: 250px;}
.main-menu > ul > li > ul { max-height: 350px; overflow-y: auto; scrollbar-color: #ee5a32 #195588; scrollbar-width: thin; border-radius: 13px; background: rgba(255, 255, 255, 0.80);
  backdrop-filter: blur(5px); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.19);}
.main-menu > ul > li > ul::-webkit-scrollbar { width: 8px;}
.main-menu > ul > li > ul::-webkit-scrollbar-track { background: var(--secondary-color);}
.main-menu > ul > li > ul::-webkit-scrollbar-thumb { background-color: var(--black-color); outline: none;}
.main-menu > ul > li:hover > ul { opacity: 1; pointer-events: all; transform: translateY(0px);}

/* Menu Second Level  */

.main-menu > ul > li > ul > li { position: relative; display: block;}
.main-menu > ul > li > ul > li> a.hoverClass { color: #FFF;}
.main-menu > ul > li > ul > li.dropdown >a:after{ content: "\f107"; position: absolute; top: 8px; right: 15px; font-family: 'FontAwesome'; transition: all ease 0.2s;}
.main-menu > ul > li > ul > li.dropdown> a.hoverClass:after{ color: #FFF; transform: rotate(-90deg);}
.main-menu > ul > li > ul > li > ul { display: block; transition: all ease 0.2s; position:absolute; top:0px; left:220px; background-color: #454546; width: 200px; font-weight: 400; opacity: 0;}
.main-menu > ul > li > ul > li > ul.pull-ul { right:200px; opacity: 1; pointer-events: auto; z-index: 3;}
.main-menu > ul > li > ul > li > ul > li { display:block; border-top:1px solid #615f5f;}
.main-menu > ul > li > ul > li > ul > li:first-child { border-top:none;}
.main-menu > ul > li > ul > li ul > li > a {display: block; color: #a6a6ac; padding: 10px 15px; font-weight: 400; font-size: 14px; position: relative; text-align: left;}
.main-menu > ul > li > ul > li ul > li > a:hover { color:#fff;}

/*======================================== Menu Style End =======================================*/
.mobile-menu ul.menu-list { padding:5px 0;}
.mobile-menu ul.menu-list > li > a:hover { background:var(--secondary-color); color:#FFF;}
.mobile-menu ul.menu-list > li > ul { display:none; margin-left:0; padding:10px 0; background:#2b2a2a;}
.mobile-menu ul.menu-list> li a.open,.mobile-menu ul.menu-list > li > ul > li a:hover { background:var(--secondary-color);color:#FFF;}
.mobile-menu ul.menu-list > li > ul > li a {color:#FFF; padding:10px 10px;display:block; font-size:16px; transition:all ease-out .2s;-webkit-transition:all ease-out .2s;-moz-transition:all ease-out .2s;-ms-transition:all ease-out .2s;-o-transition:all ease-out .2s;text-align:center;}
a.menu-toggle { position:absolute; display:none; width:40px; height:40px; background:#3cb9e0; top:8px; right:20px; padding-top:6px; box-sizing:border-box;}
a.menu-toggle span.line { position:relative; width:65%; height:2px; background:#FFF; margin:6px auto; display:block; transition:all ease .3s; -webkit-transition:all ease .3s; -moz-transition:all ease .3s; -o-transition:all ease .3s; -ms-transition:all ease .3s}
a.menu-toggle.active span.line { position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; transform-origin:center center;}
a.menu-toggle.active span.line.a { transform:rotate(45deg)}
a.menu-toggle.active span.line.c { transform:rotate(-45deg)}
a.menu-toggle.active span.line.b { opacity:0}
.mobile-menu { display:none;}
.mobile-menu > ul { padding:10px 0}
.mobile-menu ul > li {text-align:center; border-top: 1px solid rgba(255, 255, 255, 0.1); position: relative;}
.mobile-menu ul > li:first-child { border-top:none;}
.mobile-menu ul > li > a { display:block; color:#FFF; font-size:16px; padding:8px 20px;}
.mobile-menu ul > li > a > img { display: none;} 
.mobile-menu ul > li.dropdown > a { position:relative;}
.mobile-menu ul > li.dropdown > a:after { content: "\f107"; font-family: "FontAwesome"; font-size: 14px; color: #ffffff; display: inline-block; position: absolute; right: 10px; top: 8px;}
.mobile-menu ul > li.drp > a { position:relative;}
.mobile-menu ul > li.drp > a:after { content:''; width:0; height:0; display:block; border:6px solid #fff; border-color:#fff transparent transparent transparent; position:absolute; right:15px; top:15px;}
.mobile-menu ul > li.drp > a.open:after { border:6px solid #fff; border-color: transparent transparent #fff transparent; top:10px}
/*======================================== Menu Style End =======================================*/

.mega-drop { border-top: none; position: absolute; width: 100%; top: 101px; left: 0; display: block; opacity: 0; pointer-events: none; /*overflow: hidden;*/ transition:all ease 0.3s; transform: scale(0.96); text-align: left; padding: 35px 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.144); background: #ffffff; z-index: 9;}
.mega-drop.active { opacity: 1; pointer-events: auto; transform: scale(1); z-index: 9;}
.mega-drop-main { display: block; overflow: hidden;}
/* ==========================================================================
  Menu with dropdown menu End
  ========================================================================== */
 
.home__banner { padding: 100px 0; background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; min-height: 845px; display: flex; justify-content: center; flex-direction: column;}
.home__banner--main { display: block; max-width: 511px;}

.mani-banner{background-repeat: no-repeat; height: 900px;}
.overlay-green{background: linear-gradient(91deg, #DBF2A1 0%, rgba(37, 96, 108, 0.00) 55.82%); width: 100%; height: 100%;align-items: center;display: flex;}
.mani-banner h1{font-weight:700; color:var(--dark-blue); font-size: 55px;}
.mani-banner h4{color:var(--dark-blue); font-weight: 300; font-size: 35px;}


.scorling-text{position: relative; }
.scorling-text .layer-blue{height: 75px; background-color: var(--secondary-color);}
.scorling-text .scrolling-layer {
  background-color: var(--primary-color);
  position: absolute;
  width: 103%;
  z-index: 999;
  padding: 12px 0;
  right: -6px;
  transform: rotate(5deg);
}


.scorling-text .scrolling-layer h3{margin-bottom: 0px; font-size:30px; color: var(--white-color); font-weight:400;   transform: translateX(0);
  animation: a-text-scroll 35s linear infinite; background-color: #000;}
.scorling-text .scrolling-layer h3 span{margin: 0 15px; margin: 0 25px;}



@keyframes a-text-scroll {
  0% { transform: translate3d(-100%, 0, 0); }
  100% { transform: translate3d(0%, 0, 0); }
}

section{padding: 80px 0;}
section h2{color: var(--dark-blue);}
.bg-shadow{background: url(../img/blue-shadow.png) left bottom no-repeat, url(../img/green-shadow.png) right top no-repeat;}
.services-slider{margin: 50px 0 0 0;}
.services-slider .item{filter: blur(11.5px);}
.services-slider .active .item{filter: blur(0px);}

.services-card-style1{border-radius: 35px; padding:50px; display: block; width: 100%;}
.services-card-style1 img{text-align: center; margin: 0px auto; width: 220px !important;}
.services-card-style1 .contant-box{margin:50px 0 0 0;}
.services-card-style1 .contant-box h4{font-size: 23px; color: var(--dark-blue);}
.services-slider.owl-carousel .owl-stage-outer{overflow: unset;}


.services-slider .owl-nav{position: absolute; top: 40%; width: 100%;}
.services-slider .owl-nav button {
  background: var(--white-color) !important;
  border-radius: 100%;
  display: inline-flex;
  width: 45px;
  align-items: center;
  height: 45px;
  justify-content: center;
  fill: var(--White, #FFF);
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.services-slider .owl-nav button:hover{background-color: var(--primary-color) !important; color: var(--white-color);}
.services-slider .owl-nav span{font-size: 22px !important;}
.services-slider .owl-nav button.owl-next{position: absolute; right: 0;}

.about-block{background: url(../img/green-shadow.png) no-repeat left, url(../img/about-img.png) right no-repeat var(--secondary-color);padding-bottom: 120px;}
.about-block h1{color: var(--white-color);}
.about-block p{font-size: 26px; line-height: normal; color: var(--white-color);}
.about-block h6{font-size: 20px; color: var(--white-color); margin-bottom: 0px; font-weight: 300;}

.counting h1{margin: 0px; font-weight: 600;}
.counting .top-row{width: 100%;}
.counting .top-row:after{ background: rgb(255,255,255);
  background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); height: 1px; width: 100%; content: ""; display: block; }

.counting .top-row .inner{width: 50%; height: 150px; align-items: center; display: flex; position: relative;padding: 0 0 0 30px;}
.counting .top-row .inner:after{content: ""; width: 1px; height: 100%; background-color: #000; right: 0; position: absolute; background: rgb(255,255,255);
  background: linear-gradient(190deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); }
.colm-count{display: flex;}
.no-after:after{display: none !important;}

.counting .bottom-row{width: 100%;}
.counting .bottom-row .inner{width: 50%; height: 150px; align-items: center; display: flex; position: relative;padding: 0 0 0 30px;}
.counting .bottom-row .inner:after{ background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);content: ""; width: 1px; height: 100%; right: 0; position: absolute; }

  .title-card {
    background: var(--white-color);
    display: table;
    margin: 0px auto;
    padding: 22px 45px;
    -webkit-border-top-left-radius: 30px;
    -webkit-border-top-right-radius: 30px;
    -moz-border-radius-topleft: 30px;
    -moz-border-radius-topright: 30px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
margin: -147px auto 0;
position: relative;
  }
  .title-card:before{content: ""; width: 33px; height:34px; background: url(../img/left-shape.png); display: block; position: absolute; left: -33px;top: 34px;}
  .title-card:after{content: ""; width: 33px; height:34px; background: url(../img/right-shape.png); display: block; position: absolute; right: -33px;top: 34px;}
  .title-card h4{margin: 0px; font-size: 24px; color: var(--dark-blue);}

  .partners-logo{text-align: center; margin: 0px auto; display: flex; justify-content: center;align-items: center;margin: 35px auto 0;}
  .partners-logo div{margin: 0 20px;}

  .middle-area{background: linear-gradient(180deg, #F7FFE8 0%, #FFF 100%);}
  .text-head{border-bottom: 1px solid #D9D9D9; padding-bottom: 15px;}
  .text-head h2{margin-bottom: 0;}
  .text-head p{color: #676868; font-size: 24px; font-weight: 300;}

  .happy-card{display: flex; align-items: center; margin: 0px auto; justify-content: center; color: var(--dark-blue); line-height: normal;}
  .happy-card span{font-size: 27px; font-weight: 600;}

  .testimonials-slider{margin: 50px 0 0 0;}
  .testimonials-slider .quote-icon {
    width: 20px !important;
    margin-bottom: 20px !important;
  }
  .review-card{border-radius: 30px;
    background: var(--White, #FFF);
    box-shadow: -1px 2px 4px 0px rgba(0, 0, 0, 0.21); margin: 10px; padding:45px;}
    .review-card span{font-size: 14px; color: #777; display: block; } 
  .name-profile{display:flex; align-items: center;margin: 50px 0 0 0;}  
  .name-profile .review-pic img{width:50px;}
.review-card .message p{ font-weight:600; font-style: italic;}
  .core-values h2 span{color: var(--secondary-color) ; display: block;}
  
 .values-card {
    border-radius: 10px;
background: var(--White, #FFF);
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.10);
padding: 25px;
height: 100%;
transition: all 0.9s ease;
  }


  .values-card .blue-color{fill: var(--secondary-color);}
  .values-card .green-color{fill: var(--primary-color);}

  .values-card:hover .blue-color, .values-card:hover .green-color{fill:var(--white-color)}
  .values-card:hover p, .values-card:hover h4{color: var(--white-color);}


  .values-card:hover{ background: rgb(135,194,70);
    background: linear-gradient(137deg, rgba(135,194,70,1) 0%, rgba(72,187,210,1) 100%);  transition: all 0.9s ease;}

  .values-card h4{color: var(--dark-blue); font-size: 22px;}
  .values-card p{font-size: 13px;}
  .values-card svg{margin-bottom: 10px;}

  .values-card-outer{margin: -100px 0 0 0;}
  .newsletter-inner{background: var(--secondary-color); padding: 45px;border-radius: 20px;margin: -105px 0 0 0; position: absolute; z-index: 9999; width:100%; display: flex;align-items: center; }
  .newsletter-inner h3, .newsletter-inner p{margin: 0px;color: var(--white-color);}
  .newsletter-input input{-webkit-border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px; border: none; height: 50px; padding: 0 20px;}

    .newsletter-input button{border: none; 
      padding: 0 18px;
      height: 50px;
      -webkit-border-top-right-radius: 50px;
      -webkit-border-bottom-right-radius: 50px;
      -moz-border-radius-topright: 50px;
      -moz-border-radius-bottomright: 50px;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px; background: var(--primary-color); color: var(--white-color);}
      .subscribe-hed{width:25%; margin-right: 25px;}
      .subscribe-pra{width:35%; margin-right: 25px;}
      .subscribe-pra p{font-size: 22px; line-height: normal; font-weight: 300;}

      .inner-footer{background-color: #87C346; padding:120px 0 0 0;}
      .inner-footer p{color: var(--white-color); padding: 0; margin: 0;}
      .contact-info-footer{display: flex; align-items: center;}
      .contact-info-footer .icon{border-radius: 100%; width: 44px; height: 44px; border-radius: 100%; background-color: var(--white-color); display: flex; justify-content: center; margin-right: 15px; position: absolute;}
      .contact-info-footer h5{margin: 0px; color: var(--white-color); font-weight: 400;}
      .contact-info-footer .icon img{width:25px;}
      .contact-info-footer .contant-text{padding-left: 60px;}

      .fot-card-style h5{color: var(--white-color);}
      ul.link-list li{padding: 5px 0;}
      ul.link-list li a{color:var(--white-color);padding-left: 10px;}
      ul.link-list li:before{content: ""; width: 6px; height: 6px; border-radius: 100%; background-color: var(--white-color); display: inline-block;}

      ul.social-media{margin:20px 0 0 0;}
      ul.social-media li{display: inline-block; margin-right: 15px;}

      .copyright{margin: 60px 0 0 0; padding: 20px 0; border-top: 1px solid #6DA739;} 


 
      .scrolling-text {
        overflow: hidden;
        width: 100%;
        display: flex;
        align-items: center;
      }


        .rail {
          display: flex;
        }

        .rail h4 {
          white-space: nowrap;
          font-size:40px;
          font-weight:400;
          letter-spacing: ls(120);
          line-height: 1em;
          margin: 0 20px 0 0;
          color: white;
        }
        .rail h4 img{margin: 0 20px;}
         


        
  .statics h1.plus:after {
    content: "+";
    display: inline-block;
  }

  .statics h1.plus-k:after {
    content: "K+";
    display: inline-block;
  }
  .statics h1.k:after {
    content: "K";
    display: inline-block;
  }


  .statics h1.percent:after {
    content: "%";
    display: inline-block;
  }

  .statics h1.plus-k:after {
    content: "K+";
    display: inline-block;
  }


  .testimonials-slider .owl-dots{
    text-align: center;
  }

  .testimonials-slider .owl-dots span {
    width: 14px;
    height: 14px;
    margin: 0 5px;
    display: block;
    background:var(--white-color);
    border: 1px solid #BCBCBC;
    border-radius: 100%;
  }
  .testimonials-slider .owl-dots .active span{background-color: var(--secondary-color); border: none;}
  footer{margin: 210px 0 0 0;}
  footer:before{content: ""; width: 100%; background: url(../img/footer-top.svg) no-repeat; height:219px; display: block; position: absolute;margin: -205px 0 0 0;}
  .services-slider .owl-dots{display: none;}


  .about-banner{height: 550px; background:url(../img/round.svg) no-repeat left ;padding: 100px 0 0 0; background-size:700px; background-position: 0 -230px; position: relative;}
  .about-banner img.side-img{right: 10%; position: absolute;}
  .banner-title{width:50%; padding: 100px 0 0 0;}
  
  .about-banner h5{color: var(--dark-blue);}
  .about-banner h5:before{width: 10px; height: 10px; background-color: var(--primary-color); border-radius: 100%; content: ""; display:inline-table; margin-right: 10px;}
  .about-banner h2{color: var(--dark-blue);}

.about-banner-outer{background: url(../img/light-blue.png) no-repeat  50% 50%, url(../img/light-green.png) no-repeat 100% 0;}



  .layer{
    position: absolute;
    z-index: 999;
  }
  
  .animationimg1{
    left: 12%;
    top: 10%;
  }
  
  .animationimg2{
    left: 12%;
    top:60%;
  }
  
  .animationimg3 {
    right: 14%;
    top: 26%;
  }
  
  .animationimg4{
    right: 14%;
    top:60%;
  }
  
  
  .animationimg5{
    left: 17%;
    top: 4%;
  }
  
  
  .animationimg6{
    left:20%;
    top:60%;
  }
  
  .animationimg7{
    right:30%;
    top:10%;
  }
  
  
  .animationimg8{
    right:30%;
    top:60%;
  }
  
  .animationimg9{
    left:15%;
    top:7%;
  }
  
  
  .animationimg10{
    left:20%;
    top:80%;
  }
  
  .animationimg11{
    right:20%;
    top:20%;
  }
  
  .animationimg12{
    right:20%;
    top:60%;
  }
  
  .animationimg13{
    left:20%;
    top:14%;
  }
  
  
  .animationimg14{
    right:15%;
    top:40%;
  }
  
  
  .animationimg15{
    right:10%;
    top:70%;
  }
  
  
  
  
  .animationimg16{
    left:20%;
    top:30%;
  }
  
  
  .animationimg17{
    right:20%;
    top:30%;
  }
  
  .animationimg18{
    right:25%;
    top:80%;
  }
  
  
  .animationimg19{
    left:20%;
    top:15%;
  }
  
  .animationimg20{
    left:25%;
    top:80%;
  }
  
  
  .animationimg21{
    right:25%;
    top:25%;
  }
  
  .animationimg22{
    right:20%;
    top:90%;
  }
  
  
  .animationimg23{
    right:20%;
    top:30%;
  }
  
  
  .vision-mission{background-color: #f4f7fe;}
  .vision-card-style1{border-radius: 50px; padding:45px; height: 100%;}

  .text-title-block{border-radius: 20px; padding: 35px; background-color:var(--white-color);}
  .text-title-block p {font-size: 20px; text-align: center; margin: 0px; font-weight: 300;}

  .ultimate-goals{background-color: #48bad221;}

  .card-style1{background-color: var(--white-color); border-radius: 10px; height: 100%; overflow: hidden; }
  .card-style1 .contant{padding:35px;}

  .objectives-card {border-radius: 20px; overflow: hidden;height: 100%;}
  .objectives-card .contant{padding:40px;}
  .objectives-slider .owl-stage{display: flex;}


  ul.list-style1 li{background: url(../img/arrow-right.svg) no-repeat left; background-size: 15px; padding: 0 0 0 25px; margin-bottom:20px; background-position: 0 5px;}

  
.objectives-slider .owl-nav{position: absolute; top:50%; width: 100%;}
.objectives-slider .owl-nav button:hover{background-color: var(--primary-color) !important; color: var(--white);}
.objectives-slider .owl-nav span{font-size: 22px !important;}
.objectives-slider .owl-nav button.owl-next{position: absolute; right: 1%;}
.objectives-slider .owl-nav button.owl-prev{position: absolute; left: 1%;}
.objectives-slider .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
}
.objectives-slider .owl-nav button {
  background: #ffffffe0 !important;
  border-radius: 100%;
  display: inline-flex;
  width: 45px;
  align-items: center;
  height: 45px;
  justify-content: center;
  fill: var(--White, #FFF) !important;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)) !important;
}

.inne-page-color{background: url(../img/light-green.png) left top no-repeat, url(../img/light-blue.png) right no-repeat #f4ffea;}
.inner-service{ padding: 165px 0;}


.card-style2{background:#253302 no-repeat right bottom; min-height: 500px; align-items: center; display: flex; }
.card-style2 .inner-card{padding:50px; color: var(--white-color); width: 650px;}
.card-style2 .inner-card h3{font-size: 55px; font-weight: 300; color: var(--white-color);}
.card-style2 .inner-card ul li{font-size: 20px; margin-top: 10px; background: url(../img/arrow-right.svg), rgb(52,70,6);
  background: linear-gradient(270deg, rgba(52,70,6,0) 0%, rgba(52,70,6,1) 100%);-webkit-border-top-left-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px; padding: 5px 20px 5px 40px;}

  .card-style2 .inner-card ul li:before{content: ""; position: absolute; margin-left: -20px; background: url(../img/arrow-right.svg) no-repeat; display: block; width: 20px; height: 20px;margin: 4px 0 0 -27px;}

  .card-style3{background-color: #00483c; }
  .card-style3 .inner-card ul li{ background: rgb(1,111,92);
    background: linear-gradient(270deg, rgba(1,111,92,0) 0%, rgba(1,111,92,1) 100%); }

    .card-style4 {
      background-color: #0f5e6f;
    }

    .card-style4 .inner-card ul li{background: rgb(3,68,82);
    background: linear-gradient(270deg, rgba(3,68,82,0) 0%, rgba(3,68,82,1) 100%);} 

    .teacher-card{background-color: var(--white-color);  transition: 0.3s; height: 100%;}
    .teacher-card .img-block{height: auto; background-color: #00173f; overflow: hidden;transition: 0.3s;}
    .teacher-card .img-block img{transition: 0.3s;}
    .teacher-card .contant{padding: 35px;}
    .teacher-card:hover{transition: 0.3s;}
    .teacher-card:hover .img-block img{transform: scale(1.1);transition: 0.3s;}
    

    .contact-card1{ background-color: var(--white-color);height: 100%;}
    .contact-card1 .contant{padding: 40px;}
    .contact-card1 textarea{resize: none;font-size: 14px;}
    .contact-card1 input{font-size: 14px; height: 45px;}
    .contact-card1 .form-btn{border: none;}


    .contact-block{background-color: var(--white-color); padding: 35px;}
    .contact-block h4{color: var(--dark-blue); font-size: 22px; margin: 0px;}
    .contact-block p{font-size: 16px;}
    .inline-box{display: flex; margin-bottom: 20px;align-items: center;}
    .inline-box img{width: 37px; margin-right: 15px;}
    .inline-box p, .inline-box a{margin: 0px;}
    .inline-box a{align-items: center; color: var(--black-color);}


    ul.social-media2{margin: 0px auto; text-align: center;}
    ul.social-media2 li{display: inline-block; margin: 0 5px;}
    ul.social-media2 a{width: 45px; height: 45px; display: flex; background-color:var(--secondary-color); border-radius: 100%; align-items: center; justify-content: center;}
    ul.social-media2 a:hover{background-color:#49A6B9;}

    .blog-card{background-color: var(--white-color);}
    .blog-card .img-block{width: 100%; height: 200px; overflow: hidden; }
    .blog-card .contant h5{color: var(--dark-blue); font-size: 22px; font-weight: 400; margin-bottom:10px;}
    .blog-card .contant{padding: 25px;}
    .blog-card .contant p{color:#5b5b5b}

    a.text-link{position: relative; color: var(--primary-color); font-weight: normal;}
    a.text-link::after {
      content: '';
      width: 0;
      height: 1px;
      display: block;
      background: var(--primary-color);
      position: absolute;
      left: 0;
      bottom: 0px;
      right: 0;
      margin: auto;
      -webkit-transition: all ease-out 0.3s;
      -o-transition: all ease-out 0.3s;
      transition: all ease-out 0.3s;}

      a.text-link:hover:after{width: 100%;}

      .blog-card-details{background-color: var(--white-color);}
      .blog-card-details h5{color: var(--dark-blue); font-size: 30px; font-weight: 400;}
      .blog-card-details .img-block img{width: 100%;}
      .blog-card-details .contant{padding: 40px;}

      .announcement{width: 70%;}
      .announcement .head{padding: 10px 20px;background-color: var(--secondary-color); display: table;border-radius: 12px 12px 0 0; display: inline-flex;}
      .announcement .head img{width:40px; margin-right: 10px;}
      .announcement h5{margin: 0px; color: var(--white-color); }
      .announcement .scorling{background: rgba(255, 255, 255, 0.94);
        backdrop-filter: blur(2.5px);padding: 20px; border-radius: 0 12px 12px 12px;}
      .announcement .scorling marquee{font-size: 18px; font-weight:500;animation: marquee 2s linear infinite;}
      .announcement .scorling a{color: var(--black-color);}
      .announcement .scorling a:hover{color: var(--dark-blue); text-decoration: underline;}