@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Capriola&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Love+Ya+Like+A+Sister&display=swap');
/*------ comman style ----*/

html, body{height:100%;}
body{margin:0;padding:0;font-family: "Capriola", Sans-serif;font-size:16px;color:#000000;scroll-behavior:smooth;overflow-x:hidden;font-weight:400;}
a{text-decoration:none;color:#4abcae; transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
a:hover{color:#000000;text-decoration:none}
a:focus{outline:none;text-decoration:none;}
:focus{outline:none;}
h1,h2,h3,h4,h5,h6{margin:0 0 15px 0;color:#000000;padding:0;line-height:1.2;font-family: "Capriola", sans-serif;text-transform:none;}
h1{font-size:48px;}
h2{font-size:42px;}
h3{font-size:36px;}
h4{font-size:30px;}
h5{font-size:24px;}
h6{font-size:18px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;text-decoration:none;font-size:inherit;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{text-decoration:none;}
small{display:block;margin-top:4px;}
p{margin:0 0 20px 0;line-height:28px;}
p:last-child {margin-bottom: 0px;}
ul, ol{margin:0;}
strong, b{font-weight:600;}
button{transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
/* comman form filed style -----------------------------*/
input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="submit"], input[type="password"],input[type="hidden"]{-moz-appearance:none;-webkit-appearance:none;}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="submit"]:focus, input[type="password"]:focus, input[type="hidden"]:focus{outline:none;}
textarea{-moz-appearance:none;-webkit-appearance:none;border-radius:5px;}
select{-moz-appearance:none;-webkit-appearance:none;background-color:#ffffff;padding-right:25px;background-image:url(../images/select-arrow.png);background-repeat:no-repeat;background-position:right center;border-radius:3px;text-overflow:ellipsis;overflow:hidden;}
select::-ms-expand{display:none}
textarea:focus, select:focus{outline:none;}
input:disabled, select:disabled{color:#ffffff !important;opacity:1;}
label{font-weight:600;margin-bottom:5px;font-size:18px;}
input[type="submit"]{background-color:#4abcae;border-color:transparent;padding:10px 35px;color:#ffffff;font-weight:500;font-size:16px;line-height:1.2;width:auto;cursor:pointer;border-radius:0px;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
input[type="submit"]:hover{background-color:#000000;}
.form-group{margin-bottom:25px;}
.form-control{height:56px;padding:16px;border:1px solid #00000033;box-shadow:none;
font-weight:400;font-size:16px;color:var(--darkgrey);border-radius: 8px;background-color: var(--white);}
.form-control:focus{box-shadow:0 2px 5px -2px rgba(0,0,0,0.15);border-color:#999999;color:#2d2d2d; background-color: transparent;}
select.form-control{padding:10px 25px 9px 12px;}
 textarea.form-control{height:128px;resize:none;}
input::-webkit-input-placeholder,.form-control::-webkit-input-placeholder{opacity:1;color:inherit;}
input::-ms-input-placeholder, .form-control::-ms-input-placeholder{opacity:1;color:inherit;}
input::placeholder, .form-control::placeholder{opacity:1;color:inherit;}

.content h2, .content h3, .content h4, .content h5, .content h6{margin-top: 0px;}
/* image alignments */
img.alignleft, .alignleft{float:left;margin-right:20px;max-width:50%;}
img.alignright, .alignright{float:right;margin-left:20px;max-width:50%;}
img.aligncenter, .aligncenter, img.alignnone, .alignnone{display:block;margin:30px auto 20px;clear:both;}
img.alignleft, .alignleft, img.alignright, .alignright{display:inline;margin-top:0;}
img.alignleft, img.aligncenter, img.alignright{margin-bottom:20px;}
/*----- image captions -------*/
.alignleft .wp-caption-text{text-align:left;}
.alignright .wp-caption-text{text-align:right;}
.aligncenter .wp-caption-text{text-align:center;}
.wp-caption-text{font-size:16px;color:#2f2f2f;line-height:24px;margin-bottom:30px;}

.content ul, .content ol{margin: 0 0 20px 0px; padding: 0 0 0 15px; position: relative;}
.content ul{list-style: none;}
.content ul li, .content ol li{margin-bottom: 8px;}
.content ul li:before{content: ""; position: relative; display: inline-block; left: -15px; top: -2px; width: 7px; height: 7px; background-color: #1a1a1a; border-radius: 100%;}
.table{border:1px solid #dee2e6; font-size: 16px;}
.table th, .table thead th{background-color:#f0f0f0;border-bottom:none; font-weight: 600;}
.table td, .table th{padding:10px;}

/*------home-slider-end-------*/
#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#cssmenu:after, #cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width:auto;line-height:1; }
#cssmenu > ul {display: flex;}
#cssmenu > ul > li{float:none;display:inline-block;margin-left:15px; margin-right: 15px; position: relative;}
#cssmenu > ul > li:last-child:before {display: none;}
#cssmenu > ul > li:first-child{margin-left:0px;}
#cssmenu > ul > li:last-child{margin-right:0px;}
#cssmenu.align-center > ul{font-size:0;text-align:center;}
#cssmenu.align-center > ul > li{float:left;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul{text-align:right;}
#cssmenu > ul > li > a{padding:0px 15px;font-size:14px;text-transform: uppercase;line-height:24px;font-weight:400;text-decoration:none;color:#000;letter-spacing:0;display:inline-block;vertical-align:middle;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none;}
#cssmenu > ul > li:after{content:none;display:inline-block;width:1px;height:18px;background-color:#d7d7d7;margin:0 18px 0 20px;vertical-align:top;}
#cssmenu > ul > li:hover > a{color:var(--darkyellow);}
#cssmenu > ul > li.active > a{position:relative;color:#000000;}


.navesticky .txthover::after, .leaderdescbox .txthover::after{content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0;left: 0;background-color: #000; transition: transform 0.25s ease-out;}
.navesticky .txthover:hover::after {  transform: scaleX(1);}
.navesticky .txthover.leftefct::after { transform-origin: bottom right;}
.navesticky .txthover.leftefct:hover::after {transform-origin: bottom left;}


#cssmenu > ul > li:last-child:after{content:none;}
/*#cssmenu > ul > li.has-sub > a{padding-right:20px;}
*/
#cssmenu > ul > li.has-sub > a::after{position:absolute;top:12px;margin-left:8px;width:10px;height:10px;font-family:fontawesome;content:"\f0d7"; font-weight: 900; font-size: 14px; -webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease; display: none;}
#cssmenu ul ul{position:absolute;left:-9999px;z-index:9;border-radius:0px;background-color:#fff;text-align:left;box-shadow:0px 0px 6px rgba(0,0,0,0.2);opacity:0; margin-top: 15px; visibility: hidden; padding: 5px 0px 0px 0px;
transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s; }
#cssmenu ul ul:after{content: "\f0d8"; position: absolute; left: 20px; top:-16px; color:#fff;  font-family:fontawesome; font-weight: 900; font-size: 24px; }
#cssmenu ul ul ul:after{content: none;}
#cssmenu li:hover > ul{left:auto;opacity:1; margin-top: 0px; visibility: visible;}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu > ul > li.has-sub:hover > a::after{content:"\f0d8";}
#cssmenu ul ul ul{margin-left:100%;top:0;background-color:#0070c0;}
#cssmenu.align-right ul ul ul{margin-left:0;margin-right:100%;}
#cssmenu ul ul li{height:0;-webkit-transition:height .3s ease;-moz-transition:height .3s ease;-ms-transition:height .3s ease;-o-transition:height .3s ease;transition:height .3s ease;}
#cssmenu ul ul li:last-child{border-bottom:0px dashed transparent;}
#cssmenu ul li:hover > ul > li{height:auto;}
#cssmenu ul ul li a{padding:10px 15px;font-weight:500;text-transform:none;line-height:20px;font-size:14px;width:260px;text-decoration:none;color:#000;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
#cssmenu ul ul li:last-child a{border-bottom:none}
#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover, #cssmenu ul ul li.active a{background-color:var(--accentblue);text-decoration:none; }
#cssmenu ul ul li.has-sub > a::after{position:absolute;top:13px;right:10px;width:6px;height:6px;content:"\f105";font-family:fontawesome;-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease; font-weight: 900;}
#cssmenu ul ul ul li a{padding:12px 15px;}
#cssmenu > ul > li.contactlinkmobile{display:none;}
 @media all and (max-width:1024px){#cssmenu{width:100%;}
 #cssmenu ul{width:100%;display:none;}
 #cssmenu.align-center > ul, #cssmenu.align-right ul ul{text-align:left;}
 #cssmenu ul li, #cssmenu ul ul li{border-bottom:1px solid rgba(255, 255, 255, 0.10);}
 #cssmenu ul ul li:last-child{border-bottom: none;}
 #cssmenu ul li, #cssmenu ul ul li, #cssmenu ul li:hover > ul > li{width:100%;height:auto;}
 #cssmenu ul li a, #cssmenu ul ul li a{width:100%;}
 #cssmenu > ul > li, #cssmenu.align-center > ul > li, #cssmenu.align-right > ul > li{float:none;display:block;}
 #cssmenu ul ul li a{padding:10px 15px;font-size:14px;color:#000000;background:none;}
 #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color:#ffffff;}
 #cssmenu ul ul ul li a{padding-left:40px;}
 #cssmenu ul ul, #cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
 #cssmenu > ul > li.has-sub > a::after, #cssmenu ul ul li.has-sub > a::after{display:none;}
 #menu-line{display:none;}
 #cssmenu #menu-button{display:inline-block;padding:0px;color:#000000;cursor:pointer;font-size:12px;position:absolute;top:-10px;right: 0px;width:25px;height:25px;z-index:1;}
 #cssmenu #menu-button::after{content:'';position:absolute;top:18px;left:0px;display:block;width:25px;height:2px;background:#000;transition:all 0.5s ease-in-out 0s;border-radius:1px;}
 #cssmenu #menu-button::before{content:"";position:absolute;top:0px;left:0px;display:block;width:25px;height:11px;border-top:2px solid #000;border-bottom:2px solid #000;transition:all 0.5s ease-in-out 0s;border-radius:1px;}
 #cssmenu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255, 255, 255, 0.10);height:46px;width:46px;cursor:pointer;}
 #cssmenu .submenu-button::after{content:'';position:absolute;top:16px;left:22px;display:block;width:2px;height:12px;background:#ffffff;z-index:99;}
 #cssmenu .submenu-button::before{content:'';position:absolute;left:17px;top:21px;display:block;width:12px;height:2px;background:#ffffff;z-index:99;}
 #cssmenu .submenu-button.submenu-opened:after{display:none;}
}
.menu-overlay{position:fixed;height:100%;width:100%;left:0;top:0;background:#000000;opacity:0;visibility:hidden;overflow:hidden;transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
/*.menu-overlay.show-overlay{opacity:0.90;visibility:visible;z-index:11;display: block;
        position: fixed;
        z-index: 14;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background-color: rgba(51, 51, 51, .5);
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .6s cubic-bezier(.6,.1,.68,.53) .4s;
        transition: all .6s cubic-bezier(.6,.1,.68,.53) .4s;}*/

.menu-overlay{   display: block;
              display: block;
        position: fixed;
        z-index: 14;
        top: 0;
        left: -100%;
        height: 100%;
        width: 100%;
        background-color: rgba(51, 51, 51, .5);
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .6s cubic-bezier(.6,.1,.68,.53) .4s;
        transition: all .6s cubic-bezier(.6,.1,.68,.53) .4s;
    }

.show-overlay {left: 0;   -webkit-transition: all .6s cubic-bezier(.22,.61,.24,1) 0s;transition: all .6s cubic-bezier(.22,.61,.24,1) 0s; }
.mainwrapper{overflow:hidden;}

/*--------------*/
/*.show-overlay{width:100%;height:100%;z-index:999;top:0;left:0;position:fixed;background:rgba(0, 0, 0, 0.8);overflow:hidden;}
.overflowhidden{overflow:hidden; position:fixed;width:100%;height:100%; min-height:100%; max-height: 100%;  transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-o-transition:all 0.3s ease-in-out 0s;}
*/

:root {
  --gray: #C8DDE1;
  --yellow:#FFF700;
  --darkyellow:#F5DB0E;
  --darkgreen:#385469;
  --black:#000000;
}
ul{padding-left: 0px;}





/* sticky header
========================*/
@keyframes fadeIn {
  from { opacity: 0;  }
    to {opacity: 1;}
}
.fadeIn {  animation-name: fadeIn;}
@keyframes fadeInDown {
  from {opacity: 0; transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0);}
    to {opacity: 1; transform: none;}
}
.fadeInDown {  animation-name: fadeInDown;}
.sticking{position:fixed; background:var(--bluebgsec); width:100%; z-index:11;  border-bottom:none;  animation:fadeInDown 0.5s ease-in-out; -webkit-animation:fadeInDown 0.5s ease-in-out; padding: 0px 0;}  
.hdrposabsl.sticking{position:fixed !important;padding: 10px 0px;background-color: #fff;}
.hdrposabsl.sticking .brandlwrap{opacity: 1; visibility: visible;}


.main-navigation{display: flex; justify-content: space-between;align-items: center;}
.socialicon li{display: inline-block;}

/* silck Slider 
----------------------------------------------*/
.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;-webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block;    overflow: hidden;    margin: 0;   padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide, .rtl .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-loading .slick-list{background: #fff url('../images/ajax-loader.gif') center center no-repeat; background-size: 36px 36px; }
.slick-prev, .slick-next{font-size: 0; width: 18px; line-height: 0; position: absolute; top: 50%; display: block; padding: 0; cursor: pointer; color: transparent; border: none; outline: none; background-color: transparent; z-index:2; opacity:1;
  -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;}
.slick-prev:hover, .slick-next:hover{ color:#000066;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover,.slick-next:focus{color: transparent; outline: none; opacity:1; }
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 0.5; color: #000066;}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before,.slick-next:before{font-family: 'fontawesome'; font-size: 40px; line-height: 1;  opacity: 1; color: #ffffff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 17px; height: 31px; background-size: 100%; display: inline-block; }
.slick-prev{left: -20px;}
[dir='rtl'] .slick-prev, .rtl .slick-prev{right: 20px; left: inherit;}
.slick-prev::before{content: ""; background-image: url(../images/blck-prev-arrow.png); }
[dir='rtl'] .slick-prev:before, .rtl .slick-prev:before{content: "\f105";}
.slick-next{right:-20px;}
[dir='rtl'] .slick-next, .rtl .slick-next{right: inherit; left:20px;}
.slick-next::before{content: ""; background-image: url(../images/blck-next-arrow.png);} 
[dir='rtl'] .slick-next:before, .rtl .slick-next:before{content: "\f104";}

/* Dots */
.slick-slider{margin-bottom: 0px;}
.slick-dots{position: absolute; z-index:5; bottom: -25px; left: 0px; display: block; width: 100%; padding: 0; list-style: none; text-align: center;}
.slick-dots li{position: relative; display: inline-block; margin: 0 4px; width:8px; height: 8px; padding: 0; cursor: pointer; text-align: center; 
-webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;}
.slick-dots li button{ font-size: 0; line-height: 0; display: block; cursor: pointer; color: transparent; border: 0;outline: none; background: transparent; }
.slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{ content:""; width:8px; height:8px; background-color:#d5d5d5; position: absolute; top: 0; left: 0; text-align: center; opacity: 1;  border-radius: 100%; border:1px solid #c2cfff; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  -webkit-transition: all 0.25s ease-in-out 0s; -moz-transition: all 0.25s ease-in-out 0s; -o-transition: all 0.25s ease-in-out 0s; transition: all 0.25s ease-in-out 0s;}
.slick-dots li.slick-active button:before{background:#0070c0; border-color:#0070c0;}


#cssmenu > ul > li > a.active{border-bottom: 2px solid #301C18;}

.tophead-iconbox{display: flex;justify-content: space-between;}
.topheadersec{background-color: #C8DDE1;transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding: 20px 0px 60px 0px;position: relative;}
.socialicon span{line-height: 0;justify-content: center;width: 20px;height: 20px; display: flex;margin-right: 8px;font-size: 10px;background-color: var(--yellow);border-radius: 100%;padding: .5em;}
.socialicon span:hover{background-color: var(--black);fill: #FFF700;color: #FFF700;}
.tophead-iconbox a{color:var(--darkgreen);}
.socialicon li{color: var(--darkgreen);display: flex;font-family: "Source Sans Pro", Sans-serif;margin-right: 18px;font-size: 14px;font-weight: 400;text-transform: lowercase; }
.tophead-iconbox ul{display: flex;}
.shape-bottom{transform: rotate(180deg);overflow: hidden;position: absolute;left: 0; width: 100%;line-height: 0; bottom: -1px; direction: ltr;}
.shape-fill { fill: #fff; transform-origin: center; transform: rotateY(0deg);}
.shape-bottom svg {width: calc(100% + 1.3px); height: 50px; transform: translateX(0%) rotateY(180deg);}
.sitelogo img{height: 75px;}
.singupbtn a{font-family: "Source Sans Pro", Sans-serif;font-size: 12px;font-weight: 700;text-transform: uppercase; line-height: 1.6em; fill: #000000;color: #000000;background-color: #FFF700; border-radius: 22px 22px 22px 22px; padding: 14px 44px 14px 44px;}
.singupbtn a:hover{ background-color: #000000; color: #FFF700;}
.singupbtn i{padding-left: 5px;}
.singupbtn{display: flex;}
.header{padding: 20px 0px 20px 0px;}

.smalltitle h5{color:var(--darkyellow); font-family: "Love Ya Like A Sister", cursive; font-size: 20px; font-weight: 600; text-transform: uppercase; line-height: 1em; letter-spacing: 3px;}
.readytoplaysec{margin-bottom: 80px;min-height: 630px;align-content: center;}
.comntitle h4{color: #000000; font-family: "Capriola", Sans-serif; font-size: 54px; font-weight: 400; line-height: 1.25em;}
.comntitle h4 span{color:var(--darkyellow);}
.readytoplaysec h4{font-size: 64px;}
.pera p{color:#7a7a7a;font-family: "Source Sans Pro", Sans-serif;font-size: 18px;}
.callup span{background-color: var(--gray);font-size: 20px;width: 40px;height: 40px;border-radius: 100%;fill: #FFFFFF;display: flex;align-items: center;justify-content: center;
  color: #FFFFFF;margin-right: 8px;}
.callup span:hover {background-color: #000000;fill: #FFF700;color: #FFF700;}
.callup h3  {font-family: "Capriola", Sans-serif;font-size: 22px; font-weight: 400;text-transform: lowercase;line-height: 1.4em;margin-bottom: 0px;}
.callup, .slidercont {display: flex;align-items: center;}
.slidercont{margin-top: 60px;gap: 20px;}

.program-shape-top {top: -1px; overflow: hidden; position: absolute; left: 0; width: 100%;  line-height: 0;  direction: ltr;}
.program-shape-top svg, .footer-shape-top svg{width: calc(100% + 1.3px);height: 50px;}
.program-shape-bottom{transform: rotate(180deg);}
.program-shape-bottom svg {transform: rotate(180deg);height: 50px;display: block;width: calc(100% + 1.3px);position: relative;left: 50%; transform: translateX(-50%);
}
.shape-fill {fill: #fff;transform-origin: center; transform: rotateY(0deg);}
.programsec{padding-top: 130px;background-repeat: no-repeat;opacity: 1; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;background-color: #EFF5F6;position: relative;}
.comnpera{margin-bottom: 50px;}
.comnpera p{font-size: 16px;color:#7a7a7a;font-family: "Source Sans Pro", Sans-serif;}
.comnbtn a{font-family: "Source Sans Pro", Sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; line-height: 1.6em; fill: #000000; color: #000000; background-color: #FFF700; border-radius: 22px 22px 22px 22px; padding: 14px 64px 14px 64px;}
.comnbtn a:hover  {color: #FFF700;background-color: #000000;}
.comnbtn{display: flex;}
.readycont{padding: 50px 0px 50px 40px;}
.galleryimg{height: 242px;}
.galleryimg img{height: 100%;object-fit: cover;width: 100%;}
.activesec{margin-top: 20px;padding: 70px 0px 90px 0px;}
.gallerysec, .footerdtl{padding: 90px 0px 90px 0px;}
.gallerysec .gallery {margin-bottom: 40px;}
.loadbox {display: none;}
.btngallry a {display: inline-block;vertical-align: top;zoom: 1; padding: 7px 14px;margin: 5px auto 0 auto;background: #000;
  border: none;color: #fff;text-decoration: none;font-size: 13px;line-height: 1.5;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;font-family: "Source Sans Pro", Sans-serif; }
.btngallry{margin-top: 15px;}
.galleryblock{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap: 20px;}
.btngallry  svg{width: 15px;margin-right: 5px;}


.description { font-size: 16px;   color: #555;}
.github-btn { display: inline-block; padding: 10px 15px; margin-top: 10px; text-decoration: none; color: #007bff; border: 1px solid #007bff;  border-radius: 5px; transition: 0.3s;}

.github-btn:hover {background-color: #007bff;  color: #fff;}
.gallery-container { display: flex; justify-content: center; gap: 10px; padding: 20px;}
.gallery-item img {width: 150px; height: auto; border-radius: 5px;  cursor: pointer; transition: transform 0.3s;}
.gallery-container a{width: 20%;text-align: center;}
.lg-backdrop{background-color: rgba(0,0,0,.8); }
.ftrgallery.ftrnav{margin-left: 0px;margin-bottom: 20px;}
.ftrgallery-container {  display: grid; justify-content: center;  gap: 10px;grid-template-columns: 1fr 1fr 1fr 1fr;}
.ftrgallery-container .gallery-item img { height: 100%;object-fit: cover;  border-radius: 5px;  cursor: pointer;  transition: transform 0.3s;}
.ftrgallery-container a.gallery-item{height: 70px;}
.logogallery-container{ display: grid;grid-template-columns: 1fr 1fr 1fr;justify-content: center; align-items: center;}
.logogallery-container a{padding: 0 25px 25px 0;}

footer{background-color: var(--yellow);}
.ftrabout img{width: 22%;}
.ftrabout p{font-size: 12px; font-family: "Capriola", Sans-serif;line-height: 20px; }
.ftrlogo{margin-bottom: 20px;display: block;}
.ftrnav li{display:flex;}
.ftrnav li a{font-size: 13px; margin-top: calc(20px / 2);color:var(--black);}
.ftrnav li a:hover{color: #00000073;}
.ftrnav h5{font-size: 20px;}
.ftrnav{margin-left: 30px;}
.footerdtl .callup span{background-color: var(--yellow);color:var(--black); font-size: 14px;   padding: .5em;width: inherit;height: inherit;}
.footerdtl .callup span:hover{ background-color: #000000; fill: #F5DB0E;color: #F5DB0E;}

.copyright{border-top: 1px solid #0000001F;;padding: 25px 0px 25px 0px;text-align: center;font-size: 12px;}

.locationsec{margin-bottom: 90px;}
.logoimgcontent{min-height: 170px;z-index: 5; display: -webkit-box; display: -ms-flexbox;display: flex; -webkit-box-pack: center;-ms-flex-pack: center;  justify-content: center;  -webkit-box-align: center; -ms-flex-align: center;  align-items: center; background-color: #fff;  -webkit-box-shadow: 5px 10px 15px 0 rgba(0, 0, 0, .1);  box-shadow: 5px 10px 15px 0 rgba(0, 0, 0, .1);  position: relative;  overflow: hidden; -webkit-transition: all .4s ease;   transition: all .4s ease;margin-bottom: 15px;}
.logoimgcontent:before{ position: absolute; content: "";  top: 100%; left: 0; height: 100%; width: 100%; background-color: #f2709c;   -webkit-transition: all .3s ease;   transition: all .3s ease;  z-index: -1;}
.logoimgcontent:hover:before { opacity: 1; top: 0;}


.aboutcontent{padding: 70px 0px 70px 0px;}
.aboutsec{ display: flex;min-height: 500px; position:relative;background-position: center center; background-repeat: no-repeat;background-size: cover;align-items: center;justify-content: center;text-align: center;}
.aboutsec:before{content: "";position: absolute;width: 100%;height: 100%;background-color: #385469;top: 0;left: 0; opacity: 0.25; transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}
.bannertitle h1{color:#fff;position: relative;}
.aboutsec .program-shape-bottom{bottom: 0;position: absolute;width: 100%;}
.aboutimgbox img{border-radius: 33px;margin: -100px 0px 0px 0px;}
.aboutimgbox:first-child img{margin: 0px;}
.aboutone img{width: 85%;}
.abouttwo{text-align: right;}
.abouttwo img{width: 65%;}
.aboutthree img{width: 50%;}
.aboutimgright{padding-left: 30px;}

.registration{margin-bottom: 60px;}
.counter-container {display: flex; justify-content: space-around; text-align: center; width: 100%;  max-width: 640px; margin: auto; margin-top: 40px;}
.counter, .numbericon {font-size: 80px;color: #6ca6b6; font-family: "Love Ya Like A Sister", cursive;line-height: normal;min-width: 180px;text-align: center;}
.numbericon{min-width: auto;}
.counter-container .label { font-size: 20px;}
.number-prefix { display: flex; justify-content: center; align-items: center;}

.pd90{padding: 90px 0px 90px 0px;}
.programimg{margin-right: 54px;}
.progress-container { margin: 20px 0 50px 0;    position: relative;}
.progress-container   .label {padding-left: 15px;  position: absolute; font-family: "Love Ya Like A Sister", Sans-serif;font-size: 18px;top:9px;}
.progress-bar {height: 45px;width: 100%;background: #eee;overflow: hidden;}
.progress-container .progress {border-radius: 0;height: 100%;text-align: right; line-height: 30px;padding-right: 10px;    font-size: 20px; font-family: "Love Ya Like A Sister", Sans-serif; background: yellow;   justify-content: end;
   transition: width 1s ease-in-out;align-items: center;}

.registration{border-top: 1px solid #00000017;padding-top: 30px;}
.regform .comntitle  h4{font-size: 40px;}
.registration form{max-width: 860px;margin: auto ;}
.contctitle{margin-bottom: 15px; padding-bottom: 10px;font-family: "Love Ya Like A Sister", Sans-serif; font-size: 20px; font-weight: 600;  text-transform: uppercase;}
.registration  .form-control {padding-left: 14px; height: 47px;font-family: "Source Sans Pro", Sans-serif;     font-size: 14px;color: #7A7A7A;}
.formgroup label{font-size: 13px;color:#7A7A7A;font-family: "Source Sans Pro", Sans-serif;  font-weight: 400; text-transform: capitalize;}
.formgroup label span {
    color: red !important;
}
.formgroup{position: relative;padding-right: calc(10px / 2); margin-bottom: 15px;}

a.autofill-btn{-ms-flex-pack: center;background: #011e0f; border: 1px solid #034f28;  border-radius: 7px; color: #fff; cursor: pointer; font-size: 14px; font-weight: 500; height: 26px;-webkit-justify-content: center; justify-content: center; line-height: normal;margin: 0; outline: none; padding: 0 9px; transition: background-color .15s ease, border-color .15s ease; white-space: nowrap;top: 12px;position: absolute; right: 12px;display: flex; align-items: center;}
a.autofill-btn span   {color:#00d66f;padding-left: 5px;}
.icon {width: 30px; height: 30px; background: #f0f0f0;  display: flex;  justify-content: center;  align-items: center;  border-radius: 5px; top: 9px; left: 14px; margin-right: 10px; position: absolute;}
.icon img {width: 18px;   height: 18px; }
.acceptsec{margin-bottom: 60px;}
.checkbox-container {display: flex; align-items: center;}
.checkbox-container  input { width: 20px; height: 20px; cursor: pointer;}
.checkbox-container  label { margin-left: 10px;  font-size: 14px; color:#7A7A7A; cursor: pointer; margin-bottom: 0;}
#details { display: none; margin-top: 20px;  padding: 20px;transition: all 0.3s ease;}
#details p{color:#7A7A7A;font-size: 15px; ;font-family: "Source Sans Pro", Sans-serif;line-height:23px;}


.circle-checkbox { width: 24px; height: 24px; border: 1px solid #7A7A7A;border-radius: 50%;display: inline-flex;justify-content: center;align-items: center; transition: all 0.3s; }
.acceptsec input[type="checkbox"] {appearance: none;width: 15px;height: 15px; border: 1px solid #7A7A7A; border-radius: 50%;outline: none; transition: all 0.3s ease; cursor: pointer;  }
.acceptsec input[type="checkbox"]:checked {border: 1px solid #4CAF50; }
.acceptsec input[type="checkbox"]::before {display: none; color: white;font-size: 16px;text-align: center; line-height: 22px; }
.acceptsec input[type="checkbox"]:checked::before {display: block;}
.contbox{text-align: center;}
.contbox img{margin-bottom: 15px;filter: brightness(0) saturate(100%) invert(87%) sepia(99%) saturate(950%) hue-rotate(346deg) brightness(100%) contrast(110%);    height: 50px;}
.contbox h3{font-size: 23px;margin-bottom: 15px;}
.contbox p{color:#7A7A7A;font-size: 15px;font-family: "Source Sans Pro", Sans-serif;line-height: 20px;}
.contactbox{margin-bottom: 15px;}
.formbox{max-width: 600px;margin: auto;margin-bottom: 60px;}
.ifacont input, .ifacont textarea{background-color: #ffffff; border-color: #00000030;border-radius: 23px 23px 23px 23px;color:#7a7a7a;font-family: Roboto;}
.formbox .comnbtn{justify-content: center;}

#cssmenu > ul > li > a:focus { color: #FFF700; fill: #FFF700;outline: solid 1px !important;}
#cssmenu > ul > li{margin-right: 0px;}
.registration .form-control.cardicon{padding-left:50px;}

#cssmenu .sitelogo{display: none;}
.formbox .comnbtn a{padding: 17px 50px 17px 50px;}
.swiper-button-prev::after { content: '←';  /* Left arrow */ font-size: 24px; color: #333;}
.swiper-button-next::after { content: '→';  /* Right arrow */ font-size: 24px; color: #333;}
.contbox p, .breadcrumb{margin-bottom: 0px;}
.privacy-policy{position: relative; background-color: #f5f5f5;  padding: 34px 0;}
.comntitlesubpg h1{font-size:24px;font-family: "Source Sans Pro", Sans-serif;margin-bottom: 0px;color:#333;}
.privacy-policywrap{display: flex;justify-content: space-between;}
.breadcrumb-item.active {color:#333;font-family: "Source Sans Pro", Sans-serif;font-size: 13px;}
.breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item i{color:#c6c6c6;}
.privacy-policy{margin-bottom:100px;}





/* Offcanvas Menu Styling */
.offcanvas-body{padding: 0px;}
.offcanvas {background-color: #f8f9fa;}
.offcanvas ul { padding: 0; list-style: none;}
.offcanvas ul li {  padding: 10px 15px 10px 15px;}
.offcanvas ul li a {text-decoration: none;  color: #333;  font-size: 12px;   display: block;}
/*.offcanvas ul li a:hover { background: #ddd;}*/
.offcanvas-backdrop{display: block;position: fixed; z-index: 14; top: 0; left: -100%;height: 100%;width: 100%;background-color: rgba(51, 51, 51, .5); -webkit-transition: all .4s ease;transition: all .4s ease;opacity: 1; visibility: visible; -webkit-transition: all .6s cubic-bezier(.6,.1,.68,.53) .4s;    transition: all .6s cubic-bezier(.6,.1,.68,.53) .4s;}
.offcanvas-backdrop.show {left: 0; -webkit-transition: all .6s cubic-bezier(.22,.61,.24,1) 0s; transition: all .6s cubic-bezier(.22,.61,.24,1) 0s;     opacity: .8 !important; }
.menuicon   {background-color: transparent;border: 0; color: #000;}
.offcanvas ul li a.active{color: #707070; font-family: "Capriola", Sans-serif;}
button.btn-close{color: #000;opacity: 1; margin: 0;position: absolute;right: 14px;top: 14px;    font-size: 12px;}
.menuicon  i{font-size: 23px;}


input.btn-sbmt {
    font-family: "Source Sans Pro", Sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.6em;
    fill: #000000;
    color: #000000;
    background-color: #FFF700;
    border-radius: 22px 22px 22px 22px;
    /* padding: 14px 64px 14px 64px; */
    border: none;
}
.btn-sbmt:hover {
    color: #FFF700;
    background-color: #000000;
}



/*05-04-2025*/
input[type=checkbox] {display: inline-block;background-color: #fff; border: 1px solid #bbb;  line-height: 0;  width: 16px;min-width: 16px;  height: 16px;  margin: -3px 10px 0 0;  outline: 0;  text-align: center; vertical-align: middle;  clear: none;cursor: pointer;  -webkit-appearance: none;   -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);  -webkit-transition: .05s border-color ease-in-out;  -moz-transition: .05s border-color ease-in-out;  -ms-transition: .05s border-color ease-in-out; -o-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out;}
input[type=checkbox]:checked:before { content: "";   margin-bottom: -1px;  color: #13aff0;   font-weight: 600;}
input[type=radio]:checked:before, input[type=checkbox]:checked:before {float: left; display: inline-block;  vertical-align: middle;  width: 16px; line-height: 11px;font-family: "Font Awesome 5 Free";  text-rendering: auto;}
button.back-to-top{margin: 0 !important; padding: 0 !important; background: #fff; width: 0px;overflow: hidden; border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; color: transparent; clear: both; visibility: hidden; position: fixed; cursor: pointer; display: block; border: none; right: 50px;bottom: 75px; font-size: 0px; outline: 0 !important; z-index: 99; -webkit-transition: all .3s ease-in-out;  transition: all .3s ease-in-out;}
button.back-to-top:hover, button.back-to-top:active, button.back-to-top:focus{ outline: 0 !important;}
button.back-to-top::before, button.back-to-top::after {content: "";display: block;vertical-align: middle;border-bottom: solid 10px #fff;border-left: solid 10px transparent;line-height: 0;border-right: solid 10px transparent;height: 0;margin: 15px auto 0;width: 0;visibility: hidden;}
button.back-to-top.show::after, button.back-to-top.show::before{visibility: visible;}
button.back-to-top::after {/* border-bottom-color: rgba(0,0,0,.4); *//* position: relative; */top: -21px;}
button.back-to-top.show {display: block;background: rgba(0,0,0,.4);color: #00ab6c;font-size: 25px;right: 25px;bottom: 50px;height: 40px;width: 40px;border-radius: 0;visibility: visible;box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.25);}
button.back-to-top.show:active { box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);-webkit-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0px 4px 8px 2px rgba(0, 0, 0, 0.25);}