:root{
    --colorBG: #f5752f;
    --colorBG2: #082D38;
    --colorText: #f5752f;
    --colorText2: #4F4F4F;
    --colorText3: #3D3D3D;
    --colorMain1: #86C61C;
}

/* NO IMG */
.no-image{height: 100%;width: 100%;object-fit: cover;display: flex;align-items: center;justify-content: center;text-transform: uppercase;color:#999;font-size: 18px;}
.img-white{filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(23%) hue-rotate(136deg) brightness(104%) contrast(108%); -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(6%) saturate(23%) hue-rotate(136deg) brightness(104%) contrast(108%);}

/* 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;}


/* 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 : FONT */
table{word-break: break-word;}
.hidden-nav, footer.entry-meta{display:none}
.main-menu-overlay, .mfp-close{}
.mfp-ready .mfp-close { opacity: 1; }
.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: "Instrument Sans", sans-serif;}
body .section-page{max-width: 1236px !important;margin: auto;}
body .section-page-detail{max-width: 1240px;}
body .single-page.section-page-detail{max-width: 100%;padding:130px 4.5%;}






/* .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: #f57539 !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;}


/* 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{padding: 0px 4.5% 130px 4.5%;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: transparent !important;padding: 0;}
body #comments .comment-respond .comment-reply-title{color:#fff;font-size: 40px;text-transform: capitalize; margin-bottom: 5px;}
body #comments input[name="submit"]{background: rgb(8, 45, 56); border-radius: 0; height: 41px; font-size: 13px; border: none;text-transform: capitalize;min-width: 178px;box-shadow: 5px 5px rgba(8, 45, 56, 0.25);-webkit-box-shadow: 5px 5px rgba(8, 45, 56, 0.25);}
body #comments input[name="submit"]:hover{box-shadow: -5px -5px rgba(245, 117, 57, 0.25); -webkit-box-shadow: -5px -5px rgba(245, 117, 57, 0.25);}
body #comments .comment-notes{font-size: 14px;}
body #comments textarea, body #comments input{ border: 1px solid rgba(179,179,179,0.5); background: transparent; padding:12px 20px; margin: 0; min-height: 53px; height: 100%; 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 ; }
body #comments textarea:focus, body #comments input:focus{box-shadow: none;border-color: #fff;outline: none;}
body #comments input[name="submit"]:hover{background: #f57539;}
body #comments textarea{height: 100%;}
body #comments .comment-list li, .commentlist li{padding: 0;margin-bottom: 3rem;}
body #comments .comment-inner:target{padding: 0;background: transparent;}
body #comments .comment-content{margin-top:20px;}
body #comments .comment-content p:last-child{margin-bottom: 0;}
body #comments .comment-meta time{margin-top:5px;font-size: 13px;}
body #comments .comment-author{width:54px;margin-right: 0px;position: relative;}
body #comments .comment-author:after{ content:''; position: absolute; width:calc(100% + 6px); height:calc(100% + 6px); top:-3px; left: -3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border:1px solid rgba(179,179,179,0.5);}
body #comments .comment-inner{ padding-bottom: 35px !important; border-bottom:1px solid rgba(179,179,179,0.5); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; }

body #comments #commentform{display: grid ; grid-template-columns: repeat(2, 1fr); grid-gap: 25px 0px;}
body #comments .comment-form > p{width: 100%; /*float: left;*/ text-align: left; position: relative;margin: 0;}
.comment-form p label{ position: absolute; cursor: text; z-index: 2; top: -10px; left: 30px; font-size: 11px; text-transform: uppercase; padding: 6px 8px; transition: 1s cubic-bezier(.25,1,.25,1); -webkit-transition: 1s cubic-bezier(.25,1,.25,1); line-height: 1; -moz-transition: 1s cubic-bezier(.25,1,.25,1); -ms-transition: 1s cubic-bezier(.25,1,.25,1); -o-transition: 1s cubic-bezier(.25,1,.25,1); margin: 0;font-weight: 400;background: #0d4759 !important;}
body #comments .comment-notes{grid-column: 1 / 3;}
body #comments .comment-form-comment{grid-column: 2 / 3; grid-row: 2 / span 3;}
body #comments .form-submit{grid-column: 1 / 3;}
/*body #comments .comment-form p input:focus + label, body #comments .comment-form p textarea:focus + label { top: -10px; background: #082d38; font-size: 10px; }*/




.cs-comment-contain{background-color: #0d4759 !important;padding:50px;}
.cs-comments-title{font-size: 50px;margin-bottom: 50px;font-weight: 600;line-height: 100%;}
.cs-comment-reply a{ padding:8px 15px; font-size: 14px; border:1px solid rgba(179,179,179,0.5); 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; position: absolute; top:0;right:0;}
.cs-comment-reply a:hover{color: #fff;background: #f57539;border-color: #f57539;}
.cs-comment-infoBox{position: relative;padding-left: 20px;}

/* 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{color: #fff; text-transform: none;font-size: 14px; margin: auto;font-size: 18px;text-align: center;}
.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: transparent; padding: 1rem 0;}
.bookAppointment-breadcrumb .banner-breadcrum-slug{background:#fff; text-align: center;}
.section-page-title{display: none;} */

/* ARROW MAIN */
.swiperDev-btn-prev, .swiperDev-btn-next{position: relative; width:55px; height: 55px;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;}
.swiperDev-btn-prev svg, .swiperDev-btn-next svg{position: relative;z-index: 99;}
.swiperDev-btn-prev::after{ content:''; position: absolute; top:0; left:0; width:100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border:1px solid #efefef; 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 ; }
.swiperDev-btn-prev:hover::after{ transform:scale(0) ; -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ; -o-transform:scale(0) ; opacity: 0;}
.swiperDev-btn-prev::before{ content:''; position: absolute; top:0; left:0; width:100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: var(--colorBG); opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); 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; }
.swiperDev-btn-prev:hover::before{ opacity: 1; transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }

.swiperDev-btn-next::after{ content:''; position: absolute; top:0; left:0; width:100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border:1px solid #efefef; 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; }
.swiperDev-btn-next:hover::after{ transform:scale(0) ; -webkit-transform:scale(0) ; -moz-transform:scale(0) ; -ms-transform:scale(0) ; -o-transform:scale(0) ; opacity: 0;}
.swiperDev-btn-next::before{ content:''; position: absolute; top:0; left:0; width:100%; height: 100%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background: var(--colorBG); opacity: 0; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); 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;}
.swiperDev-btn-next:hover::before{ opacity: 1; transform:scale(1) ; -webkit-transform:scale(1) ; -moz-transform:scale(1) ; -ms-transform:scale(1) ; -o-transform:scale(1) ; }



/* MARK: BANNER */
.banner-section{background-color: rgb(13, 71, 89);position: relative;height: 395px;}
.banner-img{position: absolute;top:0;left:0;width:100%;height:100%;/*background-position: 130% 100% !important;
    background-size: clamp(35rem, 21.6956rem + 27.7537vw, 55rem) !important;*/display: block !important; background-repeat: no-repeat;background-size: cover; object-fit: cover;}
.banner-img:after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;background-color: rgba(13, 71, 89, 0.8);}

.dev-contain-48 #tag_cloud-9, .dev-contain-48 #media_gallery-2, .dev-contain-48 #media_image-3{display: none;}

/* MARK: BREADCRUM */
.banner-breadcrum-slug{display: flex;justify-content: center;}
.banner-breadcrum-slug p{margin: 0;}
.banner-breadcrum-slug *{color:#efefef;}
.banner-breadcrum{position: absolute;top:0;left:0;width:100%;height:100%;display: flex;align-items: center;justify-content: center;}
.banner-breadcrum-title{color: #fff;font-size: 64px;font-weight: bold;margin-bottom: 10px;}


/* MARK: ARCHIVE WITH RIGHT SIDEBAR */
.dev-layoutRight-contain{max-width: 1736px;margin: auto;display: flex;gap:100px;padding: 80px 0;}
.dev-layoutRight-left{width:calc(100% - 400px - 100px);}
.dev-layoutRight-right{width:400px}
.news-detail-contain{display: flex;gap:30px;flex-wrap: wrap;}
.news-detail-box{width:calc(50% - 15px);position: relative;}
.news-detail-box .box-image{height: 353px;overflow: hidden;}
.news-detail-box .box-image img{ width:100%; height: 100%; object-fit: cover; 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; }
.news-detail-info{margin-top: 35px;}
.news-detail-info h3{color:#efefef;font-size: 24px;font-weight: bold;margin-bottom: 20px;transition: all ease 0.5s;}
.news-detail-excerpt *{color:#efefef;margin-bottom: 0;font-size: 16px;}
.news-detail-box .h-blognews-readmore{text-transform: capitalize;font-weight: normal;margin-top: 15px;}
.news-detail-box:hover .box-image img{ transform:scale(1.1) ; -webkit-transform:scale(1.1) ; -moz-transform:scale(1.1) ; -ms-transform:scale(1.1) ; -o-transform:scale(1.1) ; }
.news-detail-info h3:hover{color:#f5752f;}
.news-detail-date{position: absolute;background: #082D38;color:#efefef;padding:5px 15px;z-index: 999;top:5px;left:5px;font-size: 14px;}