/* Gyma Style Version 1.0 */
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200;300;400;500;600;700;800;900&display=swap");
:root{
    --blue: #2e2c70;
    --blue-light: #00A6E0;
}
html{scroll-behavior: smooth;}
*{box-sizing: border-box;}
a,a:hover{text-decoration: none;}
body{
font-family: 'Work Sans', sans-serif;
color: #4d4d4d;
overflow-x: hidden;
}
.bg-blue{background-color: #2e2c70;}
.bg-light{background: #F2F2F2;}
.text-blue{color: var(--blue-light) !important;}
/*.default-padding{padding: 60px 0;}*/
/* .default-padding{padding: 125px 0;} */
.default-padding{padding: 125px 0;}
    .sec-title{margin-bottom: 1rem;}
    .sec-title .sub-title{color: var(--blue-light);
    font-size: 15px;
    margin-bottom: 1rem;
    font-weight: 600;}
    .sec-title .title{color:  var(--blue);
    font-size: 50px;
    font-weight: 300;margin-bottom: 0;}
    .title-2{    font-size: 50px;
        font-weight: 300;
        color: #00a6e0;
        line-height: 50px;
        /* margin-bottom: 40px; */
    }
    /* theme-accordion */
    .theme-accordion{}
    .theme-accordion .accordion-item{border: none;}
    .theme-accordion .accordion-button:not(.collapsed){color: var(--blue-light);background-color: transparent !important;box-shadow: none;}
    .theme-accordion .accordion-button:hover, .theme-accordion .accordion-button:active, .theme-accordion .accordion-button:focus{box-shadow: none; border: none;background-color: transparent;}
    .theme-accordion .accordion-button{ font-size: 35px;
    font-weight: 300;color: #4D4D4D; padding: 15px 15px 15px 0px;box-shadow: none; border: none;background-color: transparent;
   }
 .theme-accordion .accordion-body{padding: 0;}
 .about-img{padding: 100px 20px 20px 20px;}
 .abs-img{    position: absolute;
    max-width: calc(100% - 30px);
    top: 80px;
    left: 0;
    z-index: 1;}
  /* client-logo */
  .client-logo{background-color: white;border-radius: 10px; padding:20px;height: 200px;margin-bottom: 25px;}
                    .client-logo img{object-fit: cover;
    /* max-width: 230px; 
    max-height: 120px; */
    max-width: 100%; 
    max-height: 170px;
    transition: filter 0.3s ease;}
    /* btn */
    .btn-style-1{display: inline-block;position: relative;text-decoration: none;background: transparent; margin-left: 20px;
    font-size: 12px;
    line-height: 1.4;
    position: relative;
    color: #00A6E0;
    cursor: pointer; margin-top: 15px;margin-bottom: 15px;margin-right: 15px;
    letter-spacing: 0.5px;z-index: 1;}
    .btn-style-1:hover{color: white;}
    .btn-style-1::before{
        content: '';
    position: absolute;
    left: 0;
    /* top: -80%;
    width: 34%;
    height: 43px; */
    left: -20px;
    top: -17px;
    width: 50px;
    height: 50px;
    background: transparent;
    border: 2px solid #DCDCDC;
    z-index: -1;
    border-radius: 100px;
    transition: 0.3s ease-in-out;
    }
    .btn-style-1:hover::before{
        /* width: 100%; */
        width: calc(100% + 40px);
    background: #4AB9F2;
    box-shadow: 0 10px 90px -2px rgba(0, 0, 0, 0.2);
    }
    .btn-style-1::after{
        content: '';
    position: absolute;
    left: 30%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    height: 30px;
    width: 0%;
    z-index: -1;
    transition: 0.3s linear;
    }
    .btn-style-1:hover::after{
        opacity: 0;
    background: #4AB9F2;
    }
.mobile-btn{display: none;}
/* footer */
.footer{padding-top: 110px;border-bottom: 30px solid #00A6E0;}
.footer .footer-left-widget{}
.footer .footer-left-widget .footer-logo {width:100%;max-width: 270px;}
.footer .footer-left-widget h3 {    color: #fff;
font-size: 30px;
margin-top: 50px;
font-weight: 300;}
.footer .footer-left-widget  .footer-social-media{padding-top: 50px;margin-bottom: 50px;}
.footer .footer-left-widget  .footer-social-media .fsm-logo{width: 40px; margin-right: 20px;}
.footer  .copyright-text{color: white;font-size: 14px;}
.footer-btn{display: inline-block; font-size: 60px;font-weight: 200;text-decoration: none;color: white;}
.footer-btn img{height: 35px;margin-left: 20px;transition : all 0.3s ease-in}
.footer-btn:hover img{margin-left: 35px;transition : all 0.3s ease-in}
.long-btn{border-bottom: 2px solid white; padding-bottom: 5px;margin-bottom: 20px;}
.footer-nav-list{list-style: none;margin-left: 0;padding-left: 0;}
.footer-nav-list li{ display: inline-block;width: 40%;}
.footer-nav-list li a{display: block;color: white;padding: 3px 0;text-decoration: none;font-weight: 400;font-size: 16px;}
.footer-inline-list{}
.footer-inline-list li a{text-decoration: none;color: white;font-size: 14px;}

/* about-gyma-api */
.sec-gyma-api{padding: 150px 0 150px;}
.about-gyma{padding-right: 30px; padding-bottom: 30px;}
.about-gyma p{font-size: 18px;
width: 100%;
color: #4d4d4d;
line-height: 25px;}
.gyma-img .main-img{object-fit: cover;
width: 100% !important;
padding-top: 10px;
max-height: 520px;}
.gyma-abs-img{position: absolute;top: -20px;left: 0;width: 120%;height: 490px;}
.abs-img-top-left{position: absolute;
top: -15px;
left: 10px;
width: 70px !important;}
.abs-img-top-right{position: absolute;
top: -15px;
right: 10px;
width: 70px !important;}
.abs-img-bottom-right{    position: absolute;
bottom: -30px;
right: 0px;
width: 100px !important;}
.abs-img-bottom-left{    position: absolute;
bottom: 10px;
left: 5px;
width: 100px !important;}
/* about-gyma-api */

/* inner-page-header */

.inner-page-header{background-position: center;background-size: cover;}
.inner-page-header .iph-content{
padding: 300px 0 130px 0;
}
.inner-page-header .iph-sub-title{color: #00a6e0;
font-size: 15px;
margin-bottom: 1rem;
font-weight: 600;}
.inner-page-header .iph-title{
font-size: 48px !important;
color: #fff !important; font-weight: 300;
}
/* inner-page-nav */
.page-nav{padding: 2rem 0;}
.page-nav-list{list-style: none;}
.page-nav-list li{margin-right: 25px;display: inline-block;}
.page-nav-list li a{position: relative; display: block;
font-size: 18px;
font-weight: 300;
color: #fff;}
/* inner-page-nav-end */
.sec-about-left{padding: 130px 0 130px 0;}
.about-gyma-right{padding-left: 50px;}
.content-p{
    font-size: 18px;
width: 100%;
color: #4d4d4d;
line-height: 25px;
}
 /* legacy */
 /*.sec-legacy{padding: 100px 0 80px;}*/
 /* .sec-legacy{padding: 125px 0 80px;} */
 /* .sec-legacy .title{font-size: 45px;} */
 .sec-legacy .content-p{color: #4d4d4d;width: 80%;font-weight: 500;}
.sec-legacy .legacy-text{width: 100%; padding: 0 70px 0 50px;}
.sec-legacy .legacy-text p{width: 100% !important;font-weight: 400;}
.sec-legacy .legacy-img{padding-top: 40px;}
.sec-legacy .legacy-img img{width: 100%;height: 350px;object-fit: cover;}
/* leadership */
.leadership-container{padding-right: 50px;}
.leadership-container .leadership-cover{}
.leadership-container .leadership-cover .overlay-btn{position: absolute;height: 100%;width: 100%;display: flex;justify-content: center;align-items: center;top: 0;left: 0;}
.leadership-container .leadership-cover .overlay-btn .play-btn{display: inline-block;height: 50px;width: 50px;color: white;background-color: var(--blue-light);text-align: center;line-height: 50px;border-radius: 50%;font-size: 20px;transition: all 0.3s;}
.leadership-container .leadership-cover .overlay-btn .play-btn:hover{background-color: var(--blue);transition: all 0.3s;}
.leadership-container .leadership-content {
 padding-top: 15px;
}
.leadership-container .leadership-content .leader-name{color: #2E2C70;
margin-bottom: 0.3rem;
margin-left: -3px;
font-weight: 300;
font-size: 35px;}
.leadership-container .leadership-content  .deg{    color: #00A6E0;
font-size: 15px;
margin-bottom: 2rem;
font-weight: 600;}
.leadership-container .leadership-content  p{      margin-bottom: 1rem;
color: #4d4d4d;line-height: 20px;
width: 100%;}
/* .inner-page-header .iph-content.about-iph{padding: 280px 0 260px 0;} */
.inner-page-header .iph-content.about-iph{padding: 240px 0 290px 0;}
/* video-modal */
.video-modal{background-color: transparent;border: none;box-shadow: none;}
.video-modal .btn-close{position: absolute;top: -30px;background-color: white;padding: 10px; border-radius: 50%;
right: -35px;}
.video-modal iframe{width: 100%;height: 415px;}
/* contact */
.inner-page-header .iph-content.contact-iph{padding: 250px 0 220px 0;}
/*.contact-iph .iph-title{color: var(--blue-light) !important;}*/
 /* contact-tab */
 .gyma-theme-tab .nav-link{
                padding-top: 0px;padding-left: 0;
padding-bottom: 25px;
cursor: pointer;
font-size: 30px !important;
font-weight: 300 !important;
background-color: transparent;
text-align: left !important;
color: #0000008c !important;
            }
            .gyma-theme-tab .nav-link.active{
                background-color: transparent !important;
                color: var(--blue-light)   !important;
            }
            .contact-content p{line-height: 20px;}
            .list-with-icon{list-style: none;list-style-type: none; margin-top: 30px;}
            .list-with-icon li{position: relative;padding-left: 20px;margin-bottom: 0px;font-size: 18px;}
            .list-with-icon li  img{position: absolute;  max-width: 16px;height: 15px;left: 0px; top: 5px;}
            .hr-mail-link{color: #2E2C70;font-size: 18px;
text-decoration: underline;display: block;}

/* Add this style for centering the scroll-down button */
.slider-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.scroll-down-btn {
    cursor: pointer;
    position: absolute;
    height: 3em;
    width: 2.25em;
    border: 3px solid #09a6d4 !important;
    margin: auto;
    left: 0;
    right: 0;
    bottom: 3.25em;
    border-radius: 3em !important;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: bounce 1s infinite alternate; /* Added animation */
}

@keyframes bounce {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(10px);
    }
}
@media(max-width:1000px){
    .overlay-mouse-btn{
        display:none !important;
    }
}
@media(min-width:1000px){
    /* overlay-mouse-btn */
.overlay-mouse-btn{position: absolute;height: 10vh;width: 100%;display: flex;align-items: end;justify-content: center;padding-bottom: 10rem;}
.overlay-mouse-btn a{
  cursor: pointer; 
height: 3em;
width: 2.25em;
border: 3px solid #09a6d4 !important; 
border-radius: 3em !important;
display: flex;
align-items: center;
justify-content: center;
animation: bounce 1s infinite alternate;
}
.overlay-mouse-btn a i{
color: #09a6d4 ;
}
}

@media only screen and (max-width: 1024px) {
    /* Your tablet styles go here */
    .slider-btns{
        display: none !important;
    }
}

/* Mobile devices */
@media only screen and (max-width: 768px) {
    /* Your mobile styles go here */
    .slider-btns{
        display: none !important;
    }
}

/* Small mobile devices */
@media only screen and (max-width: 480px) {
    /* Your styles for smaller mobile devices go here */
    .slider-btns{
        display: none !important;
    }
}
@media(min-width:1200px){
    .inner-page-header01{
        /*min-height: 105vh !important;*/
    }
    .cont1{
        height: 690px;
    }
    .overlay-mouse{
        position: absolute;
    height: 10vh;
    width: 100%;
    display: flex;
    align-items: end;
    justify-content: center;
    top: 90vh !important;
    padding-bottom: 25rem !important;
    }
}


@media only screen and (max-width:1000px){
    .video-slider-sec .main-text {
    padding: 0 11.5px !important;
    }
    .default-padding {
    padding: 40px 11.5px 18px;
}
.sec-about-partner{
    padding:40px 11.5px 50px !important
}
.hr-mail-link{
    line-height:0px
}
.about-gyma p {
    font-size: 12px;
    margin-bottom: 0.4rem;
    line-height: 13px !important;
}
.hr-mail-link {
font-size:12px;
    
}
.title-2{
    font-size: 20px;
    font-weight: 400;
    color: var(--blue);
    line-height: 30px;
}
.sec-title-mobile{
    padding: 0px 11.5px !important;
}
.row-mobile{
 padding: 0px 11.5px !important;
}
.btn-mobile001{
    background: none !important;
    color: #00A6E0 !important;
    border: none !important;
    padding: 10px 0 !important;
}
.inner-page-header .iph-title {
    padding: 0px 11.5px;
}

.contact-mobile{
    padding: 0;
}
.sec-gyma-api {
    padding: 40px 11.5px 60px !important;
}
.sec-about-left{
     padding: 70px 11.5px 60px !important;
}
.thanks-bottom-content {
    width: 100% !important;
    padding: 0px 23px;
}
.thanks-page.water-thanks {
    background: #f2f2f2;
    padding: 100px 0px 0px !important;
}

}
@media only screen and (min-width:1000px){
    .btn-mobile001{
        display:none !important;
    }
    .footer{
        padding: 125px 0px 46px !important;
    }
    .footer .footer-left-widget {
    margin-top: -3.0rem;
    }
    .footer-widget-right{
        margin-top: -4.0rem;
    }
}

@media(max-width:1000px){
    .content-p{
        font-size: 12px !important;
        line-height: 15px !important;
    }
    .sec-legacy .content-p {
        color: #4d4d4d;
        width: 80%;
        font-weight: 400;
    }
    .sec-legacy .content-inte{
        font-weight:600 !important
    }
    .sec-legacy .legacy-img {
        padding-top: 8px;
    }
    .leadership-container .leadership-cover .overlay-btn .play-btn {
        display: inline-block;
        height: 32px;
        width: 32px;
        line-height: 32px;
    }
    .leadership-container .leadership-cover .overlay-btn .play-btn {
        font-size:13px
    }
    .video-modal .btn-close {
        position: absolute;
        top: -40px;
        right: 1px;
    }
    .leadership-container .leadership-content {
        padding-top: 20px;
    }
    .leadership-container .leadership-content .deg {
        margin-bottom: 0.8rem;
    }
    .theme-accordion .accordion-button {
    font-size: 20px;
    }
    .accordion-body p{
        font-size:12px;
    }
    .leadership-container .leadership-content p {
    line-height: 15px;
    font-size: 12px;
    }
}