/* .navbar, ul {
    padding: 0;
}
.overlay .nav-title, .overlay nav, .timer h3, .timer_div {
    text-align: center;
}
#contact, .img_team, .img_team img, .overlay, .slick-list {
    overflow: hidden;
}
.overlay ul, .right-span ul, .right-span-l ul, .timer_div, ul, ul.map_inner {
    list-style: none;
}
.slick-list:focus, :focus, a, a:hover, button:focus {
    outline: 0;
} */
@font-face {
    font-family: 'pro-regular';
    src: url(../fonts/PFBeauSansPro-Regular.ttf);
}
@font-face {
    font-family: 'pro-thin';
    src: url(../fonts/PFBeauSansPro-Thin.ttf);
}
@font-face {
    font-family: 'NeueMachina';
    src: url(../fonts/NeueMachina-Light.otf);
}
@font-face {
    font-family: 'Font Awesome\ 5 Free'}
body {
    position: relative;
    font-family: 'NeueMachina';
    overflow-x: hidden;
    background-color: #ebecf200;
}

.carousel-caption {
    top: 0;
    bottom: 0;
    left: auto;
    display: flex !important;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
  }
  .carousel-caption.c-r {
    align-items: flex-start;
    left: 15%;
    right: auto;
  }
  .carousel-caption.c-r h3 {
    margin-left: 100px;
    align-items: flex-start;
  }
  .carousel-caption h3 {
    font-size: 100px;
    align-items: flex-end;
    margin-right: 100px;
    display: flex;
    color: #cd7399;
    font-family: 'pro-thin';
  }
  @media only screen and (max-width: 600px) {
    .carousel-caption h3 {
      font-size: 50px;
    }
  }
  .carousel-caption p {
    color: #5e92e0;
    font-size: 50px;
    align-items: flex-start;
    display: flex;
    font-family: 'pro-thin';
  }
  @media only screen and (max-width: 600px) {
    .carousel-caption p {
      font-size: 30px;
    }
  }
  .main-div {
    display: flex;
    justify-content: center;
    flex-direction: column;
  }
  .main-div .middle-div {
    display: flex;
    flex-direction: column;
    padding: 50px 0;
    background-color: #ebecf2;
  }
  .main-div .middle-div h2 {
    /* text-align: center; */
    color: #cd7399;
    font-family: 'pro-thin';
    font-size: 40px;
    margin-bottom: 20px;
  }
  @media only screen and (max-width: 600px) {
    .main-div .middle-div h2 {
      font-size: 30px;
    }
  }
  .main-div .middle-div p {
    font-size: 16px;
    /* text-align: center; */
    color: #878a9a;
  }
  @media only screen and (max-width: 600px) {
    .main-div .middle-div p {
      font-size: 14px;
    }
  }
  .main-div .middle-div .exp-div {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  @media only screen and (max-width: 600px) {
    .main-div .middle-div .exp-div {
     flex-direction: column;
    }
  }
  .main-div .middle-div .exp-div .exp-div-sub {
    display: flex;
    flex-direction: column;
  }
  .main-div .middle-div .exp-div .exp-div-sub .exp-sub {
    display: flex;
    flex-direction: column;
    padding: 15px 30px;
     
  }
  @media only screen and (max-width: 600px) {
    .main-div .middle-div .exp-div .exp-div-sub .exp-sub p{
      position: relative;   
      margin-left: 20px;
    }
    .main-div .middle-div .exp-div .exp-div-sub .exp-sub p::after {
      content:'';
      background-image: url(../images/yoga-icon.png);
      position: absolute;
      width: 24px;
      height: 24px;
      left: -30px;
      top: 0;
      bottom: 0;
      margin: auto;
    }
  }
  @media only screen and (max-width: 600px) {
    .main-div .middle-div .exp-div .exp-div-sub .exp-sub {
   
      padding: 15px;
    }
  }
  .main-div .middle-div .exp-div .exp-div-sub .exp-sub h3 {
    font-size: 18px;
   font-family: 'NeueMachina';
    color: #3a4259;
  }
  .main-div .middle-div .exp-div .exp-div-sub .exp-sub p {
    font-size: 14px;
    text-align: left;
    color: #cd7399;
  }
  .main-div .middle-div .exp-div .exp-div-sub .exp-sub.exp-sub1 {
    align-items: flex-end;
  }
  @media only screen and (max-width: 600px) {
    .main-div .middle-div .exp-div .exp-div-sub .exp-sub.exp-sub1 {
      align-items: flex-start;
    }
  }
  .main-div .middle-div .exp-div .exp-div-sub .exp-sub.exp-sub1 p {
    text-align: right;
  }
  @media only screen and (max-width: 600px) {
    .main-div .middle-div .exp-div .exp-div-sub .exp-sub.exp-sub1 p {
      text-align: left;
    }
  }
  .main-div .middle-div .exp-div .div-yoga img {
    width: 100%;
  }
  @media only screen and (max-width: 600px) {
    .main-div .middle-div .exp-div .div-yoga {
      display: none;
    }
  }
  .main-div .booking {
    display: flex;
    padding: 50px 0;
    background-color: #cd7399;
  }
  .main-div .booking .booking-sub {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .main-div .booking .booking-sub h2 {
    color: #ffffff;
    font-size: 30px;
    font-family: 'pro-thin';
  }
  .main-div .booking .booking-sub .start {
    color: #ffffff;
    font-size: 16px;
  }
  .main-div .booking .booking-sub .booking {
    color: #ffffff;
    font-size: 20px;
    border: 2px solid #ffffff;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 30px;
     font-family: 'pro-regular';
  }
  .main-div .classes {
    display: flex;
    flex-direction: column;
    padding: 50px 0;
    background-color: #ebecf2;
  }
  .main-div .classes h2 {
    text-align: center;
    color: #3a4259;
    font-family: 'pro-thin';
    font-size: 60px;
    margin-bottom: 50px;
  }
  @media only screen and (max-width: 600px) {
    .main-div .classes h2 {
      font-size: 30px;
    }
  }
  .main-div .classes .classes-main {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));
  }
  .main-div .classes .classes-main .classes-sub {
    display: flex;
    flex-direction: column;
  }
  .main-div .classes .classes-main .classes-sub:hover .img-sec {
    overflow: hidden;
  }
  .main-div .classes .classes-main .classes-sub:hover .img-sec::after {
    content: '';
    background-color: #cd7399;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    transition: transform 0.3s ease;
  }
  .main-div .classes .classes-main .classes-sub:hover .img-sec img {
    transform: scale(1.5);
    /* Scale up the element on hover */
  }
  .main-div .classes .classes-main .classes-sub .img-sec {
    display: flex;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
  }
  .main-div .classes .classes-main .classes-sub .img-sec img {
    transition: transform 0.3s ease;
    width: 100%;
  }
  .main-div .classes .classes-main .classes-sub .info {
    display: flex;
    flex-direction: column;
    padding: 20px;
    align-items: center;
    justify-content: center;
  }
  .main-div .classes .classes-main .classes-sub .info h3 {
    font-size: 15px;
   font-family: 'NeueMachina';
    color: #3a4259;
  }
  .main-div .classes .classes-main .classes-sub .info h3:hover {
    color: #5e92e0;
  }
  .main-div .classes .classes-main .classes-sub .info p {
    font-size: 12px;
    text-align: left;
    color: #878a9a;
  }
  .main-div .classes .shop-main {
    display: grid;
    gap: 5%;
    grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
  }
  @media only screen and (max-width: 600px) {
    .main-div .classes .shop-main {
      grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
      display: flex;
      flex-direction: column;
    }
  }
  .main-div .classes .shop-main .classes-sub {
    display: flex;
    flex-direction: column;
  }
  .main-div .classes .shop-main .classes-sub:hover .img-sec {
    overflow: hidden;
  }
  .main-div .classes .shop-main .classes-sub:hover .img-sec::after {
    content: '';
    background-color: #5e92e0;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    transition: transform 0.3s ease;
  }
  .main-div .classes .shop-main .classes-sub:hover .img-sec img {
    transform: scale(1.5);
    /* Scale up the element on hover */
  }
  .main-div .classes .shop-main .classes-sub .img-sec {
    display: flex;
    overflow: hidden;
    position: relative;
    transition: transform 0.3s ease;
  }
  .main-div .classes .shop-main .classes-sub .img-sec img {
    transition: transform 0.3s ease;
    width: 100%;
  }
  .main-div .classes .shop-main .classes-sub .info {
    display: flex;
    flex-direction: column;
    padding: 20px;
    align-items: center;
    justify-content: center;
  }
  .main-div .classes .shop-main .classes-sub .info h3 {
    font-size: 15px;
   font-family: 'NeueMachina';
    color: #3a4259;
    text-align: center;
  }
  .main-div .classes .shop-main .classes-sub .info h3:hover {
    color: #5e92e0;
  }
  .main-div .classes .shop-main .classes-sub .info p {
    font-size: 12px;
    text-align: left;
    color: #878a9a;
  }
  .main-div .carousel-info {
    display: flex;
    flex-direction: column;
    background-image: url(../images/yoga-on.jpg);
    background-size: cover;
    position: relative;
    /* z-index: 2; */
  }
  .main-div .carousel-info::after {
    content: '';
    background-color: #cd7399;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    top: 0;
    z-index: 0;
  }
  .main-div .carousel-info .carousel{
     z-index: 1;
  }
  .main-div .carousel-info .quote {
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 150px 0;
  }
  .main-div .carousel-info .quote .img-sec{
    width: 150px;
    height: 150px;
    overflow: hidden;
    border-radius: 150px;
    margin-bottom: 40px;
    border: 2px solid #dbdcdf;
    background-color: #ffffff;
  }
  .main-div .carousel-info .quote .img-sec img{
      width: 100%;
      height: 100%;
  }
  .main-div .carousel-info .quote p {
    color: #ffffff;
    font-size: 25px;
    font-family: 'pro-thin';
    text-align: center;
  }
  @media only screen and (max-width: 600px) {
    .main-div .carousel-info .quote p {
      font-size: 20px;
    }
  }
  .main-div .carousel-info .quote .quote_title {
    text-align: center;
  }
  .main-div .carousel-info .quote .quote_title {
    color: #ffffff;
    font-size: 20px;
  }
  .main-div .carousel-info .quote .quote_subtitle {
    color: #ffffff;
    font-size: 15px;
    font-family: 'pro-thin';
  }
  .main-div .trainer {
    display: flex;
   
   
  }
  .main-div .trainer .trainer-sec {
     background-image: url(../images/yoga-pose1.png);
    background-repeat: no-repeat;
    background-size: 20%;
    background-position: center right;
    display: flex;
    /* justify-content: flex-end; */
    flex-direction: column;
    /* align-items: flex-end; */
    padding: 50px 0;
    padding-right: 20%;
  }
  @media only screen and (max-width: 600px) {
    .main-div .trainer .trainer-sec {
      background-image: none;
      padding: 80px 20px ;
    }
  }
  .main-div .trainer .trainer-sec h2 {
    font-size: 30px;
    color: #cd7399;
    font-family: 'pro-thin';
    margin-bottom: 20px;
  }
  @media only screen and (max-width: 600px) {
    .main-div .trainer .trainer-sec h2 {
      font-size: 20px;
    }
  }
  .main-div .trainer .trainer-sec p {
    color: #5e92e0;
    font-size: 16px;
    font-family: 'pro-thin';
    position: relative;
    padding-left: 30px;
  } 
  .main-div .trainer .trainer-sec p::before{
    content:'';
    background-image: url(../images/yoga-0ne.png);
    background-size: cover;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 0;
    top: -1px;
    bottom: 0;
    margin: auto;
  }
  @media only screen and (max-width: 600px) {
    .main-div .trainer .trainer-sec p {
      font-size: 14px;
    }
  }
  .main-div .trainer .trainer-sec span {
    color: #6f6e8c;
    font-size: 18px;
    margin-bottom: 20px;
  }
  @media only screen and (max-width: 600px) {
    .main-div .trainer .trainer-sec span {    
      font-size: 16px;
    }
  }
  .main-div .count {
    display: flex;
    padding: 60px 0;
    background-color: #5e92e0;
    position: relative;
  }
  .main-div .count .count-main {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  @media only screen and (max-width: 600px) {
    .main-div .count .count-main {
      flex-direction: column;
    }
  }
  .main-div .count .count-main .count-sub {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .main-div .count .count-main .count-sub h3 {
    font-size: 60px;
    color: #ffffff;
    font-family: 'pro-thin';
  }
  @media only screen and (max-width: 600px) {
    .main-div .count .count-main .count-sub h3 {
      font-size: 30px;
    }
  }
  .main-div .count .count-main .count-sub p {
    color: #ffffff;
    font-size: 14px;
  }
  .main-div .list {
    padding: 100px 0;
    flex-direction: column;
    background-image: url(../../assets/images/yoga-on.jpg);
    background-size: cover;
    position: relative;
  }
  .main-div .list::after {
    content: '';
    background-color: #cd7399;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    top: 0;
    z-index: 1;
  }
  .main-div .list .list-main {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
  }
  @media only screen and (max-width: 600px) {
    .main-div .list .list-main {
      flex-direction: column;
    }
  }
  @media only screen and (max-width: 600px) {
    .main-div .list .list-main .list-sub {
      margin-bottom: 20px;
    }
  }
  .main-div .list .list-main .list-sub h3 {
    font-size: 25px;
    color: #ffffff;
    font-family: 'pro-regular';
    margin-bottom: 20px;
  }
  .main-div .list .list-main .list-sub p {
    color: #ffffff;
    font-size: 14px;
    margin-bottom: 5px;
  }
  .main-div .list .list-main .list-sub ul {
    margin: 0;
    padding: 0 20px;
  }
  .main-div .list .list-main .list-sub ul li {
    color: #ffffff;
    font-size: 14px;
  }
  .main-div .event {
    display: flex;
    flex-direction: column;
    padding: 50px 0;
    background-color: #ebecf2;
  }
  .main-div .event h2 {
    text-align: center;
    color: #3a4259;
    font-family: 'pro-thin';
    font-size: 60px;
    margin-bottom: 50px;
  }
  @media only screen and (max-width: 600px) {
    .main-div .event h2 {
      font-size: 30px;
    }
  }
  .main-div .event .main-event {
    display: flex;
    justify-content: space-around;
    align-items: center;
  }
  .main-div .event .main-event .div-yoga{
    width: 40%;
    margin-right: 10px;
  }
  .main-div .event .main-event .list-event {
    display: flex;
    flex-direction: column;
  }
  .main-div .event .main-event .list-event .sub-event {
    display: flex;
    margin-bottom: 25px;
  }
  .main-div .event .main-event .list-event .sub-event .event-left {
    display: flex;
    flex-direction: column;
    margin-right: 20px;
    align-items: center;
  }
  .main-div .event .main-event .list-event .sub-event .event-left .event-one {
    font-size: 10px;
  }
  .main-div .event .main-event .list-event .sub-event .event-left .event-two {
    font-size: 22px;
   font-family: 'NeueMachina';
    background-color: #3a4259;
    color: #ffffff;
    padding: 0 5px;
    width: 40px;
    text-align: center;
  }
  .main-div .event .main-event .list-event .sub-event .event-right {
    display: flex;
    flex-direction: column;
  }
  .main-div .event .main-event .list-event .sub-event .event-right .event-one {
    font-size: 10px;
   font-family: 'NeueMachina';
  }
  .main-div .event .main-event .list-event .sub-event .event-right .event-two {
    font-size: 25px;
    color: #3a4259;
    font-family: 'pro-thin';
  }
  @media only screen and (max-width: 600px) {
    .main-div .event .main-event .list-event .sub-event .event-right .event-two {
      font-size: 18px;
    }
  }
  .main-div .event .main-event .div-yoga img {
    width: 100%;  
    border: 1px solid #dbdcdf;
    padding: 4px;
    border-radius: 4px;
    background: #ffffff;
  }
  @media only screen and (max-width: 600px) {
    .main-div .event .main-event {
      flex-direction: column;
    }
    .main-div .event .main-event .div-yoga {
      margin-bottom: 50px;
      width: 100%;
      margin-right: 0;
    }
  }
  
  .carousel-control-prev, .carousel-control-next{
    background: transparent;
    border: 1px solid transparent;
  }header {
    display: flex;
    width: 100%;
    background-color: rgba(78, 75, 102, 0.6);
    padding: 0;
    height: 60px;
    align-items: center;  
    background-color: #ffffff;  
}

.navi_scrolled {
    position: sticky;
    z-index: 999;
    top: 0;
}

.head {
    justify-content: space-between;
    display: flex;
    width: 100%;
    align-items: center;
    height: 60px;
}

.logo {
    display: flex;   
    align-content: center;
    text-decoration: none;
}

.logo img {
   height: 40px;
}

.logo span {
    display: flex;
    align-items: center;
    color: #004064;
    margin-left: 10px;
}

header .nav {
    display: flex;
}

header .nav a {
    color: black;
    text-decoration: none;
    margin-left: 20px;
    font-size: 15px;
}

header .nav a:hover {
    color: #cd7399;
}

header .nav a.active {
    color: #cd7399;
}


.nav-mobile {
    position: fixed;
    flex-direction: column;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: #ffffff;  
    width: 200px;  
    left: -200px;
    transition: left 0.3s ease;
    align-items: center;
    justify-content: center;
}
.open{
    left: 0;
}
.nav-mobile a {
    margin: 10px;
}

.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background: rgba(0,0,0,.8);
    height: 100%; 
    width: 100%;
}

.screen {
    display: block;
}

.mobile {
    display: none;
}
.overlay{
    display: none;
}
@media only screen and (max-width: 600px) {
    .screen {
        display: none;
    }

    .mobile {
        display: block;
    }
    
}
footer {
    background-color: #3e3039;
    display: flex; 
    padding-top: 80px;
}

.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.footer .logo {
    color: #ffffff;
    text-decoration: none;
}

.footer .nav a {
    color: #878a9a;
    text-decoration: none;
   font-family: 'NeueMachina';
    padding: 10px 15px;
    font-size: 14px;
    margin: 0;
}

.footer .nav a:hover {
    color: #cd7399;
}

.footer .social {
    margin-top: 25px;
    margin-bottom: 50px;
}

.footer .social a {
    margin: 5px;
}

.footer .copy {
    color: #878a9a;  
    font-size: 12px;
}


.main-div {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.about {
    display: flex;
    flex-direction: column;
    background-image: url(../images/about.jpg);
    background-position: left;
    padding: 100px 0;
}

.about-sec h2 {
    font-size: 60px;  
    color: #3a4259;
    font-family: 'pro-thin';
}

@media only screen and (max-width: 600px) {
    .about-sec h2 {
        font-size: 30px;
    }
}

.middle-div {
    display: flex;
    flex-direction: column;
    padding: 80px 0;
    background-color: #ebecf2;
}

.about-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 600px) {
    .about-main {
        flex-direction: column;
    }
    .a-m{
      flex-direction: column-reverse;
    }
}

.left-about {
    display: flex;  
    flex-direction: column;             
    margin: 0 30px;              
    /* width: 100%; */
}

@media only screen and (max-width: 600px) {
    .left-about {
        margin-left: 50px;
    }
}

.left-about img {
    max-width: 100%;
    border: 1px solid #dbdcdf;
    padding: 4px;
    border-radius: 4px;
}

@media only screen and (max-width: 600px) {
    .left-about img {
        width: 100%;
        margin-bottom: 20px;
    }
}
.right-about{
  width: 80%;
}
.right-about h2 {
    color: #3a4259;
    font-family: 'pro-thin';
    font-size: 40px;
    margin-bottom: 20px;
}

.right-about p {
    font-size: 15px;                   
    color: #878a9a;
}

.reasons-div {
    display: flex;
    flex-direction: column;
    padding: 80px 0;
    background-color: #5e92e0;
}

.reasons-div h2 {
    font-size: 40px;  
    color: #ffffff;
    font-family: 'pro-thin';
    justify-content: center;
    display: flex;
    margin-bottom: 50px;
}

.reasons-list {
    display: grid;
    gap: 5%;
    grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));  
        
}
@media only screen and (max-width: 600px) {
    .reasons-list {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));  
    display: flex;
    flex-direction: column;
    }
}  
.reasons-sub h3 {
    font-size: 18px;
   font-family: 'NeueMachina';
    color: #ffffff;               
}

.reasons-sub p {
    font-size: 12px;
    text-align: left;
    color: #ffffff;
}
.main-div {
    display: flex;
    justify-content: center;
    flex-direction: column;
   
    background-color: #ffffff;
}

.gallery-main {
    display: flex;
    width: 100%;
    padding: 100px 0;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-gap: 10px;
}

.gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0%;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-content {
    background-color: #fff;
    padding: 15px;
    position: relative;
    max-width: 600px;
    margin: 10% auto;
}

.popup-content img {
    width: 100%;
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    cursor: pointer;
}
.main-div1{
    background-color: #ebecf2;
}
.main-contact {
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #ebecf2;
  }
  
  .about {
    display: flex;
    flex-direction: column;
    background-image: url(../images/about.jpg);
    background-position: left;
    padding: 100px 0;
  }
  
  .about .about-sec h2 {
    font-size: 60px;
    color: #3a4259;
    font-family: 'pro-thin';
  }
  
  @media only screen and (max-width: 600px) {
    .about .about-sec h2 {
      font-size: 30px;
    }
  }
  .contact {
    display: flex;
    width: 100%;
    padding: 100px 0;
   
  }
  @media only screen and (max-width: 600px) {
    .contact {
      flex-direction: column;
    }
  }
  
  .contact .contact-left {
    display: flex;
    width: 50%;
    flex-direction: column;
    justify-content: center;
   
  }
  @media only screen and (max-width: 600px) {
    .contact .contact-left {
      width: 100%;
      margin-bottom: 20px;
    }
  }
  .contact .contact-left h2 {
    font-size: 24px;
    color: #cd7399;
    font-family: 'pro-thin';
    margin-bottom: 20px;
  }
  .contact .contact-left h3 {
    font-size: 16px;
    color: #cd7399;
    font-family: 'pro-thin';
    margin-bottom: 20px;
  }
  .contact .contact-left p {
    color: #5e92e0;
    font-size: 14px;
    font-family: 'NeueMachina';
    margin-bottom: 5px;
  }
  .contact .contact-left span {
    color: #6f6e8c;
    font-size: 14px;
  }
  
  .contact .contact-right {
    display: flex;
    width: 50%;
    flex-direction: column;
  }
  @media only screen and (max-width: 600px) {
    .contact .contact-right {
      width: 100%;
    }
  }
  .contact .contact-right h2 {
    font-size: 60px;
    color: #3a4259;
    font-family: 'pro-thin';
  }
  @media only screen and (max-width: 600px) {
    .contact .contact-right .contact .contact-right h2 {
      font-size: 30px;
    }
  }
  .contact .contact-right form {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .contact .contact-right form .form-control {
    margin: 10px 0;
    border: 2px solid #ffffff;
    padding: 10px;
    background-color: transparent;
    border-radius: 2px;
  }
  .contact .contact-right form button {
    background-color: #cd7399 !important;
    color: #ffffff;
    border: 1px solid #cd7399 !important;
  }

  .header-sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: #fff; /* Adjust as needed */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow for a floating effect */
    transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
}