
   :root {
    --whiteBg: #fff; 
    --whiteColor: #fff;
    --whiteBorder: #fff;

    --blackColor: #2F2F2F;
    --blackBg: #2F2F2F;
    --blackborder: #2F2F2F;

    --brandColor: #047C9E;
    --brandBg: #047C9E;
    --brandborder: #047C9E;

    --greyBg:#F5F5F7;
    --greyBorder:#F5F5F7;
    --greyColor:#F5F5F7;

    --light_pinkBg:#FFF4F4;
    --light_pinkBorder:#FFF4F4;
    --light_pinkColor:#FFF4F4;


    }
  
   
   .ubuntu_font{font-family: "Ubuntu", sans-serif;}
   *{margin:0;padding:0;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
    html,body{color: #4A4A4A;background-color: var(--whiteBg);position:relative;  font-family: "Roboto", sans-serif !important;font-weight: 400;}
    h1,h2,h3,h4,h5,h6,p,li{margin:0px;padding: 0px;}
    p{margin-bottom: 5px;font-size: 14px;line-height: 23px;color: #4A4A4A;}
    label{display: block;font-weight: 500; margin-bottom: 0;}
    img{max-width:100%;height: initial;display: inline-block;line-height: 0px;}
    a{text-decoration:none;display: inline-block;}
    a:focus{text-decoration:none;outline:none;}
    a:hover{text-decoration:none;}
    button{background: none;border: none;  font-family: "Roboto", sans-serif !important;}
    button:focus{outline: none;}
    picture{display: block;line-height: 0px;}
    textarea{resize:none;/*display: block;padding: 15px;width: 100%; */  font-family: "Roboto", sans-serif !important;}
    input:focus, button, input[type="submit"],input{outline:none; font-family: "Roboto", sans-serif !important;}
    select{/*display: block;width: 100%;*/  font-family: "Roboto", sans-serif !important;}
    .search_input_banner{display: block;padding: 12px 15px;width: 100%;}
    input::placeholder {font-size: 14px; font-family: "Roboto", sans-serif !important;}
    input::-ms-input-placeholder{font-size: 14px; font-family: "Roboto", sans-serif !important;}
    input::-ms-input-placeholder{font-size: 14px; font-family: "Roboto", sans-serif !important;}
    textarea::placeholder{font-size: 14px; font-family: "Roboto", sans-serif !important;}
    select:focus{outline:none;}
    textarea:focus{outline: none;}
    .w-100{width: 100% !important;display: block;}
    .text-center{text-align: center;}
    .row{display: flex;margin: 0px -15px;flex-wrap: wrap;}
    .col-sm-2{width: 16.66666667%;padding: 0px 15px;}
    .col-sm-3{width: 25%;padding: 0px 15px;}
    .col-sm-4{width: 33.33333333%;padding: 0px 15px;}
    .col-sm-5{width: 41.66666667%;padding: 0px 15px;}
    .col-sm-6{width: 50%;padding: 0px 15px;}
    .col-sm-7{width: 58.33333333%;padding: 0px 15px;}
    .col-sm-8{width: 66.666667%;padding: 0px 15px;}
    .col-sm-9{width: 75%;padding: 0px 15px;}
    .col-sm-10{width: 83.33333333%;padding: 0px 15px;}
    .col-sm-11{width: 91.66666667%;padding: 0px 15px;}
    .col-sm-12{width: 100%;padding: 0px 15px;}
    .container_apollo{max-width: 1920px;margin: 0px auto; padding: 0px 100px;}
    .overflow_hidden{overflow: hidden;}
    .section-padding-top{padding-top: 60px;}
    .section-padding-bottom{padding-bottom: 60px;}
    .section-padding{padding: 60px 0px;}
    .mr_top_box{margin-top: 32px;}
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
    input[type="number"] {-moz-appearance: textfield;}
    .common_gap{padding: 60px 0px;}
    .section_title{font-size: 32px;line-height: 1.2;font-weight: 300;text-transform: capitalize;color: #2F2F2F; margin-bottom: 0px;}
    .section_title h1,
    .section_title h2,
    .section_title h3,
    .section_title h4,
    .section_title h5,
    .section_title h6 {
        font-size: inherit;
        line-height: inherit;
        font-weight: inherit;
    }
    .section_title span{font-weight: 700;font-style: italic;color: #4C4C4C;font-family: "Ubuntu", sans-serif;}
    .section_common_description{font-size: 14px;line-height: 22px;color: #747474;}
    .section_common_description strong{font-weight: 600;}
    .title_lg{font-size: 16px;font-weight: 500;color: #2F2F2F;line-height: 24px;text-transform: capitalize;}
    .btn_link{color: var(--brandColor);display: inline-flex;align-items: center;transition: all 0.3s;font-size: 14px;}
    .btn_link svg{margin-left: 10px;}
    .white_btn{color: #fff;}
    .btn_rounded{border-radius: 30px;padding: 15px 32px;border: 1px solid var(--brandborder);background: var(--brandBg);
        color: #fff;font-size: 14px;transition: all 0.3s;}
    .text_white{color: #fff;}
   



    .slider_arrow_with_dot{display: flex;justify-content: center;align-items: center;}
    .custom-swiper-pagination{display: inline-flex;width: auto !important;max-width: calc(100% - 75px);padding: 0px 20px; min-width: 30px;margin-top: 25px;}
    .custom-swiper-button-prev, .custom-swiper-button-next{width: 36px;line-height: 0px;cursor: pointer;}
    .custom-swiper-button-prev.swiper-button-disabled, .custom-swiper-button-next.swiper-button-disabled{pointer-events: none;opacity: 0.8;}
    .custom-swiper-button-prev svg, .custom-swiper-button-next svg{width: 100%;height: initial;}
    .custom-swiper-button-prev:hover svg rect, .custom-swiper-button-next:hover svg rect{fill: var(--brandBg);stroke: var(--brandBg);}
    .custom-swiper-button-prev:hover svg path, .custom-swiper-button-next:hover svg path{stroke: #fff;}
    .custom-swiper-pagination .swiper-pagination-bullet{width: 9px;height: 9px;opacity: 1;border: 1px solid #007c9d;background: none;}
    .custom-swiper-pagination .swiper-pagination-bullet-active{background: #007c9d;}
    .swiper-pagination-lock{margin-top: 0px;}

    .custom-swiper-button-next, .custom-swiper-button-prev{width: 44px;height: 44px;border-radius: 30px;border: 1.5px solid #E4E4E4;
        position: relative;background: #fff;}
    .custom-swiper-button-next:after, .custom-swiper-button-prev:after{content: "";position: absolute;top: 50%;left: 47%;width: 6px;height: 6px;
        border-right: 2px solid rgb(76 76 76 / 77%);border-bottom: 2px solid rgb(76 76 76 / 77%);
        transform: translate(-50%, -50%) rotate(310deg); }
    .custom-swiper-button-prev:after{transform: translate(-50%, -50%) rotate(132deg);left: 53%;}
    .slider_arrow .custom-swiper-button-prev{margin-right: 5px;}
    .slider_arrow  .custom-swiper-button-next{margin-left: 5px;}


    .title_row{display: flex;flex-wrap: wrap;}
    .title_desc_colm{padding-left: 30px;}
    .m_top_common{margin-top: 30px;}

    .card_common_btn{display: flex;justify-content: center;align-items: center;padding: 15px 5px;
    /*background: linear-gradient(93.34deg, #057B9D 47.24%, #0A2542 129.65%);*/
    background: #047C9E; color: #fff;font-size: 16px;font-weight: 500;
        }

    .card_common_btn span{display: inline-block;width: 9px;margin-left: 8px;transition: all 0.3s;}
    .card_common_btn span img{display: block;width: 100%;height: initial;}
    .call_now_btn_common{display: flex;justify-content: center;align-items: center;color: #047C9E;font-size: 16px;font-weight: 500;
    padding: 15px 5px;transition: all 0.3s;background: #fff;border:1px solid #047C9E;}
    .call_now_btn_common span{display: inline-block;width: 14px; margin-right: 4px; transition: all 0.3s;position: relative;top: 1px;}
    .call_now_btn_common span img{display: block;width: 100%;height: initial;}
     .call_now_btn_common span img:nth-of-type(2){display: none;}

     .card_common_btn_yellow{background: linear-gradient(172.94deg, #E2A20A -27.62%, #F9CB61 50.54%);}
     .card_common_btn_yellow div{display: inline-block;background: linear-gradient(90deg, #057395 0%, #0B2745 100%);
        -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;
        color: transparent;transition: all 0.3s;}

    .common_btn{background: var(--brandBg);border-radius: 30px;display: inline-flex;font-size: 16px;
    color: #fff;padding: 16px 30px;text-decoration: none;font-weight: 500;}
    .common_btn:focus{
        color:#fff;
    }
    .common_btn span{width: 9px;height: initial;margin-left: 8px;transition: all 0.3s;}
    .common_btn_box{position: absolute;top: 0px;right: 120px;z-index: 6;}

     .common_btn_yellow{background: linear-gradient(180deg, #E2A20A -0.22%, #FFD677 90.51%);}
    .common_btn_yellow div{    display: inline-block;background: linear-gradient(90deg, #057395 0%, #0B2745 100%);
        -webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;
        transition: all 0.3s;}

    /*---video---poup---start---here---*/
    .custom_video_popup {position: fixed;left: 0;top: 0;width: 100%;height: 100%;
        background: rgba(0,0,0,0.8);display: none;
        justify-content: center;align-items: center;z-index: 99999;
        backdrop-filter: blur(5px);
    }
    .custom_popup_inner {position: relative;width: 80%;max-width: 900px;animation: fadeIn 0.3s ease-in-out;z-index: 888;}
    .custom_popup_inner iframe {width: 100%;height: 500px; border-radius: 10px;}
    .close_popup {position: absolute;top: -20px;right: -20px;background: #fff;color: #000;font-size: 25px;width: 30px;
        height: 30px;display: flex;align-items: center;justify-content: center;line-height: 40px;border-radius: 50%;
        cursor: pointer;font-weight: 500;
    }
    .close_layer_video{position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;width: 100%;height: 100%;z-index: 77;cursor: pointer;}
    /* .region--sticky-content{z-index: 333 !important;} */
    @keyframes fadeIn {
        from { transform: scale(0.8); opacity: 0; }
        to { transform: scale(1); opacity: 1; }
    }
    /*---video---poup---end---here---*/

    .card_common_btn_white span img:nth-of-type(2){display: none;}
    .card_common_btn_white{background:#fff;color: #047C9E;border: 1px solid #007c9d;border-bottom-right-radius: 16px;}
    .call_btn_common span {width: 14px;margin-right: 6px;}
    .call_btn_common span img:nth-of-type(2){display: none;}
    .call_btn_common:hover span{transform: none !important;}


    @media only screen and (min-width: 1025px){
     .btn_link:hover svg rect{fill:var(--brandBg);stroke: var(--brandColor);}
     .btn_link:hover svg path{stroke: #fff;}
     .white_btn:hover svg rect{fill:var(--brandBg);stroke: var(--brandColor);}
     .white_btn:hover svg path{stroke: #fff;}
     .btn_rounded:hover{background: var(--light_pinkBg);color: var(--brandColor);}
     .common_btn:hover span{transform: rotate(47deg);}
     .card_common_btn_yellow:hover{background: linear-gradient(131.94deg, #F9CB61 -27.62%, #E2A20A 171.54%);}
     .call_now_btn_common:hover span img:nth-of-type(1){display: none;}
     .call_now_btn_common:hover span img:nth-of-type(2){display: block;}
     .common_btn_yellow:hover{background: linear-gradient(262deg, #E2A20A -0.22%, #FFD677 90.51%);}
     .card_common_btn_white:hover{background: #007c9d;color: #fff;}
     .call_btn_common:hover span img:nth-of-type(1){display: none;}
     .call_btn_common:hover span img:nth-of-type(2){display: block;}
     .card_common_btn_white:hover span img:nth-of-type(1){display: none;}
     .card_common_btn_white:hover span img:nth-of-type(2){display: block;}
    }

    @media only screen and (max-width: 1400px){
    .common_gap {padding: 55px 0px;}
    .title_small_italic{font-size: 20px;}
    .custom-swiper-button-prev, .custom-swiper-button-next{width: 40px;height: 40px;}
    .custom-swiper-pagination{padding: 0px 15px;}
    .custom-swiper-button-next:after, .custom-swiper-button-prev:after{border-right: 1.5px solid rgb(76 76 76); border-bottom: 1.5px solid rgb(76 76 76);}
    .custom-swiper-button-prev, .custom-swiper-button-next{width: 36px;height: 36px;}
    .call_now_btn_common{font-size: 14px;}
    .card_common_btn{font-size: 14px;}
    .container_apollo{padding: 0px 90px;}
    .common_btn{padding: 11px 30px;font-size: 14px;}
    .common_btn_box{right: 100px;}
}

@media only screen and (max-width: 1199px){
    .container_apollo{padding: 0px 30px;}
    .title_desc_colm{padding-left: 20px;}

}

@media only screen and (max-width: 991px){
.title_row{display: block;width: 100% !important;}
.title_desc_colm{padding-left: 0px;}
 .title_wraper{margin-bottom: 15px;}
.title_desc_colm,  .title_wraper{width: 100% !important;}
.section_title br{display: none;}

.common_btn_box{position: static;margin-top: 20px;text-align: center;}
}

@media only screen and (max-width: 767px){
    .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5,  .col-sm-6,  .col-sm-7,  .col-sm-8,  .col-sm-9, .col-sm-10,  .col-sm-11,  .col-sm-12{width: 100%;}
    .container_apollo{padding: 0px 15px;}
    .common_gap {padding: 35px 0px;}
    .common_gap.footer_area{padding: 40px 0px;}
    .section_title {font-size: 28px;line-height: 31px;}
    .slider_arrow_box{width: 76px;right: 15px;}
    .custom-swiper-button-prev, .custom-swiper-button-next {width: 34px;height: 34px;}
    .custom-swiper-button-next:after, .custom-swiper-button-prev:after{left: 43%;}
    .custom-swiper-button-prev:after{left: 57%;}
    .section_common_description{font-size: 15px;}
    .common_btn {padding: 15px 30px;}
    .m_top_common{margin-top: 20px;}
}
.play_btn_apolo_proton {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);
  width: 40px;height: 40px;border-radius: 50%;background: #fff;display: flex;align-items: center;
  justify-content: center;cursor: pointer;overflow: visible;}
.play_btn_apolo_proton svg, .play_btn_apolo_proton img {position: relative;z-index: 3;width: 14px;right: -3px;height: initial !important;
border-radius: 0px;}
.play_btn_apolo_proton img{pointer-events: none;}
.play_control_apolo_proton img{width: 12px;height: initial !important;border-radius: 0px;}
.play_btn_apolo_proton::before,
.play_btn_apolo_proton::after {content: "";position: absolute;border-radius: 50%;background: rgba(255, 255, 255, 0.749);
  top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;animation: ripple 2s infinite ease-out;}
.play_btn_apolo_proton::after {background: rgba(255, 255, 255, 0.15);animation-delay: 1s;}
.play_btn_apolo_proton span {position: absolute;width: 60px;height: 60px;
    /* background: rgba(255, 255, 255, 0.7); */
    border-radius: 50%;z-index: 2;}
@keyframes ripple {
  0% {width: 60px;height: 60px;opacity: 0.6;}
  100% {width: 120px;height: 120px;opacity: 0;}}