@import url('https://fonts.googleapis.com/css2?family=Cabin+Condensed:wght@400;500;600;700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
body{
     font-family: "Montserrat", sans-serif;
     font-optical-sizing: auto;
     color: #000;
     overflow-x: hidden !important;
     
}
a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

.cstmmenu-wrap{background: rgba(255, 255, 255, 0.95); transition: max-height 0.5s ease;}
.navbar-brand img{width: 119px;}
.cstm-menu{font-size: 16px;}
ul.cstm-menu li {margin: 0 0.5em;}
ul.cstm-menu li a{font-size: 16px;font-weight:500;color: #000;padding:1em 1.4em;}
ul.cstm-menu li a:hover{color: #DA923D}
ul.cstm-menu li a.active{color: #DA923D!important;}

.language-toggle {
 display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e6e6e6;
  border-radius: 12px;
  padding:3px;
  gap: 4px; /* space between buttons */
  margin-left: 10px;
}

.language-toggle input[type="radio"] {
  display: none;
}

.language-toggle label {
 display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px;
  font-family: sans-serif;
  font-size: 14px;
  font-weight:500;
  color: #1d3557;
  cursor: pointer;
  border-radius: 8px;
  transition: background 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
  line-height: 1;
  background: transparent;
  box-shadow: none;
}

.language-toggle input[type="radio"]:checked + label {
  background: #1d3557;
  color: white;
   border-radius: 10px;
  margin: 4px;
  border-radius: 6px;
background: #2E436A;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}

.bg-banner{background: linear-gradient(355deg, #FFE7D4 5.86%, #F5D4BA 97.1%);margin-top: 144px;position: relative;overflow: hidden;}
.banner{background: url('../images/banner_bglines.svg') no-repeat right;padding-bottom:3.5em;}
.banner h1{
font-size: 31px;
font-style: normal;
font-weight: 700;
line-height: 42px; /* 135.484% */
margin-bottom: 0.8em;
}
.content-grp{
    padding:5em 0 9em 0;
    z-index: 1;
  position: relative;
}
.banner p{
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 27px; /* 168.75% */
}
.banner p span{font-weight: 600;}
.banner ul{margin: 0;padding: 0;}
.banner ul li{display: block;background: url('../images/tick.svg') no-repeat left top;padding-left: 32px;
font-size: 16px;
font-style: normal;
font-weight: 400;
margin-bottom: 18px;
}
.mountains{position: absolute;bottom: 0;z-index: 0; left: 50%;
  transform: translateX(-50%);}
.thumps-all{position: relative;z-index: 2;}
.thumps-all .thump-wrap{padding:.5em 0;} 
.polygons{position: absolute;bottom: 165px}
.polygon2{position: absolute;
   top: 161px;
  right: -69px;}
.es .polygon2{position: absolute;
   top: 275px;
}
.lady{position: absolute;bottom: 0;left: -14px;z-index: 1;}
.images-wrap{position: relative;height: 100%;margin-left: -35px;}
button.cmn-btn{
border-radius: 12px;
background: #2E436A;
color: #FFF;
font-family: Montserrat;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
border: 0;
padding: 1.1em 1.4em;
}
button.cmn-btn:hover{background: #27395a;}

.cstm-popup{}
.cstm-popup .modal-header{border-bottom: 0;padding:2em 2em 0 2em;}
.modal-body{padding:2.4em;}
.cstm-popup .modal-content{border-radius: 24px;color: #000;}
.cstm-popup .btn-close{background: none;width: 38px;height: 38px;opacity: 1;}
.cstm-popup .btn-close:focus{box-shadow:none}
.cstm-popup .btn-close1{background:#DA923D;width:60px;height: 60px;opacity: 1;border: 0 none;border-radius: 50%;position: absolute;z-index: 1;right: -10px;
  top: -13px;}
.cstm-popup .btn-close1:focus{box-shadow:none;background: #FFAB47;}

.cstm-popup .modal-header h1{font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: normal;}
.cstm-popup .info{border-radius: 16px;background: #FFF9EF;padding: 1.5em;}
.cstm-popup .info p{font-size: 16px;font-style: normal;font-weight: 400;line-height: 28px; /* 175% */margin-bottom: 0;}
.cstm-popup .info p span{font-weight: 600;}
.thank_message{display: flex;align-items: center;}
.thank_message img{margin-right: 25px;}
.link-header{border-bottom: 1px dashed #C8C7C7;padding: 30px 0;margin-bottom: 30px;}
.link-header a{color: #EA806D;
font-size: 16px;
font-style: normal;
font-weight: 500;}
.link-header a:hover{text-decoration: none;}

.form .form-label{font-size: 16px;font-weight: 500;}
.form .radio-buttons .form-check-label{font-size: 16px;font-weight: 500;}
.form .form-control{border-radius: 8px;
border: 1px solid #E2E2E2;height: 44px;}
.form-check{}
.form-check-input{height: 26px;width: 26px;}
.radio-buttons .form-check .form-check-label{top: 5px; position: relative;left: 10px;}
.radio-buttons .form-check.form-check-inline {margin-right: 3rem;}
.form-check-input:checked{border-color: #2E436A;background: none;}
.form-check-input:checked[type="radio"]{background: url('../images/radio_select.svg') no-repeat;background-position: 2px;}


h2{font-size: 32px;font-style: normal;font-weight: 700;line-height:52px; margin-bottom: 50px;}
h2.center-head{text-align: center;}
h2.center-head::after{  position:relative;}
h2::after{
 content: "";
  display: block;
  width: 46px;       /* line width */
  height: 6px;       /* line thickness */
  margin: 10px auto 0;    /* spacing and center alignment */ 
  position: absolute;
  border-radius: 2px;
background: #F1BE8D;

}
h6{font-size: 16px;font-style: normal;font-weight: 500;line-height: 23px; }
p{font-size: 16px;font-style: normal;font-weight: 400;line-height: 28px; }
p span{font-weight: 600;}
.point{border-radius: 16px;background: #FFF1DA;padding: 1.5em;}
.point p{margin-bottom: 0;}

.about-wrap{margin:4.5em 0;}
.gradient_wrap{position: relative;padding: 5em 0;}
.gradient_bg{position: absolute;
  left: -126px;
  top: -90px;
  z-index: -1;}
.dotted-lines{background: url('../images/dotted_bg.svg') no-repeat left center;padding:2.5em 0;margin: 2em 0;position: relative;}
.about{background: url('../images/bg_gradient.svg') no-repeat;
  background-repeat: no-repeat;
 background-position: calc(50% + 280px) left;}

.darkblue_bg{background:#2E436A url('../images/line_bg.svg') no-repeat right bottom;background-repeat: no-repeat;background-size: cover;
 padding:6em 0;}
.whocan{color: #FFF;text-align: center;}   
.whocan h3{

font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 42px;}  
.whocan h4{
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 42px;}

.whocan .block3{padding: 2em 2em 2em;}
.whocan .block3 .icon{margin-bottom: 2em;transition: transform 0.3s ease;}
.whocan .block3 .icon:hover{ transform: rotate(10deg);}
.whocan .block3 p{
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 31px; }

.timeline_bg{padding: 5em 0;background: url('../images/bg_timeline.svg') no-repeat center;}
.timeline-wrap p{text-align:center;font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 32px;margin-bottom: 4rem;}

/*timeline*/

  .timeline {
      position: relative;
      width: 90%;
      max-width: 900px;
      margin: auto;
      padding: 40px 0;
     
    }

    /* ====== CENTER LINE ====== */
    .timeline::before {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 50%;
      width: 4px;
      background: #D9D9D9;
       width: 15px;
      border-radius: 6px;
      transform: translateX(-50%);
      z-index: 1;
    }

    /* Blue progress line (scrolls) */
    .timeline-progress {
      position: absolute;
      top: 0;
      left: 50%;
      width: 15px;
      border-radius: 6px;
      height: 0;
      background: #5379BF;
      transform: translateX(-50%);
      z-index: 2;
      transition: height 0.25s ease-out;
    }

    /* ====== TIMELINE ITEMS ====== */
    .timeline-item {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 90px 0;
      z-index: 3;
    }

    /* Center Dot */
    .timeline-dot {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 28px;
      height: 28px;
      background: #fff;
      border: 4px solid #A8A8A8;
      box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
      border-radius: 50%;
      z-index: 4;
      transition: background 0.3s, border-color 0.3s;
    }

    /* Icon Circle */
    .timeline-icon {
      width: 80px;
      height: 80px;
      background: #fff;
      border:6px solid #A8A8A8;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 28px;
      color: #007bff;
      box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
      z-index: 10;
      position: relative;
      transition: border-color 0.3s, transform 0.3s;
    }

    /* Caption (blank side of icon) */
    .timeline-caption {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 14px;
      font-weight: 600;
      padding: 6px 12px;
      border-radius: 6px;
      white-space: nowrap;
      transition: background 0.3s, color 0.3s;
   
    }
   .timeline-caption h4,.timeline-caption h6{white-space: break-spaces;}
    /* Card Container */
    .timeline-content {
      background: #F3F3F3;
      padding: 25px;
      border-radius: 12px;
      width: 45%;
      position: relative;
      z-index: 3;
      transition: transform 0.3s ease;
    }

    .timeline-content h3 {
      color: #000;
text-align: left;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 31px; /* 172.222% */
    }
    .timeline-content ul{margin: 0;padding: 0;}
     .timeline-content ul li{
      display: block;
  background: url('../images/tick.svg') no-repeat left top;
  padding-left: 32px;
  font-size: 16px;
  font-style: normal;
  font-weight:500;
  line-height: 22px;
  margin-bottom: 18px;
     }
    .timeline-content p {
      margin-top: 8px;
      color: #333;
      font-size: 15px;
      line-height: 1.6;
    }

    /* ====== CARD ARROWS (ALTERNATING DIRECTION) ====== */
    .timeline-content::after {
      content: "";
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      border:20px solid transparent;
    }

    /* LEFT ITEM (card on left, arrow points RIGHT →) */
    .timeline-item.left {
      flex-direction: row-reverse;
    }

    .timeline-item.left .timeline-icon {
      position: absolute;
      left: calc(50% - 189px);
    }

    .timeline-item.left .timeline-caption {
      right: calc(50% + 210px);
      text-align: right;
    }

    .timeline-item.left .timeline-content {
      text-align: left;
      margin-left: auto;
    }

    .timeline-item.left .timeline-content::after {
   border-right-color: #F3F3F3;
  left: -40px;
    }

    /* RIGHT ITEM (card on right, arrow points LEFT ←) */
    .timeline-item.right .timeline-icon {
      position: absolute;
      left: calc(50% + 115px);
    }

    .timeline-item.right .timeline-caption {
      left: calc(50% + 210px);
      text-align: left;
    }

    .timeline-item.right .timeline-content {
      text-align: left;
      margin-right: auto;
    }

    .timeline-item.right .timeline-content::after {
   border-left-color: #F3F3F3;
  right: -40px;/* arrow points ← */
    }

    /* Connector line (center → icon) */
    .timeline-connector {
      position: absolute;
      height: 4px;
      background: #D9D9D9;
      top: 50%;
      transform: translateY(-50%);
      z-index: 2;
    }

    .timeline-item.left .timeline-connector {
      right: 50%;
      width: 110px;
    }

    .timeline-item.right .timeline-connector {
      left: 50%;
      width: 115px;
    }

    /* ====== ACTIVE STATES ====== */
    .active .timeline-dot {
      background: #ffffff;
      border-color: #5379BF;
    }

    .active .timeline-icon {
      border-color: #5379BF;
      transform: scale(1.1);
    }

    .active .timeline-caption {
      background: #ffffff;
     color: #000;

    }
 .timeline-caption h4{
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 31px; /* 155% */
margin-bottom:0;
  }
  .timeline-caption span{
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 31px; /* 172.222% */}

.timeline-item .timeline-content h6{margin-bottom: 1.5em;}
    .active .timeline-content {
      transform: translateY(-5px);
    }

    /* ====== RESPONSIVE DESIGN ====== */
       @media screen and (max-width: 1040px) {
        .timeline-caption h4{word-break: keep-all;white-space: collapse;font-size: 18px;}
        .timeline-item.right .timeline-caption {left: calc(50% + 115px);}
        .timeline-item.right .timeline-icon{left: calc(50% + 34px);}
        .timeline-item.left .timeline-caption{right: calc(50% + 125px);}
        .timeline-item.left .timeline-icon{left: calc(50% - 125px);}
        }
       
    @media screen and (max-width: 768px) {
      .timeline::before,
      .timeline-progress {
        left: 25px;
      }
  .timeline-item.left{flex-direction: column;}
  .timeline-item.right{flex-direction: column;}
  .timeline-item.right .timeline-caption{left: 40px;right: 0;text-align: left;}
    .timeline-item.left .timeline-caption{text-align: left;width: 94%;}

  
      .timeline-item {
        flex-direction: column;
        align-items: flex-start;
        margin: 60px 0;
      }

      .timeline-dot {
        left: 25px;
      }

      .timeline-icon {
        left: 0;
        position: relative;
        margin: 15px 0;
      }

      .timeline-caption {
        position: relative;
        left: 40px;
        right: 0;
        margin-bottom: 8px;
        background: transparent;
        color: #395993;
      }
      .timeline-caption h6, .timeline-caption h4{text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;}

      .timeline-content {
        width: 100%;
        text-align: left;
        margin-left: 0;
        margin-right: 0;
      }

      .timeline-content::after {
        display: none;
      }

      .timeline-connector {
        display: none;
      }
      .timeline-icon{display: none;}
    }

    @media screen and (max-width: 480px) {
      .timeline-content {
        font-size: 14px;
      }

      .timeline-icon {
        width: 55px;
        height: 55px;
        font-size: 22px;
      }

      .timeline-caption {
        font-size: 13px;
        padding: 4px 8px;
      }
    }

/*timeline*/

.steps_bg{background:#FCE6D5;padding: 5em 0;}
.step{border-radius: 8px;background: #FFF;box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.05);display: flex;padding: 2em;}
.step img{margin: 0 1.5rem 0 0;}

.step h3{font-size: 16px;
font-style: normal;
font-weight: 700;
margin-bottom: 10px;}
.step p{font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 26px;margin-bottom:5px;}

.step a.link{color: #EA806D;display:inline-block;background: url('../images/link_icn.svg') no-repeat left;padding:0 20px ;font-weight: 500;}
.step a.link:hover{text-decoration: none;}
   .step-line {
      position: absolute;
      top: 0;
      left: 33px;
      width: 2px;
      height:75%;
      background-color: #2F2C2C;
      z-index: 0;
       top: 50%;
    transform: translateY(-50%);
    }

    .steps-wrap {
     position: relative;
  padding-left:80px;
  margin:auto 6em ;
    }

  .step-number {
      background-color: #f37d5d;
      color: #fff;
      font-weight: bold;
      font-size: 20px;
      border-radius: 50%;
      width: 45px;
      height: 45px;
      text-align: center;
      line-height:40px;
      z-index: 1;
      flex-shrink: 0;
      border: 4px solid #fce6d5;
    }
.step-nmbers{position: relative;}




.collage{position: relative;padding:4rem 3rem 2rem 0;text-align: right;background: url('../images/dotted_bg1.svg') no-repeat left bottom;}
.collage .single{position:absolute;right: 0;top: 0;}
.participation{padding:5rem 0;}
.logos{padding:2rem 0;}
.logos ul{margin: 0;text-align: center;padding: 0;}
.logos ul li{display: inline-block;list-style-type: none;margin: 2rem 3rem;}
.logos ul li a{display: block;}
.logos_bg{background: #ECECEC;}
.copyright_bg{background: #E4E4E4;}
.footer{display: flex;align-items: center;padding: 1.5rem 0;justify-content: space-between !important;}
.footer p{font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 36px;margin: 0;}
.footer ul{margin: 0;padding: 0;}
.footer ul li:first-child{margin-right: 10px;}
.footer ul li{list-style-type: 0 none;display: inline-block;}

.bg-grey{background:#F8F8F8 ;}
.content-wrap{margin-top: 180px;}
.content-bx{border-radius: 16px;background: #FFF;padding: 2rem;margin-bottom: 2rem;}
.content-bx h3{display: inline-block;              
 background: rgba(255, 255, 255, 0.44);
  padding: 12px;      
  color: #333;                       
  font-family: Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;             
  line-height:1.3em;margin-bottom: 0; }    
  .grp-bx{border-radius: 16px;
box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.07);padding:1.8rem 1.8rem 4.5rem 1.8rem;position: relative;z-index: 2;}
.grp-bx .form-control{border-radius: 8px;
background: #FFF;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.09);height: 56px;border: 0 none;padding-right: 105px;}
.grp-bx .inpt_sbbtn{position: relative;}
.grp-bx .inpt_sbbtn input[type=submit]{position: absolute;background: #2E436A;border: 0 none;right:0;padding: 0.8em;font-weight: 600;top: 3px;
  right: 3px;}
.workshop-bg{background: linear-gradient(154deg, #FFD7A7 14.74%, #FFFCF9 103.03%) }  
.educational-bg{ background:linear-gradient(0deg, #CEE7E6 9.84%, #BCEDF6 96.41%);}
.bg-grp{position: absolute;z-index:-1;left: -1px;bottom: -7px;right:0;}        
.bg-grp img{width:100%;} 

.download_bg{border-radius: 8px;background: #FFF;box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.05);padding: 1.2rem;margin:5rem 0 1rem 0;}
.download_bg .banner{border-radius: 6px;background: #F6F9FF;padding: 1.5rem;}
.download_bg .banner{text-align: center;}
.download_bg header{text-align: center;margin: 1.5em 0;}
.download_bg header h4{text-align: center;font-size: 18px;font-style: normal;font-weight: 600;margin-bottom: 5px;}
.download_bg header p{color: #6E6E6E;font-size: 14px;font-style: normal;font-weight: 400;line-height: normal;}
.down{border-radius: 8px;
border: 1px solid #EAEAEA;
padding:0.8em;
background: #FFF;}
.down a{margin-right: 0.7em;display: inline-block;}
.down .data {display: flex;align-items: center;margin-right: 0.7em}
.down .data h5{font-size: 16px;font-weight: 500;margin-bottom: 0;
 display: -webkit-box;
  -webkit-line-clamp: 2;      /* Number of lines to show */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.down .data p{color: #9E9E9E;font-weight: 400;font-size: 14px;margin-bottom: 0;line-height: normal;}
.down .data .thump{border-radius: 4px;background: #FFF3E4;width: 48px;height: 48px;padding: 1em;
   font-family: "Cabin Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
color: #DA923D;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.96px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 1em;
}
.copyright{text-align: center;font-weight: 400;font-size: 16px;margin: 1.5em 0;}


/* Remove default arrow */
.accordion-button::after {
  background-image: none !important;
  content: "";
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  background-position: center;
  transition: transform 0.3s ease;
  
  /* Default (Plus icon) */
  background-image: url("../images/plus_icn.svg")!important;
}

/* Expanded (Minus icon) */
.accordion-button:not(.collapsed)::after {
  background-image: url("../images/minus_icn.svg")!important;;
}
h2.accordion-header::after{display: none;}
.accordion{border-color: none!important;}
.accordion-item{
background: #FFF;
box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.05);margin-bottom: 1rem;border: none 0;border-radius: 8px;}
.accordion-button{padding:0.5rem 1.5rem;font-size: 18px;
font-style: normal;
font-weight: 700;border-radius: 8px;color: #2E436A;}
.accordion-button:focus{box-shadow: none;}
.accordion-button:not(.collapsed){background: none;color: #000;box-shadow: none;}
.accordion-body{padding: 2rem;border-top: 1px solid #EFEFEF;}
ul.bullet{margin:0;padding: 0;}
ul.bullet li{background: url(../images/tick.svg) no-repeat left 12px;list-style-type: none;padding: 0 0 1.5rem 2rem;
font-style: normal;
font-weight: 500;
line-height: 42px; 
}
ul.bullet li:last-child{padding-bottom: 0;}

.video-container {
      position: relative;
      overflow: hidden;
      border-radius:8px;
     
    }

.video{text-align: center;}
.team_sec{border-radius: 16px;background: #FFF;padding: 2rem 2em 0.5rem 2rem;}
.team_sec h3{font-size: 26px;font-style: normal;font-weight: 700;margin-bottom: 1.5rem;}
.prfile{border-radius: 8px;border: 1px solid #DBD7D7;padding: 0.5rem;margin-bottom: 1.5rem;}
.prfile .pic{border-radius: 6px;position: relative;text-align: center;overflow: hidden;}
.prfile .pic a{position: absolute;background: #DA923D;border-radius: 7px;height: 36px;width: 36px;display: flex;align-items: center;justify-content: center;right:7px;top:7px;}
.prfile .pic a:hover{background: rgba(207, 127, 35, 0.95);}
.prfile .name{margin: 10px 4px 0 4px;}
.prfile .name h4{font-size: 16px;font-style: normal;font-weight: 700;margin-bottom: 0;}
.prfile .name h4 span{font-weight: 500;}
.prfile .name p{font-size: 14px;font-style: normal;font-weight: 400;color: #6F6F6F;margin-bottom: 0;}

.bx_bg1{background: #CAE0CA;}
.bx_bg2{background: #FBD2D8;}
.bx_bg3{background: #FFEFD5;}
.bx_bg4{background: #D8EFFD;}
.bx_bg5{background: #E5E9F4;}
.bx_bg6{background: #DBD4FD;}
.bx_bg7{background: #F1FFCC;}
.bx_bg8{background: #FFF9EF;}
.bx_bg9{background: #FFF9EF;}
.bx_bg10{background:#F8D5F1;}

.profile-details .prfile{border: 0;padding: 0;text-align:center;}
.profile-details .prfile .pic{display: inline-block;}

.cstm-popup1{ max-width: 600px; }
.cstm-popup1 .modal-header{border-bottom: 0;padding:2em 2em 0 2em;}
.cstm-popup1 .modal-body{padding:1em 2.4em 2.4em 2.4em;}
.cstm-popup1 .modal-content{border-radius: 24px;color: #000;}
.cstm-popup1 .btn-close{background: none;width: 38px;height: 38px;opacity: 1;}
.cstm-popup1 .btn-close:focus{box-shadow:none}



.contact-bg{border-radius: 8px;background: #FFF;box-shadow: 0 5px 4px 0 rgba(0, 0, 0, 0.05);height: 100%;}
.contact-wrap .content h3{color: #DA923D;font-size: 28px;font-style: normal;font-weight: 500;line-height: 42px; word-break: break-word;}
.contact-wrap .content p{font-size: 16px;font-weight: 500;margin-bottom: 5px;}
.contact-wrap{padding:3.5rem 3.5rem;display: flex;}
.contact-wrap img{margin-right: 1.5rem;}
.black-gradient{background: linear-gradient(90deg, #FFD7A7 0.78%, #FFF1E3 95.02%);}
.cloud_wrap {position: relative;padding:6.5rem 4rem;display: flex;align-items: center;justify-content: center;border-radius: 8px;overflow: hidden;background: url('../images/bg_cloud.svg') no-repeat center;}
.cloud_wrap span{display: inline-block;padding: 1.5em 1.7em;filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));font-size: 22px;background: rgba(0, 0, 0, 80%);backdrop-filter: blur(18.350000381469727px);;
font-style: normal;cursor:text;border-radius: 6px;text-align: center;
font-weight: 500;z-index: 1;color: #fff;}
.cloud_wrap span::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px; /* distance from bottom of span */
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right:10px solid transparent;
  border-top:10px solid #333; /* triangle color = background color */
}
.cloud_wrap button{padding: 1.5em 1.7em;filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));font-size: 22px;background: rgba(0, 0, 0, 90);backdrop-filter: blur(18.350000381469727px);;
font-style: normal;cursor:text;
font-weight: 500;z-index: 1;}
.cloud_wrap button:hover{background: rgba(207, 127, 35, 0.95);}
.cloud_wrap img{position: absolute;width: 100%;}


@media screen and (max-width: 500px) {
    .g-recaptcha {
        transform: scale(0.77);
        transform-origin: 0 0; /* Ensures it scales from the top-left corner */
    }
}

@media (max-width: 991px) {
     .navbar-brand img{width:35%; }
     .bg-banner{margin-top: 120px;}
     .thumps-all{display: none;}
     .cstmmenu-wrap{background: rgba(255, 255, 255, 0.98);}
     ul.cstm-menu li a{padding: 1em 0em;}
     .navbar-collapse{padding-bottom: 25px;}
     .images-wrap{display: none;}

     h2{font-size: 30px;}
    .content-grp{padding: 3rem 0;}
     .gradient_wrap{padding: 0;}
     .gradient_bg{display: none;}
     .about-wrap{margin:0 0 2.5em 0;}
  .dotted-lines{background: none;padding: 0;margin-bottom: 0;}
  .darkblue_bg{padding: 3em 0;}
  .timeline_bg{padding: 3em 0;}
  .steps_bg{padding: 3em 0;}
  .participation{padding: 3em 0;}
  .content-wrap{margin-top: 150px;}

    .steps-wrap {margin:auto 1em ;padding:0;}
    .step-nmbers{display: none!important;}
    .collage{margin: 2rem 0;display: none;}

    .footer ul{min-width:150px;text-align: right;}
    .footer p{font-size: 14px;line-height: 20px;}

     .navbar-collapse {
    max-height: 70vh; /* limit to 70% of viewport */
    overflow-y: auto; /* make menu scrollable */
  }
  .workshop-bg{margin-bottom: 2em}

     .g-recaptcha {
        transform: scale(0.80);
        transform-origin: 0 0; /* Ensures it scales from the top-left corner */
    }
}

@media (min-width: 992px) {
       #mainNav {
        transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
      }
     .navbar-shrink {
        transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
      }
       .navbar-shrink .navbar-brand img{width: 90px; transition: height 0.3s ease-in-out;}
    }
    @media (max-width: 1254px) {.polygon2{display: none;}}