/* nav setting  */
/* div#navbarNav {
    background: transparent;
} */
/* nav setting  */

    .container-fluid.header-bg {
        z-index: 99;
    }



.hero-section {
  background: linear-gradient(to bottom, transparent 65%, #F5F6FA 65%), linear-gradient(136deg, #E9282A 25.57%, #890002 91.87%);
  color: #fff;
  padding: 200px 20px 90px;
  text-align: center;
overflow: hidden;
}

.hero-content {
  max-width: 1920px;
  margin: 0 auto;
}

.hero-breadcrumb {
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin-bottom: 32px;
}

.hero-breadcrumb a, .hero-breadcrumb span {
    color: #FFF;
    font-family: Ubuntu;
    font-size: 18.667px;
    line-height: 37.333px;
    opacity: 0.5;
}

.hero-breadcrumb span {
    opacity: 1;
}

.hero-breadcrumb a:hover {
    opacity: 1;
	text-decoration: none;
}

.hero-title {
    font-family: Ubuntu;
    font-size: 85.333px;
    line-height: 55.663px;
    margin-bottom: 42px;
}

.hero-subtext {
	max-width: 1109px;
    font-family: Ubuntu;
    font-size: 24px;
    line-height: 42.667px;
    margin: 0 auto 130px;
}

.hero-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 58px;
}

.hero-card {
    background: #fff;
    color: #000;
    padding: 50px 14.67px 40px;
    width: 100%;
    max-width: 594px;
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
	box-shadow: 12px 12px 12px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.hero-card:hover {
  transform: translateY(-5px);
}

.hero-card h3 {
    font-family: Ubuntu;
    font-size: 42.667px;
    font-weight: 700;
    line-height: 55.663px;
    margin-bottom: 13px;
}

.hero-card p {
    max-width: 473px;
    font-family: Ubuntu;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    margin: 0 auto 26px;
}

.hero-img-wrapper {
  position: relative;
  overflow: hidden;
}

.hero-img-wrapper img {
  max-width: 100%;
  display: block;
}

.hero-img-wrapper::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%; /* Adjust based on how much overlay you want */
  background: linear-gradient(to top, white, transparent);
  pointer-events: none;
  filter: blur(8px); /* Optional for soft fade */
}

.hero-cta {
    background: #000;
    color: #FFF;
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: 700;
    line-height: 40.725px;
    display: flex;
    width: 100%;
    max-width: 488px;
    height: 80px;
    padding: 8.727px 43.634px;
    justify-content: center;
    align-items: center;
    gap: 14.545px;
    transition: background 0.3s ease;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
	border-radius: unset;
}

.hero-cta:hover {
      background: #333;
    color: #fff;
    text-decoration: unset;
}


/* ///////////////s2 */

.study-overview-section {
    background: #F5F6FA;
    padding: 90px 20px 270px;
}

.study-overview-wrapper {
  max-width: 1670px;
  margin: 0 auto;
}

.study-overview-title {
	text-align: center;
    font-family: Ubuntu;
    font-size: 64px;
    font-weight: 700;
    line-height: 55.663px;
    margin-bottom: 96px;
}

.study-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(516px, 1fr));
  gap: 30px;
}

.study-card {
	background: #FAFAFA;
    padding: 33.333px;
    box-shadow: 0px 14.667px 33.333px 0px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 21.33px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.study-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);
}

.study-title {
    font-family: Ubuntu;
    font-size: 26px;
    font-weight: 700;
    line-height: 55.663px;
    position: relative;
    padding-left: 16px;
	margin: 0;
}

.study-title-accent {
	width: 4px;
    height: 32px;
    background: #F45C30;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.user-icon {
    width: 100%;
    max-width: 26.667px;
    height: 26.667px;
}

.study-conductor {
    display: flex;
	align-items: center;
    gap: 14.67px;
    font-family: Ubuntu;
    font-size: 22px;
    font-weight: 700;
    line-height: 55.663px;
    margin-bottom: 0;
}

.study-description {
	max-width: 440px;
    color: #535353;
    font-family: Ubuntu;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 0;
}

.study-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.study-date {
	color: rgba(0, 0, 0, 0.75);
    font-family: Ubuntu;
    font-size: 22px;
    font-weight: 700;
    line-height: 55.663px;
}

.study-btn {
    background: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 40.725px;
    display: flex;
    width: 152px;
    height: 60px;
    padding: 8.727px 43.634px;
    justify-content: center;
    align-items: center;
    gap: 14.545px;
    transition: background 0.3s ease;
	
        font-size: 20px;
        line-height: 16.725px;
        width: 100%;
        max-width: 150px;
        height: 45px;
        padding: 6.545px 17.725px;

}

.study-btn:hover {
  background: #333;
    color: #fff;
    text-decoration: unset;
}

/* //////////// s3 */

.inclusive-cta-banner {
  position: relative;
  background-color: #F5F6FA;
  background-image: url('/wp-content/uploads/2025/03/Union.png');
  background-position: top, center;
  background-repeat: no-repeat;
  background-size: cover;

  padding: 200px 20px 174px;
  color: #fff;
  text-align: center;

  display: flex;
  justify-content: center;
  /* Keeping natural height */
}

.inclusive-cta-content {
  position: relative;
  z-index: 3;
}

.inclusive-cta-content h2 {
	    max-width: 1245px;
    font-family: Ubuntu;
    font-size: 40px;
    font-weight: 500;
    line-height: 54.667px;
    margin-bottom: 46px;
}

.inclusive-cta-button {
	background: #fff;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 205.333px;
    height: 58.667px;
    padding: 7.508px 6.674px;
    font-family: Ubuntu;
    font-size: 20px;
    font-weight: 700;
    line-height: 12.514px;
    margin: auto;
    transition: background 0.3s ease;
}

.inclusive-cta-button:hover {
  background: #ddd;
    color: #000;
    text-decoration: unset;
}

/* //////////s4  */

.faq-section {
	max-width: 1311px;
    margin: 0 auto;
    padding: 190px 20px 200px;
}

.faq-title {
    text-align: center;
    font-family: Ubuntu;
    font-size: 64px;
    font-weight: 700;
    line-height: 55.663px;
    margin-bottom: 119px;
}



.faq-question {
    width: 100%;
    background: none;
    border: none;
    padding: 0 0 22px;
    font-size: 28px;
    font-weight: 700;
    line-height: 140%;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-icon {
	width: 100%;
    max-width: 24px;
    height: 24px;
  transition: transform 0.3s ease;
}

.faq-question[aria-expanded="true"] .faq-icon {
  transform: rotate(180deg);
}

.faq-answer {
    color: #535353;
    font-family: Ubuntu;
    font-size: 22px;
    line-height: 32px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    padding-left: 0;
}

.faq-item.open .faq-answer {
    max-height: 500px;  /* Adjust this value if needed */
    opacity: 1;
}
/* <><><><><><><> */
button:focus {
    outline: unset;
}


.faq-divider {
	background: #E6E6E6;
	width: 100%;
	max-width: 1310.667px;
	height: 1.333px;
	margin: 47px auto;
}

.faq-answer p {
    margin: 0;
}
/* <><><><><><><> */


/* ////////// sl */

.alliance-bg-section {
  position: relative;
  background-color: #F5F6FA;
  background-image: url('/wp-content/uploads/2025/03/Rectangle-992.png');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top, center;

  padding: 390px 20px 200px;
  text-align: center;
  color: #fff;
    min-height: 670px;
}

.alliance-bg-content {
  position: relative;
  z-index: 2;
  max-width: 960px;
  margin: 0 auto;
}

.alliance-bg-content h2 {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 20px;
  font-family: Ubuntu, sans-serif;
}

.alliance-bg-content p {
  font-size: 20px;
  margin-bottom: 40px;
  line-height: 1.5;
}

.alliance-form {
  background: #fff;
  padding: 40px;
  border-radius: 6px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
  text-align: left;
  color: #000;
}

.alliance-form .form-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.alliance-form input,
.alliance-form textarea {
  width: 100%;
  padding: 14px;
  border: none;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  margin-bottom: 20px;
  background: transparent;
  outline: none;
}

.alliance-form textarea {
  resize: vertical;
  min-height: 100px;
}

.alliance-cta-button {
	width: 100%;
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 14px 32px;
  font-weight: 600;
  text-decoration: none;
  border-radius: 4px;
  transition: background 0.3s ease;
  border: none;
  cursor: pointer;
}

.alliance-cta-button:hover {
  background: #333;
}

.alliance-form .form-row input {
  flex: 1;
}

@media (max-width: 1760px) {
  .hero-section {
    padding: 150px 20px 70px;
  }

.hero-breadcrumb a, .hero-breadcrumb span {
    font-size: 14px;
    line-height: 28px;
}

.hero-title {
    font-size: 64px;
    line-height: 41.747px;
    margin-bottom: 32px;
}

.hero-subtext {
    font-size: 18px;
    line-height: 32px;
    margin: 0 auto 96px;
}

.hero-card {
    padding: 36px 11px 30px;
    max-width: 445px;
}

	.hero-card h3 {
    font-size: 32px;
    line-height: 41.747px;
    margin-bottom: 9px;
}

.hero-card p {
    max-width: 378px;
    font-size: 18px;
    line-height: 28px;
    margin: 0 auto 16px;
}

.hero-cards {
    gap: 43px;
}

    .hero-cta {
        font-size: 19.635px;
        line-height: 30.544px;
        max-width: 366px;
        height: 60px;
        padding: 6.545px 32.725px;
    }


.study-overview-section {
    padding: 70px 20px 180px;
}

.study-overview-wrapper {
    max-width: 1217px;
}

.study-overview-title {
    font-size: 48px;
    line-height: 41.747px;
    margin-bottom: 72px;
}

.study-cards-grid {
    grid-template-columns: repeat(auto-fit, minmax(387px, 1fr));
    gap: 28px;
}

.study-card {
    padding: 25px;
    gap: 16px;
}

.study-title {
    font-size: 24px;
    line-height: 41.747px;
    padding-left: 12px;
}

.study-title-accent {
    width: 3px;
    height: 24px;
}

.study-conductor {
    gap: 11px;
    font-size: 18px;
    line-height: 41.747px;
}

.user-icon {
    max-width: 20px;
    height: 20px;
}

.study-description {
    max-width: 347px;
    font-size: 16px;
    line-height: 24px;
}

.study-date {
    font-size: 20px;
    line-height: 41.747px;
}

    .study-btn {
        font-size: 20px;
        line-height: 16.725px;
        width: 100%;
        max-width: 150px;
        height: 45px;
        padding: 6.545px 17.725px;
    }
	
.inclusive-cta-banner {
    padding: 150px 20px 135px;
}

.inclusive-cta-content h2 {
    font-size: 30px;
    line-height: 41px;
    margin-bottom: 37px;
}

.inclusive-cta-button {
    max-width: 154px;
    height: 44px;
    padding: 5.631px 5.006px;
    font-size: 18px;
    line-height: 9.386px;
}

.faq-section {
    max-width: 983px;
    padding: 140px 20px 150px;
}

.faq-question {
    padding: 0 0 17px;
    font-size: 22px;
}

.faq-divider {
    height: 1px;
    margin: 32px auto;
}

.faq-answer {
    font-size: 16px;
    line-height: 24px;
}

.alliance-bg-section {
    padding: 320px 20px 140px;
}

.alliance-form {
    max-width: 720px;
	        margin: auto;
}

    .faq-title {
        font-size: 48px;
        line-height: 41.747px;
        margin-bottom: 89px;
    }


}


@media (max-width: 1290px) {
    .hero-section {
        padding: 125px 20px 45px;
    }

.hero-breadcrumb a, .hero-breadcrumb span {
        font-size: 16px;
        line-height: 19.911px;
    }

.hero-breadcrumb {
    gap: 8px;
}

.hero-breadcrumb a, .hero-breadcrumb span {
        font-size: 16px;
        line-height: 19.911px;
    }

.hero-title {
        font-size: 56px;
        line-height: 29.687px;
        margin-bottom: 23px;
    }

    .hero-subtext {
        max-width: 726px;
        font-size: 16px;
        line-height: 26px;
        margin: 0 auto 69px;
    }

    .hero-card {
        padding: 36px 9px 0;
        max-width: 388px;
    }

.hero-card h3 {
        font-size: 24px;
        line-height: 29.687px;
        margin-bottom: 11px;
    }

    .hero-card p {
        max-width: 316px;
        font-size: 16px;
        line-height: 24px;
        margin: 0 auto 10px;
    }

    .hero-cta {
        font-size: 16px;
        line-height: 21.72px;
        max-width: 90%;
        height: 42px;
        padding: 4.654px 23.271px;
        bottom: 22px;
    }

.hero-img-wrapper::after {
    transform: translateY(8px);
}

.study-overview-section {
        padding: 45px 20px 80px;
    }

    .study-overview-title {
        font-size: 36px;
        line-height: 29.687px;
        margin-bottom: 52px;
    }

    .study-overview-wrapper {
        max-width: 810px;
    }

.study-cards-grid {
        grid-template-columns: repeat(auto-fit, minmax(393px, 1fr));
        gap: 19.91px;
    }

.study-title {
        font-size: 18px;
        line-height: 29.687px;
        padding-left: 10.67px;
    }

    .study-card {
        padding: 17.778px;
        gap: 12px;
    }

    .study-conductor {
        gap: 7.82px;
        font-size: 16px;
        line-height: 29.687px;
    }

    .study-description {
        max-width: 352px;
        font-size: 14px;
        line-height: 22px;
    }

.study-date {
        font-size: 16px;
        line-height: 29.687px;
    }

.study-btn {
        font-size: 16px;
        line-height: 21.72px;
        width: 100%;
        max-width: 120.067px;
        height: 36px;
        padding: 4.654px 10px;
    }

    .inclusive-cta-banner {
        padding: 83px 20px 65px;
    }

.inclusive-cta-content h2 {
        max-width: 706px;
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 19.2px;
    }


    .inclusive-cta-button {
        max-width: 130px;
        height: 34px;
        padding: 4.005px 3.56px;
        font-size: 16px;
        line-height: 6.674px;
    }

    .faq-section {
        max-width: 699px;
        padding: 74px 20px;
    }

.faq-title {
    font-size: 34.133px;
    line-height: 29.687px;
    margin-bottom: 65px;
}


    .faq-divider {
        height: 0.711px;
        margin: 22.76px auto;
    }

    .faq-question {
        padding: 0 0 12px;
        font-size: 18px;
    }

.faq-answer {
        max-width: 598px;
        line-height: 19px;
    }


    .alliance-form {
        max-width: 639px;
    }

}


/* /////////// */
/* /////////// */
/* /////////// */

	.sm{
	display: none;
}

@media (max-width: 1023px) {


	.sl{

display: none;
}

	.hero-cards.hero-slider {
	display: block;
        padding: 0;
}

.hero-card {
        max-width: unset;
    }

}

@media (max-width: 768px) {
    .hero-section {
        padding: 158px 30px 45px;
    }

    .faq-section {
        padding: 52px 33px;
    }

.alliance-bg-section {
    background-position: left top;
    background-size: 250%;
}


}


@media (max-width: 700px) {
    .hero-title {
        font-size: 38.929px;
        line-height: 41.219px;
        letter-spacing: -1.055px;
        margin-bottom: 29px;
    }



    .hero-subtext {
        font-size: 18px;
        line-height: 32px;
        margin: 0 auto 86px;
    }

    .study-overview-title {
        margin-bottom: 44px;
    }

    .alliance-bg-section {
        padding: 104px 20px 63px;
    }

    .faq-title {
        margin-bottom: 44px;
    }


}

@media (max-width: 540px) {
    .hero-subtext {
        max-width: 726px;
    }

    .study-cards-grid {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
        gap: 15px;
    }

.inclusive-cta-banner {
        padding: 64px 20px 46px;
    }

    .inclusive-cta-content h2 {
        max-width: 326px;
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 24px;
    }

.faq-question span {
    max-width: 276px;
}

    .faq-title {
        font-size: 30px;
        margin-bottom: 63px;
    }







}



@media (max-width: 400px) {
    .hero-subtext {
        font-size: 16px;
        line-height: 24px;
        margin: 0 auto 65px;
    }

    .faq-title {
        font-size: 28px;
        margin-bottom: 54px;
    }

}
/* gravity form 1 ////////////////////////////////// */

#gform_1 {
    background: #fff;
    padding: 61.333px;
    border-radius: 0;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08);
    text-align: left;
    color: #000;
}

#gform_1 .gform_footer, #gform_1 .gform_page_footer {
    margin-block-start: 0;
}

#gform_1 legend.gfield_label.gform-field-label.gfield_label_before_complex {
    display: none;
}

/* Style for the input fields */
#gform_1 input#input_1_1_3, 
#gform_1 input#input_1_1_6, 
#gform_1 input#input_1_3, 
#gform_1 input#input_1_8,  
#gform_1 textarea#input_1_6 {
    width: 100%;
    height: 69.333px;
    padding: 16px 0px;
    border: none;
    border-bottom: 1.333px solid #ccc;
    margin-bottom: 20px;
    background: transparent;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: #253746;
    font-family: Ubuntu;
    font-size: 22px;
    line-height: 32px;
    position: relative;
    overflow: visible;
}

#gform_1 input#input_1_1_3:hover, 
#gform_1 input#input_1_1_6:hover, 
#gform_1 input#input_1_3:hover, 
#gform_1 input#input_1_8:hover, 
#gform_1 textarea#input_1_6:hover,
#gform_1 input#input_1_1_3:focus, 
#gform_1 input#input_1_1_6:focus, 
#gform_1 input#input_1_3:focus, 
#gform_1 input#input_1_8:focus, 
#gform_1 textarea#input_1_6:focus {
    border-color: #000; /* Border color on hover and focus */
}


#gform_1 input#input_1_1_3::placeholder,
#gform_1 input#input_1_1_6::placeholder,
#gform_1 input#input_1_3::placeholder,
#gform_1 input#input_1_8::placeholder,
#gform_1 textarea#input_1_6::placeholder {
    color: #A4ABB1; 
/*     position: absolute; */
/*     top: 16px; */
    transition: top 0.2s ease, font-size 0.2s ease;
}

/* #gform_1 input#input_1_1_3:focus::placeholder,
#gform_1 input#input_1_1_6:focus::placeholder,
#gform_1 input#input_1_3:focus::placeholder,
#gform_1 input#input_1_8:focus::placeholder,
#gform_1 textarea#input_1_6:focus::placeholder {
    top: -8px; 
    font-size: 16px; 
    color: #253746; 
}


#gform_1 input#input_1_1_3:focus::placeholder,
#gform_1 input#input_1_1_6:focus::placeholder,
#gform_1 input#input_1_3:focus::placeholder,
#gform_1 input#input_1_8:focus::placeholder,
#gform_1 textarea#input_1_6:focus::placeholder {
    top: -8px;
    font-size: 16px;
} */

/* For the textarea with specific height */
#gform_1 textarea#input_1_6 {
    height: 180px;
}

.gform-theme--foundation .gfield textarea.large {
    min-block-size: unset !important;
}

/* Submit button styles */
input#gform_submit_button_1 {
    width: 100%;
    height: 76px;
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 8.168px 7.261px;
    font-family: Ubuntu;
    font-size: 22px;
    font-weight: 700;
    line-height: 13.614px;
    text-decoration: none;
    transition: background 0.3s ease;
    border: none;
    cursor: pointer;
}

input#gform_submit_button_1:hover {
	background-color: #5F5F5F;
}


@media (max-width: 1760px) {

.alliance-bg-content {
    max-width: 720px;
}

#gform_1 {
    padding: 46px;
}

#gform_1 input#input_1_1_3, #gform_1 input#input_1_1_6, #gform_1 input#input_1_3, #gform_1 input#input_1_8, #gform_1 textarea#input_1_6 {
    height: 49px;
    padding: 12px 0px;
    border-bottom: 1.333px solid #ccc;
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 24px;
}


/* #gform_1 input#input_1_1_3:focus::placeholder,
#gform_1 input#input_1_1_6:focus::placeholder,
#gform_1 input#input_1_3:focus::placeholder,
#gform_1 input#input_1_8:focus::placeholder,
#gform_1 textarea#input_1_6:focus::placeholder {
    font-size: 12px; 
} */

/* #gform_1 input#input_1_1_3:focus::placeholder,
#gform_1 input#input_1_1_6:focus::placeholder,
#gform_1 input#input_1_3:focus::placeholder,
#gform_1 input#input_1_8:focus::placeholder {
	top: -2px;
} */

#gform_1 textarea#input_1_6 {
    height: 135px;
}

input#gform_submit_button_1 {
    height: 57px;
    font-size: 17.018px;
}


}


@media (max-width: 1290px) {
    .alliance-bg-content {
        max-width: 639px;
    }

    #gform_1 {
        padding: 32.711px;
    }

#gform_1 input#input_1_1_3, #gform_1 input#input_1_1_6, #gform_1 input#input_1_3, #gform_1 input#input_1_8 {
        height: 44.99px;
        padding: 11.018px 0px;
        border-bottom: 1.333px solid #ccc;
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 22.036px;
    }

#gform_1 .gform_fields {
    row-gap: 0 !important;
}

    #gform_1 textarea#input_1_6 {
        height: 123.953px;
		padding: 11.018px 0px;
        border-bottom: 1.333px solid #ccc;
        margin-bottom: 14px;
        font-size: 16px;
        line-height: 22.036px;
    }

    input#gform_submit_button_1 {
        height: 52.336px;
        font-size: 16px;
    }

/* #gform_1 textarea#input_1_6:focus::placeholder {
    top: -4px; 
} */

}

/* gravity form 1 end ////////////////////////////////// */


/* popup & g-from 2 /////////////////////// */

/* General Styles for Popup */
.popup-overlay {
    display: none; /* Hidden by default */
    font-family: Ubuntu;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent background */
    z-index: 9999; /* Make sure the popup is on top */
    justify-content: center;
    align-items: center;
}

/* Center the content inside the popup */
.popup-content {
    display: flex;
    background-color: #fff;
	position: relative;
}

/* Flex Container for Left (form) and Right (image) */
.popup-flex-container {
    display: flex;
}

/* Form Section */
.popup-form {
    max-width: 626px;
    max-height: 701px;
    padding: 71px 74px 56px;
    overflow-y: auto;
}

/* Image Section */
.popup-image {
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-image img {
    height: auto;
}

/* Close Button */
.close-popup {
    position: absolute;
    top: -50px;
    right: -50px;
    font-size: 24px;
    cursor: pointer;
    width: 36.75px;
    height: 36.75px;
    background: rgba(164, 171, 177, 0.5);
    border-radius: 50%;
    text-align: center;
    color: #fff;
}


/* When Popup is active */
.popup-overlay.active {
    display: flex;
}

#gform_wrapper_2 h2.gform_title {
    color: #000;
    font-size: 36px;
    font-weight: 700;
    line-height: 37px;
    margin-bottom: 15px;
}

#gform_wrapper_2 p.gform_description {
    color: #535353;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 24px;
}


#gform_2 .gfield--type-radio .gfield_label.gform-field-label {
color: #253746;
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 18px;
}

#gform_2 .gfield_radio label {
color: #000;
font-family: Ubuntu;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 18px
}

.gform-theme--framework .gfield--type-choice .gfield_checkbox, .gform-theme--framework .gfield--type-choice .gfield_radio {
    flex-direction: row !important;
    margin: 13px 0 36px;
	gap: 31px !important;
}



#gform_2 span.gfield_required {
    display: none;
}

#gform_2 fieldset#field_2_11 {
    margin-top: 12px;
}

/* Apply relative position to the labels for the specified fields */
#field_2_1 .gfield_label.gform-field-label, 
#field_2_5 .gfield_label.gform-field-label,
#field_2_19 .duration {
    position: relative;
    padding-left: 8px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 37px;
    margin-bottom: 24px;
}

/* Label styling for Start Date and End Date */
#gform_2 #field_2_16 label.gform-field-label,
#gform_2 #field_2_17 label.gform-field-label {
    color: var(--primary-900, #253746); /* Custom color */
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 9.75px; /* Adjust as needed */
}


#gform_2 #field_2_18 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom 16px;
}

#gform_2 #field_2_18 label {
    text-align: center;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 9.75px;
}


#gform_2 #field_2_3 .gfield_label.gform-field-label,
#gform_2 #field_2_4 .gfield_label.gform-field-label,
#gform_2 #field_2_7 .gfield_label.gform-field-label,
#gform_2 #field_2_8 .gfield_label.gform-field-label,
#gform_2 #field_2_15 .gfield_label.gform-field-label {
    display: none;
}

#gform_2 label.gform-field-label.gform-field-label--type-sub {
    display: none;
}

/* Add the left-side box (orange bar) before the label */
#field_2_1 .gfield_label.gform-field-label::before,
#field_2_5 .gfield_label.gform-field-label::before,
#field_2_19 .duration::before {
    content: "";
    width: 4px;
    height: 24px;
    background: #F45C30;  /* Orange color */
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%); /* Center the bar vertically */
}

#gform_2 .gform_fields {
    row-gap: 0;
}

/* Optional: Style the input fields of the form */
#gform_2 input[type="text"],
#gform_2 input[type="email"],
#gform_2 textarea {
    width: 100%;
    padding: 9px 0px;
    border: none;
    border-bottom: 1.333px solid #ccc;
    margin-bottom: 24px;
    background: transparent;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    color: #253746;
    font-family: Ubuntu;
    font-size: 16px;
    line-height: 18px;
    position: relative;
}

/* Input fields height */
#gform_2 input[type="text"],
#gform_2 input[type="email"], 
#gform_2 textarea#input_2_5 {
    height: 39px;
}

/* Placeholder text color */
#gform_2 input[type="text"]::placeholder,
#gform_2 input[type="email"]::placeholder,
#gform_2 textarea::placeholder {
    color: #A4ABB1; /* Placeholder color */
}


#gform_2 input[type="text"]:hover, 
#gform_2 input[type="email"]:hover, 
#gform_2 textarea#input_2_5:hover,
#gform_2 textarea:hover,
#gform_2 input[type="text"]:focus, 
#gform_2 input[type="email"]:focus, 
#gform_2 textarea#input_2_5:focus,
#gform_2 textarea:focus {
    border-color: #000; /* Border color on hover and focus */
}


/* Submit button styles */
#gform_submit_button_1 {
    background-color: #000;
    color: #fff;
    padding: 14px 32px;
    font-size: 17px;
    border: none;
    cursor: pointer;
    border-radius: 0;
}

#gform_submit_button_1:hover {
    background-color: #5F5F5F;
}


input#gform_submit_button_2 {
display: flex;
width: 139.5px;
height: 39px;
padding: 3.763px 18.814px;
justify-content: center;
align-items: center;
gap: 6.271px;
background: #000;
color: #FFF;
font-family: Ubuntu;
font-size: 13.5px;
font-style: normal;
font-weight: 700;
line-height: 23.413px; /* 173.428% */

}


/* ????????????????????? */

/* Hide the default radio button */
#gform_2 input[type="radio"] {
    display: none; /* Hide the default radio button */
}


/* Label for custom radio button */
#gform_2 input[type="radio"] + label {
    position: relative;
    padding-left: 28px; /* Space for the custom radio button */
    cursor: pointer;
    font-family: Ubuntu;
    font-size: 18px;
    color: #000; /* Keep the label text color unchanged */
	    margin-left: 0;
}

/* Custom radio button circle (outline) */
#gform_2 input[type="radio"] + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%; /* Circle shape */
    border: 2px solid #ccc; /* Light gray border */
    background-color: transparent; /* Unchecked state - transparent background */
    transition: all 0.3s ease; /* Smooth transition */
}

/* Custom dot inside the radio button when checked */
#gform_2 input[type="radio"]:checked + label::after {
    content: "";
    position: absolute;
    left: 5px; /* Center the dot inside */
    top: 50%;
    transform: translateY(-50%);
    width: 10px; /* Smaller dot inside the circle */
    height: 10px;
    border-radius: 50%; /* Dot shape */
    background-color: #F45C30; /* Orange dot when selected */
}

/* Change the border color when radio button is checked */
#gform_2 input[type="radio"]:checked + label::before {
    border-color: #F45C30; /* Change border color to orange when selected */
}

/* When radio button is focused, change the border color */
#gform_2 input[type="radio"]:focus + label::before {
    border-color: #253746; /* Darker border color on focus */
}

/* Optional: Style the label for unselected radio buttons */
#gform_2 input[type="radio"]:not(:checked) + label {
    color: #666; /* Lighter color for unselected */
}




@media (max-width:1290px) {

.popup-overlay.active {
    padding: 0 40px;
	overflow: auto;
}

.popup-content {
    margin-top: 134px;
}

.popup-overlay {
    align-items: baseline;
}

.popup-flex-container {
    flex-direction: column-reverse;
	max-width: 626px;
}

.popup-image img {
	        width: 100%;
    content: url(/wp-content/uploads/2025/03/Frame-1000002626-1.png);
}

.close-popup {
    top: -60px;
    right: 0px;
}


.popup-form {
    max-height: unset;
    padding: 30px;
}

    .popup-form {
        padding: 25px !important;
    }


input#gform_submit_button_2 {
    width: 100%;
}


}


@media (max-width:768px) {

#gform_wrapper_2 h2.gform_title {
    font-size: 28px;
    line-height: 37px;
}

#gform_2 input[type="radio"] + label {
    padding-left: 25px;
    font-size: 16px;
    line-height: 18px;
}

#gform_2 #field_2_18 {
    justify-content: start;
    margin-bottom: 20px;
}

	    .popup-overlay.active {
        padding: 0px 27px;
    }

#gform_2 textarea#input_2_5 {
    height: 56px;
}

#gform_2 textarea#input_2_5::placeholder {
    max-width: 218px; /* Set the width of the placeholder */
}


}




/* popup & g-from 2 end /////////////////////// */

/* <><><><><><>form extra<><><><><><> */


@media only screen and (max-width: 1199px) {
    #navbarNav.open {
        display: block !important;
        right: 0px !important;
        height: 100%;
        top: 148px !important;
    }
}

#gform_1_validation_container {
    background: white;
    border: none;
    border-radius: unset;
}

#gform_1_validation_container h2.gform_submission_error {
    margin: 0;
}

/* <><><><><><>form extra ends<><><><><><> */