:root{
    --colorText: #1D2088;
    --colorText2: #4F4F4F;
    --colorText3: #3D3D3D;
    --colorMain1: #86C61C;
}

.otgs-development-site-front-end{display: none !important;}

/* LOADING */
#loading-booking >div{display: flex;align-items: center;justify-content: center;}
.loading-hidden-booking{display: none;}
#errors-booking{background: #ffe6e6; padding: 12px; color: #666; font-size: 12px; border-radius: 4px;}
.errors-hidden-booking{display: none;}

.image-icon{margin-right: 4px;}
.image-icon img{width: 25px;}
.nav-dropdown{min-width: 120px;}
.nav-dropdown-has-border .nav-dropdown{border: none;}
.nav-dropdown-default { padding: 5px; }
.nav-dropdown>li>a{padding: 5px 20px;}
.nav-dropdown.nav-dropdown-default>li>a{border: none;}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before{display: none;}
.nav-dropdown-has-arrow li.has-dropdown:after { margin-left: -20px; }

/* html{margin-right: 0 !important;} */

.has-off-canvas{overflow: hidden;}

input:-internal-autofill-selected{background-color:#fff !important;}
input:-webkit-autofill {
    background-color:#fff !important;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #434346;
    -webkit-text-fill-color: #111111;
    -webkit-box-shadow: 0 0 0px 1000px #1B1B1C inset;
    transition: background-color 5000s ease-in-out 0s;
};

.overflow-hidden{overflow:hidden;}
.box-noneImg{font-weight: bold; color: #999;}

/* DEFINE */
.px-0{padding-left:0 !important; padding-right: 0 !important;}
.py-0{padding-top:0 !important; padding-bottom: 0 !important;}
.mx-0{margin-left: 0 !important;margin-right: 0 !important;}


/* BREADCRUM */
.dark .breadcrumbs a{color: #fff !important;text-decoration: none !important;}


/* MARK: PAGE TITLE */
.page-title { position: relative; border: none !important; }


/* MARK: HEADER */
#header{position: fixed;width:100%;top:0;z-index: 999999;}
.header-wrapper.stuck{box-shadow: none !important; top:0 !important;}
.sticky-jump .stuck:not(.ux-no-animation){ animation:none !important ; -webkit-animation:none !important ; }
.stuck #logo img {max-height: unset !important;}
body .stuck .header-main, .header-main{height: 90px !important;max-width: 1236px;margin: auto;}

/* MARK : FONT */
table{word-break: break-word;}
.hidden-nav, footer.entry-meta{display:none}
.main-menu-overlay, .mfp-close{/*display:none;*/}
.mfp-ready .mfp-close{opacity: 1;mix-blend-mode: unset;}
.mfp-ready .mfp-close svg{stroke: #fff;}
.my-mfp-video .main-menu-overlay, .my-mfp-video .mfp-content, .my-mfp-video .mfp-close{display:inline-block;}
article .single-page a:where(:not(.wp-element-button)){text-decoration: underline; color: blue;}
article .single-page a:not(.not-color){text-decoration: none !important; color: white !important;}
article .single-page a.not-color{color:#fff;text-decoration: none};

.blog-share{display: none;}
.blog-single, .single-page{padding:0;/*max-width: 1240px;*/margin: auto;}
.section-text-page{max-width: 1240px;margin: auto;}
.single-page p:last-child{margin-bottom: 0;}

/* BODY */
body .container-width, body .full-width .ubermenu-nav, body .row { max-width: 1240px; padding: 0; }
body *{font-family: "Open Sans", serif;}
body .section-page{max-width: 1236px !important;margin: auto;}
body .section-page-detail{max-width: 1208px;margin:80px auto;}
.blog-archive{margin:0px auto;padding:0;}
.section-width{max-width: 1272px;margin:auto;}
.section-page-title, .section-page-title *{text-align: center;font-family: "Open Sans", serif;font-weight: bold;font-size: 40px;color: #111;margin-bottom: 40px;}
.entry-title{text-align: center;font-weight: bold;font-size: 32px;color: #111;}

.dark .form-flat input:not([type=submit]){background-color: #ebebeb !important; color: #333 !important; font-size: 15px; height: 45px; border-radius: 7px;}
.dark .form-flat input:not([type=submit])::placeholder{color:#999}
.searchform .button.icon i { font-size: 20px; color: #fff; }
.searchform .button.icon{padding: 0 !important; display: flex ; align-items: center; justify-content: center; padding-right: 0px !important; width: 100%; height: 100%; min-height: auto; min-width: auto;}
.live-search-results{ background: #fff; border-radius:20px ; -webkit-border-radius:20px ; -moz-border-radius:20px ; -ms-border-radius:20px ; -o-border-radius:20px ; overflow: hidden; }
.autocomplete-suggestion img+.search-name, .autocomplete-suggestion .search-name{font-size: 18px;color: #666;}
.searchform .button.icon{background: #ebebeb;border-left: none;}


/* SCROLL CSS */
.scrollBox::-webkit-scrollbar {
    width: 2px;
}

/* Track */
.scrollBox-cover::-webkit-scrollbar-track {
    background: #D9D9D9; 
}

/* Handle */
.scrollBox-cover::-webkit-scrollbar-thumb {
    background: #107EEA; 
}

/* Handle on hover */
.scrollBox-cover::-webkit-scrollbar-thumb:hover {
    background: #107EEA; 
}

/* MARK: BACK TO TOP */
.back-to-top{ background: var(--colorMain1) !important; width:50px; height:50px; border-radius:6px !important ; -webkit-border-radius:6px !important ; -moz-border-radius:6px !important ; -ms-border-radius:6px !important ; -o-border-radius:6px !important ; border: none !important; display: flex !important ; align-items: center; justify-content: center; }
.back-to-top i{color: #fff; font-size: 24px;}


/* MARK: HEADER */
/* .header-bg-container{background: linear-gradient(to bottom, rgb(0 0 0 / 60%), transparent);height: calc(100% + 10px);top: -10px;} */
.header-bg-container{ height: calc(100% + 10px); top: -10px; background: transparent; transition:all ease 0.5s ; -webkit-transition:all ease 0.5s ; -moz-transition:all ease 0.5s ; -ms-transition:all ease 0.5s ; -o-transition:all ease 0.5s ; }
.stuck .header-bg-container{background: #111;}
.header .stuck .nav.dev-custom-menu > li > a{padding: 22px 0;}
.header-wrapper, .header-bg-color{background: transparent;}


/* CUSTOM: DEFINE IMG */
.img-object-cover{width: 100%;height:100%;object-fit: cover;}
.img-object-contain{width: 100%;height:100%;object-fit: contain;}
.w-auto img{width:auto;height: revert-layer;}


/* MARK: COMMENT DEFINE */
#comments{display: none;}
.ourteam-single-contain ~ #comments{display: none;}
.ourteam-single-contain footer{display: none;}
.ourteam-single-contain .blog-share{display: none;}
body #comments .comment-respond{background-color: rgb(1 128 235 / 10%) !important;border-radius: 10px;}
body #comments .comment-respond .comment-reply-title{font-family: "Bricolage Grotesque", sans-serif;color:#010080;font-size: 22px;}
body #comments input[name="submit"]{background: #010080; border-radius: 30px; height: 45px; font-size: 14px;}
body #comments .comment-notes{font-size: 14px;}
body #comments textarea, body #comments input{box-shadow: none !important;border-radius: 5px;border: none;}


/* MARK: BANNER */
.banner-section{position: relative;height: 375px;overflow: hidden;}
.banner-section img{object-fit: cover;width:100%;height: 100%;}
.banner-breadcrum{position: absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;background: rgba(0,0,0,.4);}
.banner-breadcrum-contain{margin: auto;width:100%;padding:0 100px;}
.banner-breadcrum-title{font-size: 50px;color:#fff;font-weight: bold;text-transform: uppercase;margin-bottom: 10px;text-align: center;}
.banner-breadcrum-slug nav, .banner-breadcrum-slug nav a, .banner-breadcrum-slug nav a:hover{text-transform: none;font-size: 14px; margin: auto;font-size: 18px;}
.banner-breadcrum img{width:100%;height: 100%;object-fit: cover;}
body .page-numbers{margin-top: 2rem;}
body .nav-pagination>li>.current, body .nav-pagination>li>a:hover, body .nav-pagination>li>span:hover { background-color: #0180EB; border-color: #0180EB; color: #fff; }
.banner-breadcrum-text{color:#fff;font-size:14px;max-width:100%;margin-bottom:0;}
.banner-breadcrum-slug{background: #fafafa;padding: 15px 0;}
.banner-breadcrum-slug nav{max-width: 1208px; margin: auto;}
.bookAppointment-breadcrumb .banner-breadcrum-slug{background:#fff; text-align: center;}
.section-page-title{display: none;}

.banner-breadcrum-slug.banner-breadcrum-slugFix{background: #fafafa; padding: 1rem 0;margin-top: 120px;}
.banner-breadcrum-slug.banner-breadcrum-slugFix nav, .banner-breadcrum-slug.banner-breadcrum-slugFix nav a, .banner-breadcrum-slug.banner-breadcrum-slugFix nav a:hover{color: #666;font-size: 14px !important;}
.banner-breadcrum-slug.banner-breadcrum-slugFix .woocommerce-breadcrumb{text-align: left;max-width: 1208px;}


/* MARK: TITLE PAGE DEFINE */
.titlePage1{text-align: center;text-transform: uppercase;padding-bottom: 8px;margin-bottom: 24px;position: relative;}
.titlePage1:after{content:'';position: absolute;height: 1px;background: var(--colorMain1);width:80px;bottom:0;left:calc(50% - 40px);}
.titlePage1 *{color:var(--colorText);font-weight: 600;font-size: 40px;margin: 0;}

.descriptPage1{text-align: center;max-width: 720px;margin: auto;margin-bottom: 40px;}
.descriptPage1 *{color:var(--colorText2);font-size: 16px;margin-bottom: 0;}

.titlePage2{text-align: left;}
.titlePage2:after{left: 0;}

/* MARK: BUTTON PAGE DEFINE */
/* STYLE 1 */
body .white.is-outline.button-style-1{background-color: var(--colorMain1) !important;border: none !important; padding: 11px 24px;margin: 0; border-radius: 4px;border: 1px solid var(--colorMain1) !important;transition: all ease 0.5s !important;}
.button-style-1 *{color: #fff;font-size: 16px;font-weight: 600;transition: all ease 0.5s !important;}
.button-style-1 span{display: inline-flex;gap:8px;align-items: center;}
body .is-outline.button-style-1:hover{background: #fff !important;}
body .is-outline.button-style-1:hover *{color: var(--colorMain1);}
body .is-outline.button-style-1:hover svg path{stroke: var(--colorMain1);}

/* STYLE 2 */
body .is-outline.button-style-2{background-color: transparent !important;border: 1px solid var(--colorMain1) !important;border-radius: 4px;padding: 11px 24px;margin: 0;outline: none;transition: all ease 0.5s !important;}
.button-style-2 *{color: #111;font-size: 16px;font-weight: 600;transition: all ease 0.5s !important;}
.button-style-2 span{display: inline-flex;gap:8px;align-items: center;}
body .is-outline.button-style-2:hover{background: var(--colorMain1) !important;}
body .is-outline.button-style-2:hover *{color: #fff;}
body .is-outline.button-style-2:hover{background: var(--colorMain1) !important;}
body .is-outline.button-style-2:hover svg path{stroke: #fff;}

/* STYLE 3 */
.titlePage3{text-transform: capitalize;font-size: 24px;font-weight: 600;border-bottom: 1px solid #ccc;margin-bottom: 15px;padding-bottom: 10px;}
.titlePage3 *{margin-bottom: 0;}
.page-section-left .titlePage3 *{color:var(--colorMain1) !important;}

@media screen and (max-width: 849px){
    .banner-breadcrum-slug.banner-breadcrum-slugFix{margin-top: 80px;padding: 1rem 5%;}
}