:root {
    --primary-color:#004c66;
    --secondary-color:#f8951d;
    --third-color:#b26028;
    --content-font:"Lato", sans-serif   ;
    --secondary-font:"Reddit Sans", sans-serif;
    --content-font-size:16px;
    --content-color:#28272D;
    --text-black:#222528;
    --white:#ffffff;
    --black:#000000;
    }

    /*================== Fonts ========================================================*/
    /*================== Fonts ========================================================*/

    html{font-size: var(--content-font-size);}
    body {font-family:var(--content-font);font-size: var(--content-font-size); line-height: 1.42857143; color: var(--content-color); font-weight: normal; }
    body > div { position: fixed }
    body > div.wrappermain { position: static; overflow: hidden }
    body header + div, body .wrappermain > div { position: relative; }
    .noscript { background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0; border-top: 1px solid var(--primary-color); bottom: 0; float: left; font-size: 20px; left: 0; margin: 0 auto; min-height: 50px; padding: 10px 0; position: fixed; right: 0; text-align: center; top: auto; width: 100%; z-index: 99999; color: var(--white) }
    .noscript .noscript-img { display: inline; height: 36px; margin: 0 auto; width: 34px; }
    a:focus, a:hover { text-decoration: none; outline: none; }
    a {color: var(--content-color);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;text-decoration: none;outline: none}
    p, ul, ol{ margin-bottom: 30px; }
    ul > li {list-style: none;}
    .text-center ul, .text-center ol{text-align: left}
    /*
    ul > li, ol > li { word-wrap: break-word; position: relative;}
    ul > li::before { content: ""; position: absolute; left: -20px; top: 10px; background: var(--primary-color); border-radius: 50%; width: 10px; height: 10px; }
    ul > li > ul > li::before { content: ""; position: absolute; left: -20px; top: 10px; border: 2px solid var(--primary-color); background: transparent; border-radius: 50%; width: 10px; height: 10px; }
    ol > li:before, ul > li > ol > li:before { display: none }
    ol > li, ul > li > ol > li { list-style: decimal; list-style-position: outside; }
    ol > li > ol > li { list-style-type: lower-alpha; }
    ol > li:not(:last-child), ul > li:not(:last-child){ margin-bottom:10px; }
    ol ol, ol ul, ul ol, ul ul { margin-top: 10px; }
    */
    /*ol > li::marker {font-size: var(--content-font-size);}
    ol > li > ol > li::marker {font-size: var(--content-font-size);}*/
    button:focus { outline: none; }
    .wrappermain {position: relative;overflow: hidden;}
    h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { margin-bottom:25px;color: var(--content-color); font-weight: bold; }
    div > h1, div > .h1, div > h2, div > .h2, div > h3, div > .h3, div > h4, div > .h4, div > h5, div > .h5, div > h6, div > .h6 { margin-top: 0 !important; }
    .cms-area { padding: 100px 0; }
    .cms-area ul, .cms-area ol { overflow: hidden; }
    #home_banner {display: block;}
    .wpcf7-form-control-wrap { display: block; }
    label.error, .wpcf7-form label.error, .recaptcha-error-message { color: #f00 !important; float: none; font-size: 13px !important; left: 0; padding-left: 0px !important; position: absolute; top: 100%; line-height: normal; }
    .mc4wp-alert.mc4wp-error p, .mc4wp-alert.mc4wp-notice p { background: #e68d8d; color: var(--black); padding: 0 20px; margin: 15px 0 0 0; }
    .mc4wp-alert.mc4wp-success p { background: #8ac18c; color: var(--black); padding: 0 20px; margin: 15px 0 0 0; }
    .mc4wp-alert.mc4wp-success p a, .mc4wp-alert.mc4wp-error p a, .mc4wp-alert.mc4wp-notice p a { color: var(--black); text-decoration: underline; }
    .mCSB_scrollTools * {border-radius: 0;}
    .mCSB_scrollTools .mCSB_draggerContainer {width: 5px;background:#dbdbdb !important;}
    .mCSB_scrollTools .mCSB_dragger {background: var(--primary-color) !important;}
    .mCSB_scrollTools .mCSB_draggerRail{width: 5px;background: var(--primary-color) !important;}
    .mCSB_scrollTools{width: 5px;}
    .mCSB_draggerRail {display: none;}
    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background: transparent !important;}
    @-webkit-keyframes progress-bar-stripes{from{background-position:2rem 0}to{background-position:0 0}}
    @keyframes progress-bar-stripes{from{background-position:2rem 0}to{background-position:0 0}}
    div.wpcf7 .ajax-loader:before, div.wpcf7 .wpcf7-spinner:before { display: none; }
    div.wpcf7 .ajax-loader, div.wpcf7 .wpcf7-spinner { position: absolute; left: 0; border-radius: 0 !important; background-color: transparent; top: 0; margin: 0 !important; pointer-events: none; width: 100% !important; height: 100% !important; background-image: linear-gradient(45deg, rgba(0,0,0,0.1) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,.1) 75%, transparent 75%, transparent) !important; background-size: 2rem 2rem !important; -webkit-animation: progress-bar-stripes 1s linear infinite !important; animation: progress-bar-stripes 1s linear infinite !important; }
    .grecaptcha-badge {bottom: 90px !important;z-index: -5;opacity: 0;right: 100% !important;}
    a, button, ::after, ::before {transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
    .white { color: var(--white) !important; }

    select::-ms-expand {display: none !important;}
    .select_box { position: relative; }
    .select_arrow i, .select_arrow svg { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; pointer-events: none;background-position: -10px -15px;width: 12px;height: 12px;}
    .select_box select { appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; -webkit-appearance: none; }
    .section_padding { padding: 100px 0 }

    /** & common **/
    /* Menu CSS ****************/
    header { transition: all 0.5s ease 0s; background-color: #ffffff; }
    header.sticky { position: fixed; top: 0; width: 100%; z-index: 999; background-color: #ffffff; -webkit-box-shadow: 0 0 9px 1px rgba(0,0,0,.3); -moz-box-shadow: 0 0 9px 1px rgba(0,0,0,.3); box-shadow: 0 0 9px 1px rgba(0,0,0,.3); }
    .header_menu_wrap { padding: 16px 0; transition: all 0.5s ease 0s; }
    header.sticky .header_menu_wrap { padding: 8px 0; }
    .wrappermain .header .container { max-width: 1840px; }
    header nav ul { list-style: none; margin: 0; padding: 0 }
    header .container { position: relative }
    header a.logobox { display: inline-block;padding:0 }
    header a.logobox img{ transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
    .heart-icon { display: inline-block; margin: 0 0 0 8px; }
    header .primary { display: flex; justify-content: flex-start; align-items: center; transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s; }
    header .navbar { background: none; border: 0 none; margin: 0; padding: 0; display: block }
    header .navbar nav { margin: 0 0px 0 0; }
    header .navbar-collapse { padding: 0; position: relative }
    header .navbar-collapse ul.nav > li:before,
    header .navbar-collapse .nav .sub li:before, ul.header_cta li:before, .social-main ul li:before { display: none; }
    header .navbar-nav { margin: 0 42px 0 0; position: relative; }
    header .navbar-nav .parent { position: relative }
    header .navbar-nav .parent:hover > .sub { display: block; -webkit-animation: fadeIn 0.4s; animation: fadeIn 0.4s }
    header .navbar-nav > li:not(:last-child) { margin-right:40px }
    header .navbar-nav > li:after { background: none; }
    header .navbar-nav > li:before,
    header .navbar-nav .sub li:before { display: none; }
    header .navbar-nav > li { padding: 0; position: relative;margin-bottom: 0 }
    header .navbar-nav > li > a { background: none; color: #28272D; font-family: "Montserrat", sans-serif; line-height: 20px; font-weight: 500; padding:0 !important; position: static; text-shadow: none; -webkit-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 901; font-size: 18px; margin: 0; }
    header .navbar-nav > li.parent.megamenu { overflow: hidden; position: static }
    header .navbar-nav > li.parent.megamenu>a { position: relative }
    header .navbar-nav > li.parent.megamenu:hover>a:after { left: 0; right: 0 }
    header .navbar-nav > li.parent .parent>a:after { border-left: 5px solid #909090; border-top: 5px solid rgba(0, 0, 0, 0); border-bottom: 5px solid rgba(0, 0, 0, 0); content: ""; height: 0; position: absolute; right: 10px; top: 50%; width: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    header .navbar-nav a > i { margin-right: 2px; opacity: .8; filter: alpha(opacity=80); text-align: center; width: 15px }
    header .navbar-nav .sub { background: var(--white) none repeat scroll 0 0; border: medium none; border-radius: 0; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); display: none; margin: 0; padding: 0; position: absolute; z-index: 905; }
    header .navbar-nav .sub li { font-size: 13px; line-height: var(--line-height24); margin: 0 !important; padding: 0;}
    header .navbar-nav .sub li:after { background: none }
    header .navbar-nav .sub li a { color: #606060; display: block; font-size: 15px; font-weight: 500; font-family: "Montserrat", sans-serif; padding: 10px 15px; text-decoration: none; width: 230px; transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;-ms-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;}
    header .navbar-nav .sub li.selected > a { color: var(--white); background: var(--primary-color); }
    header .navbar-nav .sub .sub { left: 100%; top: 0 }
    header .navbar-nav .sub .sub .sub .parent>a { background: none !important }
    header .navbar-nav .sub .sub .sub .parent>a:after { display: none }
    header .navbar-nav .sub .sub .sub .sub { background: none; border: 0 none; box-shadow: none; display: block; left: 0; padding: 0 0 0 10px; position: relative; -webkit-animation: fadeIn 0; animation: fadeIn 0 }
    header .navbar-nav .megamenu > .sub { border-radius: 3px; left: -15px; padding: 0; width: 886px; z-index: 900 }
    header .navbar-nav .megamenu > .sub a { width: 100% }

    @media (min-width:1081px) {
    header .navbar-nav .sub { top: 35px; }
    header .navbar-nav .sub:before { content: ""; position: absolute; left: 0; top: -20px; width: 100%; height: 20px; background-color: transparent; display: none; }
    header .navbar-nav .parent:hover > .sub:before { display: block; }

    header .navbar-nav > li > a:hover { color: var(--primary-color); }
    }

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

    img.ajax-loader { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
    div.wpcf7-validation-errors { border: 2px solid #f7e700; clear: both; color: #f7e700; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
    div.wpcf7-mail-sent-ng { border: 2px solid var(--primary-color); clear: both; color: var(--primary-color); margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
    div.wpcf7-mail-sent-ok { border: 2px solid #47a547; clear: both; color: #47a547; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }
    div.wpcf7-spam-blocked { border: 2px solid #ffa500; clear: both; color: #ffa500; margin: 15px 15px 0 !important; position: relative; text-align: center; width: auto; display: block; }

    .wpcf7 form.sent .wpcf7-response-output { background: #cbe9ce; text-align: center; }
    .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output { background: #fbb9b9; text-align: center; }

    ul.nav-tabs { margin: 0; padding: 0 0 0 0; overflow: visible; border: 0 }
    ul.nav-tabs > li.nav-item { margin: 0; padding: 0; border: none;position: relative }
    ul.nav-tabs > li.nav-item:before { display: none }
    ul.nav-tabs > li.nav-item:not(:last-child){ margin-right: 55px;margin-bottom: 0}
    ul.nav-tabs > li.nav-item > a.nav-link { border: none; padding: 15px 0; font-size: 24px; color: #999999; font-weight: 700; }
    ul.nav-tabs > li.nav-item > a.nav-link:before { content: ""; background: #f23030; position: absolute; left: auto; right: 0; width: 0; bottom: -1px; height: 3px; transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; }
    ul.nav-tabs > li.nav-item > a.nav-link.active{ color: #202020 }
    ul.nav-tabs > li.nav-item > a.nav-link.active:before { right: auto; left: 0; width: 100%; }
    ul.nav-tabs > li.nav-item > a.nav-link > svg{display: none;pointer-events: none;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
    ul.nav-tabs + .tab-content {padding: 30px 0;}


    /*model start*/
    .popup_video_wrap { position: relative; overflow: hidden }
    .popup_video_wrap img { position: relative; left: 50%; pointer-events: none; width: 100%; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); }
    .popup_video_wrap .popup_video { margin: 0; }
    .popup_video_wrap .popup_video .popup_video_play { bottom: 0; left: 0; right: 0; top: 0; position: absolute; z-index: 8; }
    .popup_video_wrap .popup_video .popup_video_play > * { pointer-events: none; }
    .popup_video_wrap .popup_video .popup_video_play span { display: inline-block; background:rgba(10, 143, 66, 0.8) url(../images/videobtn-arrow.png); background-position: center center; background-repeat: no-repeat; display: block;position: absolute;z-index: 4;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 80px;border-radius: 100%; height: 80px; }
    .popup_video_wrap .popup_video .popup_video_play span svg {position: absolute;top: 50%;left: 0;right: 0;margin: 0 auto;width: 36px;height: 44px;transform: translateY(-50%); }
    .video_container { position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.8); display: none; z-index: 9999 }
    .video_container .video_close { position: absolute; right: 15px; top: 15px; z-index: 8888; }
    .video_container .video_close:before {content: ""; background: url(../images/closeicon.png); width: 16px;height: 16px;display: block;position: absolute;right: 0;top: 0;cursor: pointer;background-size: 100%;background-repeat: no-repeat;}
    .video_container .video-main .video { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 20px; background: transparent;}
    .video_container .video-main .video iframe { border: none }
    .video_container .video-main .video iframe { height: 725px;width: 1290px; }
    .video_container .video-main .video span { position: absolute; right: 0; font-size: 14px; height: 20px; width: 20px; text-align: center; line-height: 20px; border-radius: 0; background: #EB1C22; color: var(--white); cursor: pointer; top: 0px }
    /*model End*/


    /*new css*/
    .wrappermain .container {  width: 100%; max-width: 1540px; padding-left: 20px; padding-right: 20px; margin: 0 auto; }
    :focus { outline: none !important; }

    input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"] {
        background: var(--white);
        border-radius: 0px;
        background-clip: padding-box;
        border: 1px solid #cccccc;
        font-size: 15px;
        height: 50px;
        line-height: 1.42857143;
        padding: 0 10px 0 17px;
        vertical-align: baseline;
        width: 100%;
        box-sizing: border-box;
        color: #666666;
        font-weight: normal;
    }
    select {
        background: var(--white) url(../images/down-arrow.svg) no-repeat calc(100% - 20px) center;
        background-size: 11px 6px;
        border-radius: 0px;
        border: 1px solid #cccccc;
        font-weight: normal;
        font-size: 15px;
        height: 50px;
        line-height: 1.42857143;
        padding: 5px 35px 4px 17px;
        vertical-align: baseline;
        width: 100%;
        box-sizing: border-box;
        color: #666666;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
    }

    textarea {
        background: var(--white);
        background-clip: padding-box;
        border-radius: 0px;
        border: 1px solid #cccccc;
        font-weight: normal;
        font-size: 15px;
        height: 105px;
        line-height: 1.42857143;
        margin: 0;
        padding: 10px 10px 10px 17px;
        vertical-align: baseline;
        width: 100%;
        box-sizing: border-box;
        resize: none;
    }

    .action_btn {
        width: auto;
        position: relative;
        display: inline-flex;
        height: 60px;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0 40px;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        font-family: var(--secondary-font);
        text-decoration: none;
        color: var(--white);
        border: none;
        cursor: pointer;
        transition: ease-out 0.5s;
        -webkit-transition: ease-out 0.5s;
        -moz-transition: ease-out 0.5s;
        background: var(--primary-color);
        border: 2px solid var(--primary-color);
        border-radius: 100px;
    }

    .action_btn svg { display: inline-flex; justify-content: center; width: 28px; height: 14px; margin: 0 0 0 22px; }
    .action_btn svg path { transition: ease-out 0.5s; -webkit-transition: ease-out 0.5s; -moz-transition: ease-out 0.5s; }
    .no-touch .action_btn:hover { background-color: transparent; color: #f8951d; }
    .no-touch .action_btn:hover svg path { fill: #f8951d; }

    .action_btn.white_btn { background-color: var(--white); color: var(--primary-color); border-color: #ffffff; }
    .action_btn.white_btn svg path { fill: var(--primary-color); }
    .no-touch .action_btn.white_btn:hover { background-color: var(--primary-color); color:var(--white); }
    .no-touch .action_btn.white_btn:hover svg path { fill:var(--white); }

    .title-main { color: var(--content-color); font-size: 50px; margin: 0 0 15px; letter-spacing: 2px; }
    .title-main p { text-align: center; }

    /*header*/
    .header_top_content { display: flex; justify-content: space-between; align-items: center; }
    .header_top_right { display: flex; justify-content: flex-start; align-items: center; }
    .header_top_right p { margin-bottom: 0; }

    .header_top { background-color: #EBECF3; padding: 9px 0; transition: all 0.5s ease 0s;  }
    header.sticky .header_top { opacity: 0; visibility: hidden; height: 0px; padding: 0; }

    .header_left_social { display: flex; justify-content: flex-start; align-items: center; padding: 0; margin: 0; list-style: none; }
    .header_left_social li { margin: 0 0 0 10px; }
    .header_left_social li:first-child { margin-left: 0; }
    .header_left_social li a { display:inline-flex; width: 30px; height: 30px; justify-content: center; align-items: center; }

    .header_top_right .h_support { margin-left: 49px; }
    .h_support a span { margin-right: 15px; }
    .h_call a,
    .h_support a { font-family: var(--content-font); color: var(--primary-color); font-weight: 500; font-size: 18px; }
    .h_call a span { margin-right: 15px; }

    .menu_logo_close { display: none; }
    .enquire_now_mobile { display: none; }
    /*header*/

    /*banner Start*/
    .banner_main { overflow: hidden; position: relative; }
    .banner_caption { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); z-index: 2; text-align: center; padding: 0 15px; }
    .banner_caption_inner { max-width: 1100px; margin: 0 auto; }
    .banner_caption_inner h2 { font-size: 80px; color: #FFFFFE; font-weight: 800; font-family: var(--content-font); margin: 0 0 20px; }
    .banner_caption_inner p { font-size: 36px; color: #FFFFFE; font-weight: 500; font-family: var(--content-font); margin: 0 0 40px; }
    .banner_caption_inner .action_btn { background-color:#FFFFFE; border: 2px solid #FFFFFE; color: var(--primary-color); font-weight: 500; font-size: 24px; height: 80px; }
    .no-touch .banner_caption_inner .action_btn:hover { background-color: var(--primary-color); border: 2Px solid var(--primary-color); color: var(--white); }
    .moible_banner { display: none !important; }

    .banner_imnage img { width: 100%; }

    .banner_main .banner_imnage { position: relative; }
    .banner_main .banner_imnage:before {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(52, 105, 121, 0.5);
        z-index: 1;
    }

    /*banner End*/

    /*our services*/
    .services_box_content { cursor: pointer; border: 1px solid #f4f3f8; background-color: var(--white); box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.05); padding: 50px 30px 40px; text-align: center; position: relative; height: 100%; }
    .services_box { margin: 0 -10px; }
    .services_box > .col-12 { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; }
    .services_icon { display: inline-flex; justify-content: center; align-items: center; width: 63px; height: 63px; margin-bottom: 30px; }
    .services_box_content h4 {  font-family: var(--content-font); font-weight: 700; font-size: 26px; color: var(--black); margin: 0 0 12px; }
    .services_box_content p { font-family: var(--content-font); font-weight: 400; color: #28272D; font-size: 16px; margin: 0; }
    .services_box a h4 { font-size: 24px; color: var(--primary-color); font-weight: 700; font-family: var(--content-font); line-height: 36px; }
    .services_box a h4:hover { color: var(--content-color); }

    .our_services .owl-stage { display: flex; }
    .our_services .owl-stage .services_box_content { margin-bottom: 15px; }
    /*our services*/

    /*Gallery*/
    .section_title {  text-align: center; color: #000000; font-weight: 900; font-size: 48px; font-family: var(--content-font); margin: 0 0 30px; }
    /*Gallery*/

    .pro-item-photo { display: block !important; width: 100% !important; line-height: 0; }
    .pro-image-container { display: inline-block !important; max-width: 100% !important; width: 100% !important; }
    .pro-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; padding-bottom: 100%; }
    .pro-image-photo { bottom: 0; display: block !important; height: auto; left: 0; margin: auto; max-width: 100% !important; position: absolute; right: 0; top: 0; }

    /*blog*/
    .our_blog  .view_btn { text-align: center; margin: 60px 0 0; }
    .three_grid_main .pro-image-wrapper { padding-bottom: 61%; }
    .blog_info { padding : 15px 0 0; }
    .blog_info .b_date { color: #282938; font-size: 16px; font-family: var(--content-font); font-weight: 400; display: inline-block; margin-bottom: 20px; }
    .blog_info h4 { margin: 0 0 20px; height: 108px; overflow: hidden; }
    .blog_info h4 a { font-size: 24px; color: var(--primary-color); font-weight: 700; font-family: var(--content-font); line-height: 36px; }
    .no-touch .blog_info h4 a:hover { color: var(--content-color); }
    .blog_description { margin: 0 0 20px; height: 54px; overflow: hidden; }
    .blog_description p { font-size: 18px; font-family: var(--secondary-font); color: #343A40; line-height: 27px; margin: 0; }
    .blog_info .read_more { font-size:18px; font-family: var(--content-font); font-weight: 500; color: var(--primary-color); display: inline-flex; justify-content: flex-start; align-items: center; }
    .blog_info .read_more svg { margin-left:14px; transition: all 0.5s ease 0s; }
    .no-touch .blog_info .read_more:hover svg { margin-left: 5px; }
    /*blog*/

    .we_always { background: #f8f9fb; }
    .we_always .container { max-width: 1615px; }
    .we_always_content { display: flex; justify-content: flex-start; align-items: center; }
    .we_always_left { width: 43%; }
    .we_always_left img { width: 100%; }
    .we_always_right { width: 57%; padding-left: 70px; }
    .we_always_right .section_title { text-align: left; }
    .we_always_right .we_info { font-family: 500; font-size: 24px; color: #28272D; line-height: 36px; margin: 0 0 40px; }
    .bullet_list { padding: 0; margin: 0 0 20px; list-style: none; display: flex; justify-content: flex-start; flex-wrap: wrap; }
    .bullet_list li { padding: 0 0 0 47px; position: relative; font-size: 20px; color: var(--black); font-family: var(--content-font); width: 50%; margin: 0 0 30px; }
    .bullet_list li:before { content: ""; width: 23px; height: 14px; position: absolute; left: 0; top: 7px; background: url(../images/bullet-icon.svg) 0 0 no-repeat; }

    .book_appointment .container { max-width: 1662px; }
    .book_appointment_content { display: flex; justify-content: flex-start; }
    .ba_left { width: 54.6%; background: var(--primary-color); display: flex; align-items: center; }
    .ba_left_inner { padding: 40px; width: 100%; }
    .ba_left_inner > p { color: #FFFFFE; font-size: 26px; font-weight: 400; font-family: var(--content-font); margin: 0 0 30px; text-align: center; }
    .ba_left_inner .section_title { text-align: center; color: #ffffff; }
    .ba_left_inner .form_field { text-align: center; }
    .ba_right {width: 45.4%; padding-left: 3px; }
    .ba_right img { max-width: 100%; height: 100%; object-fit: cover; }

    .two_col { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin: 0 -10px 20px; }
    .two_col > .field_col { width: 50%; max-width: 50%; padding: 0 10px; margin: 0 0 20px; text-align: left; }
    .two_col > .field_col input { background-color: var(--primary-color); color: #ffffff; font-size: 16px; font-weight: 500; border-radius: 100px; border:1px solid #ffffff; padding: 0 45px 0 29px; height: 51px; width: 100%; }
    .two_col > .field_col select { background-color: var(--primary-color) !important; background: url(../images/down-arrow.svg) no-repeat calc(100% - 26px) center; background-size: 14px 9px; color: #ffffff; font-size: 16px; font-weight: 500; border-radius: 100px; border:1px solid #ffffff; padding: 0 45px 0 29px; height: 51px; width: 100%; }
    .two_col > .field_col.home_textarea { width: 100%; max-width: 100%; }
    .two_col > .field_col.home_textarea textarea {  background-color: var(--primary-color); color: #ffffff; font-size: 16px; font-weight: 500; border-radius: 12px; border:1px solid #ffffff; padding: 15px 10px 15px 29px; min-height: 126px; width: 100%; resize: none; }
    .two_col > .field_col.contact_textarea { width: 100%; max-width: 100%; }
    .two_col > .field_col input[type=time] { appearance: none; }
    .two_col > .field_col input[type=date] { appearance: none; }
    .form_field { max-width: 664px;  margin: 0 auto; }
    input[type="time"]::-webkit-calendar-picker-indicator,
    input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; }
    .field_box  { position: relative; }
    .field_box .ficon { position: absolute; right:24px; top: 14px; }
    .field_box .ficon.phone { right: 26px; }

    .field_col input::-webkit-input-placeholder { color:#ffffff; }
    .field_col textarea::-webkit-input-placeholder { color:#ffffff; }
    .field_col input:-moz-placeholder { color: #ffffff; opacity:1; }
    .field_col input::-moz-placeholder { color: #ffffff; opacity: 1; }
    .field_col input:-ms-input-placeholder { color: #ffffff;}

    .our_location  { padding-top: 0 !important; text-align: center; }
    .our_location .container > p { font-weight: 500; font-size: 24px; color: #28272D; font-family: var(--content-font); max-width: 731px; margin: 0 auto 30px; }
    .location_content { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
    .location_content .left_map { width: 70.9%; padding-right: 20px; }
    .location_content .left_map img { max-width: 100%; }
    .location_content .left_map iframe { width: 100%; display: block; border: 0; }
    /* .location_content .right_content {  background-color: var(--primary-color); border-radius: 4px; padding: 50px 36px; width: 29.1%; text-align: left; } */

    .contact_information { margin: 0 0 50px; }
    .contact_information h4 { font-weight: 700; font-size: 26px; color: #FFFFFE; font-family: var(--content-font); margin: 0 0 30px; }
    .contact_information p { position: relative; padding: 0 0 0 37px; margin: 0 0 15px; font-family: var(--content-font); font-size: 18px; color: #FFFFFE; font-weight: 500; }
    .contact_information p span { position: absolute; left: 0; top: 4px; line-height: 0; }
    .contact_information p a { font-family: var(--content-font); font-size: 18px; color: #FFFFFE; }

    /* .open_hours h4 { font-weight: 700; font-size: 26px; color: #FFFFFE; font-family: var(--content-font); margin: 0 0 30px; }
    .hours_list { margin: 0; padding: 0; list-style: none; }
    .hours_list li { font-family: var(--content-font); font-size: 18px; color: #FFFFFE; font-weight: 400; margin: 0 0 15px; display: flex; justify-content: space-between; align-items: center; }
    .hours_list li span:nth-child(1) { min-width: 45px; }
    .hours_list li span:nth-child(2) { width: 30px; height: 2px; background-color: var(--white); font-size: 0 !important; }
    .hours_list li:last-child { margin: 0; }
    .hours_list li span:nth-child(2) { font-size: 12px; } */


    /*talk About us*/
    .talk_aboutus { background-color: #A8D4D8; }
    .tau_content { background-color: var(--white); text-align: center; border-radius: 10px; padding: 40px 30px; }

    .tau_img { width: 70px; height: 70px; border-radius: 100px; overflow: hidden; margin: 0 auto 20px; }
    .tau_img img { max-width: 100%; }
    .tau_description p { font-size: 18px; font-family: var(--content-font); font-weight: 500; color: #464646; margin: 0; }
    .tau_content { margin: 5px 0 20px; }
    .tau_content h4 { font-size: 24px; color: #222528; font-weight: 700; margin: 0 0 10px; }
    .tau_content h5 { font-size: 16px; color: #6C757D; font-weight: 400;  margin: 0 0 25px; }
    .tau_description { height: 102px; overflow: hidden;}

    .owl-dots { margin:25px 0 0; text-align:center; }
    .owl-dots .owl-dot { width:14px; height:14px; border-radius:100px; position:relative; margin:0 7px; border: 0 !important; background-color: #b0b7bd !important; }
    .owl-dots .owl-dot.active { background-color: #f8951d !important; border: 0 !important; }
    .owl-dots .owl-dot span { display: none; }

    .talk_aboutus_slider { width: 100%; margin: 0 auto; max-width: 900px; }
    /*talk About us*/

    /*footer Start*/
    .section_tbspace { padding: 90px 0; }
    .footer_main { padding-top:160px; position: relative; margin-top: 420px; }

    .newsletter_main { top: -261px; position: absolute; width: 100%; left: 0; }
    .newsletter_main .newsletter_content { padding: 56px 15px; min-height: 411px; border-radius: 10px; background-color: #6BB2BB; width: 100%; max-width: 1540px; position: relative; }
    .newsletter_main .container { padding: 0 15px; }
    .newsletter_left_content { position: absolute; left: 94px; bottom: 0; }
    .newsletter_right_content h3 { font-size: 48px; font-family: var(--content-font); font-weight: 900; color: #ffffff; margin:0 0 10px; }
    .newsletter_right_content p { font-size: 24px; font-family: var(--content-font); font-weight: 700; color: #ffffff; margin: 0 0 40px; }
    .newsletter_right_content { width:100%; padding-left: 609px; }
    .newsletter_right_input { width: 100%; max-width: 730px; height: 72px; position: relative; }
    .newsletter_right_input .email_input { width: 100%; height: 72px; border: 0; font-size: 20px; font-weight: 500; font-family: var(--content-font); padding: 0 218px 0 30px; background-color: #FFFFFE;border-radius: 100px; }
    .newsletter_right_input .action_btn { position: absolute; right: 7px; top: 6px; }


    .footer_main { background: #222528; }

    .footer_top { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; padding: 65px 0; color: #EEEEEE; }
    .footer_top a { color: #EEEEEE; }
    .footer_top > div { padding-right: 15px; }
    .footer_top > div:last-child { padding-right: 0; }
    .footer_top > div > h3 { font-family: var(--content-font); color: #FFFFFE; margin: 0 0 20px; font-weight: 700; }

    .footer_top .f_first { width: 47%; }
    .footer_top .f_two {  width: 18.5%; }
    .footer_top .f_three {  width: 25%; }
    .footer_top .f_four {  width: 9.5%; }


    .f_links  { margin: 0; padding: 0; list-style: none; }
    .f_links li { padding-left: 22px; position: relative; margin: 0 0 10px; }
    .f_links li:last-child { margin: 0; }
    .f_links li:before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; background-color: var(--white); border-radius: 100px; }
    .f_links li a { color: #FFFFFE; font-size: 18px; font-family: var(--secondary-font); }
    .f_links li a:hover { color: #a8d4d7; }

    .f_three p { padding-left: 37px; position: relative; }
    .f_three p span { position: absolute; left: 0; top: 0px; }
    .no-touch .f_three p a:hover { color: #004c66; }

    .f_four a { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 20px; }
    .f_four a span { margin: 0 22px 0 0; }
    .f_four a:last-child { margin: 0; }
    .f_four .circle_icon { width: 40px; height: 40px; background-color: #004c66; border-radius: 100px; display: inline-flex; justify-content: center; align-items: center; }
    .no-touch .f_four a:hover { color: #a8d4d7; }
    .no-touch .f_four a:hover svg circle { fill: #004c66; }
    .no-touch .f_four a:hover .circle_icon { background-color:#004c66; }
    .f_four .youtube svg { width: 20px; }
    .f_four svg circle { fill: #004c66; fill-opacity: 1; }

    .footer_logo {
        margin: 0 0 30px;
        display: inline-block;
    }
    .footer_logo img { max-width: 100%; }
    .footer_top .f_first p { max-width: 506px; width: 100%; margin: 0; font-size: 18px; color: #EEEEEE; font-size: 18px; font-weight: 400; }
    .footer_bottom { border-top: 2px solid #6C757D; padding: 26px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
    .footer_bottom .fb_left p { margin: 0; font-family: var(--secondary-font); font-weight: 400; color: #EEEEEE; font-size: 18px; }
    .footer_bottom .fb_right p { margin: 0; }
    .footer_bottom .fb_right p a { color: #ffffff; font-family: var(--secondary-font); font-weight: 400; font-size: 18px; border-left: 1px solid #A8D4D8; padding-left: 24px; margin-left: 24px; line-height: 20px; }
    .no-touch .footer_bottom .fb_right p a:hover { color: #a8d4d7; }
    .footer_bottom .fb_right p a:first-child { border: 0; margin-left: 0; padding-left: 0; }

    /*footer End*/

    /* Request an Appointment */
    .inner-main-banner { overflow: hidden; position: relative; height: 360px; margin: 0; }
    .inner-main-banner .category-image { position: relative; margin: 0; }

    .inner-main-banner .category-image:before {
        width: 100%;
        height: 100%;
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(52, 105, 121, 0.7);
        z-index: 1;
    }

    .cms-title-breadcrumb {
        position: absolute;
        width: 100%;
        text-align: center;
        padding: 0 10px;
        top: 50%;
        z-index: 2;
        transform: translateY(-50%);
    }

    .cms-title-breadcrumb .page-title {
        font-family: var(--content-font);
        font-size: 48px;
        font-weight: 800;
        margin: 0 0 15px;
        color:var(--white);
    }

    .inner-main-banner .category-image img {
        max-width: inherit;
        width: auto;
        min-width: 100%;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .breadcrumb_main .breadcrumb { justify-content: center; }
    .breadcrumb_main .breadcrumb a {  color:var(--white); font-weight: 500; font-size: 18px; font-family: var(--content-font); }
    .no-touch .breadcrumb_main .breadcrumb a:hover { color: var(--black); }
    .breadcrumb_main .breadcrumb .breadcrumb-item  { color:var(--white); font-weight: 500; font-size: 18px; font-family: var(--content-font); padding-left: 7px !important; }
    .breadcrumb-item+.breadcrumb-item::before { content: "" !important; width: 14px; height: 14px; background: url(../images/devider.svg) center center no-repeat; height: 100%; margin: 0 7px 0 0 !important; }

    .bottom_info { margin-top: 50px; }
    .request_appointment_info { text-align: center; background-color: #004c66; padding: 30px 30px 30px 40px; position: relative; height: 100%; margin-bottom: 20px; border-radius: 16px; }
    .ra_icon { width: 66px; height: 66px; border-radius: 100px; margin: 0 auto 20px; display: inline-flex; justify-content: center; align-items: center; background-color: #A8D4D8; }
    .request_appointment_info h4 { font-weight: 700; font-family: var(--content-font); color: #ffffff; font-size: 24px; margin: 0 0 10px; }
    .request_appointment_info p {  margin: 0; font-size: 18px; color: #ffffff; font-weight: 400; }
    .request_appointment_info p a { font-size: 18px; color: #ffffff; }
    .request_appointment_info p a:hover { color: #ffffff; }

    .request_appointment_content { display: flex; justify-self:  flex-start; flex-wrap: wrap; }
    .request_appointment_left { width: 42.8%; padding-right: 20px; }
    .request_appointment_left img { max-width: 100%; }
    .request_appointment_right { width: 57.2%; border-radius: 10px; background-color: #004c66; padding: 30px 54px; }
    .request_appointment_right h3 { font-weight: 700; font-size: 40px; font-family: var(--content-font); color: #ffffff; margin: 0 0 10px; }
    .form_content > p { font-size: 24px; color: #ffffff; font-weight: 500; font-family: var(--content-font);  }
    .form_content .two_col > .field_col input { border: 1px solid #ffffff; background-color: #004c66; padding: 0 45px 0 20px; }

    .ceptcha_block { display: flex; align-items: center; margin: 20px 0 0; }
    .ceptcha_block .google_ceptcha { margin: 0 30px 0 0; }


    .form_content .field_col ::-webkit-input-placeholder { color:#ffffff; }
    .form_content .field_col :-moz-placeholder { color: #ffffff; opacity:1; }
    .form_content .field_col ::-moz-placeholder { color: #ffffff; opacity: 1; }
    .form_content .field_col :-ms-input-placeholder { color: #ffffff;}

    .form_content .two_col { margin-bottom: 0; }
    .field_col textarea { border-radius: 12px; height: 126px; resize: none; padding: 15px 20px;  border: 1px solid #ffffff; background-color: #004c66; color: #ffffff; }

    .form_content .field_col { margin: 0 0 20px; }
    .form_content .field_col select { background-color: #004c66 !important; background: url(../images/down-arrow2.svg) no-repeat calc(100% - 17px) center; background-size: 20px 12px; color: #ffffff; font-size: 16px; font-weight: 500; border-radius: 100px; border:1px solid #ffffff; padding: 0 45px 0 20px; height: 51px; width: 100%; }

    .contact_page .request_appointment_right h3 { margin: 0 0 40px; font-size: 34px; font-weight: 600; }
    .contact_page .row.bottom_info { margin-top: 50px; margin-bottom: 80px; }
    .contact_page .request_appointment_left h4 { font-size: 38px; font-weight: 900; font-family: var(--content-font); margin: 0; color: var(--primary-color); }
    .contact_page .request_appointment_content { align-items: flex-start; }
    .contact_map .map_image { overflow: hidden; }
    .contact_map .map_image img {  max-width: inherit; width: auto; min-width: 100%; position: relative; left: 50%; transform: translateX(-50%); }


    /* Request an Appointment */

    /*blog pages*/
    .blog_list .section_title  { text-align: left; font-size: 32px; font-weight: 800; color: #28272D; font-family: var(--content-font); padding: 0 0 25px; margin-bottom: 40px; border-bottom: 1px solid #eeeeee; }
    .blog_list .date_like { margin: 0 0 20px; display: flex; justify-content: space-between; }
    .blog_list .date_like .b_date { margin: 0; display: inline-flex; align-items: center; }
    .blog_list .date_like .b_date svg { margin: 0 14px 0 0; }
    .blog_list .date_like .likes_count { display: inline-flex; align-items: center; }
    .blog_list .date_like .likes_count svg { margin: 0 14px 0 0;  }
    .blog_list .three_grid_main .pro-image-wrapper { padding-bottom: 63%; border-radius: 8px; }
    .blog_list .blog_info { padding: 20px 0 0; }
    .blog_list .three_grid_inner { margin: 0 0 50px; }
    .blog_list .blog_info h4 a { color: #222528; }

    .blog_detail_main { display: flex; justify-content: flex-start; flex-wrap: wrap; }
    .blog_detail_main .blog_detail_left { width: 65.8%; padding: 0 30px 0 0; }
    .blog_detail_main .blog_detail_right { width: 34.2%; }
    .blog_detail_main .blog_detail_left img { width: 100%; }
    .blog_detail_left .blog_detail_img { border-radius: 6px; overflow: hidden; margin: 0 0 30px; }
    .blog_detail_info h4 { font-size: 36px; font-weight: 800; color:#222528; font-family: var(--content-font); }
    .date_like { display: flex; justify-content: flex-start; }
    .date_like span { display: flex; align-items: center; }
    .date_like span svg { margin: 0 14px 0 0; }
    .date_like .b_date { margin: 0 45px 0 0; }

    .blog_cms { margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #ebebf3; }
    .blog_cms h4 { font-weight: 700; font-size: 24px; margin: 0 0 30px; font-family: var(--content-font); }
    .blog_cms blockquote { background: #DEFCFF; border-left: 4px solid #6ab3bc; padding: 36px 25px; font-weight: 500; font-size: 18px; font-family: var(--content-font); color: #3C4045; }
    .blog_cms p { font-size: 18px; color: #3C4045; font-weight: 500; margin: 0 0 20px; }
    .blog_cms :last-child { margin: 0; }

    .blog_detail_right_innner { background: #F7F9FB; border-radius: 14px; padding: 25px 20px; }
    .blog_detail_right_innner h4 { font-size: 24px; color: #222528; font-weight: 700; font-family: var(--content-font); margin: 0 0 20px; }
    .blog_sidebar_list { padding: 0; margin: 0; list-style: none; }
    .blog_sidebar_list li { background: var(--white); border-radius: 8px; margin:0 0 10px; padding: 10px; display: flex; justify-content: flex-start; }
    .bds_img { margin: 0 20px 0 0; border-radius: 8px;}
    .bds_img img { max-width: 120px !important; height: auto; }
    .blog_sidebar_list li:last-child { margin: 0; }
    .bds_info a { display: block; color: #222528; font-size: 20px; margin: 0 0 10px; }
    .bds_info .bds_date { display: flex; justify-content: flex-start; align-items: center; }
    .bds_info .bds_date svg { margin: 0 14px 0 0; }
    .bds_info a { color: var(--primary-color); font-family: var(--content-font); }
    .bds_info a:hover { color: var(--content-color); }

    /*blog pages*/

    /*Our Team*/
    .our_team  .section_title { margin-bottom: 40px; }
    .our_team_inner { margin-bottom: 40px; }
    .our_team_inner .pro-item-photo { line-height: 0; }
    .our_team_inner .pro-image-wrapper { padding-bottom: 112%; border-radius: 15px; }
    .our_team_inner .team_info { padding: 20px; }
    .our_team_inner .team_info h3 { margin: 0 0 5px; }
    .our_team_inner .team_info h3 a { font-size:24px; color: #222528; font-weight: 700; }
    .our_team_inner .team_info > span { font-size: 16px; color: #6C757D; display: block; margin: 0 0 20px; }
    .our_team_inner .social_profile { display: flex; }
    .our_team_inner .social_profile a { margin: 0 16px 0 0; }
    .our_team_inner .social_profile a:last-child { margin: 0; }
    .our_team_inner .team_info > p { font-size: 16px; font-family:var(--content-font); margin: 0 0 30px; }

    .our_team_detail { background-color: #F7F9FB; }
    .our_team_detail .our_team_inner { margin-bottom: 0; }

    .team_detail_main .request_appointment_right  { background: transparent; padding: 0; border-radius: 0; }
    .team_detail_main .rqform_content_inner { border-radius: 10px; background-color: #004c66; padding:30px 50px;}
    .team_detail_main .request_appointment_left { padding-right: 80px; width: 46.8%; }
    .team_detail_main .request_appointment_right { width: 53.2%; }

    .team_detail_right_content h3 { font-size: 36px; color: #000000; font-weight: 800; margin: 0 0 5px; }
    .team_detail_right_content .rqform_content_inner h3 { color: #ffffff; }

    .team_detail_right_content .designation { font-size: 18px; font-weight: 500; color: #6C757D; margin: 0 0 20px; display: block; }
    .form_content .form_field { max-width: 100%; }
    .form_content .action_btn { padding: 0 30px; }
    .form_content .action_btn svg { margin:0 0 0 15px; }

    .team_detail_right_content { margin: 0 0 60px; }
    .td_social_info { display: flex; justify-content: space-between; align-items: center; }
    .td_social_info .left { display: flex; justify-content: flex-start; align-items: center;  }
    .td_social_info .left svg { margin: 0 14px 0 0; }
    .td_social_info .left p { margin: 0 0 0 35px; }
    .td_social_info .left p a { font-size: 18px; color: #28272D; }
    .td_social_info .left p:first-child { margin-left: 0; }
    .td_social_info .social_profile svg { width: 34px; height: 34px; }
    .td_social_info .social_profile a { margin: 0 0 0 15px; }
    .td_social_info .social_profile a:first-child { margin-left: 0; }

    .cms_content { margin: 25px 0 0; padding: 25px 0 0; border-top: 1px solid #ebebf3; }
    /*Our Team*/

    /*services*/
    .services_grid  { background-color: #F7F9FB; }
    .services_grid .services_grid_content { background-color: #ffffff; border-radius: 14px; padding: 10px 10px 40px; height: 100%; }
    .services_grid_content .pro-image-wrapper { padding-bottom: 65%; border-radius: 8px; overflow: hidden; }
    .services_grid_content .pro-item-photo { line-height: normal; margin: 0 0 45px; position: relative; }
    .services_grid_content .round_icon_box { display: inline-block; border: 4px solid var(--white); border-radius: 100px; background-color: #f8f9fb; overflow: hidden; width: 88px; height: 88px; display: inline-flex; justify-content: center; align-items: center; position: absolute; left: 20px; bottom: -28px; z-index: 1;  box-shadow: 0px 20px 20px 0px rgba(0,0,0,0.1); }
    .services_grid_content .services_info { padding: 0 30px; }
    .services_grid_content .services_info h4 { margin: 0 0 10px; font-size: 24px; font-weight: 700; }
    .services_grid_content .services_info p { margin: 0; font-size: 18px; font-weight: 400; color: #3C4045; }
    .services_grid_content .services_info h4 a { font-size: 24px; color: var(--primary-color); font-weight: 700; font-family: var(--content-font); line-height: 36px; }
    .services_grid_content .services_info h4 a:hover { color: var(--content-color); }
    .contact_us_btn { text-align: center; margin: 10px 0 0; }
    .services_grid_main { gap: 30px 0; }
    /*services*/


    .main-content img { max-width: 100%; }
    .our_premier { background-color: #f8f9fb; }
    .our_premier .container { max-width: 1702px; }
    .our_premier_main { display: flex; justify-content: flex-start; align-items: center; }
    .our_premier_main .premier_left_img { width: 42%; padding-right: 50px; }
    .our_premier_main .premier_left_img img { max-width: 100%; }
    .our_premier_main .premier_right_content { width: 58%; }
    .about_full_content .full_img img { width: 100%; }

    .brand_list { margin: 0; padding: 0; list-style: none; display: flex; justify-content: flex-start; flex-wrap: wrap; }
    .brand_list li { width: 25%; padding: 15px; }

    .about_us_top .section_title,
    .full_inner_content .section_title,
    .our_premier .section_title,
    .services_detail_top .section_title { text-align: left; }

    .brand_img_box { border-radius: 10px; background-color: var(--white); box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.15); overflow: hidden; display: flex; justify-content: center; align-items: center; }
    .brand_img_box img { max-width: 100%; }
    .full_inner_content { max-width: 790px; margin: auto; padding: 20px 15px; }
    .about_full_content .row { align-items: center; }
    .full_inner_content p { font-size: 18px; color: #3C4045; font-weight: 500; line-height: 30px; }

    .about_us_top .row { align-items: center; }
    .about_right_content p { font-size: 18px; color: #3C4045; font-weight: 500; line-height: 30px; }

    .services_detail_top .row { align-items: center; margin-top: 50px; }
    .services_detail_top .row:first-child { margin-top: 0; }
    .services_detail_top .row p { font-size: 18px; color: #3C4045; font-weight: 500; line-height: 30px; }
    .services_full_content { background-color: #6cb2bc; }
    .full_inner_content * { color: var(--white); }
    .services_full_content .full_inner_content p { color: var(--white); }
    .services_full_content .row { align-items: center; }

    .row.even { margin-top: 70px; }
    .row.even .img_box { text-align: right; }


    .services_bottom_content h5 { font-size: 24px; color: #28272D; font-weight: 700; font-family: var(--content-font); }
    .services_bottom_content p  { font-size: 18px; color: #3C4045; font-weight: 500; line-height: 30px; }
    .services_bottom_content ul { margin: 0 0 30px; padding: 0; list-style: none; }
    .services_bottom_content ul li { font-size: 18px; color: #3C4045; font-weight: 500; margin: 0 0 15px; padding-left: 18px; position: relative; }
    .services_bottom_content ul li::before { content: ""; width: 7px; height: 7px; border-radius: 100px; background-color: #3c3f44; position: absolute; left: 0; top: 8px; }
    .services_bottom_content ul li:last-child { margin: 0; }

    #page_loader { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background:rgba(255, 255, 255, 0.8) url(../images/loader.gif) no-repeat center center; z-index: 99; }

    .scrollToTop { width:50px; height: 50px; display: inline-block; position: fixed; z-index: 99; right: 15px; bottom:60px; background-color:var(--white); border-radius: 100px; overflow: hidden; cursor: pointer; }

    .no-touch .services_box_content,
    .no-touch .services_box_content h4,
    .no-touch .tau_content,
    .no-touch .tau_content h4 { transition: all 0.5s ease; }
    .no-touch .services_box_content:hover,
    .no-touch .tau_content:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, .25); }
    .no-touch .services_box_content:hover h4,
    .no-touch .tau_content:hover h4 { color: var(--content-color); }
    .ba_left_inner .has-error { display: block; }
    .request_appointment_right .has-error { display: block; margin: 0 0 0 18px;}
    .request_appointment_right .two_col > .field_col input { color: #FFF !important; }

    .inner_shadow_item { transition: all 0.5s ease; cursor: pointer; box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.1); }
    .inner_shadow_item .blog_info { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
    .no-touch .inner_shadow_item:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, .30); }

    .services_grid_content { transition: all 0.5s ease; cursor: pointer; box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.1); }
    .no-touch .services_grid_content:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, .40); }

    .our_team_inner { transition: all 0.5s ease; cursor: pointer; box-shadow: 0px 10px 8px 0px rgba(0, 0, 0, 0.1); border-radius: 15px; height: 100%; }
    .no-touch .our_team_inner:hover { box-shadow: 0 5px 15px rgba(0, 0, 0, .40); }
/* Tirth CSS */
.has-error {
    color: red;
}
.home_textarea textarea{
    background-color: var(--primary-color);
    color: #A8D4D8;
    border: 1px solid #427A8B;
}

.ba_left_inner .has-error { margin-left: 18px; }
/* .loader_btn {
    content: "";
    position: relative;
    background-image: url(../images/loader_btn.svg);
    z-index: 123;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain !important;
    pointer-events: none;
} */

.client-testi { background: var(--white); padding: 95px 20px 40px; box-shadow: 0 3px 12px rgba(0, 0, 0, .16); position: relative; border-radius: 5px; margin-bottom: 15px; margin-top: 50px; border: solid 1px #e1e1e1; border-radius: 10px;    text-align: center; }
.client-testi figure { width: 120px; height: 120px; line-height: 120px; position: absolute; left: 50%; top: -50px;    transform: translateX(-50%); }
.client-testi figure img { border: solid 3px #e1e1e1; }
.client-testi figure img { width: 120px; height: 120px; border-radius: 100%; object-fit: cover; }
.fonts-20 { font-size: 20px; line-height: 30px; }
.fonts-14 { font-size: 14px; line-height: 22px; }

.tau_content .read_more { font-size:18px; font-family: var(--content-font); font-weight: 500; color: #336979; display: inline-flex; justify-content: flex-start; align-items: center; }
.tau_content .read_more svg { margin-left:14px; transition: all 0.5s ease 0s; }
.no-touch .tau_content .read_more:hover svg { margin-left: 5px; }
.talk_aboutus_slider .owl-item .tau_content { min-height: 300px; }

.loader_btn,.subscription_loader { overflow: hidden; }
.loader_btn:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/loader_btn.svg);
    background-position: center center;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain !important;
    pointer-events: none;
    background-color: var(--white);
}
/* .subscription_loader {
    content: "";
    position: relative;
    background-image: url(../images/subscription_loader.svg);
    z-index: 123;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain !important;
    pointer-events: none;
} */
.subscription_loader:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/subscription_loader.svg);
    background-position: center center;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain !important;
    pointer-events: none;
    background-color: var(--white);
}

.cms_content ul { padding: 0; margin: 0 0 20px; list-style: none; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.cms_content ul li { padding: 0 0 0 38px; position: relative; font-size: 18px; color: #3C4045; font-family: var(--content-font); margin: 0 0 25px; }
.cms_content ul li:before { content: ""; width: 23px; height: 14px; position: absolute; left: 0; top: 7px; background: url(../images/bullet-icon.svg) 0 0 no-repeat; }
/* 404 page css */

#oopss {
    background: #336a7a;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 15px 30px 15px;
    text-align: center;
}

#oopss #error-text {
    font-size: 40px;
    color: #ffffff;
}
#oopss #error-text img {
    margin: 0 auto 20px;
    height: 342px;
}
#oopss #error-text span {
    position: relative;
    font-size: 120px;
    font-weight: 900;
    margin-bottom: 0;
    display: block;
    margin-top: -80px;
}
#oopss #error-text p.p-a {
    font-size: 19px;
    margin: 0 0 30px;
}

@media (max-width:767px) {
    #oopss #error-text span { font-size: 64px; margin-bottom: 20px; }
}

/* 404 page css */

/*banner Start*/
.banner_main { overflow: hidden; position: relative; }
.banner_caption { position: absolute; left: 0; top: 50%; width: 100%; transform: translateY(-50%); z-index: 2; text-align: center; padding: 0 15px; }
.banner_caption_inner { max-width: 1000px; margin: 0 auto; background: rgba(52, 105, 121, 0.5); padding: 40px 15px; border-radius: 10px; }
.banner_caption_inner h2 { font-size: 50px; color: #FFFFFE; font-weight: 800; font-family: var(--content-font); margin: 0 0 20px; }
.banner_caption_inner p { font-size: 22px; color: #FFFFFE; font-weight: 500; font-family: var(--content-font); margin: 0 0 40px; }
.banner_caption_inner .action_btn { background-color:#FFFFFE; border: 2px solid #FFFFFE; color: var(--primary-color); font-weight: 500; font-size: 18px; height: 60px; }
.no-touch .banner_caption_inner .action_btn:hover { background-color: var(--primary-color); border: 2px solid var(--primary-color); color: var(--white); }
.moible_banner { display: none !important; }

.banner_imnage img { width: 100%; }

.banner_main .banner_imnage { position: relative; }
.banner_main .banner_imnage:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(52, 105, 121, 0.5);
    z-index: 1;
    display: none;
}

/*banner End*/

.we_always .container { max-width: 1615px; }
.we_always_content { display: flex; justify-content: flex-start; align-items: center; }
.we_always_left { width: 43%; }
.we_always_left img { width: 100%; }
.we_always_right { width: 57%; padding-left: 70px; }
h5.mini_title { font-family: var(--content-font); font-size: 18px; font-weight: 500; margin: 0 0 20px; line-height: 28px; text-transform: uppercase; color: #336979; }
.we_always_right .section_title { text-align: left; }
.we_always_right .we_info { font-family: 500; font-size: 24px; color: #28272D; line-height: 36px; margin: 0 0 40px; }
.bullet_list { padding: 0; margin: 0 0 20px; list-style: none; display: flex; justify-content: flex-start; flex-wrap: wrap; }
.bullet_list li { padding: 0 0 0 47px; position: relative; font-size: 20px; color: var(--black); font-family: var(--content-font); width: 50%; margin: 0 0 30px; }
.bullet_list li:before { content: ""; width: 23px; height: 14px; position: absolute; left: 0; top: 7px; background: url(../images/bullet-icon.svg) 0 0 no-repeat; }

/*our services*/
.services_box_content { border: 1px solid #f4f3f8; padding: 30px 15px; text-align: center; position: relative; height: 100%; background-color: #f2f2f2; border-radius: 10px; min-height: 307px; box-shadow: none; }
.services_icon { display: inline-flex; justify-content: center; align-items: center; width: 63px; height: 63px; margin-bottom: 30px; }
.services_box_content h4 {  font-family: var(--content-font); font-weight: 700; font-size: 22px; color: var(--black); margin: 0 0 12px; }
.services_box_content p { font-family: var(--content-font); font-weight: 400; color: #28272D; font-size: 16px; margin: 0; }
/*our services*/

/*Gallery*/
.section_title {  text-align: center; color: #000000; font-weight: 900; font-size: 48px; font-family: var(--content-font); margin: 0 0 30px; }
/*Gallery*/

.our_location  { padding-top: 0 !important; text-align: center; position: relative; overflow: hidden; }
.our_location    > p { font-weight: 500; font-size: 24px; color: #28272D; font-family: var(--content-font); max-width: 731px; margin: 0 auto 30px; }
.location_content { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; position: relative; }
.location_content .left_map { width: 100%; }
.location_content .left_map img { max-width: 100%; }
.location_content .left_map iframe { width: 100%; display: block; border: 0; }

.location_content .right_content { width: 100%; max-width: 484px; background-color:#ffffff; padding: 50px 36px; text-align: left; border-radius: 10px; border-top: 11px solid #6BB2BB; overflow: hidden; position: absolute; top: 50%; transform: translateY(-50%); right: 226px; }

.open_hours h4 { font-weight: 900; font-size: 26px; color: #004c66 ; font-family: var(--content-font); margin: 0 0 30px; }
.hours_list { margin: 0; padding: 0; list-style: none; }
.hours_list li { font-family: var(--content-font); font-size: 18px; color: #222528; font-weight: 400; margin: 0 0 15px; display: flex; justify-content: space-between; align-items: center; }
.hours_list li span:nth-child(1) { min-width: 45px; }
.hours_list li span:nth-child(2) { width: 30px; height: 2px; background-color: #222528; font-size: 0 !important; }
.hours_list li:last-child { margin: 0; }
.hours_list li span:nth-child(2) { font-size: 12px; }

.talk_aboutus .section_title {
    color: #FFF;
}

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

.read_more_social .read_more { font-size:18px; font-family: var(--content-font); font-weight: 500; color: #004c66 ; display: inline-flex; justify-content: flex-start; align-items: center; }
.read_more_social .read_more svg { margin-left:14px; transition: all 0.5s ease 0s; }
.no-touch .read_more_social .read_more:hover svg { margin-left: 5px; }

.our_team .container .row { gap: 25px 0; }

.contact_info_box .request_appointment_info { display: block !important; padding: 30px !important; margin: 0; }
.contact_info_box .request_appointment_info .contact_info { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 15px; }
.contact_info_box .request_appointment_info .contact_info:last-child { margin-bottom: 0; }
.contact_info_box .request_appointment_info .contact_info .ra_icon { position: static; transform: none; margin: 0 15px 0 0; min-width: 50px; height: 50px; width: 50px;  }
.contact_info_box .request_appointment_info h4 { font-size: 22px;  margin-bottom: 20px; }
.contact_info_box .request_appointment_info p { text-align: left; }
h2 {
    margin-bottom: 20px;
    color: var(--primary-color);
}

.service-group {
    background: #fff;
    color: var(--primary-color);
    border-radius: 12px;
    margin-bottom: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    overflow: hidden;
    border: 1px solid #ddd;
}

.service-header {
    background: var(--primary-color);
    color: #fff;
    padding: 12px 20px;
    font-size: 18px;
    font-weight: bold;
}

.option-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 15px 20px;
}

.option-card {
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 10px;
    padding: 12px 15px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
    cursor: pointer;
    transition: border 0.2s ease, background 0.2s ease;
}

.option-card input[type="radio"] {
    margin-top: 6px;
    accent-color: var(--primary-color);
}

.option-card:hover {
    border-color: var(--primary-color);
}

/* .option-card input[type="radio"]:checked + .details {
    border-left: 5px solid var(--secondary-color);
    padding-left: 10px;
    border-radius: 6px;
    background: #fef3e6;
} */

.details h4 {
    margin: 0 0 5px;
    font-size: 16px;
    color: var(--primary-color);
}

.details p {
    margin: 0;
    font-size: 14px;
    color: #444;
}

.price-time {
    margin-top: 5px;
    font-weight: bold;
    color: var(--primary-color);
}
#nextBtn {
    width: 120px;
    font-weight: 600;
    height: 44px;
}
#nextBtn:disabled{
    opacity: 0.5;
    pointer-events: none;
}