/*
Company: PixalFloat
Author : Shameer
Theme Colors
Yellow: 00455D
Green: 00455D
TextBlue: 0E284A
paragraph: 212121
font-family: "Playfair Display", serif;
font-family: "Outfit", sans-serif;
*/

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

* { margin:0; padding:0;  }
body {
	margin: 0; padding: 0; 
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 400; font-size: 16px; color:#212121;
	background: #fff; }
img { max-width: 100%; height: auto; }

/* TYPOGRAPHY --------------------------- */
h1, h2, h3 { 
	font-weight:700;
	color:#0E284A; text-align: left;
	font-family: "Playfair Display", serif;
	margin:0 0 30px; padding:0; line-height:1.1; }
h4, h5 { 
	font-weight:600;
	color:#0E284A; text-align: left;
	font-family: "Playfair Display", serif;
	margin:0 0 20px; padding:0; line-height:1.3; }
h6 {
	color:#0E284A;
	text-align: left; margin:0 0 20px 0; padding:0; line-height: 1.4;
	font-family: "Plus Jakarta Sans", sans-serif; font-weight:500; }

h1 { font-size:54px; }
h2 { font-size:45px; }
h3 { font-size:40px; }
h4 { font-size:36px; }
h5 { font-size:28px; }
h6 { font-size:24px; }
.webtitle { 
	width:100%; float:left; margin:0 0 5px; padding:0;
	font-size:15px; font-weight:600; color:#00455D; }
span.titletag { 
	width:100%; 
	margin:0; padding:0; 
	color:#00455D; font-size:16px; font-weight:500; }
p { 
	margin:0 0 30px; padding:0; 
	font-size:16px; color:#212121;
	font-family: "Plus Jakarta Sans", sans-serif; font-weight: 400;
	text-align: left; line-height: 1.5;}
p a { text-decoration:underline; }
p a:hover { color:#00455D; }

span {}
strong { font-weight:700; }
span.titletop { 
	display:inline-block; margin:0 0 10px; padding:5px 15px; border-radius:5px;
	background:#F6F6F7; color:#141414; font-weight: 500;  }


a { text-decoration:none; color:#00455D; transition: all 1s; }
a:hover { color:#00455D; }
a img { border: none; outline: none; }

@media(max-width:1200px){
	h1, h2, h3 { margin:0 0 20px; }
	h4, h5, h6 { margin:0 0 15px; }
	p { font-size:16px; margin:0 0 25px; }
}
@media(max-width:991px){
	h1 { font-size:45px; }
	h2 { font-size:40px; }
	h3 { font-size:36px; }
	h4 { font-size:30px; }
	h5 { font-size:28px; }
	h6 { font-size:24px; }
	p  { font-size:15px; line-height: 1.6;  margin:0 0 20px; }
}
@media(max-width:767px){
	h1, h2, h3 { margin:0 0 15px; }
	h4, h5, h6 { margin:0 0 10px; }
	h1 { font-size:40px; }
	h2 { font-size:34px; }
	h3 { font-size:32px; }
	h4 { font-size:28px; }
	h5 { font-size:24px; }
	h6 { font-size:20px; }
}
@media(max-width:575px){
	h1 { font-size:36px; }
	h2 { font-size:30px; }
	h3 { font-size:28px; }
	h4 { font-size:26px; }
	h5 { font-size:20px; }
	h6 { font-size:16px; }
	p { font-size:14px; }
}
::after,
::before { font-family: "Font Awesome 5 Free"; font-weight:900; }
.fab::after,
.fab::before {
	font-family: 'Font Awesome 6 Brands'; font-weight: 400;
}
a::after,
a::before { 
	display: inline-block; margin:0 8px 0 0; padding:0; }
.wp-block-button .wp-block-button__link,
a.white_button,
a.button {
  display: inline-flex;  flex-wrap: nowrap;             
  justify-content: center; align-items: center;
  border:1px solid #00455D; outline:none;
  margin: 0; padding:16px 30px;
  text-decoration: none; line-height: 1;
  border-radius: 50px;
  text-transform: capitalize;
  font-size: 13px; font-weight: 500;
  color: #fff; text-align: center; background:#00455D;
  white-space: nowrap; }

.wp-block-button .wp-block-button__link:hover,
a.button:hover { color: #00455D; background:#fff;}

a.white_button { color: #00455D;  background:#fff; border-color:#fff; }
a.white_button:hover { color: #fff; background:#00455D; border-color:#fff; }

a.button.whitebg { background:#fff; color:#00455D; border-color:#00455D; }
a.button.whitebg:hover { background: #00455D; color:#fff; }

a.line_button { text-decoration:none; color:#212121; border-bottom:2px solid #212121; }
a.line_button:hover { color:#00455D; border-color:#00455D; }


a.readmore { font-weight:500; color:#00276C; }
a.readmore span { display: inline-block; margin:0 5px 0 0; }
a.readmore::after { content:'\f178'; }
a.readmore:hover { color:#00455D; }

a.readback { font-weight:500; color:#00455D; }
a.readback::before { content:'\f060';}
a.contact-button { 
	color:#000; text-transform: uppercase; }


@media(max-width:767px){
	a.button {  }
	a.button:hover  {  }
}

/* ================================
   MENU
================================ */
.menu-area {
    margin: 0;
    width: auto;
    float: left;
    transition: all 0.4s ease;
}

/* TOP MENU */
.top-menu {
    width: 100%;
    float: left;
    padding: 0 50px 0 0;
    margin: 0;
    text-align: center;
}

.top-menu ul {
    float: right;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.top-menu ul li {
    float: left;
    position: relative;
    padding: 0 25px;
    line-height: 1em;
}
.top-menu ul li.menu-item-has-children { padding-right:32px; }
.top-menu a {
    font-size: 15px;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    position: relative;
    padding: 8px 0;
    display: inline-block;
}

.top-menu a:hover,
.top-menu a.active,
.current-menu-item a {
    color: #D4AF37;
}

/* ================================
   LINK UNDERLINE ANIMATION
================================ */
.top-menu ul li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 2px;
    background: #D4AF37;
    transition: width 0.4s ease;
}

.top-menu ul li a:hover::after {
    width: 100%;
}

/* ================================
   DROPDOWN MENU (DESKTOP)
================================ */
.top-menu .sub-menu {
    position: absolute;
    top: 38px;
    left: 4px;
    width: 250px;
    background: #f9f9f9;
    border-radius: 4px;
    z-index: 2001;

    /* animation */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px) scale(0.98);
    transition: opacity 0.3s ease,
                transform 0.3s ease,
                visibility 0.3s ease;
}

.top-menu .submenu-active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
}

.sub-menu li {
    width: 100%;
    border-bottom: 1px solid #eee;
}

.sub-menu li:last-child {
    border-bottom: none;
}

.sub-menu li a {
    width: 100%;
    display: block;
    padding: 10px 12px;
    font-size: 13px;
    font-weight: 400;
    color: #333;
    text-align: left;
}

.sub-menu li a:hover {
    background: #eee;
    color: #2d2d2d;
}

/* ================================
   DROPDOWN ICON
================================ */
.top-menu .drop-down-icon {
    position: absolute;
    right: 2px;
    top: 6px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.drop-down-icon i {
    transition: transform 0.3s ease;
}

.menu-item-has-children.active .drop-down-icon i {
    transform: rotate(180deg);
}

/* ================================
   MOBILE MENU
================================ */
.menu-button {
    display: none;
    cursor: pointer;
    float: right;
    width: 50px;
    height: 40px;
    font-size: 22px;
    color: #fff;
    background: none;
}

.menu-close {
    display: none;
    width: 30px;
    height: 30px;
    margin: 0 20px 0 0;
    float: right;
    text-align: center;
    line-height: 30px;
    font-size: 1.1em;
    background: rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    cursor: pointer;
}
.menu-logo { display: none; }
/* ================================
   RESPONSIVE STYLES
================================ */
@media (max-width: 1200px) {
	.menu-logo { display: block; text-align: center; width:100%; float:left; }
    .menu-button,
    .menu-close {
        display: block;
    }

    .menu-area {
        position: fixed;
        top: 0;
        left: 0;
        width: 0;
        height: 100vh;
        background: #fff;
        overflow: hidden;
        z-index: 2001;
        transition: width 0.4s ease;
    }

    .menu-area.menu-active {
        width: 100%;
        overflow-y: auto;
    }

    .top-menu {
        padding: 140px 0 50px;
    }

    .top-menu ul,
    .top-menu ul li {
        width: 100%;
        float: left;
        text-align: center;
        padding: 0;
    }

    .top-menu ul li {
        margin: 12px 0;
    }
    .top-menu ul li.menu-item-has-children { padding:0; }
    .top-menu a {
        font-size: 1.1em;
        font-weight: 600;
        color: #212121;
    }

    /* MOBILE DROPDOWN */
    .top-menu .sub-menu {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        background: transparent;

        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transform: translateY(-5px);

        transition: max-height 0.4s ease,
                    opacity 0.3s ease,
                    transform 0.3s ease;
    }

    .top-menu .submenu-active {
        max-height: 500px;
        opacity: 1;
        transform: translateY(0);
    }

    .sub-menu li a {
        font-size: 18px;
        padding: 8px 0;
        text-align: center;
    }

    .top-menu .drop-down-icon {
        right: 10px;
        top: 0;
        width: 30px;
        height: 34px;
        line-height: 34px;
        background: rgba(0, 0, 0, 0.05);
        color: #333;
        border-radius: 15px;
    }
}

/* ================================
   BODY LOCK
================================ */
.fixedPosition {
    overflow: hidden;
}



/* SPACING ------------------ */
.nopadding { padding:0 !important; }
.nomargin { padding:0 !important; }
.mt-40 { margin-top: 40px !important; } .mr-40 { margin-right: 40px !important; } .mb-40 { margin-bottom: 40px !important; } .ml-40 { margin-left: 40px !important; }
.mt-30 { margin-top: 30px !important; } .mr-30 { margin-right: 30px !important; } .mb-30 { margin-bottom: 30px !important; } .ml-30 { margin-left: 30px !important; }
.mt-20 { margin-top: 20px !important; } .mr-20 { margin-right: 20px !important; } .mb-20 { margin-bottom: 20px !important; } .ml-20 { margin-left: 20px !important; }
.mt-10 { margin-top: 10px !important; } .mr-10 { margin-right: 10px !important; } .mb-10 { margin-bottom: 10px !important; } .ml-10 { margin-left: 10px !important; }
.pt-40 { padding-top: 40px !important; } .pr-40 { padding-right: 40px !important; } .pb-40 { padding-bottom: 40px !important; } .pl-40 { padding-left: 40px !important; } 
.pt-30 { padding-top: 30px !important; } .pr-30 { padding-right: 30px !important; } .pb-30 { padding-bottom: 30px !important; } .pl-30 { padding-left: 30px !important; } .pt-20 { padding-top: 20px !important; } .pr-20 { padding-right: 20px !important; } .pb-20 { padding-bottom: 20px !important; } .pl-20 { padding-left: 20px !important; } .pt-10 { padding-top: 10px !important; } .pr-10 { padding-right: 10px !important; } .pb-10 { padding-bottom: 10px !important; } .pl-10 { padding-left: 10px !important; }

@media screen and (max-width:767px){
	.mt-md-40 { margin-top: 40px !important; } .mr-md-40 { margin-right: 40px !important; } .mb-md-40 { margin-bottom: 40px !important; } .ml-md-40 { margin-left: 40px !important; } .mt-md-30 { margin-top: 30px !important; } .mr-md-30 { margin-right: 30px !important; } .mb-md-30 { margin-bottom: 30px !important; } .ml-md-30 { margin-left: 30px !important; } .mt-md-20 { margin-top: 20px !important; } .mr-md-20 { margin-right: 20px !important; } .mb-md-20 { margin-bottom: 20px !important; } .ml-md-20 { margin-left: 20px !important; } .mt-md-10 { margin-top: 10px !important; } .mr-md-10 { margin-right: 10px !important; } .mb-md-10 { margin-bottom: 10px !important; } .ml-md-10 { margin-left: 10px !important; }
	.pt-md-40 { padding-top: 40px !important; } .pr-md-40 { padding-right: 40px !important; } .pb-md-40 { padding-bottom: 40px !important; } .pl-md-40 { padding-left: 40px !important; } .pt-md-30 { padding-top: 30px !important; } .pr-md-30 { padding-right: 30px !important; } .pb-md-30 { padding-bottom: 30px !important; } .pl-md-30 { padding-left: 30px !important; } .pt-md-20 { padding-top: 20px !important; } .pr-md-20 { padding-right: 20px !important; } .pb-md-20 { padding-bottom: 20px !important; } .pl-md-20 { padding-left: 20px !important; } .pt-md-10 { padding-top: 10px !important; } .pr-md-10 { padding-right: 10px !important; } .pb-md-10 { padding-bottom: 10px !important; } .pl-md-10 { padding-left: 10px !important; } 
}
@media screen and (max-width:575px){
	.mt-sm-40 { margin-top: 40px !important; } .mr-sm-40 { margin-right: 40px !important; } .mb-sm-40 { margin-bottom: 40px !important; } .ml-sm-40 { margin-left: 40px !important; } .mt-sm-30 { margin-top: 30px !important; } .mr-sm-30 { margin-right: 30px !important; } .mb-sm-30 { margin-bottom: 30px !important; } .ml-sm-30 { margin-left: 30px !important; } .mt-sm-20 { margin-top: 20px !important; } .mr-sm-20 { margin-right: 20px !important; } .mb-sm-20 { margin-bottom: 20px !important; } .ml-sm-20 { margin-left: 20px !important; } .mt-sm-10 { margin-top: 10px !important; } .mr-sm-10 { margin-right: 10px !important; } .mb-sm-10 { margin-bottom: 10px !important; } .ml-sm-10 { margin-left: 10px !important; }
	.pt-sm-40 { padding-top: 40px !important; } .pr-sm-40 { padding-right: 40px !important; } .pb-sm-40 { padding-bottom: 40px !important; } .pl-sm-40 { padding-left: 40px !important; } .pt-sm-30 { padding-top: 30px !important; } .pr-sm-30 { padding-right: 30px !important; } .pb-sm-30 { padding-bottom: 30px !important; } .pl-sm-30 { padding-left: 30px !important; } .pt-sm-20 { padding-top: 20px !important; } .pr-sm-20 { padding-right: 20px !important; } .pb-sm-20 { padding-bottom: 20px !important; } .pl-sm-20 { padding-left: 20px !important; } .pt-sm-10 { padding-top: 10px !important; } .pr-sm-10 { padding-right: 10px !important; } .pb-sm-10 { padding-bottom: 10px !important; } .pl-sm-10 { padding-left: 10px !important; }
}
.sm-show { display:none; }

@media screen and (max-width:767px) {
	.sm-hide { display:none; }
	.sm-show { display:block; }
}

/* LISTING ------------------ */
ul, ol {}
ul li, ol li {
	position: relative;
	margin:0 0 10px; padding:0 0 0 20px; }
ul li a, ol li a { text-decoration: underline; }
ul.nostyle {
	list-style: none; margin:0; padding:0;
}ul.nostyle li {  }
ul.listing { 
	width:100%; float:left; list-style: none;
	margin:0; padding:0; }
ul.listing strong { font-weight:600; }
ul.listing li  { 
	position:relative; padding:0 0 10px 20px; margin:0; }
ul.listing li::before { 
	position:absolute; top:0; left:0; content:'-'; }
ul.listing li a {}

/* FORM CONTENT ----------*/
input[type="text"], input[type="tel"], input[type="number"],
input[type="date"], input[type="email"], 
textarea, select, option {
	color:#6C757D; font-size:13px; font-weight:400;
	background:none; border:1px solid #A8A8A8; }
input[type="text"], input[type="tel"], input[type="number"],
input[type="date"], input[type="email"] { 
	width:100%; height:46px;  border-radius:6px;
	padding:10px 15px; margin:0 0 0;
  border:1px solid #ddd; background:#fff; }
input[type="date"] {
	 }
input[type="number"] {
	 }
select {
	width:100%; height: 40px; 
	padding:10px 15px; margin:0 0 15px; }
textarea { 
	width:100%; height: 100px; padding:10px 15px; margin:0 0 30px;
	resize:none; outline: none; border-radius:6px; background:#fff; border:1px solid #ddd; }
input[type="submit"],
input[type="button"]{
	transition: all 1s; 
	display: flex; justify-content: center; align-items:center; gap: 10px; 
	margin:0; padding:15px 40px; line-height: 1;
	text-decoration: none; 
	border-radius: 50px; text-transform: capitalize;
	font-weight:500; font-size:14px; color:#fff; text-align: center;
	background:#00455D; border:1px solid #00455D; }


input[type="submit"]:hover,
input[type="button"]:hover { 
	background:#fff; color:#00455D; border-color:#00455D; }
button { border:none; outline:none; background:none; }

/* CONTACT FORM 7 */
.wpcf7 form .wpcf7-response-output { margin:0; border-radius:5px; }

/* -------------------------------- */
/* Owl Carousel v2.2.1------------- */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

/** theme */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}

/* CUSTOM NAV */
.owl-carousel .owl-nav {
/* 	position: absolute; top:35%; right:0; z-index: 2001; */ }
.owl-carousel .owl-nav div {
	width:35px; height:35px; line-height:36px;
	margin:0; padding:0; float: left; color:#7D7D7D; text-align:center; font-size:17px;
	background: #fff; border-radius:3px; }
.owl-carousel .owl-nav div.owl-next { position: absolute; top:40%; right:30px; }
.owl-carousel .owl-nav div.owl-prev { position: absolute; top:40%; left:30px;  }
.owl-carousel .owl-nav div:hover { background: #00455D; }
.owl-carousel .owl-dots {
	position: absolute; width:100%; bottom:0;
	margin:10px 0 10px;
	text-align: center; }
.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	width:10px; height: 10px;
	margin:0 3px; padding:0;
	background: #CCCFCE; border-radius:10px;
	-webkit-border-radius:10px; -moz-border-radius:10px; }
.owl-carousel .owl-dots .owl-dot.active {
	background:#00455D; }
.next-slide, .prev-slide { cursor: pointer; }
@media(max-width:767px){
	.owl-carousel .owl-nav { display: none; }
}

.service_listing .owl-carousel .owl-dots { position: relative; margin:20px 0 0;}

.leaderboard_listing .owl-carousel .owl-dots { position: relative; margin:20px 0 0; padding:0; }

/* -------------------------------- */
/* LAYOUT STYLE ------------------- */

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1300px;
  }
}
.full-block { width:100%; float:left; }
.half-block { width:50%; float:left; }
.section { 
	overflow: hidden;
	width:100%; float:left;
	margin:0; padding:60px 0; }
@media(max-width:1200px){
	.section { padding:40px 0; }
}
@media(max-width:991px){
	.section { padding:30px 0; }
}
.whatsappCall {
	width:60px; height:60px;
	position: fixed; bottom:70px; right:30px; z-index:  2003;
	animation: bounce 1s infinite;
}
.phoneCall {
	width:45px; height:45px;
	position: fixed; bottom:30px; right:110px; z-index: 2003;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0); }
  40% {
    transform: translateY(-10px); }
  60% {
    transform: translateY(-5px); }
}
a.backtotop {
    position: fixed; bottom: 25px; right: 36px; z-index: 1000;
    background-color: #ffffff20;
    font-size: 13px; color: #fff;
    padding:8px 20px;
    border-radius:50px;
    text-decoration: none;
    display: none; /* Hidden initially */ }
a.backtotop:hover {
    background-color: #000; }
a.backtotop span i {
    margin-left: 5px; }
/* HEADER ---------------------------*/ 

.header { 
	width:100%; float:left; transition: all 0.5s ease-out;
	padding:20px 0 0 0; margin:0px auto 0;
  background:none; position: fixed; top:0;  z-index: 2001; }
.header-block { 
	width:100%; flex-direction:row; display: flex; align-items: center; justify-content: space-between; } 
.fixed-header { top:-200px; }
.logoblock {padding:0; margin:0; }
.navblocks { padding:0 0 0 0; }

.logo { 
	width:100%; float:left; position:relative; }
.logo a {
	position:relative;
	border:none; margin:0; float:left; }
.logo a img { max-width:240px; width:100%; }

.header .button { background:#fff; color:#00455D; border-color:#fff; }

.navstrip { 
	display: flex; justify-content: space-between; align-items: center; flex-direction: row; }

.clicktocall {
  display: flex; align-items: center; white-space: nowrap; gap: 10px;
  text-decoration:none; color:#fff;
  margin:0 15px 0 0; padding:0; }
.clicktocall i {
	border-radius: 40px;
	background:#00455D; display:flex; align-items:center; justify-content:center; width:40px; height:40px; }
.clicktocall span { 
	font-family: "Playfair Display", serif; font-size:17px;
	display: inline-block; font-weight:500; }
.clicktocall:hover { text-decoration: none; color:#fff; }

.navcontainer { 
	display:flex; padding:10px 0;
	justify-content:center; align-items:center; }



@media(max-width:1200px){
	.navcontainer { justify-content: flex-end; position: relative; }
	.navcontainer .menu-button {  }
	.header .icon_contact { display: none; }
	.navstrip {  justify-content: end; }
}

@media(max-width:767px){
	.navblocks { width:60%; }
	.logoblock { width:40%; }
}
@media(max-width:575px){
	.navblocks { width:50%; }
	.logoblock { width:50%;}
	.logo { padding:10px 10px 0; }
}
/* LISTING -------------- */
ul.social-menu { 
	display:inline-block; list-style: none;
	margin:0; padding:0; }
ul.social-menu li { 
	width:auto; float:left; clear: none; 
	margin:0 10px 0 0; padding:0; }
ul.social-menu li a {
	background:none; color:#fff; border:1px solid #ffffff60;
  border-radius:4px; }
ul.social-menu li a svg { font-size:16px;}
ul.social-menu li a svg path { color:#fff !important; }

ul.addresslist { margin:0 0 10px; list-style:none; padding:0;}
ul.addresslist li { margin:0; padding:0 0 10px 25px; }
ul.addresslist li::before { 
	content:'-'; font-size:16px; line-height: 1;
	background:none; position:absolute; top:4px; left:0; }
ul.addresslist li.location::before { content:'\f3c5'; }
ul.addresslist li.phone::before { content:'\f095'; font-size:15px;}
ul.addresslist li.email::before { content:'\f658'; }
ul.addresslist li.location::before { content:'\f3c5'; }
ul.addresslist li.clock::before{ content:'\f017';}
ul.addresslist li a { text-decoration:none; color:#212121; }
ul.addresslist li a:hover { color: #00455D; }
@media screen and (max-width:575px){
	ul.addresslist li { padding:0 0 10px; }
	ul.addresslist li::before { position: relative; margin:0 10px 0; top:0; }
}

ul.iconlist { margin:0 0 10px; list-style:none; padding:0;}
ul.iconlist li { margin:0; padding:0 0 10px 25px; }
ul.iconlist li::before { 
	content:'-'; font-size:16px; line-height: 1;
	background:none; position:absolute; top:4px; left:0; }
ul.iconlist li a { text-decoration:none; }
ul.iconlist li a:hover { color:#f7921e; }

@media screen and (max-width:575px){
	ul.iconlist li { padding:0 0 10px; }
	ul.iconlist li::before { position: relative; margin:0 10px 0; top:0; }
}

ul.iconlist li.email::before { content:'\f658'; }
ul.iconlist li.phone::before { content:'\f095'; font-size:15px;}
ul.iconlist li.location::before { content:'\f3c5'; }
ul.iconlist li.map::before { content:'\f279'; }


/* FOOTER -------------------- */

.social_strip { 
  width:100%; float:left; background:#fff;
  padding:40px 0; margin:0; text-align:left; }
.social_strip p { margin:20px 0 0; padding:0; text-align:inherit; }


@media screen and (max-width:991px){
	
}
@media screen and (max-width:575px){
    .social_strip { text-align: center; }
}
.footer { 
  width:100%; float:left; color:#fff; text-align: left;
	margin:0; padding:50px 0px 10px;
	background:#fff; border-bottom:1px solid rgba(256,256,256,0.1); }


.footer-container { width:100%; float:left; padding:50px 0 0; border-top:1px dashed #333; }

.footer h5 { font-size:24px; text-align: inherit; }
.footer p { color:#2A2A2A; font-size:15px; text-align: inherit; }
.footer ul { list-style: none; margin:0 0 30px; padding:0; }
.footer ul li { list-style: none; margin:0; padding:0 0 15px 20px; }
.footer ul li::before { content:'-'; color:#2A2A2A; position: absolute; left:0; top:0;   }
.footer ul li a { font-size:15px; text-decoration:none; color:#2A2A2A; }
.footer ul li a:hover { color:#00455D; }

.footer ul.social-menu { margin:-10px 0 30px 0; padding:0; }
.footer ul.social-menu li { padding:0; margin:0 5px 0 0; }
.footer ul.social-menu li a { 
	display: flex; align-items: center; justify-content: center;
	width:30px; height:30px; background:rgba(0,0,0,0.1); font-size:14px; }
ul.contactinfo {}
ul.contactinfo li {
  list-style: none;
  color: #333;
  padding: 3px 0 15px 35px;
   }
ul.contactinfo li::before { top:5px;
	width:25px; height:25px; content:'-'; }
ul.contactinfo li a { text-decoration:none; }
ul.contactinfo li.email::before  { 
  content:'\f0e0'; font-weight:500; }
ul.contactinfo li.phone::before { 
  content:'\f095'; font-weight:600; }
ul.contactinfo li.working::before { 
  content:'\f017'; font-weight:500; }

.copycat { 
	width:100%; float:left; margin:0; padding:20px; text-align: center;
	background:#F6F6F6; border-radius:10px; }
.copycat p { 
	font-size: 14px; color:#2A2A2A; 
	text-align: inherit; margin:0; padding:0; }




@media screen and (max-width:991px){
	
}
@media screen and (max-width:767px){
	
}
@media screen and (max-width:575px){
	.footer { text-align: center; }
	.footer ul li { padding:5px 0; }
	.footer ul li::before { position: relative; display:none; }
	.footer ul.contactinfo li { display:flex; justify-content:center; align-items:center; gap:10px;}
	.footer ul.contactinfo li::before { display: inline-block; }
}

/* BANNERS -------------------------- */
.banner { 
	width:100%; float:left; text-align:center; position: relative;
	padding:0; }
.banner-slider {
	width: 100%; border-radius: 0; overflow: hidden;
	float: left; position: relative;
}

.banner-caption { 
	margin:0; padding:100px 0 0; 
	text-align: left; transform: translateY(-50%);
	width:100%; float:left; position:absolute; top:50%; left:0; z-index:20;}

.caption-container { width:100%; margin:0 auto; }

.banner-caption h1 { 
	width:100%; 
	margin:0 0 20px; padding:0; line-height: 1.1;
	text-transform: capitalize; text-align: inherit;
	color:#fff; font-size:64px; 

 
}

.banner-caption p { 
	font-family: "Playfair Display", serif;
	width:100%; text-align: inherit; margin:0 auto 30px;
	font-size:18px; font-weight:600; color:#fff; }
.banner-caption a.button { 
	 border:none; }
.banner-caption a.button:hover {
	}

.banner-image {
	width:100%; float:left;
  overflow: hidden; position: relative; }
.banner-image::after {
	position:absolute; top:0; left:0;  z-index:5;
	content:''; width:100%; height:100%; 
	background: rgb(0,0,0,0.5); } 
.banner-image img {
	width:100%; height:850px; float:left;
	object-fit: cover; object-position:center; 

  transform: scale(1.1);
  transition: transform 10s ease;
  will-change: transform;}
.banner-image.zoom img {
  transform: scale(1.2); }


.banner-slider .owl-carousel .owl-nav div {
	font-size:12px; line-height: 3;
	width:40px; height:40px; text-align:center; top: auto; bottom:50%;
	border-radius: 40px; background:none; border:1px solid #fff; color:#fff;
}
.banner-slider .owl-carousel .owl-nav div.owl-prev { left:20px; }
.banner-slider .owl-carousel .owl-nav div.owl-next { right:20px; }

.banner-slider .owl-carousel .owl-dots { position:absolute; width:100%; bottom:5px; }

@media(max-width:1500px){
	.banner-caption h1 { font-size:62px;}
}
@media(max-width:1200px){
	.banner-form { max-width:300px; }
	.banner-caption { padding-left:80px; }
	.banner-caption h1 { font-size:46px; margin:0 0 10px;}
	.banner-caption p { font-size:16px; }
	.banner-image img { height: 600px; }
	
}

@media(max-width:991px){
	.banner-caption { padding-left:0px; }
	.banner-caption h1 { font-size:36px;}
	.banner-caption p { font-size:14px; }
	.banner-image img { height:550px; }
}
@media(max-width:767px){
	.banner-form { display: none; }
	.banner-image img { height:460px; }
}
@media(max-width:575px){
	.banner-image img { height:400px; }
	.banner-caption { text-align:center; padding:80px 30px 30px; }
	.banner-caption h1 { font-size:26px; text-align: center; }
	.banner-caption p { display: none; text-align: center; }
}



.inner-banner-image {
	width:100%; float:left;
  overflow: hidden; position: relative; }
.inner-banner-image::after {
	position:absolute; top:0; left:0;  z-index:5;
	content:''; width:100%; height:100%; 
	background: rgb(0,0,0,0.5); } 
.inner-banner-image img {
	width:100%; height:450px; float:left;
	object-fit: cover; object-position:center; 
}

.banner-title {
	width: 100%; 
	position: absolute; bottom:20%; left:0; z-index: 1001;
	text-align: center; }
.banner-title h2 { color:#fff; text-align:center; margin:0 0 15px; }
.banner-title ul { list-style: none; float:none; margin:0 auto; padding:0; }
.banner-title ul li { color:#fff; display:inline-block; margin:0; padding:0 15px 0 5px; }
.banner-title ul li::after { content:'/'; position: absolute; top:0; right:0; }
.banner-title ul li:last-child { padding-right:5px; }
.banner-title ul li:last-child::after { display: none; }
.banner-title ul li a { color:#fff; text-decoration:none; }
.banner-title ul li a:hover { color:#BE1E2D; }


/* HOME PAGE ---------------------------------- */

.intro-content { background:#00455D; }
.intro-content h3 { color:#fff; margin:0; padding:0; }
.intro-content p { color:#fff; }


.welcom-content { width:100%; float:left; position:relative; }


.iconblock { 
	display: flex; justify-content: start; gap: 30px; align-items: center; 
  margin:30px 0 0; padding:20px; background:rgba(256,256,256,0.1);
  border-radius:15px; }
.iconblock img { max-width:54px; }
.iconblock span { color:#fff; font-size:16px; font-weight:500; }


@media screen and (max-width:991px){
	.welcom-content { margin-top:20px; }
  .iconblock { margin:20px 0 0; gap:20px; }
	.iconblock img { max-width:40px; }
	.iconblock span { font-size:16px; }
}
.home_services { 
	position: relative;
	width:100%; margin:0; 
	overflow: hidden; }
.home_services h2 {  }
.home_services .service_listing { margin-top:20px; }

.service-thumb {
  position: relative;
  overflow: hidden; }
.service-link {
	width:100%; float:left; margin:0 0 20px; padding:0;
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit; overflow: hidden; }

.service-link img {
  width: 100%; display: block; 
  border-radius: 12px; }
.service-overlay { 

	width:100%; text-align: left;}
.service-overlay .service-title {
	display: block;
	font-size:22px; margin:0 0 20px; padding:0;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-weight: 600; }

@media screen and (max-width:991px){
	.service-overlay .service-title { font-size:20px;  margin:0 0 10px;}
}
@media screen and (max-width:991px){
	.service-overlay .service-title { font-size:18px; }
}

.services-block {
	width:100%; margin:0 0 30px; padding:30px 40px;
	border:1px dashed #0E284A; border-radius:20px; }
.services-block ul { margin:0; padding:0; list-style: none; }
.services-block ul li { margin:0; padding:0 0 10px 30px; }
.services-block ul li::before { color:#0E284A; content:'\f185'; position:absolute; left:0; }

.home_features { 
	position: relative;
	width:92%; margin:20px auto;
	padding:50px; border-radius: 20px; 
	overflow: hidden;
	text-align: center; background:#EAEAEA; }

.featured-listing { margin-top:20px;  margin-bottom:40px; }

.featured-listing img { border-radius: 1000px;}
.featured-listing h5 { 
	padding:0 0 0 35px;  position:relative; }
.featured-listing h5::before { 
	font-size:0.9em;
	content:'\f50c'; font-weight:500; position:absolute; top:4px; left:0; 
	font-family: "Font Awesome 6 Brands"; }

@media screen and (max-width:575px) {
	.home_features { padding:20px;}
	.featured-listing h5 { padding:0 0 0 25px; }
}

.home_leaderboard { 
  position: relative;
  width:100%; margin:0; 
  overflow: hidden; }
.home_leaderboard h2 {  }
.home_leaderboard .leaderboard_listing { margin-top:20px; }
.leaderboard-thumb {
  position: relative; float:left;
  overflow: hidden; }

.leaderboard-link {
	width:100%; float:left; margin:0 0 20px; padding:0;
  display: block; border-radius: 12px;  overflow: hidden;
  position: relative;
  text-decoration: none;
  color: inherit; overflow: hidden; }

.leaderboard-link img {
  width: 100%; display: block; 
 
    filter: grayscale(100%);
    transition: all 0.5s ease;
    will-change: filter, transform;
}

.leaderboard-link:hover img {
    filter: grayscale(0%); 
    transform: scale(1.03);
}

.leaderboard-overlay { 
	width:100%; float:left; text-align: left;}


.leaderboard-thumb h6 { font-family: "Plus Jakarta Sans", sans-serif; font-weight: 600; margin:0 0 10px; }
.leaderboard-thumb span { color:#00455D; font-size:16px; }


.bgblock {
	padding:30px;
	width:100%; height:100%; display:flex; 
	flex-direction:column; justify-content: center; align-items: start; 
	border-radius: 20px;  }
.bgblock h6 { font-family: "Plus Jakarta Sans", sans-serif; font-size:18px; font-weight: 600; }
.bgblock p { color:#666; }
.border-image { border-radius:20px; }
.vision_mission img { height:100%; object-fit:cover; }



@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}




.testimonial-strip h2 { text-align: center;  }
.testimonial-strip p { text-align: center; }

.testimonial-strip h6 {text-align: center; color:#0E284A; }

.testimonials-block {
  width:99.5%; float:left;
  margin:0; padding:30px 30px 40px;
  border:1px dashed #B3B3B3; border-radius: 15px; }
.testimonials-block p { 
  margin:10px 0 0; padding:0; text-align: left; font-size:15px; }
.testimonials-block h5 { 
	font-weight: 600; font-size:24px;}
.testimonials-block h6 { 
  width:100%; float:left; font-size:18px;
  margin:15px 0 0; padding:0; text-align:left;  }
.starcontnet { color:#FFBA07; padding-bottom:10px; }




.images_strip {
	position:relative; 
	overflow: hidden;
	width:100%; float:left; padding:100px 0; margin:0;
	text-align: center;
	background-image: url('../images/cover_image1.jpg');
	background-size:cover; background-position: center; }
.images_strip::before { 
	content:'';z-index: -1;
	width:100%; height:100%;
	background:rgba(26,54,93,0.9);
  position: absolute; top:0; left:0; }
.images_strip h3 { text-align: inherit; color:#fff;}
.images_strip p { max-width:70%; margin:0 auto 30px; color:#fff; text-align: inherit; }

@media screen and (max-width:767px){
	.images_strip { padding:50px 0; }
	.images_strip p { max-width:90%; margin:0 auto 20px; }
}
@media screen and (max-width:575px){}











/* SERVICE PAGE ------- */
.service_page-strip {}
.service_page-strip .zonal_desc { 
	padding:30px;
	position:relative; top:auto; bottom:auto;
	opacity:1; display:block; }
.service_page-strip .department_thumb { height:100%; }

.service_page-strip .department_thumb img { height:240px; border-radius:0; }



.contactform_strip {
	width:100%; float:left; border-radius: 20px;
	padding:50px; margin:0;
	background: #edf7ff; }

.contactform_strip ul.addresslist { margin:30px 0 0; padding:0; width:100%; float:left; }
.contactform_strip ul.addresslist li { padding-bottom:20px;  color:#0E284A; }
.contactform_strip ul.addresslist li a { color:#0E284A; }
.contactform_strip ul.addresslist li::before { color:#0E284A; }
.contactform_strip ul.addresslist li.whatsapp a,
.contactform_strip ul.addresslist li.phone a { font-weight:600; font-size:18px; }
.contactform_strip ul.addresslist li.phone::before { top:7px; }
.writetous { font-size:15px; }
.writetous p { font-size:14px; }
.writetous label { width:100%; float:left; margin:20px 0 5px 0; padding:0;  font-weight: 500; color:#888; }


.booking-form { 
	width:100%; float:left; margin:0 0 30px; background: #edf7ff; padding:40px;
	border-radius:10px; }
.booking-form h5 { margin:0; }
.booking-form p { font-size:14px; }
.booking-form label { width:100%; float:left; margin:20px 0 0 0; padding:0; }
.booking-form input { margin:0; background:#fff; border:none; }
.booking-form textarea { margin:0;  background:#fff; border:none; }
.booking-form input[type="submit"]{ background:#F6A720; color:#fff; font-weight:600; }

@media screen and (max-width:767px){
	.contactform_strip ul.addresslist li br { display: none;  }
	.contactform_strip { padding:30px; margin:0; }
	.booking-form { padding:30px; }
}




















































/* -------------------------------- */
/* ABOUT PAGE --------------------- */

.valueblock-container {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.valueblock {
  background: #1a576d;
  color: #fff;
  padding: 40px;
  border-radius: 10px;
  flex: 1 1 calc(33.333% - 30px); /* 3 blocks - large screens */
}
.valueblock h5 { text-align: center; color:#fff; }
.valueblock p { text-align: center; color:#fff; margin:0; }
.whyvertis .valueblock h5 { margin:0; }

/* Medium screens – 2 blocks */
@media (max-width: 991px) {
  .valueblock {
    flex: 1 1 calc(50% - 30px);
  }
}

/* Small screens – 1 block */
@media (max-width: 575px) {
  .valueblock {
    flex: 1 1 100%;
  }
}


/* CONTACE PAGE --------------*/


.googlemaps {
	width: 100%; float:left; margin:0; }
.googlemaps iframe { 
	width: 100%; float:left; height: 450px; border:none; outline:none; }


@media screen and (max-width:991px){
	.googlemap iframe { height:350px; }
}

@media screen and (max-width:767px){
	
}
@media screen and (max-width:575px){
	
}