/*
	Theme Name: iCode Campus
	Theme URI: https://icodeschool.com
	Author: iCode
	Author URI: https://icodeschool.com
	Description: A lightweight, high speed, mobile responsive, SEO friendly WordPress theme.
	Version: 10.100.136
	License:  GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: icode
*/
*{margin: 0;padding: 0;box-sizing: border-box;}
:root{
  --bg-primary :#196bd0;
  --bg-light:#2EBCF2;
  --bg-dark:#002e5c;
  --bg-secondary:#fbae26;
  --dark:#151719;
  --black:#000000;
  --white:#ffffff;
  --font1:"Oswald";
  --font2:"Roboto";
}
  header {position: relative; z-index: 99; top:3px; right:0; left:0; padding:0;}
  header .menubar{border: 3px solid var(--bg-secondary);border-left: none;border-right: none;background: var(--white);border-top: none;box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, .4);}
  header .menubar .btn-primary{height: fit-content;font-size: 16px;margin-left: 20px;}
  #menu{position:relative;}
  #menu >ul {
    list-style: none;
    margin: 20px 0;
    display: flex;min-height: 47px;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
  #menu ul li{display:inline-block;position:relative;}
  #menu ul li a{color:#000000; padding:10px 0px; display:block;text-decoration:none;position:relative; -webkit-transition:all .3s linear;font-size: 18px;font-weight: 400; transition:all .3s linear;font-family: var(--font2);}
  /* #menu li > a:after { content: '\f107'; font-family:'FontAwesome'; margin-left:5px; } */
  #menu li > a:after { content: '';margin-left:2px;background: url('https://icodeschool.com/chandler/wp-content/uploads/2025/04/header-arrow.svg');background-size: 10px;width: 15px;height: 15px;display: inline-block;background-position: center;background-repeat: no-repeat;position: relative;top: 2px; }
  #menu li > a:only-child:after { margin-left: 0; content: '';display: none; }
  #menu ul li a:hover,#menu ul li.active a,#menu ul li.current_page_item>a,#menu ul li.current-menu-ancestor>a,#menu ul li.current-menu-item>a,#menu ul li.current-menu-parent>a{color: var(--bg-secondary);}
  #menu li.active ul li a{color:black;background:#000}
  #menu li.active ul li a:hover{color:#fff;background:#333}
  #menu li>ul{position:absolute;left:0;top:100%;z-index:9999;white-space:nowrap;padding-left: 0;margin-right: 10px;}
  #menu ul li.active ul li a { background:#fff; color:#C71846;}
  #menu li>ul li{background:#fff;border-bottom:1px solid rgba(0,0,0,0.09);display:block;position:relative; margin:0; text-align:left;}
  #menu li>ul li:hover{background:var(--bg-secondary) ;border-bottom:1px solid rgba(0,0,0,0.09)}
  #menu li>ul li a{color:black;font-size:18px; padding:8px 15px;  border-right:0;}
  #menu li>ul li a:hover{color:#fff;text-decoration:none}
  #menu li ul li.current_page_item>a,#menu li ul li.current-menu-ancestor>a,#menu li ul li.current-menu-item>a,#menu li ul li.current-menu-parent>a{background: #f8b735;color:var(--black);}
  #menu>li{border-left:1px solid #999}
  #menu>li:first-child,#menu>li.has-submenu+li{border-left:0}
  #menu li>ul>li>ul{position:absolute;left:100%;top:0;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
  #menu li>ul>li:hover>ul{visibility:visible;opacity:1;display:block}
  #menu li>ul{transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s;visibility:hidden;opacity:0}
  #menu li:hover>ul{visibility:visible;opacity:1}
  #menu li>ul li a{padding:8px 23px;transition:all linear .2s 0s;-webkit-transition:all linear .2s 0s}
  #menu li:hover>ul li a{padding:10px 23px}
  #menu li>ul li:hover a {color:#fff;}
  #menu li>ul li:hover ul li a {color:#000;}
  #menu li>ul li ul li a:hover {color:#ff9e00;}
  @keyframes menu_sticky {
    0%   {margin-top:-240px;}
    50%  {margin-top: -90px;}
    100% {margin-top: 0;}
  }
  header.sticky {  margin:0;  position: fixed;  background:#ffffff; top:0; left:0; width:100%; z-index:99999; animation-name:menu_sticky; animation-duration: 0.60s; animation-timing-function:ease-out;  box-shadow:0 0 5px 0px rgba(255, 255, 255, 0.49); -webkit-box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.49); padding: 0; backdrop-filter: blur(5px);}
  header .logo{max-width: 230px ;margin-right: 20px;}
  header.sticky .top-header,header.sticky .sub-manu{display: none;}
  header.sticky .logo img{width: 230px;}
  header.sticky #menu ul{margin:20px 0;}
  header .top-bar,.njt-nofi-container-content .njt-nofi-container .njt-nofi-notification-bar.njt-nofi-bgcolor-notification {background: radial-gradient(100.89% 4977% at 0% 0%,    #0070f7 0%,    #ffffff 50%,  #0070f7 75%,  #0070f7 100%);
  ;padding: 10px 0 ;border-top: 0px solid var(--bg-secondary) !important;box-shadow: inset 0px 5px 4px 1px #8f8f8f;}
 header .top-bar .box{display: flex;justify-content: center;align-items: center;gap: 10px;}
header.sticky .top-bar,header.sticky .njt-nofi-notification-bar{display: none !important;}
.njt-nofi-notification-bar .njt-nofi-button .njt-nofi-button-text{border-radius: 0 !important;padding: 10px 20px  !important;background: black;}
.njt-nofi-padding-text{color: black;}
header.tabs-nav.sticky{position: relative;}

 body{font-family: var(--font2) !important;overflow-x: hidden;width: 100%;color: var(--black);}

 img{max-width: 100%;}
 a{text-decoration: none;}
 ul,li{margin: 0;padding: 0 ;list-style: none;}
 section{padding: 70px 0;}
 h1{font-size: 45px;font-weight: 700;line-height: 55px;font-family: var(--font1);}
 h2,.title{font-size: 40px;font-weight: 600;font-family: var(--font1);}
 h3{font-size: 32px;font-weight: 600;font-family: var(--font1);}
 h4{font-weight: 600;font-size: 26px;font-family: var(--font1);}
 h5{font-weight: 600;font-size: 22px;font-family: var(--font1);}
 h6{font-weight: 600;font-size: 20px;font-family: var(--font1);}
 p{font-size: 18px;font-family: var(--font2);}
 .container-fluid{max-width: 100%;width: 100%;margin-inline: auto;padding-inline:3%;}
 .btn-primary{background: var(--bg-secondary) ;border-radius: 7px;padding: 10px 20px ;font-size: 16px ;border:2px solid var(--bg-secondary);font-weight: 500;text-transform: uppercase;color: var(--black);}
  .btn-primary:hover{background-color:  white;border: 2px solid var(--bg-secondary);color: black;}
 .btn-light{padding: 10px 20px ;font-size: 16px ;color: var(--dark) !important ;font-weight: 500; border-radius: 7px ;border:2px solid var(--bg-secondary);background-color: var(--bg-secondary);text-transform: uppercase;}
 .border-bottom{border-top: 4px solid var(--bg-secondary) !important;}
 .btn-light:hover{border-color:var(--bg-secondary);background-color:white;}
 header .btn-primary{font-size: 16px;background-color: var(--bg-primary);color: var(--white);border-color: var(--bg-primary);}
 .hero-banner{position: relative;display: flex;align-items: center;min-height:770px; overflow-x: clip;padding-bottom: 10px;}
 .hero-banner.inner-banner::after{content: "";background: url('https://icodeschool.com/chandler/wp-content/uploads/2025/04/inner-bg-image-2.png');position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;top: 0;left: 0;opacity:1;}
 .hero-banner.border_new::after{content: "";background: rgba(0, 0, 0, .39);position: absolute;width: 100%;height: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;top: 0;left: 0;}
 .hero-banner .container{z-index: 2;}
 .hero-banner h1{margin-bottom: 30px;font-size: 45px;font-weight: 700;}
 .hero-banner .inner-btn{margin-top: 30px;}
 .hero-banner .inner-btn img{max-width: 150px;}
 .hero-banner .effect-main{display: flex;}
 .hero-banner .effect-box img{position: absolute;left: 0;width: calc(100% + ( 50vw - 500px) + 8px);max-width: none;object-fit: cover;top: -12%;object-position: -310px;}
 .hero-banner .effect-box img{mask-image: url('https://icodeschoo2dev.wpenginepowered.com/wp-content/uploads/2025/03/img-effect.svg');mask-mode: alpha;mask-repeat: no-repeat;    mask-size: 103% 127%;   -webkit-mask-position-y: 150%;-webkit-mask-position-x: -230px;pointer-events: none;}
 .hero-banner .img-box {  position: absolute;  left: -0%;  right: 0;  margin-inline: auto;  max-width: 247px;  pointer-events: none;  text-align: center;  max-height: 585px;  bottom: -25px;  z-index: 10; animation: floatUpDown 3s ease-in-out infinite;}
 @keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0);
  }
}
 .hero-banner .img-box img{object-fit: cover;height: 100%;width: 100%;}
 .hero-banner p{max-width: 530px;}
 .hero-banner.inner-banner .bg-effect{position: absolute;left: 0;top: 0;width: 70%;height: 100%;bottom: 0;opacity: .6;}
 .hero-banner.inner-banner {min-height: 674px;}
 .hero-banner .effect-main {
  display: flex;
  position: absolute;
  max-width: 715px;
  width: 100%;
  right: 0px;
  overflow: hidden;
  height: 100%;
  top: 0%;
}
.hero-banner .bottom-frame{display: none;}
.hero-banner.border_blue{padding-bottom: 230px;}
.hero-banner.border_blue .bottom-frame{position: absolute;width: 100%;bottom: -1px;left: 0;right: 0;width: 100%;display: block;}
.hero-banner.border_blue .bottom-frame img{width: 100%;}


.hero-banner .effect-box {  flex-grow: 1; position: absolute; min-height: 639px;  right: 0;  width: 100%;  opacity: .4;}


 .why-choose-sec{position: relative;padding-bottom: 150px;}
 .why-choose-sec .container{position: relative;z-index: 2;}
 .why-choose-sec .effect{position: absolute;max-width: 1100px;width: 100%;bottom: 70px;left: 0;right: 0;margin: auto;z-index: -1;}
 .heading h2 , .heading p{text-align: center;}
 .heading h2{margin-bottom: 40px;}
 .why-choose-sec .heading{margin-bottom: 70px;}


 .choose-box{text-align: center;}
 .choose-box .img-box{width: 150px;height: 150px;overflow: hidden;border: 2px solid var(--bg-secondary);margin-inline: auto;border-radius: 50%;background: var(--white);padding: 5px;margin-bottom: 10px;}


 .curriculum-sec{position: relative;padding: 120px 0;}
 .curriculum-sec::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #0070f7;opacity: .8;}
 .curriculum-sec .container{position: relative;z-index: 2;}
 .curriculum-sec *{color: var(--white);}
 .curriculum-sec .inner-btn {display: flex;justify-content: center;margin-top: 40px;}
 .curriculum-sec .inner-btn .btn-primary{background: var(--bg-dark);}
 .curriculum-sec .heading{max-width: 1000px;margin-inline: auto;}
 /* .curriculum-sec .robo-img{position: absolute;z-index: 3;right: 0;top: -30%;width: 30%;} */

 .belt-sec .btn-primary{background-color: var(--bg-primary);text-transform: capitalize;border-radius: 0;border-color: var(--bg-primary);color: var(--white);font-family: var(--font1);}
 .belt-sec .btn-primary:hover{border-color: var(--bg-primary);background-color: transparent;color: black;}

.program-sec{position: relative;}
.program-sec {
  padding-bottom: 240px;
}
.program-sec:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:linear-gradient(34deg,rgba(255, 103, 0, 1) 0%, rgba(248, 4, 156, 1) 30%, rgba(94, 23, 235, 1) 64%, rgba(0, 112, 247, 1) 100%);content: "";opacity: .7;}
.program-sec .container{position: relative;z-index: 11;}
.program-sec .robo-img{position: absolute;  left: 0;z-index: 1;  top: -200px;  width: 220px;  height: 420px;  object-fit: cover;}
.program-sec .bottom-frame{position:absolute;bottom: -1px;left: 0;right: 0;width: 100%;z-index: 12;}
.program-sec .bottom-frame img{width: 100%;}

 .program-box .text-box {
  position: relative;
  display: flex;transform: translateY(-15px);
  flex-direction: column;
  height: 100%;
  top: 0;
  padding: 0 46px 10px;
  bottom: 0;
  margin: auto;
  justify-content: space-between;
}


.program-box img{position: absolute;width: 100%;height: 100%;}
 .program-box .head::after {content: "";position: absolute;left:-5px;background: var(--bg-secondary);width: 5px;height: 67px;top: -2px;}
 .program-box .head span{font-weight: 600;}
 .program-box .card-btn span{font-weight: 600;color: #196bd0;cursor: pointer;}

 .program-main .col-lg-4:nth-child(6n+1) .program-box .head span { color: #3cb371; }
 .program-main .col-lg-4:nth-child(6n+2) .program-box .head span { color: #3cb371; }
 .program-main .col-lg-4:nth-child(6n+3) .program-box .head span { color: #f8b735; }
 .program-main .col-lg-4:nth-child(6n+4) .program-box .head span { color: #196bd0; }
 .program-main .col-lg-4:nth-child(6n+5) .program-box .head span { color: #196bd0; }
 .program-main .col-lg-4:nth-child(6n+6) .program-box .head span { color: #3cb371; }

 .program-main .col-lg-4:nth-child(6n+1) .program-box .head::after{ background: #3cb371; }
 .program-main .col-lg-4:nth-child(6n+2) .program-box .head::after{ background: #3cb371; }
 .program-main .col-lg-4:nth-child(6n+3) .program-box .head::after{ background: #f8b735; }
 .program-main .col-lg-4:nth-child(6n+4) .program-box .head::after{ background: #196bd0; }
 .program-main .col-lg-4:nth-child(6n+5) .program-box .head::after{ background: #196bd0; }
 .program-main .col-lg-4:nth-child(6n+6) .program-box .head::after{ background: #3cb371; }


 .review-sec{position: relative;background-position: top !important;}
 /* .review-sec .robo-img{position: absolute;right: 0;top: -80px; width: 20%;} */
.review-sec .heading{margin-bottom: 40px;}
.review-sec iframe{max-width:100% !important;}
.partner-sec {position: relative;  padding: 110px 0;}
.partner-sec::after{content: "";left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%;background:linear-gradient(34deg,rgba(255, 103, 0, 1) 0%, rgba(248, 4, 156, 1) 30%, rgba(94, 23, 235, 1) 64%, rgba(0, 112, 247, 1) 100%);opacity: .35;position:absolute;}
.partner-sec img{max-width: 200px; max-height: 130px;padding: 12px;}
.partner-sec .container {position: relative;z-index: 22;}
.partner-sec .container > .row{justify-content: center;align-items: center;row-gap: 30px;}
.partner-sec .container > .row a{display: flex;justify-content: center;}
.gallery-main{background-color: #ffffffa6;border-radius: 34px;justify-content: center;}
.partner-sec h2 ,.partner-sec p{color: var(--white);}
.try-sec{ position: relative;}
.try-sec::after{content: "";position: absolute;left: 0;right: 0;width: 100%;top: 0;bottom: 0;height: 100%;background: linear-gradient(180deg,rgba(0, 112, 247, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 1) 50%, rgba(0, 112, 247, 1) 100%);opacity: .79;}
.try-sec .container{position: relative;z-index: 2;}
.try-sec img{width: 240px;}
.try-sec .img-style{clip-path: polygon(40% 0%, 40% 20%, 100% 20%, 100% 80%, 40% 80%, 40% 100%, 0% 50%);}


.want-sec .ques-box{padding: 75px 60px;border-radius: 30px;position: relative;overflow: hidden;}
.want-sec .ques-box::after{content: "";background: var(--bg-secondary);width: 3px;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;position: absolute;z-index: 5;}
.want-sec .ques-box::before{content: "";background: #0070f7;width:100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: auto;position: absolute;z-index: 1;opacity: .87;}
.want-sec .ques-box *{color: var(--white);position: relative;z-index: 6;}
.want-sec .ques-box .btn{padding-inline: 40px;}
.want-sec .ques-box h4{margin-bottom: 20px;}
.want-sec .ques-box p{max-width: 500px;}
.want-sec .ques-box .inner-btn{margin-top: 30px;}
/* .want-sec .ques-box .col-lg-6:nth-child(2){border-left: 3px solid var(--bg-secondary);} */
@media (min-width: 992px) {
  .want-sec .ques-box .col-lg-6:nth-child(2){padding-left: 3rem;}
}

footer{padding: 25px 0 25px;border-bottom: 4px solid var(--bg-secondary) !important;}
/* footer iframe{width: 100%;overflow: hidden;height: 205px;} */
footer iframe {
  width: 100%;
  overflow: clip;
  height: 236px;
  object-fit: contain;
  object-fit: cover;
}
footer{background-color: #0070f7;}
footer h3,footer .widget-title{color: var(--white); font-size: 25px; font-weight: 600;margin-bottom: 10px;}
footer ul li a{font-weight: 400;}
footer ul li{color: var(--white);font-weight: 400;   font-size: 16px; margin-bottom: 10px;}
footer a{color: var(--white); font-size: 16px;text-decoration: underline  ;transition: .3s linear;}
footer a:hover{color: var(--bg-secondary);}
footer .copyright p{color: var(--white); font-size: 16px;}
footer .addres{color: var(--white); font-size: 16px;}
footer .contact ul li{margin-bottom: 10px;}
footer .contact {margin-bottom: 60px;}
footer .logo{margin-bottom: 30px;}
footer p{font-size: 16px;}
footer .quick-links li a{text-decoration: none;}
footer .social img{max-width: 30px;}
footer .social ul { display: flex; gap: 10px;}
footer .copyright{text-align: center;margin-top: 70px;}






.inner-banner{padding: 0;}
.inner-banner .img_main {flex-grow: 1;position: relative;min-height: 679px;max-height: 676px;}
.inner-banner .img_main img {position: absolute;left: 0;width: calc(100% + (50vw - 660px) + 8px);max-width: none;object-fit: cover;top: 0;height: 100%;}
.inner-banner .top-robo{position: absolute;bottom: -10%;width: 16%;right: 0;left: 82px;margin-inline: auto;animation: floatUpDown 3s ease-in-out infinite;}
.belt-sec {position: relative;overflow: hidden;}
.belt-sec .accordion-button{display: block !important;text-align: start;margin-inline: 0 !important;position: relative;}
.belt-sec .effect-bg {    position: absolute;top: 150px;z-index: 1;left: 0;opacity: .8;right: 0;max-width: 1304px;margin-inline: auto;}
.belt-sec .accordion-item{background-color: transparent;border-radius: 16px;overflow: hidden;}
.belt-sec .accordion-item .btn-primary{background-color: var(--bg-primary) !important;text-transform: capitalize !important;color: var(--white) !important;border-color: var(--bg-primary);border-radius: 0 !important;}
.belt-sec .accordion-item .btn-primary:hover{color: black !important;background-color: white !important;border-color:var(--bg-primary) !important ;}
.belt-sec .container{position: relative;z-index: 3;}
.accordion-button::after{display: none;}
.belt-sec .accordion-button:focus{border: none;box-shadow: none;}
.belt-sec .accordion-button{width: 100%;transition: .2s linear;background: transparent;border: none;border-radius: 10px !important;background-size: cover !important;margin-bottom: 20px;padding: 16px 9px;border-radius: 0 !important;color: #212529;font-weight: 600;line-height: normal;}
.belt-sec .accordion-button:not(.collapsed){background: transparent;border: none;border-radius: 16px !important;color: #212529;font-weight: 600;line-height: normal;position: relative;padding: 16px 9px;}
.program-header{position: relative;}
.belt-sec .accordion-button .head h4 span{font-weight:600;}
.belt-sec .accordion-button .row{position: relative;z-index: 3;}
.section-description-corp.spacer-lg ul {padding-left: 1.3rem;}
.section-description-corp.spacer-lg ul li{list-style-type: disc;margin-bottom: 4px;}
.section-description-corp.spacer-lg ul li::marker{color: #196bd0;font-size: 20px;vertical-align: middle;position: absolute;line-height: 28px;}

.belt-sec .accordion-button .effect-btn{    position: absolute; right: 27%; top: 0; bottom: 0; transform: translateY(20%);width: fit-content;}
.belt-sec .accordion-button .effect-btn img{max-width: unset;}
.belt-sec .accordion-button .head{display: flex;align-items: center;}
.belt-sec .accordion-button .head h4{font-size: 22px;}
.belt-sec .accordion-button .head  img,.programs img{max-width: 80px;object-fit: contain; height: fit-content;}
.belt-sec .accordion-button .age{display: flex;flex-direction: column;font-size: 18px;row-gap: 10px;}
.accordion-body .inner-btn .btn-light{background-color: #e7e8e8;border-color: #e7e8e8;font-weight: 600;color: var(--black);}
.accordion-body .inner-btn {  display: flex;  justify-content: end;  margin-bottom: 20px;}
.accordion-body .inner-btn .btn-light:hover{background-color: #b6b7b7;border-color: #b6b7b7;}
.belt-sec .accordion-item{margin-bottom: 30px;}
.belt-sec .heading{margin-bottom: 50px;}
.details .inner-btn{display: flex;justify-content: end;padding: 25px;}
.details .inner-btn .btn-light{background: #F2F2F2;border-radius: 0;border-color:#F2F2F2 ;}
body.page #main article .entry-content .programs .details{margin-bottom: 20px !important;margin-inline: auto !important;width: 100%;background-color: transparent !important;}
.belt-sec h2 ,.belt-sec h3{margin: 16px 0;}
.belt-sec .accordion-body h5{margin-bottom: 30px;}
.belt-sec .accordion-body h6 {
  margin-bottom: 27px;
  font-weight: 700;
}
.belt-sec .accordion-body p {max-width:100%;  margin-bottom: 26px;}
.belt-sec .accordion-body ul{padding-left: 1.2em;  margin-bottom: 36px;max-width:300px;}
.belt-sec .accordion-body ul li{list-style-type: disc;margin-bottom: 4px;      font-size: 19px;}

.faq-card{border: 3px solid var(--bg-primary);color: var(--bg-primary);padding: 12px;}
.faq-card .price{font-size: 20px;font-weight: 600;text-align: end;margin-bottom: 21px;}
.faq-card .days{margin-bottom: 12px;font-size: 19px;}
.faq-card .date{margin-bottom: 12px;font-size: 19px;}
.enroll-btn {margin: 100px 0;display: flex;justify-content: end;}


/* header style */
/* header style */
/* header style */
/* header style */


a.btn-1 {
  display: inline-block;
  padding: 10px 20px;
  margin: 15px auto;
  background: var(--bg-secondary);
  text-decoration: none!important;
  font-size: 16px;
  font-weight: 700;
  border: 2px solid var(--bg-secondary);
  color: #040404!important
}

a.btn-1:hover {
  background: 0 0;
  color: var(--bg-primary)!important;
  border: 2px solid var(--bg-primary);
}

a.btn-4 {
  display: inline-block;
  padding: 10px 20px;
  margin: 15px auto;
  background: #196bd0;
  text-decoration: none!important;
  font-size: 16px;
  font-weight: 700;
  border: 2px solid #196bd0;
  color: #fff!important
}



header#masthead #programsMenu {
  display: none;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  border-bottom: 3px solid var(--bg-secondary);
  background-color: #fff;
  padding: 20px 20px 40px;
  z-index: 99999999;
  height: 100%;
  overflow-y: scroll
}
header#masthead #programsMenu .container h2{color: var(--white);}
header#masthead #programsMenu::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:linear-gradient(34deg,rgba(255, 103, 0, 1) 0%, rgba(248, 4, 156, 1) 30%, rgba(94, 23, 235, 1) 64%, rgba(0, 112, 247, 1) 100%);content: "";opacity: .7;}
header#masthead #programsMenu .container{position: relative;z-index: 11;}

@media (min-width: 992px) {

  header#masthead #programsMenu {
    height: inherit;
    overflow: hidden;
    position: absolute;
    top: 0;
    /* max-width: 1580px; */
    margin-inline: auto;
    left: 0;
    right: 0;
}


}

header#masthead #programsMenu .align-items-center {
  margin-bottom: 30px
}

header#masthead #programsMenu .align-items-center a {
  color: #040404
}

header#masthead #programsMenu .col-md-6 {
  margin-bottom: 30px
}

/* header#masthead #programsMenu .box-1,header#masthead #programsMenu .box-2,header#masthead #programsMenu .box-3,header#masthead #programsMenu .box-4,header#masthead #programsMenu .box-5 {
  border-radius: 10px;
  padding: 6px 18px
} */

/* header#masthead #programsMenu .box-1 .row,header#masthead #programsMenu .box-2 .row,header#masthead #programsMenu .box-3 .row,header#masthead #programsMenu .box-4 .row,header#masthead #programsMenu .box-5 .row {
  border-radius: 5px;
  background-color: #fff;
  padding: 10px
} */

/* header#masthead #programsMenu .box-1 {
  background: #196bd0
} */
/*
header#masthead #programsMenu .box-1 .title {
  font-weight: 700;
  color: #196bd0
}

header#masthead #programsMenu .box-1 .fa {
  color: #196bd0
}

header#masthead #programsMenu .box-2 {
  background: #00ac8d
}

header#masthead #programsMenu .box-2 .title {
  font-weight: 700;
  color: #00ac8d
}

header#masthead #programsMenu .box-2 .fa {
  color: #00ac8d
}

header#masthead #programsMenu .box-3 {
  background: #ffc803
}

header#masthead #programsMenu .box-3 .title {
  font-weight: 700;
  color: #ffc803
}

header#masthead #programsMenu .box-3 .fa {
  color: #ffc803
}

header#masthead #programsMenu .box-4 {
  background: #db03ab
}

header#masthead #programsMenu .box-4 .title {
  font-weight: 700;
  color: #db03ab
}

header#masthead #programsMenu .box-4 .fa {
  color: #db03ab
}

header#masthead #programsMenu .box-5 {
  background: #6705b5
}

header#masthead #programsMenu .box-5 .title {
  font-weight: 700;
  color: #6705b5
}

header#masthead #programsMenu .box-5 .fa {
  color: #6705b5
} */

header#masthead .location-open,header#masthead .programs-open {
  display: block!important
}

header#masthead #location {
  display: none;
  background-color: #fff;
  padding: 30px 0;
  position: absolute;
  width: 100%;
  left: 0;
  top: 175px;
  z-index: 999999999;
  overflow-y: scroll
}

@media (min-width: 768px) {
  header#masthead #location {
      top:100px
  }
}

header#masthead #location .row {
  margin-bottom: 30px
}

header#masthead #location p {
  margin-bottom: 0;
  font-size: 24px
}

header#masthead #location .location {
  color: #040404;
  padding: 5px 10px 5px 2px
}

header#masthead #location .location:hover {
  background-color: #196bd0;
  color: #fff
}

header#masthead #location .locations a {
  display: block
}

header#masthead #location .btn-1 {
  padding: 10px 20px!important
}

header#masthead #location .btn-1:hover {
  background: 0 0!important;
  color: #196bd0!important
}

header#masthead #location .city {
  color: #196bd0;
  font-size: 22px;
  font-weight: 700;
  width: 100%
}

header#masthead #location .single-location {
  padding-left: 30px
}

header#masthead #location .single-location-title {
  color: #196bd0
}

header#masthead #location .divider-bar {
  border-left: 2px solid #f2f2f2
}

header#masthead #location .location-content {
  display: none
}

header#masthead #location .location-details {
  margin-top: 10px
}

header#masthead #location {
  height: 100%!important;
  top: 0;
  position: fixed;
}

header#masthead #location .pick-up-location-header div {
  position: relative
}

header#masthead #location .pick-up-location-header div a {
  position: fixed;
  right: 10px;
  margin: -50px 0 0
}

header#masthead #location .cities {
  display: inline-block!important;
  columns: 4;
  column-gap: normal
}

@media (max-width: 992px) {
  header#masthead #location .cities {
      columns:3;
      column-gap: normal
  }
}

@media (max-width: 768px) {
  header#masthead #location .cities {
      columns:2
  }
}

header#masthead #location .cities .locations {
  display: inline-block;
  width: 100%
}

header#masthead #location .cities .location-inner {
  margin-top: 10px
}

header#masthead #location .cities.displaynone {
  display: none!important
}

.opened {
  right: 0!important
}

.dropdown-sub a[href="#"]:after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0
}


#programsMenu .program-box {
  height: 100%;
  min-height: 242px;
  padding: 4px 0px 20px;
  position: relative;

}
#programsMenu .program-box .content{position: relative;
  z-index: 12 ;
}

header#masthead #programsMenu .box-1, header#masthead #programsMenu .box-2, header#masthead #programsMenu .box-3, header#masthead #programsMenu .box-4, header#masthead #programsMenu .box-5 {
  padding: 60px 54px 5px;
}

header#masthead #programsMenu p:first-child {
  font-weight: 800;
  font-size: 22px;
}
header#masthead #programsMenu p {
  color: var(--black);
  margin-bottom: 7px;
  font-size: 18px;
  line-height: 1.5;
  /* margin-bottom: 2px; */
}
header#masthead #programsMenu p strong br{display: none ;}
header#masthead .program-box p:first-child::after {
  content: "";
  position: absolute;
  left: -24px;
  background: var(--bg-secondary);
  width: 3px;
  height: 44px;
  top: -11px;
}
.program-container{
  display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap:0px 20px;
    place-items: center;
}

.program-container  .program-box p:first-child{position: relative;}
/* .program-container  .program-box p:first-child::after{position: relative;} */
.program-container  .program-box:nth-child(6n+1)  p:first-child  { color:#196bd0 !important; }
.program-container .program-box:nth-child(6n+1) p:first-child::after { background-color: #196bd0 !important; }

.program-container  .program-box:nth-child(6n+2)  p:first-child  { color: #3cb371 !important; }
.program-container .program-box:nth-child(6n+2) p:first-child::after {background-color: #3cb371 !important; }

.program-container  .program-box:nth-child(6n+3)  p:first-child  { color: #f8b735 !important; }
.program-container .program-box:nth-child(6n+3) p:first-child::after {background-color: #f8b735 !important; }

.program-container  .program-box:nth-child(6n+4)  p:first-child  { color: #cb6ce6 !important; }
.program-container .program-box:nth-child(6n+4) p:first-child::after {background-color: #cb6ce6!important; }

.program-container  .program-box:nth-child(6n+5)  p:first-child  { color: #5e17eb !important; }
.program-container .program-box:nth-child(6n+5) p:first-child::after {background-color: #5e17eb !important; }

.program-container  .program-box:nth-child(6n+6)  p:first-child  { color: #1271c4 !important; }
.program-container .program-box:nth-child(6n+6) p:first-child::after {background-color: #1271c4 !important; }

/* header#masthead.sticky #programsMenu {
  top: 85px;
} */

.sp-footer-sponsors {display: none;}


.program-box .text-box .head h6 {  color: var(--black);  font-size: 23px;  font-weight: 700;  max-width: 237px;
}
.program-box .text-box p {
  color: var(--black);
  font-size: 19px;
}

.program-box .text-box .head {margin-bottom: 12px;}
.program-box .text-box  {margin-bottom: 12px;}
.location-bg, .program-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-color: #000;
  opacity: .7;
  display: none;
}
.open {
  display: block !important;
}
.program-main{row-gap: 150px;}
.program-box {
  height: 100%;
  /* min-height: 431px; */
  padding:  0 6px;
  transition: .3s linear;
  position: relative;
}
.program-box .card-wrap-2{background: linear-gradient(180deg, rgba(241, 73, 2, 0) 0%, rgba(241, 73, 2, 0) 10%, rgba(254, 254, 254, 1) 10%, rgba(255, 255, 255, 1) 100%);height: 100%;
  box-sizing: content-box;
  border-radius: 0px 93px 22px 47px;  box-shadow: 0 0 10px 5px rgb(245 180 99 / 57%);}
.program-box .effect{position: absolute;top:-96px;left: 0;}
.program-box .effect img{height: auto;position: relative;}
.program-box:hover{transform: scale(1.01);transition: .3s linear;}
header#masthead.sticky #location{height:100vh  !important}
.program-main .heading h2{margin-bottom: 0;}
partner-sec .heading p {
  max-width: 840px;
  font-size: 19px;
  margin-inline: auto;
}


.program-main .heading {
  margin-bottom: 50px;
}



header#masthead.sticky #location,header#masthead.sticky #location-template {height:100vh  !important}
.program-main .heading h2{margin-bottom: 0;color: var(--white);}
partner-sec .heading p {
  max-width: 840px;
  font-size: 19px;
  margin-inline: auto;
}


.program-main .heading {
  margin-bottom: 50px;
}
header#masthead #location-template { display: none; background-color: #fff; padding: 30px 0;  position: absolute;  width: 100%;  left: 0;  top: 175px;  z-index: 9999999999;  overflow-y: scroll;
  height: 100% !important;  top: 0;  position: fixed;}
header#masthead .location-template-open {  display: block !important;}
header#masthead #location-template .row {  margin-bottom: 30px;}
header#masthead #location-template .location-template {  color: #040404;  padding: 5px 10px 5px 2px;}
header#masthead #location-template .location-template:hover {  background-color: #196bd0;  color: #fff;}
header#masthead #location-template .locations-template a {  display: block;  color: #040404;  padding: 5px 10px 5px 2px;  display: block;font-size: 16px;}
header#masthead #location-template .locations-template a:hover {  background-color: #196bd0;  color: #fff;}
header#masthead #location-template .btn-1 {  padding: 10px 20px!important;}
header#masthead #location-template .btn-1:hover {  background: 0 0!important;  color: #196bd0!important;}
header#masthead #location-template .single-location {  padding-left: 30px;}
header#masthead #location-template .location-content {  display: none;  display: none;}
header#masthead #location-template .location-details { margin-top: 10px;  margin-top: 10px;}
header#masthead #location-template .h2 { margin-bottom: 30px;}
header#masthead #location-template .h2,header#masthead #location-template h2 {  margin-bottom: 30px;}
header#masthead #location-template p {  margin-bottom: 0;  font-size: 24px;}
header#masthead #location-template #locationBack-template {  background-color: #196bd0;  color: #fff;}
header#masthead #location-template #locationBack-template:hover {  background: 0 0; color: #040404 !important;}
header#masthead #location-template .city-template { color: #196bd0;  font-size: 22px;  font-weight: 700;  width: 100%;}
header#masthead #location-template .cities-template .locations-template {display: inline-block;width: 100%;}
header#masthead #location-template .cities-template.displaynone {  display: none !important;}
header#masthead #location-template .pick-up-location-header div {  position: relative;}

header#masthead #location-template .pick-up-location-header div a { position: fixed;  right: 10px;  margin: -50px 0 0;}

header#masthead #location-template .cities-template {  display: inline-block!important;  columns: 4;  column-gap: normal}



.fa-times{background: transparent;border: none;}


.program-box .text-box  .text-center p.link{text-align: start;margin-bottom: 0;font-weight: 600;color: #196bd0;cursor: pointer;font-size: 16px;}


#notifyModal .modal-dialog{left: 0;top: 0;transform: none;}
#chatbot-container #chatbot-logo {cursor: pointer;width: 60px;height: 60px;}
#chatbot-container {position: fixed;bottom: 20px;right: 20px;z-index: 9999;}
#chatbot-assistant-popup.popup-show {
  visibility: visible;
  opacity: 1;
  right: -30px;
}
#chatbot-assistant-popup {
  position: absolute;
  bottom: 130px;
  right: -30px;
  width: 350px;
  height: 330px;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
}


#chatbot-container #chatbot-logo {
  cursor: pointer;
  width: 60px;
  height: 60px;
}

#chatbot-container #chatbot-logo img {
  width: 100%;
  height: auto;
  transition: all 0.3s ease-in-out;
}

#chatbot-container #chatbot-logo img:hover {
  transform: scale(1.1);
  opacity: 0.8;
  cursor: pointer;
}

#chatbot-assistant-popup {
  position: absolute;
  bottom: 130px;
  right: -30px;
  width: 350px;
  height: 330px;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
}

#chatbot-assistant-popup.popup-show { visibility: visible; opacity: 1; bottom: 230px; right: -30px;}

#chatbot-assistant-popup iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.codie-ai-section-popup .codie-ai-inner-part-popup {
  background: #3a3a3a;
  border-radius: 40px;
  padding: 10px;position: relative;
}

.codie-ai-section-popup .codie-ai-inner-part-popup .codie-ai-image {
  text-align: center;
}

.codie-ai-section-popup .codie-ai-inner-part-popup .codie-ai-image img {
  max-height: 60px;
}

.codie-ai-section-popup .codie-ai-inner-part-popup .codie-ai-content-popup {
  text-align: left;
  padding-right: 20px;
  padding-left: 20px;
}

.codie-ai-section-popup .codie-ai-inner-part-popup .codie-ai-content-popup .card-title {
  font-size: 12px;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
}

.codie-ai-section-popup .codie-chat-body-popup {
  display: flex;
  flex-direction: column;
}

.codie-ai-section-popup .codie-ai-inner-part-popup .codie-chat-fields {
  display: block;
  text-align: center;
  margin-bottom: 20px;
  position: relative;
}

.codie-ai-section-popup .codie-chat-fields input#userInput_popup {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  font-family: Roboto, sans-serif;
  padding-right: 40px;
}

.codie-ai-section-popup .codie-ai-inner-part-popup .codie-chat-fields .form-control {
  width: 100%;
  height: 40px;
  background-color: #d9d9d9;
  border: 1px solid #ccc;
  margin-right: 10px;
  border-radius: 5px !important;
  display: block;
  padding: .375rem .75rem;
}

.codie-ai-section-popup .codie-chat-fields .clear-button {
  position: absolute;
  transform: translateY(-50%);
  cursor: pointer;
  display: none;
  font-size: 35px;
  top: 27%;
  right: 12px;
}

.codie-ai-section-popup .codie-ai-inner-part-popup .codie-chat-fields .codie-submit-btn {
  padding: 2px 8px;
  font-size: 12px;
  display: inline-block;
  background: #ffc803;
  text-decoration: none !important;
  font-weight: 700;
  border: 2px solid transparent;
  color: #040404 !important;
  float: right;
}

.codie-ai-section-popup .codie-ai-inner-part-popup .codie-chat-fields .codie-submit-btn:hover {
  background-color: #bbb !important;
}

.codie-ai-section-popup .codie-chat-fields button.codie-submit-btn {
  margin-top: 10px;
  float: unset;
  width: unset;
}

.codie-ai-section-popup .codie-chat-body-popup .codie-answer {
  width: 100%;
  background-color: #d9d9d9;
  color: #000;
  border-radius: 20px;
  min-height: 208px;
  padding: 10px;
}

.codie-ai-section-popup .codie-chat-body-popup p.disclaimer {
  font-size: 10px;
  line-height: 12px;
  color: #fff;
  font-weight: 700;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
}

.codie-ai-section-popup .codie-chat-body-popup .codie-ans-text {
  text-align: left;
  margin-bottom: 5px;
}

.codie-ai-section-popup .codie-answer .content-slider {
  padding: 10px 15px;
  display: block;
  max-height: 159px;
  overflow-y: auto;
}

.codie-ai-section-popup .codie-answer #responseBox {
  font-size: 13px !important;
  font-weight: 400;
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 5px;
  margin-right: 5px;
  text-align: justify;
  line-height: 18px !important;
  font-family: Roboto, sans-serif;
}

#chatbot-assistant-popup .codie-ai-section-popup .codie-answer #responseBox p , #chatbot-assistant-popup .codie-ai-section-popup .codie-answer #responseBox a {
  font-size: 13px !important;
  line-height: 18px !important;
}

#chatbot-assistant-popup .codie-ai-section-popup a#responseBoxIcon {
  text-align: center;
}

#chatbot-assistant-popup .codie-ai-section-popup .codie-chat-body-popup .codie-answer img {
  width: 22px;
  height: 17px;
}

.codie-answer .codie-ans-text span {
  font-size: 14px;
}

#chatbot-assistant-popup .popup-close-button {
  position: absolute;
  top: 10px;
  right: 36px;
  cursor: pointer;
  font-size: 24px;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  width: 25px;
  height: 25px;
  border-radius: 50px;
  padding: 7px;
  background: #0000002e;
  transition: transform .5s;
}

#chatbot-assistant-popup .popup-close-button:hover {
  background-color: #000;
}

#chatbot-assistant-popup .codie-ai-section-popup #responseBox.loading::after {
  content: '';
  animation: dot-blink 1s steps(4, end) infinite;
}

/*Media screen */
@media only screen and (max-width: 767px) {
  #chatbot-assistant-popup .codie-ai-section-popup .codie-chat-body-popup .codie-answer {
      background-color: #d9d9d9;
      color: #000;
      border-radius: 20px;
      min-height: 175px;
      padding: 10px;
  }
}

/*END : Chatbot Assistat Popup CSS*/
#closeLocation-template i{width: fit-content;}
#closePrograms i{width: fit-content;}

.section-local-7 .expirence .card{border-radius: 10px;box-shadow: 0 0 10px rgb(247 171 1 / 56%);height: 100%;padding: 22px 18px;border: 1px solid var(--bg-secondary);transition: .4s linear;}
.section-local-7 .expirence .card h6{font-size:24px;font-weight: 700;margin-bottom: 16px;}
.section-local-7 .expirence .card .mix-list li{display: flex;align-items: start;gap: 12px;}
.section-local-7 .expirence .card .mix-list li + li{margin-top: 10px;}
.section-local-7 .expirence .card .mix-list li img{filter: brightness(0) saturate(100%) invert(61%) sepia(54%) saturate(2266%) hue-rotate(164deg) brightness(99%) contrast(95%);}
.section-local-7 .expirence .card .mix-list li label{color: var(--bg-primary);}
.homeschool-services h5{color: var(--bg-secondary);font-weight: bolder;}
.homeschool-services .homeschool-services-single {padding: 20px 18px;box-shadow: 0 0 10px rgb(247 171 1 / 56%);height: 100%;border-radius: 8px;}
.homeschool-services .homeschool-services-single  .services-number {width: 55px;aspect-ratio: 1 / 1;border-radius: 50%;font-size: 30px;font-weight: 900;background: var(--bg-secondary);display: flex;align-items: center;margin-bottom: 15px;justify-content: center;color: white;}
.homeschool-services .homeschool-services-single  h5{font-size: 24px;font-weight: 900;}
.homeschool-services .homeschool-services-single h6{font-weight: 900;color: #040404;}
.homeschool-services .homeschool-services-single ul li:before {content: "-";position: absolute;left: 0;top: 0;}
.homeschool-services .homeschool-services-single ul {margin-bottom: 10px;}
.services-content ul li{padding-left: 10px;position: relative;font-weight: bold;color: #040404;margin-bottom: 5px;line-height: 1.5;}

.section-local-7 + .section-local-shortcde{padding-top: 20px;}
.section-local-7 + .section-local-shortcde + .homeschool-services{padding-top: 20px;}
.section-local-7 + .section-local-shortcde + .homeschool-services + .section-local-11{padding-top: 20px;}
.section-local-7 + .section-local-shortcde + .homeschool-services + .section-local-11 + .section-local-13{padding-top: 20px;}

.section-blogs-corp .card,.section-whats-local .card{height: 100%;border-radius: 8px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);transition: .3s linear;}
.section-blogs-corp .card  .card-media img ,.section-whats-local .card .card-media img{width: 100%;height: 260px;max-width: 100%;max-height: 100%; object-fit: cover;}
.section-blogs-corp .card .card-content ,.section-whats-local .card .card-content{padding: 20px;display: flex;flex-direction: column;justify-content: space-between;height: 100%;}
.section-blogs-corp .card .card-content p ,.section-whats-local .card .card-content p{ display: -webkit-box;width: 100%;font-size: 18px;line-height: 20px;-webkit-line-clamp: 4;overflow: hidden;margin-bottom: 15px; -webkit-box-orient: vertical; }
.section-blogs-corp .card .card-content h4 ,.section-whats-local .card .card-content h4{
  display: -webkit-box;  width: 100%;  font-size: 24px;  font-weight: 600;  line-height: 1.2;  margin-bottom: 15px;  color: var(--black);-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;}
.section-blogs-corp .card .card-content h4 a ,.section-whats-local .card .card-content h5 a{color: var(--black);}
.section-blogs-corp .card:hover,.section-whats-local .card:hover{transform: scale(1.01);transition: .3s linear;}
.section-blogs-corp .card .btn-primary i,.section-whats-local .card .btn-primary i{color: var(--white);transition: .3s linear;}
.section-blogs-corp .card .btn-primary:hover i,.section-whats-local .card .btn-primary:hover i{color: var(--black);transform: translateX(2px);}
.section-description-blog-corp h2{font-size: 34px;color: var(--black);}
.section-faq-local .accordion-item{border: 1px solid black;border-radius: 16px;overflow: hidden;}
.section-faq-local .accordion-item + .accordion-item{margin-top: 20px;}
.section-faq-local .accordion-item:last-child{border-bottom: 1px solid black  !important;}
.section-faq-local .accordion-flush{margin-bottom: 40px;}
.section-faq-local .accordion-flush h2{font-size: 36px;}
.section-faq-local .accordion-button:not(.collapsed){box-shadow: none;border: none;background-color: var(--bg-primary);}
.section-faq-local .accordion-button:focus{box-shadow: none;border: none;}
.section-faq-local .accordion-button{font-size: 20px;font-weight: 500;color: #000000;}
.section-faq-local .accordion-button:not(.collapsed){color: var(--white);}
.section-faq-local .accordion-item .accordion-button:after{content: "";position: absolute;  z-index: 1;  top: calc(50% - 10px);  right: 10px;  display: block; width: 20px;
  height: 20px; background: url(/icodeschoolstag/wp-content/themes/icode-corporate/images/icons/chevron-down.svg) no-repeat center center;  background-size: contain;  transition: all .3s;  }
  .section-faq-local .accordion-item .accordion-button:not(.collapsed):after{filter: invert(1);}
.section-form-local .form input{width: 100%;height: 55px;border-radius: 8px ;}
.section-form-local .form   .gform_legacy_markup_wrapper .ginput_complex .ginput_left, .gform_legacy_markup_wrapper .ginput_complex .ginput_right{width: 100% !important;padding-right: 0 !important;}
.section-form-local .form .gform_legacy_markup_wrapper li.hidden_label input{margin-top: 0 !important;}
.section-form-local .form  .gform_legacy_markup_wrapper textarea.large{height: 120px;border-radius: 8px;}
.section-form-local .form  .gform-footer,.section-local-shortcde  .gform-footer{display: flex !important;justify-content: center !important;}
.section-form-local .form  .gform-footer input,.section-local-shortcde  .gform-footer input{padding: 12px 27px;background-color: var(--bg-secondary);color: var(--black);}
.section-team-corp .card .card-profile{aspect-ratio: 1/1;overflow: hidden;}
.section-team-corp .card .card-profile img{width: 100%;object-fit: cover;aspect-ratio: 1/1;overflow: hidden;transition: .3s linear;}
.section-team-corp .card .card-content img{width: 25px;}
.section-team-corp .card .card-content{padding: 15px;}
.section-team-corp .card{height: 100% !important;box-shadow: 0 0  10px rgba(0, 0, 0, 0.3);border-radius: 10px;overflow: hidden;transition: .6s linear;cursor: pointer;}
.section-team-corp .card:hover .card-profile img{transform: scale(1.05);}
.section-team-corp .card:hover{transform: scale(1.01);}
.section-local-14 img{width: 25px;}
.section-local-14 .card{height: 100%;border-radius: 8px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 108, 250, 0.3);transition: .3s linear;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;text-align: center;padding: 20px;}
.section-local-14  .card img {display: flex;width: 60px;height: 60px;}
.section-local-14  .card .action {margin-top: auto;}
.section-local-14  .card .action a{margin-bottom: 0;font-weight: 700;}
.section-local-14  .card h4 {margin: 20px 0;line-height: 24px;font-weight: 600;}
.jm-notice__message {font-weight: 500;}

.section-form-local .contact-card h5{font-weight: bold;}
.section-form-local .contact-card .text{color: #000000;font-size: 18px;margin-bottom: 12px;}
.section-form-local .contact-card .text a{color: var(--bg-primary);}
.section-form-local  .section-local-shortcde{padding-top: 20px;}
.section-local-shortcde{position: relative;}
.free-trial-camp-video-section .free-trial-camp-video-bg {background-size: 69%;background-repeat: no-repeat;margin: -100px auto 0 auto;background-position: top;padding-bottom: 152px;}
.free-trial-camp-video-section {padding: 0;margin-top: 150px;background-repeat: no-repeat;background-size: cover;background-position: center top;padding-top: 10px;}
.skills-section {padding: 20px 0 40px 0;background-color: #00eadc;}
.stem-education-section {padding: 80px 0 150px 0;background-repeat: no-repeat;background-size: 100%;background-position: bottom center;}
.summer-camps-images-section .summer-camps-image-inner ul {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.summer-camps-images-section .summer-camps-image-inner ul li {width: 25%;}
.summer-camps-images-section .summer-camps-image-inner ul li img {object-fit: cover;height: 450px;width: 100%;}
.free-trial-camp-video-section .video-wrapper-box { max-width: 600px;margin: 103px auto 0 auto;padding: 10px;background-color: #edf2ec;}
.summer-camps-template-section .summer-camps-table-data table thead th {  background-color: var(--black);  color: #fff;  text-transform: uppercase; text-align: center; font-weight: 700;}
.summer-camps-template-section .summer-camps-table-data table tbody th .camp-name strong {color: #03bff9;}
.summer-camps-template-section .summer-camps-table-data table tbody th {font-weight: 700;}
.summer-camps-template-section .summer-camps-table-data table tbody th .camp-type {font-weight: 400;font-size: 16px;}
.summer-camps-template-section .summer-camps-table-data table tbody td {text-align: center;font-weight: 700;}
.summer-camps-template-section .summer-camps-table-data table tbody td.dates .date {border-bottom: 1px solid #dee2e6;padding: 4px 8px;}
.summer-camps-template-section .summer-camps-table-data table tbody td.prices .price {
  border-bottom: 1px solid #dee2e6;
  padding: 4px 8px;}
.summer-camps-template-section .summer-camps-table-data table tbody td.prices .price { border-bottom: 1px solid #dee2e6; padding: 4px 8px;}
.summer-camps-template-section .summer-camps-table-data table tbody td.dates .date:last-child {
border-bottom: none;padding-bottom: 0;}
#gform_wrapper_11 .gform_footer input[type=submit] {background-color: #000;color: #fff !important;width: 100%;padding: 10px;text-align: center;border: none;border-radius: 0;cursor: pointer;font-size: 16px;display: inline-block;text-transform: uppercase;}
.job_listings .job_filters .search_jobs {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;}
.job_listings .job_filters input[type=text] {display: block;width: 100%;height: 40px;padding: 10px 15px;font-size: 16px;line-height: 20px;color: #000;background: 0 0;border: 1px solid #6c757d;border-radius: 4px;box-sizing: border-box;}
.job_listings .job_filters .search_submit input[type=submit] {display: inline-block;padding: 10px 20px;margin: 0;background: #ffc803;text-decoration: none !important;font-size: 16px;font-weight: 700;border: 2px solid #ffc803;color: #040404 !important;}
.job_listings .job_filters .search_submit input[type=submit]:hover {background: 0 0;color: #196bd0 !important;border: 2px solid #196bd0;}
.job_listings .job_filters .job_types {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;font-size: 16px;background: #fff;border: 0;margin: 0 15px;}
.job_filters .showing_jobs {background: #f9f9f9;border-top: 1px solid #e5e5e5;display: none;font-size: .83em;padding: .5em 1em;}
.job_listings ul.job_listings li {font-size: 20px;font-weight: 600;text-align: center; padding: 2em 1em; border: 0 !important;}
.job_filters .job_types li {border: 0;}
.job_listings .job_filters {background: #fff;border: 2px solid #f2f2f2;border-radius: 4px;overflow: hidden;}
.section-local-shortcde>.title {display: block;font-weight: 900;font-size: 28px;line-height: 1.2;text-align: center;margin: 40px auto 40px auto;}
.section-local-shortcde .content .myicode-frontend-form ,.section-local-shortcde .job-manager-form  { max-width: 720px;width: 100%; margin: 0 auto;}
.section-local-shortcde .content .myicode-frontend-form h4 {font-weight: bold;margin-bottom: 20px;}
.section-local-shortcde .content .myicode-frontend-form fieldset {display: block;border: none;padding: 0;outline: 0;margin-bottom: 20px;}
.section-local-shortcde .content .myicode-frontend-form fieldset input {width: 100%; height: 40px;padding: 10px 15px;font-size: 16px;line-height: 20px;color: #000;background: 0 0;border: 1px solid #6c757d;border-radius: 4px;box-sizing: border-box;}
.section-local-shortcde .content .myicode-frontend-form p {font-weight: 400;font-size: 16px;line-height: 1;margin-bottom: 10px;}
.section-local-shortcde .content .myicode-frontend-form fieldset textarea {display: block;width: 100%;max-height: 100px;padding: 10px 15px;font-size: 16px;line-height: 20px;color: #000;background: 0 0;border: 1px solid #6c757d;border-radius: 4px;box-sizing: border-box;}
#myicode_herobanner_font_color {padding: 5px 8px;border: 1px solid #6C757D;border-radius: 4px;}
.section-local-shortcde .content .myicode-frontend-form button {display: inline-block;padding: 10px 20px;margin: 0;background: #ffc803;text-decoration: none !important;font-size: 16px;font-weight: 700;border: 2px solid #ffc803;color: #040404 !important;border-radius: 0;}
.section-local-shortcde .content .myicode-frontend-form button:hover {background: 0 0;color: #196bd0 !important;border: 2px solid #196bd0;}
.job-manager-form fieldset label:not(.full-line-checkbox-field label) {display: block;float: left;margin: 0;vertical-align: middle;width: 29%;}
.section-local-shortcde .job-manager-form fieldset div.field:not(.full-line-checkbox-field) {width: 100%;float: none;vertical-align: middle;}
.section-local-shortcde .job-manager-form fieldset {margin: 0 0 20px 0;padding: 0;line-height: 2em;border: 0;border-bottom: 0;zoom: 1;}
.section-local-shortcde .job-manager-form fieldset label {display: block;margin: 0;width: 100% !important;float: none !important;display: block;font-weight: 400;font-size: 16px;line-height: 1;margin-bottom: 10px !important;}
.section-local-shortcde .job-manager-form fieldset input.input-date, .section-local-shortcde .job-manager-form fieldset input.input-text, .section-local-shortcde .job-manager-form fieldset select, .section-local-shortcde .job-manager-form fieldset textarea {margin: 0;width: 100%;box-sizing: border-box;display: block;height: 40px;padding: 7px 15px;font-size: 16px;line-height: 20px;background: 0 0;border: 1px solid #6c757d;border-radius: 4px;box-sizing: border-box;}
.button, a.btn-1 { display: inline-block;  padding: 10px 20px;  margin: 15px auto;  background: #ffc803;  text-decoration: none !important;  font-size: 16px;  font-weight: 700;  border: 2px solid #ffc803;  color: #040404 !important;}
.inner-banner a.btn-1{border-radius: 7px;}
.button:hover, a.btn-1:hover{background: 0 0;color: #196bd0 !important;border: 2px solid #196bd0;}
.section-local-shortcde .job-manager-form fieldset .account-sign-in .button {padding: 0;background: 0 0;border: none;margin: 0;color: #196bd0;}
.section-local-shortcde .job-manager-form fieldset .account-sign-in {position: relative;font-size: 14px;line-height: 24px;padding: 15px;margin: 0;border: 1px solid transparent;border-radius: 5px;background-color: #dcebfe;border-color: #dcebfe;}
.entry-footer{padding: 0;color: var(--black) !important;font-weight: bold;background: transparent;}
.entry-footer a{color: var(--black) !important;}
.gform-settings__content{position: relative;z-index: 4;margin:50px 0;}
header.tabs-nav{z-index: 6;}
.location-home-section .single-location {border: 1px solid #000;padding: 20px 25px;text-align: center;margin-top: 20px;}
.location-home-section .single-location img {height: 80px;margin-bottom: 20px;max-width: 100%;object-fit: contain;}
a.btn-3 {display: inline-block;padding: 10px 20px;margin: 15px auto;background: #040404;text-decoration: none !important;font-size: 16px;font-weight: 700;border: 2px solid #040404;color: #fff !important;}
#startOver{font-weight: bold;}
.schedule-your-free-summer-camp-section {background: linear-gradient(to right, #28e1d6, #28ddd9, #22c2ef);padding: 30px 0;}
.page-template-frisco-fortnite-designer-camp-new-landing .free-trial-camp-video-section {padding: 0;margin-top: 0;background: linear-gradient(to right, #f6a04d, #e43a77);}
.page-template-frisco-fortnite-designer-camp-new-landing .free-trial-camp-video-section .video-wrapper-box {margin: 100px 100px 50px 100px;max-width: unset;}
.page-template-frisco-fortnite-designer-camp-new-landing .hero-section {background-color: #29e2d6;padding: 50px 0;}
.page-template-frisco-fortnite-designer-camp-new-landing .hero-section-content p {margin-bottom: 40px;}
.page-template-frisco-fortnite-designer-camp-new-landing .hero-section-content .h2, .page-template-frisco-fortnite-designer-camp-new-landing .hero-section-content h2 {margin-bottom: 40px;}
.page-template-frisco-fortnite-designer-camp-new-landing .summer-camps-template-section .summer-camps-content .h2, .page-template-frisco-fortnite-designer-camp-new-landing .summer-camps-template-section .summer-camps-content h2 {text-align: center;margin-bottom: 30px;margin-top: 30px;}
.page-template-frisco-fortnite-designer-camp-new-landing .hero-section-content {text-align: center;padding: 0 15px;}
.free-trial-camp-video-section .video-wrapper-box .video-wrapper {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;max-width: 100%;background: #000;}
.page-template-frisco-fortnite-designer-camp-new-landing .site-logo-section .header-part {display: -ms-flexbox;display: flex;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;margin: 0 auto;padding: 0 15px;}
.page-template-frisco-fortnite-designer-camp-new-landing .site-logo-section .call-now-btn {padding: 10px 30px;background: #f9c03a;font-size: 24px;font-weight: 700;color: #040404;}
.site-logo-section .site-logo img {width: 160px;}
.page-template-frisco-fortnite-designer-camp-new-landing .site-logo-section{padding: 30px 0;}
.page-template-frisco-fortnite-designer-camp-new-landing .best-choice-section-details .best-choice-content a.call-now-btn {padding: 10px 70px;margin-top: 25px;background: #f9c03a;font-size: 24px;display: inline-block;font-weight: 700;color: #040404;}
.section-local-shortcde .modal-dialog .modal-content {box-shadow: none;background: no-repeat;border: none;border-radius: 0;width: fit-content;}
.section-local-shortcde .modal-dialog .modal-content .modal-body {padding: 0}
.section-local-shortcde .modal-dialog .modal-content .modal-footer {border: none;padding: 0}
.section-local-shortcde .modal-open .modal {overflow-x: hidden;overflow-y: auto}
.ic-gallery-frontend-wrap .ic-gallery-listing .ic-gallery-listing-single .gallery-title {font-size: 18px}
.iC-gallery-buttons span {color: #fff}
.ic-gallery-frontend-wrap .ic-gallery-frontendform .upload-form .save_ic_gallery {display: inline-block;padding: 10px 20px;margin: 15px auto;background: #ffc803;text-decoration: none!important;font-size: 16px;font-weight: 700;border: 2px solid #ffc803;color: #040404!important;border-radius: 0
}

.ic-gallery-frontend-wrap .ic-gallery-frontendform .upload-form .save_ic_gallery.active,.ic-gallery-frontend-wrap .ic-gallery-frontendform .upload-form .save_ic_gallery:active,.ic-gallery-frontend-wrap .ic-gallery-frontendform .upload-form .save_ic_gallery:focus,.ic-gallery-frontend-wrap .ic-gallery-frontendform .upload-form .save_ic_gallery:hover {background: 0 0;color: #196bd0!important;border: 2px solid #196bd0}
.ui-dialog .ui-dialog-content .edit-meta-form .edit-meta-buttons a {display: inline-block;padding: 10px 20px;margin: 15px auto;background: #ffc803;text-decoration: none!important;font-size: 16px;font-weight: 700;border: 2px solid #ffc803;color: #040404!important;border-radius: 0}
.section-local-shortcde .row.iC_gallery { justify-content: center !important;}
.section-local-shortcde .modal-dialog {position: absolute;top: 40%;left: 50%;-ms-transform: translate(-50%,-40%)!important;transform: translate(-50%,-40%)!important;width: 600px;max-width: 600px;max-height: 600px;margin: 0}

.ui-dialog .ui-dialog-content .edit-meta-form .edit-meta-submit button.active,.ui-dialog .ui-dialog-content .edit-meta-form .edit-meta-submit button:active,.ui-dialog .ui-dialog-content .edit-meta-form .edit-meta-submit button:focus,.ui-dialog .ui-dialog-content .edit-meta-form .edit-meta-submit button:hover {
  background: 0 0;
  color: #196bd0!important;
  border: 2px solid #196bd0
}

.ui-dialog .ui-dialog-content .edit-meta-form .edit-meta-submit button+.button {
  margin-left: 5px
}

.ic-gallery-response-success .bg-success {
  background-color: transparent
}
.section-local-shortcde .modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;z-index: 1055 !important;}
.modal-backdrop {--bs-backdrop-zindex: 1050;--bs-backdrop-bg: #000;--bs-backdrop-opacity: 0.5;position: fixed;top: 0;left: 0;z-index: var(--bs-backdrop-zindex);width: 100vw;height: 100vh;background-color: var(--bs-backdrop-bg);}
.iC-gallery-loader {
  width: 200px !important;
  height: 200px !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none !important;
  background: 0 0 !important;
  z-index: 3;
}
.modal .iC-gallery-modal-image{width: fit-content;}
.modal.show .modal-dialog{width: fit-content;}
.iC-gallery-loader{display: none;}
.iC-gallery-overlay{display: none !important;}
.modal-backdrop {
  display: none;
}

/* Modal container */
.modal.show {
  display: block !important;
  z-index: 1055 !important;
}

/* Modal dialog centered */
#notifyModal .modal-dialog {
  margin: 1.75rem auto;
  max-width: 600px;
  position: relative; /* REMOVE absolute */
  top: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
}
.section-local-shortcde  .section-local-shortcde{padding-top: 0 !important;}
.section-blogs-corp .card .card-content .action .btn-primary{align-items: center;width: fit-content;gap: 10px;display: flex;}
.section-description-corp .wp-block-image img {box-sizing: border-box;height: auto;max-width: 100%;vertical-align: bottom;width: 100%;max-height: 900px;object-fit: cover;}
.upcoming-events .content_event{display: flex;}
.upcoming-events .content_event img{width: 170px;height: auto;  object-fit: contain;  border-radius: 10px;  margin-bottom: 14px;}
.upcoming-events .content_event p{color: var(--white) !important;margin-bottom: 0;}
.upcoming-events .content_event{padding: 20px;border-radius: 20px;height: 100%;background-color:rgba(0, 0, 0, .4);color: var(--white);    box-shadow: 0 0 10px
  rgba(0, 0, 0, .2);flex-direction:row;gap: 12px;align-items: self-start;position: relative;z-index: 12;}
.upcoming-events .content_event a{color: var(--bg-secondary);font-weight: 600;transition: .3s linear;}
.upcoming-events .content_event a:hover{color: var(--black);transform: scale(1.01);}
.program-image img{width: 100%;height: auto;max-width: 100%;}
#calimatic_secure_event_view_wrapper .event_title {text-align: center;padding: 20px;word-break: break-word;text-transform: capitalize;}
.event-registration-box .enroll-btn{margin: 0 ;justify-content: center;}
.event-registration-box .event-age-area{margin-bottom: 10px;}
.event-registration-box span.daterange{font-weight: bold;}
.hero-banner.hero_banner_light_color  h1,.hero-banner.hero_banner_light_color  p{color: var(--white);}
.hero-banner.hero_banner_dark_color  h1,.hero-banner.hero_banner_dark_color p{color: var(--black);}
.hero-banner.inner-banner{min-height: 605px;}
.upcoming-events .col-lg-4 {  flex: 0 0 auto;  width: 36.333333%;}
@media(max-width:1499px){
  .hero-banner {min-height: 660px;}
  .hero-banner.border_blue {padding-bottom: 190px;}
}
@media(max-width:1399px){
  .hero-banner {min-height: 605px;}
  .hero-banner.border_blue {padding-bottom: 170px;}
}
@media(max-width:991px){.upcoming-events .col-lg-4{width: 50%;}
.upcoming-events .content_event{flex-direction: column;}
.ic-gallery-wraper .col-3{width: 50%;}
.icode-gallery-wrap .iC_gallery .iC-gallery-image{width: 100% !important;
  height: 117px !important; margin-bottom: 10px;
  object-fit: contain;}
  .icode-gallery-wrap .iC_gallery .iC-gallery-image + p {padding: 0;}
}

@media (max-width: 768px) {
  #chatbot-assistant-popup {width: 260px;}
  #chatbot-assistant-popup.popup-show {bottom: 83px;right:-22px;}
  #chatbot-assistant-popup .popup-close-button{right: 16px;}
  .codie-ai-section-popup .codie-ai-inner-part-popup .codie-ai-content-popup {padding-inline: 0 !important;}
  #chatbot-assistant-popup .codie-ai-section-popup .codie-chat-body-popup .codie-answer{min-height: unset;height: 80px;overflow: auto;}
  .upcoming-events .col-lg-4{width: 100%;}
  .upcoming-events .content_event{flex-direction: row;}

}
@media(max-width:667px){
  .gform-settings__content .gform-settings-panel .gform-settings-panel__content {max-width: 100%;overflow: auto;}
}
@media (max-width: 575px) {#chatbot-assistant-popup, #chatbot-assistant-popup.popup-show {display: none;}
#chatbot-container #chatbot-logo{display: none;}

}
@media(min-width:2000px){
  .hero-banner {min-height: 984px;}
}
.nav-hamburger .topbar { width:100%; position:relative;z-index: 999; border-bottom: 1px solid #C8C6CD;}
.nav-hamburger .topbar .logo a{font-family: var(--font-1);font-size: 32px;font-weight: 400;}
.nav-hamburger .topbar .logo img{width: 180px;margin:10px 0;}



.nav-hamburger .topbar ul.top_right_contents{padding:0 ;margin:8px 0 0 0;list-style:none;color: #000; text-align: center;}
.nav-hamburger .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block; line-height: 1;text-align: end;}
.nav-hamburger .topbar ul.top_right_contents li a.menu_open img{max-width: 40px;color: var(--bg-primary);}


.nav-hamburger .topbar.sticky{margin:0;position:fixed;top:0;left:0;width:100%;z-index:999;animation-name:menu_sticky;animation-duration:.6s;animation-timing-function:ease-out;
    -webkit-box-shadow:rgba(255,255,255,0.2) 0 0 10px;
 box-shadow:rgb(155, 153, 153) 0 0 10px; background: var(--white);}
 .nav-hamburger .nav-hamburger .topbar.sticky .logo img{width: 160px;}
.nav-hamburger  .topbar ul.top_right_contents{padding:0;margin:0;list-style:none; text-align: right;}
.nav-hamburger  .topbar ul.top_right_contents li{vertical-align:middle; position:relative; display: inline-block;
    margin-right: 20px;  line-height: 1;}
.nav-hamburger  .topbar ul.top_right_contents li:last-child {margin-right: 0;}
.nav-hamburger  .topbar ul.top_right_contents li a {color:#fff; line-height: 1;}
.nav-hamburger  .topbar ul.top_right_contents li a i {font-size: 26px;}
.nav-hamburger  .topbar ul.top_right_contents li a.menu_open i {font-size: 30px;}
.nav-hamburger  .menu_overlay {position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background: rgba(0,0,0,0.75);}
.nav-hamburger  .menu_toggler {margin:15px 0 0;}
.nav-hamburger  .menu_toggler .icons {font-size:26px; color:#212121}
.nav-hamburger  .menu_head {background:#000;text-align: center; position: relative;color:#fff;}
.nav-hamburger  .menu_head a {color:#fff; padding:15px 10px; display: inline-block; font-weight: 500; font-size: 16px;}
.nav-hamburger  .menu_close {text-align: end;padding: 0;padding:5px 0 0;}
.nav-hamburger  .menu_close i {font-size:20px; color: #000000;}
.nav-hamburger  .mobile_menu_wrap {position: fixed; top:0px; bottom: 0; right:-100%; z-index:99999; background:white; padding:0 0 75px; transition: all linear 0.2s; max-width: 450px; width: 100%; height: 100vh;}
.nav-hamburger  .mobile_menu_wrap .form-control{width: 80%;}
.nav-hamburger  .mobile_menu_wrap.menu_show {right:0;}
.nav-hamburger  mobile_menu_wrap ul {padding:0; margin:10px 0 0 0; list-style:none; font-size: 16px;font-weight: 400; font-family:var(--font-1);}
.nav-hamburger  .mobile_menu_wrap ul.main_menu {margin-bottom:10px; padding:0 20px;}
.nav-hamburger  .mobile_menu_wrap ul.main_menu li{padding:0 ;color: #fff;border-bottom: 1px solid #ecececc7;}
.nav-hamburger  .mobile_menu_wrap ul.main_menu li:last-child{border-bottom: 0;margin-top: 10px;}
.nav-hamburger  .main_menu li.active a{color:var(--text-color);font-weight: bold;}
.nav-hamburger  .main_menu li a:hover,.topbar .top-links a:hover{color:var(--text-color);}
.nav-hamburger  .current-menu-item a{color: var(--bg-secondary) !important;}
.nav-hamburger  .mobile_menu_wrap ul.main_menu li a {font-size:20px; text-decoration: none;}
.nav-hamburger  .mobile_menu_wrap ul li a {position: relative; display: block; padding:10px 0px;width: 100%; color: #000000 !important;}
.nav-hamburger  .mobile_menu_wrap ul li.hassub { position: relative;width: 100%;display: inline-block;}
.nav-hamburger  .mobile_menu_wrap ul li.hassub .sub_menu_open {position: absolute;right: 0;top: 0;font-size: 18px;padding: 19px 0;width: 100%;text-align: end;}
.nav-hamburger  .mobile_menu_wrap ul li.hassub ul {position: fixed; top:0; bottom:0; right:-100%; max-width: 80%; width: 320px;background:white; margin:0; transition: all linear 0.3s; padding:48px 15px  100px; overflow: auto; z-index: 9; visibility:hidden;}
.nav-hamburger  .mobile_menu_wrap ul li.hassub ul.show_submenu {visibility: visible; right: 0;}
.nav-hamburger  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu {position: absolute; top:0; width: 100%; background: #868585;left: 0;padding-left: 10px;}
.nav-hamburger  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a {font-size:15px; color: #ffffff !important; padding:10px 0;}
.nav-hamburger  .mobile_menu_wrap ul li.hassub ul li.back_to_mainmenu a i.fa { margin-right: 5px;}



.nav-hamburger .mobile_menu_wrap ul li a.btn-primary{color: var(--white) !important;}
.nav-hamburger .mobile_menu_wrap ul li a.btn-primary:HOVER{color: var(--black) !important;}
.nav-hamburger  #menu-main-menu.has-overlay::before { content: "";position: absolute; top: 0; left: 0; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.5);  z-index: 1;}
.naav-list.hidden {
  display: none !important;
}
.nav-hamburger.hidden {
  display: none !important;
}