@font-face {font-family: "Oswald-VariableFont_wght";font-display: swap;src: url("../fonts/Oswald-VariableFont_wght.ttf");}
@font-face {font-family: "Inter-Light";font-display: swap;src: url("../fonts/Inter-Light.ttf");}
@font-face {font-family: "Inter-Regular";font-display: swap;src: url("../fonts/Inter-Regular.ttf");}
@font-face {font-family: "KumarOneOutline-Regular";font-display: swap;src: url("../fonts/KumarOneOutline-Regular.ttf");}
@font-face {font-family: "BebasNeue-Regular";font-display: swap;src: url("../fonts/BebasNeue-Regular.ttf");}

html{scroll-behavior: smooth;}
body{margin: 0;padding: 0;box-sizing: border-box;
overflow-x: hidden!important;}
:root {--yellow: #183e60;}
:root {--light-blue: #7da7ca;}

.wrapper{height: 100vh;}
.wrappar-otherpage{height: auto;}
.wrapper .container{max-width: 85%;}
.wrapper .carousel-indicators{cursor:pointer;}
.wrapper .carousel-indicators .active {background-color: #fff;}
.wrapper .carousel-fade .carousel-item {opacity: 0;transition-duration: .6s;transition-property: opacity;}
.wrapper .carousel-fade  .carousel-item.active,
.wrapper .carousel-fade  .carousel-item-next.carousel-item-left,
.wrapper .carousel-fade  .carousel-item-prev.carousel-item-right {opacity: 1;}
.wrapper .carousel-fade .active.carousel-item-left,
.wrapper .carousel-fade  .active.carousel-item-right {opacity: 0;}
.wrapper .carousel-fade  .carousel-item-next,
.wrapper .carousel-fade .carousel-item-prev,
.wrapper .carousel-fade .carousel-item.active,
.wrapper .carousel-fade .active.carousel-item-left,
.wrapper .carousel-fade  .active.carousel-item-prev {transform: translateX(0);transform: translate3d(0, 0, 0);}
.wrapper .carousel-fade .carousel-item-next, .carousel-fade .carousel-item-prev, .carousel-fade .carousel-item.active, .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-prev{
height: 100%;}
.carousel-fade, .carousel-inner{height: 100%;}
.carousel-item img{object-fit: cover;height: 100%;}
.carousel-item .inner-carousel{position: absolute;top: 0;right: 0;width: 45%;-webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 58% 100%);z-index: 9;
clip-path: polygon(0 0, 100% 0, 100% 100%, 58% 100%);height: 100%;
animation-duration: 0.4s;animation-delay: 0.6s;}
.inner-carousel-shadow{position: absolute;top: 0;right: 0;width: 50%;
-webkit-clip-path: polygon(0 0, 100% 100%, 100% 0);
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 60% 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 60% 100%);height: 100%;
background-color: var(--light-blue);
animation-duration: 0.3s;animation-delay: 0.5s;}
.wrapper .carousel-inner:after{background-color: rgb(0 67 129 / 20%);content: "";position: absolute;width: 100%;
left: 0;right: 0;bottom: 0;height: 100%;}
.wrapper .carousel-inner:before {content: "";position: absolute;width: 100%;z-index: 9;
background: rgb(34,193,195, 50%);
background: linear-gradient(0deg, rgba(3,193,243,0) 0%, rgb(25 62 94 / 69%) 100%);left: 0;right: 0;
bottom: 0;height: 100%;}
.social-media{position: absolute;height: 100%;left: 0;top: 0;bottom: 0;width: 80px;
background-color: rgba(39, 39, 39, 0);}
.social-media ul li{padding: 10px 0px;list-style-type: none;}
.social-media ul li img{width: 16px;filter: invert(80%);}
.social-media{display: grid;align-items: flex-end;padding-bottom: 20px;}
.social-media ul{position: relative;}
.social-media ul:after{content: "";width: 1px;height: 60px;background-color: #ccc;position: absolute;top: -35%;left: 0;right: 0;
left: 60%;-webkit-transform: translate(-100%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.slider-text{ position: absolute;z-index: 12;width: 35%;top: 50%;left: 25.5%;-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.slider-text h1{color: #f7f7f7;font-family: "BebasNeue-Regular";margin-bottom: 20px;font-size: 60px;text-transform: uppercase;
line-height: 60px;-webkit-animation-delay: .4s;animation-delay: .4s;font-weight: 400;letter-spacing: 12px;}
.slider-text h1 span{font-size: 24px;display: grid;letter-spacing: 4px;}
.slider-text p{color: #f7f7f7;font-family: "Inter-Light";letter-spacing: 0.8px;font-size: 16px;
line-height: 28px;}
.slider-text button{border: 1px solid #f7f7f7;color: #f7f7f7;padding: 12px 50px;
font-family: "BebasNeue-Regular";
background-color: transparent;border-radius: 0;letter-spacing: 4px;margin-top: 25px;
font-size: 18px;transition: 0.2s;}
.slider-text button:hover{background-color: #fff;color: #272727;}
.arrow {position: absolute;bottom: 5%;width: 90px;left: 8%;height: 40px;display: flex;z-index: 10;
justify-content: space-between;}
.arrow .arrow-box{width: 40px;}
.arrow .arrow-box a{width: 40px;border-radius: 50%;border: 1px solid #fff;}
.arrow .arrow-box img {width:30px;padding: 8px;}
.carousel-control-next, .carousel-control-prev{opacity: 0.8;}
.carousel-indicators{display: grid;right: 2.5%;bottom: 2.5%;left: unset;margin-right: 0;}
.carousel-indicators li {width: 10px;height: 10px;margin: 4px;border-radius: 50%;}
.carousel-indicators .active {background-color: #fff;}


.modal{z-index: 99999;}
.modal-body{background-color: #fff;opacity: 1;align-items: center;text-align: center;padding: 50px;}
.modal-body img{width: 200px;}
.modal-body h2{font-family: "BebasNeue-Regular";font-size: 40px;letter-spacing: 2px;padding-bottom: 0;margin-bottom: 0;}
.modal-body h6{font-family: "Inter-Regular";font-size: 16px;padding-top: 0;}
.modal-body h4{color: var(--yellow);text-align: center;border-radius: 50px;
font-family: "BebasNeue-Regular";font-size: 32px;text-transform: uppercase;margin-bottom: 15px;
letter-spacing: 1px;}
.form-btn{display: block;background-color: var(--yellow);color: #fff;border-radius: 0;
font-family: "BebasNeue-Regular";letter-spacing: 5px;font-size: 18px;padding-top: 14px;padding-bottom: 12px;
cursor: pointer;text-align: center;}

.modal-body .form-control{border: 0.5px solid #ccc;background-color: rgba(255, 255, 255, 0.9);
color: #222;
border-radius: 0px;padding: 15px 25px;margin-bottom: 10px;}
.modal-body .form-control::placeholder{color: #222;}
.modal .close{color: #222;opacity: 1;right: 15px;position: absolute;z-index: 9999999!important;top: 15px;
padding: 6px 10px;border-radius: 50px;padding-top: 3px;width: 40px;height: 40px;border: 1px solid #ccc;}

@-webkit-keyframes zoom {
  from {-webkit-transform: scale(1, 1);}
  to {-webkit-transform: scale(1.5, 1.5);}
}

@keyframes zoom {
from {transform: scale(1, 1);}
to {transform: scale(1.2, 1.2);}
}
.carousel-inner .carousel-item > img {-webkit-animation: zoom 30s;animation: zoom 30s;}

.log-s{background-color: #272727;padding: 25px;position: absolute;top: 0;left: 0;z-index: 99;}
.log-s img{width: 120px;}
.log-t{display: none;}
.navbar-light .navbar-nav .nav-link{color: rgba(255, 255, 255, 1);}
.navbar-light .navbar-nav .nav-link:hover{color: var(--light-blue)!important;}
.navbar .navbar-brand{font-size: 28px;color: #fff;}
.navbar {position:absolute; left:0; top:0; width:100%; z-index: 99; padding-top: 8px;
padding-bottom: 8px;background: transparent;transition: all 0.3s;}
.navbar .container{min-width: 75%;padding: 0px 0px;}
.navbar.compressed {padding-top: 9px;padding-bottom: 9px;background: #03254c!important;
color: #000!important;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);}
.navbar-nav .nav-link{font-family: "Oswald-VariableFont_wght";color: #fff;font-size: 14px;
padding: 8px 15px;letter-spacing: 2px;font-weight: 300;text-transform: uppercase;}
.navbar-brand img{width: 135px;}
body.fixed .navbar{position: fixed; top: 0; z-index: 99; background:#183e60; animation: menu_link_an 500ms forwards; }
@keyframes menu_link_an {
0%{transform:translateY(-50px)}
100%{transform:translateY(0)}
}

::selection {color: #fff;background-color: #8167a9;}
::-moz-selection {color: #fff;background-color: #8167a9;}
.navbar-toggler {float: right;border: none;padding-right: 0;}
.navbar-toggler:active,
.navbar-toggler:focus {outline: none;}
.navbar-light .navbar-toggler-icon {width: 24px;height: 17px;background-image: none;position: relative;
border-bottom: 1px solid #fff;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after,
.navbar-light .navbar-toggler-icon:before {width: 24px;position: absolute;height: 1px;background-color: #fff;
top: 0;left: 0;content: "";z-index: 2;transition: all 300ms linear;}
.navbar-light .navbar-toggler-icon:after {top: 8px;}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg);}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}
.nav-link {transition: all 200ms linear;}
.nav-item:hover .nav-link {color: #fff !important;}
.nav-item.active .nav-link {color: #699bc6!important;font-weight: 400;}
.nav-link {position: relative;display: inline-block;}
.nav-item:after {position: absolute;bottom: -5px;left: 0;width: 100%;height: 2px;content: "";
background-color:var(--light-blue);opacity: 0;transition: all 200ms linear;}
.nav-item:hover:after {bottom: 0;opacity: 1;}
.nav-item.active:hover:after {opacity: 0;}
.nav-item {position: relative;transition: all 200ms linear;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(255,255,255,1);
}
.bg-light {transition: all 200ms linear;}
#switch,
#circle {cursor: pointer;-webkit-transition: all 300ms linear;transition: all 300ms linear;}
#switch {width: 60px;height: 8px;border: 2px solid #8167a9;border-radius: 27px;background: #000;
position: relative;display: block;margin: 0 auto;text-align: center;opacity: 1;transform: translate(0);
transition: all 300ms linear;transition-delay: 1900ms;}
body.hero-anime #switch {opacity: 0;transform: translateY(40px);transition-delay: 1900ms;}
#circle {position: absolute;top: -11px;left: -13px;width: 26px;height: 26px;border-radius: 50%;background: #000;}
.switched {border-color: var(--yellow)!important;background: var(--yellow)!important;}
.switched #circle {left: 43px;box-shadow: 0 4px 4px rgba(26, 53, 71, 0.25), 0 0 0 1px rgba(26, 53, 71, 0.07);
background: #fff;}
.nav-item .dropdown-menu {transform: translate3d(0, 20px, 0);visibility: hidden;opacity: 0;max-height: 0;
display: block;padding: 0;margin: 0;transition: all 200ms linear;}
.nav-item.show .dropdown-menu {opacity: 1;visibility: visible;max-height: 999px;transform: translate3d(0px, 10px, 0);}
.dropdown-menu {padding: 20px 10px !important;margin: 0;font-size: 13px;letter-spacing: 1px;
color: var(--yellow);background-color: #fff;border: none;border-radius: 3px;
box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
transition: all 200ms linear;border-radius: 0;}
.dropdown-toggle::after {display: none;}
.dropdown-item {padding: 3px 15px;color: #333;border-radius: 2px;transition: all 200ms linear;
font-family: "Oswald-VariableFont_wght";font-size: 14px;
padding: 8px 15px;letter-spacing: 2px;font-weight: 400;text-transform: uppercase;}
.dropdown-item:hover,
.dropdown-item:focus {color: var(--yellow);background-color: transparent;}
body.dark {color: #fff;background-color: #1f2029;}
body.dark .navbar-brand img {filter: brightness(100%);}
body.dark h1 {color: #fff;}
body.dark h1 span {transition-delay: 0ms !important;}
body.dark p {color: #fff;transition-delay: 0ms !important;}
body.dark .bg-light {background-color: #14151a !important;}
body.dark .start-header {box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);}
body.dark .start-header.scroll-on {box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);}
body.dark .nav-link {color: #fff !important;}
body.dark .nav-item.active .nav-link {color: #999 !important;}
body.dark .dropdown-menu {color: #fff;background-color: #1f2029;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);}
body.dark .dropdown-item {color: #fff;}
body.dark .navbar-light .navbar-toggler-icon {border-bottom: 1px solid #fff;}
body.dark .navbar-light .navbar-toggler-icon:after,
body.dark .navbar-light .navbar-toggler-icon:before {background-color: #fff;}
body.dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent;}

#onload .modal-dialog {max-width: 900px;margin: 1.75rem auto;}
#onload .modal-dialog .box-outer .onload-img {width: 100%;object-fit: cover;height: 100%;}
.menu-row {width: 100%;}
.menu-row ul {list-style: none;margin: 0;padding: 0;}
.menu-row ul li {font-size: 18px;}
.menu-row ul li a {text-decoration: none;color: #ffffff;padding: 10px;display: inline-block;
transition: 350ms all;font-family: "Oswald-VariableFont_wght";color: #fff;font-size: 14px;
padding: 8px 15px;letter-spacing: 2px;font-weight: 300;text-transform: uppercase;}
.menu-row ul li a:hover {color: var(--light-blue);}
.menu-box {display: flex;align-items: center;justify-content: space-between;position: relative;}
.menu-box .logo {max-width: 140px;}
.menu-box .logo img {width: 100%;}
.menu-box .menu {display: flex;flex-wrap: wrap;}
.menu-box .menu li {margin-right: 25px;}
.about-text h6:hover {
  text-decoration: none;
}
@media only screen and (min-width: 1024px) {
.menu-box .menu {display: flex!important;}
.menu-box .menu .megamenu > a:after {content: "";position: absolute;left: 0;right: 0;top: 100%;height: 28px;
display: none;}
.menu-box .menu .megamenu > a:hover:after {display: block;}
.menu-box .menu li .submenu {transition: 350ms all;}
.menu-box .menu li:hover > .submenu {transform: translateY(0);opacity: 1;visibility: visible;}
.menu-box .menu li.megamenu > a {padding-right: 20px;position: relative;}
.menu-box .menu li.megamenu > a:before {content: "";position: absolute;right: 0;top: 17px;height: 5px;
width: 5px;border-right: 2px solid #ffffff;border-bottom: 2px solid #ffffff;transform: rotate(45deg);}
.menu-box .menu li .submenu {position: absolute;top: 100%;transform: translateY(50px);opacity: 0;
visibility: hidden;background-color: #fff;padding: 5px 0px;}
.menu-box .menu li .submenu li {margin-right: 0;font-size: 16px;position: relative;width: 180px;}
.menu-box .menu li .submenu li a {color: #222;padding: 10px 20px;background: #fff;display: block;
color: #333;border-radius: 2px;transition: all 200ms linear;font-family: "Oswald-VariableFont_wght";
font-size: 14px;padding: 8px 15px;letter-spacing: 2px;font-weight: 400;text-transform: uppercase;}
.menu-box .menu li .submenu li a:before {right: 15px;transform: rotate(-45deg);}
.menu-box .menu li .submenu li a:hover {background: var(light-blue);}
.menu-box .menu li .submenu .submenu {position: absolute;left: 100%;top: -5px;width: 180px;padding-top: 5px 0px;}
}
@media only screen and (max-width: 1023px) {
.navbar{background-color: var(--yellow);padding: 0;}
.navbar-brand img {margin-left: 30px;}
.menu-box .menu li {padding-right: 25px;padding-left: 25px;margin-right: 0;}
.menu-row ul li a{min-width: 100%;font-size: 16px;}
.navbar .container {max-width: 100%!important;}
.menu-box .menu{display: grid;}
#menu_trigger {height: 22px;width: 30px;margin-right: 30px;display: inline-block;}
#menu_trigger .menulines {margin-top: 9px;position: relative;display: block;}
#menu_trigger .menulines, #menu_trigger .menulines:before, #menu_trigger .menulines:after {content: "";
height: 2px;width: 30px;border-radius: 5px;background: #ffffff;}
#menu_trigger .menulines:before, #menu_trigger .menulines:after {position: absolute;left: 0;}
#menu_trigger .menulines:before {top: -9px;}
#menu_trigger .menulines:after {top: 9px;}
.mobile-menu {display: none;position: absolute;left: 0;right: 0;top: 100%;background: var(--yellow);
overflow: hidden;height: 100vh;}
.mobile-menu ul {transition: 350ms all;display: block;}
.mobile-menu li {margin: 0;border-bottom: 1px solid #1c476c;font-size: 16px;}
.mobile-menu li a {color: #ffffff;display: block;position: relative;padding: 15px 20px;}
.mobile-menu li a:hover {color: #ff5252;}
.mobile-menu li a .navtrigger {position: absolute;right: 0;top: 0;bottom: 0;width: 30px;}
.mobile-menu li a .navtrigger:before {content: "";position: absolute;top: 50%;left: 50%;height: 8px;
width: 8px;border-right: 2px solid #ffffff;border-bottom: 2px solid #ffffff;
transform: translate(-50%, -50%) rotate(-45deg);}
.mobile-menu li .submenu {position: absolute;top: 0;left: 100%;width: 100%;background: var(--yellow);
height: 100%;transition: 350ms all;z-index: 1;}
.mobile-menu li .submenu li {font-size: 14px;}
.mobile-menu li .submenu .backmenu-row {position: relative;padding: 20px;padding-left: 50px;
background: var(--yellow);font-size: 16px;}
.mobile-menu li .submenu .backmenu-row .back-trigger {padding: 0;position: absolute;left: 0;top: 0;
bottom: 0;width: 30px;display: block;background:var(--yellow);border: 1px solid #1c476c;}
.mobile-menu li .submenu .backmenu-row .back-trigger:before {content: "";position: absolute;top: 50%;
left: 45%;height: 8px;width: 8px;border-right: 2px solid #ffffff;border-bottom: 2px solid #ffffff;
transform: translate(-50%, -50%) rotate(135deg);}
.mobile-menu li .submenu .backmenu-row em {font-style: normal;color: #ffffff;}
.mobile-menu li.sub-open > .submenu {left: 0;}
}


@media (max-width: 767px) {
.nav-item:after {display: none;}
.nav-item::before {position: absolute;display: block;top: 15px;left: 0;width: 11px;height: 1px;content: "";
border: none;background-color: #000;vertical-align: 0;}
.dropdown-toggle::after {position: absolute;display: block;top: 10px;left: -23px;width: 1px;height: 11px;
content: "";border: none;background-color: #000;vertical-align: 0;transition: all 200ms linear;}
.dropdown-toggle[aria-expanded="true"]::after {transform: rotate(90deg);opacity: 0;}
.dropdown-menu {padding: 0 !important;background-color: transparent;box-shadow: none;transition: all 200ms linear;}
.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {margin-top: 10px !important;margin-bottom: 20px !important;
}
body.dark .nav-item::before {background-color: #fff;}
body.dark .dropdown-toggle::after {background-color: #fff;}
body.dark .dropdown-menu {background-color: transparent;box-shadow: none;}}

.sidebar-contact{position:fixed;top:50%;z-index: 99;right:-360px;transform:translateY(-50%);width:360px;height:auto;
padding:40px;background:#fff;box-shadow: 0 2px 2px rgba(0,0,0,.1);box-sizing:border-box;transition:0.5s;}
.sidebar-contact.active{right:0;}
.sidebar-contact input,
.sidebar-contact textarea{width:100%;height:50px;padding:5px;margin-bottom:10px;box-sizing:border-box;border:none;
background-color: #f7f7f7;outline:none;}
.sidebar-contact input,
.sidebar-contact textarea::placeholder{padding: 6px 15px;}
.sidebar-contact h2{font-family: "BebasNeue-Regular";letter-spacing: 2px;padding:0;}
.sidebar-contact p{position: relative;margin-bottom: 50px;}
.sidebar-contact p:before {content: "";width: 50px;height: 4px;bottom: -25px;left: 0;background-color: var(--yellow);
position: absolute;}
.sidebar-contact textarea{height:50px;resize:none;}
.btn-all{background-color:var(--yellow);color:#fff;width: 100%;height: 50px;cursor:pointer;border:none;font-family: "BebasNeue-Regular";letter-spacing: 2px;
font-size:20px;line-height: 50px;cursor: pointer;}
.sidebar-contact .toggle{position:absolute;height:48px;width:48px;text-align:center;cursor:pointer;
background:#699bc6;top:0;
left:-48px;line-height:48px;}
.sidebar-contact .toggle:before{content:'\f003';font-family:fontAwesome;font-size:20px;color:#fff;}
.sidebar-contact .toggle.active:before{content:'\f00d';}

@keyframes scroll {
0% {transform: translateX(0);}
100% {transform: translateX(calc(-200px * 7));}
}
.slider-builder {height: 100px;margin: auto;overflow: hidden;position: relative;width: auto;}
.slider-builder .slide-track {animation: scroll 40s linear infinite;display: flex;width: calc(200px * 40);}
.slider-builder .slide {height: 100px;width: 200px;}
.slider-builder .slide img {width: 100%;filter: grayscale(100%);border: 1px solid #f7f7f7;padding: 25px;}
.slider-builder .slide img:hover{filter: unset;cursor: pointer;}

.about-sec{position: relative;background-image: url(../images/bg1.jpg);width: 100%;background-repeat: no-repeat;
background-position: right;background-size: cover;padding: 80px 0px;}
.about-sec .inner-about{position: relative;width: 83%;margin: 0 auto;}

.about-sec .inner-about .f-inner-about{display: flex;justify-content: space-between;}
.about-sec .inner-about .f-inner-about .left-sec{width: 38%;}
.about-sec .inner-about .f-inner-about .right-sec{width: 60%;padding-left: 6%;padding-right: 5%;}
.about-sec .inner-about .f-inner-about .left-sec .inner-left{display: grid;align-items: center;position: relative;}
.about-sec .inner-about .f-inner-about .left-sec .inner-left img{border: 1px solid #ccc;padding: 2px;}
.about-sec .inner-about .f-inner-about .left-sec .inner-left .overlay-text{position: absolute;bottom: -50px;
right: -50px;display: grid;align-items: center;border: 5px solid rgba(255, 255, 255, 0.2);padding: 5px;
width: 250px;height: 250px;background-color: var(--yellow);

box-shadow: 0 1px 4px rgba(0,0,0,0.20), 0 1px 4px rgba(0,0,0,0.20);
}
.about-sec .inner-about .f-inner-about .right-sec h6{font-family: "BebasNeue-Regular";font-size: 18px;letter-spacing: 2px;}
.about-sec .inner-about .f-inner-about .right-sec h4{color: var(--yellow);font-family: "BebasNeue-Regular";
margin-bottom: 20px;font-size: 50px;text-transform: uppercase;line-height: 70px;-webkit-animation-delay: .4s;
animation-delay: .4s;font-weight: 400;letter-spacing: 7px;position: relative;margin-bottom: 40px;}
.about-sec .inner-about .f-inner-about .right-sec h4 span{color: var(--light-blue);}
.about-sec .inner-about .f-inner-about .right-sec h4:after{content: "";width: 50px;height: 4px;bottom: -15px;left: 0;
background-color: var(--yellow);position: absolute;}
.about-sec .inner-about .f-inner-about .right-sec p{color: #666;font-family: "Inter-Regular";line-height: 26px;
letter-spacing: 0.2px;}
.btn-border {border: 1px solid #222;color: #222;padding: 12px 50px;cursor: pointer;
font-family: "BebasNeue-Regular";background-color: transparent;border-radius: 0;letter-spacing: 4px;margin-top: 25px;
font-size: 18px;transition: 0.2s;}

.about-sec .inner-about .f-inner-about .right-sec .box{display: flex;padding: 25px 0px;padding-top: 40px;}
.about-sec .inner-about .f-inner-about .right-sec .box .inner-box{padding-right: 25px;width: 50%;}
.about-sec .inner-about .f-inner-about .right-sec .box .media-body{padding-left: 15px;}
.about-sec .inner-about .f-inner-about .right-sec .box .media h5{font-family: "BebasNeue-Regular";letter-spacing: 2px;
font-size: 22px;color: #333;margin-bottom: 0;}
.about-sec .inner-about .f-inner-about .right-sec .box .media p{font-size: 14px;
font-family: "Inter-Regular";padding-top: 10px;}
.about-sec .inner-about .f-inner-about .right-sec .box .media img{width: 50px;}

.coming-soon {font-family: BebasNeue-Regular;font-size: 80px;letter-spacing: 5px;color: var(--yellow);
width: 100%;text-align: center;padding: 100px 0px;}

/*---------------------------platter-page-------------------------*/
.box-platter{text-align: center;width: 100%;}
.moreless-button{color: var(--light-blue);cursor: pointer;font-size: 12px;}
.platter-btn-top{display: flex;}
.platter-btn-top .call-btn{margin-left: 10px;background-color: var(--light-blue);
border: none;font-size: 24px;padding-top: 15px;}
.platter-btn-top .call-btn a{color: #fff;text-decoration: none;}
.platter-btn-top .call-btn:hover{background-color: var(--light-blue);color: #fff;}

.counter {height: 50%;}
.count-title {font-family: "BebasNeue-Regular";font-size: 80px;color: #fff;margin-bottom: 0;text-align: center;
position: relative;margin-left: -45px;letter-spacing: 2px;}
.count-text {text-align: center;color: #f7f7f7;font-family: "BebasNeue-Regular";letter-spacing: 0.8px;font-size: 22px;letter-spacing: 2px;
line-height: 28px;}
.count-title:after{content: "+";position: absolute;right: 26%;top: 0;}

.awards-page{padding: 100px;}
.awards-page .inner-sec{width: 90%;margin: 0 auto;}
.awards-page .inner-sec .top-sec{text-align: center;padding-bottom: 40px;width: 90%;margin: 0 auto;}

.awards-page .inner-sec .top-sec p{color: #666;font-family: "Inter-Regular";line-height: 30px;
letter-spacing: 0.2px;}
.awards-page .inner-sec .top-sec h6{font-family: "BebasNeue-Regular";font-size: 18px;letter-spacing: 2px;}
.awards-page .inner-sec .top-sec h2{color: var(--yellow);font-family: "BebasNeue-Regular";
font-size: 60px;text-transform: uppercase;line-height: 80px;-webkit-animation-delay: .4s;
animation-delay: .4s;font-weight: 400;letter-spacing: 10px;position: relative;margin-bottom: 30px;}
.awards-page .owl-theme .owl-nav {position: absolute;top: -90px;right: 0px;}
.awards-page .owl-carousel .owl-nav button.owl-next{font-size: 42px;}
.awards-page .owl-carousel .owl-nav button.owl-prev{font-size: 42px;}
.awards-page-index .item .inner-over2{background-color: #fff;padding: 25px;
box-shadow: 0 1px 2px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.10);}
.awards-page .item{margin-bottom: 25px;}
.awards-page .item h5{font-family: "BebasNeue-Regular";font-size: 24px;letter-spacing: 2px;
color: var(--yellow);padding-top: 20px;}
.awards-page .box .inner-over2 p{font-size: 15px;margin-bottom: 0;color: #666;}
.awards-page-index{background-color: #f7f7f7;}

.footer{position: relative;background-image: url(../images/bg-footer.jpg);width: 100%;
background-repeat: no-repeat;padding: 50px 0px;padding-top: 100px;
background-position: right;background-size: cover;}
.footer .inner-footer{position: relative;width: 83.5%;margin: 0 auto;}
.footer .bg-color{position: absolute;left: 0;right: 0;bottom: 0;top: 0;
background: linear-gradient(180deg, rgba(25,62,94,0) 0%, rgb(25 62 94) 100%);}
.footer .bg-color2{position: absolute;left: 0;right: 0;bottom: 0;top: 0;
background: linear-gradient(180deg, rgba(25,62,94,0) 0%, rgb(25 62 94) 100%);}

.footer hr{border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer h1{color: #fff;font-family: "BebasNeue-Regular";
margin-bottom: 50px;font-size: 60px;text-transform: uppercase;line-height: 80px;-webkit-animation-delay: .4s;
animation-delay: .4s;font-weight: 400;letter-spacing: 12px;position: relative;}

.footer h1:after {content: "";width: 50px;height: 4px;bottom: -35px;left: 0;background-color: #fff;
position: absolute;}
.footer .address{display: flex;width: 80%;color: #fff;padding-bottom: 20px;}
.footer .address .box{width: 28%;}
.footer .address .box:last-child {width: 40%;}
.footer .address .box h6{margin-top: 40px;font-family: "BebasNeue-Regular";letter-spacing: 5px;font-size: 18px;
padding-bottom: 5px;margin-bottom: 0;}
.footer .address .box h4{font-family: "Inter-Light";font-size: 17px;padding-top: 10px;line-height: 32px;
letter-spacing: 0.5px;color: rgba(255, 255, 255, 1);}

.footer .footer-link{display: flex;justify-content: space-between;padding-top: 20px;}
.footer .footer-link .link-box{width: 25%;}
.footer .footer-link .link-box:nth-child(2){padding-left: 5%;}
.footer .footer-link .link-box:nth-child(3){padding-left: 5%;}
.footer .footer-link .link-box ul{padding-left: 0;list-style-type: none;}
.footer .footer-link .link-box ul li a{color: rgba(255, 255, 255, 0.9);line-height: 30px;padding-left: 5px;
letter-spacing: 0.5px;font-family: "Inter-Light";}
.footer .footer-link .link-box ul li a:hover{text-decoration: none;}

.footer .footer-link .link-box ul li:before{content:'\f105';font-family:fontAwesome;font-size:14px;color:#fff;}

.footer .footer-link .link-box h6{font-family: "BebasNeue-Regular";letter-spacing: 5px;font-size: 18px;
padding-bottom: 15px;color: rgba(255, 255, 255, 0.9);}
.footer .footer-link .link-box p{font-family: "Inter-Light";font-size: 17px;line-height: 32px;
letter-spacing: 0.5px;color: rgba(255, 255, 255, 0.9);}
.footer .footer-link .link-box h2{font-family: "Inter-Light";font-size: 17px;padding-bottom: 10px;line-height: 30px;
letter-spacing: 0.5px;color: rgba(255, 255, 255, 0.9);margin-top: 10px;}
.footer .footer-link .link-box .form-control{width:100%;height:50px;padding:5px;margin-bottom:10px;box-sizing:border-box;border:none;
background-color: #f7f7f7;outline:none;border-radius: 0;}
.footer .footer-link .link-box .form-control::placeholder{font-family: "BebasNeue-Regular";letter-spacing: 2px;
font-size: 18px;padding-left: 15px;}
.footer .footer-link .link-box button {border: 1px solid #f7f7f7;color: #f7f7f7;padding: 10px 50px;font-family: "BebasNeue-Regular";
background-color: transparent;border-radius: 0;letter-spacing: 4px;margin-top: 5px;font-size: 18px;width: 100%;
transition: 0.2s;}
.footer .footer-link .link-box .box-input {max-height: 150px;overflow-y: scroll;}
.footer .footer-link .link-box .box-input img{width: 98%;}
.footer .footer-link .link-box .box-input .link-down{
height: 50px;}
.footer .footer-link .link-box .top-bx{position: relative;}
.footer .footer-link .link-box .top-bx .link-down{position: absolute;top: 5px;
right: 11px;}
.footer .footer-link .link-box .top-bx .link-down a{padding: 5px 15px;
background-color: rgba(24, 62, 96, 0.8);color: #fff;font-family: "BebasNeue-Regular";
letter-spacing: 2px;}


.footer .footer-link .link-box .box-input::-webkit-scrollbar {
  width: 1px;
}

/* Track */
.footer .footer-link .link-box .box-input::-webkit-scrollbar-track {
  background: var(--yellow);
}

/* Handle */
.footer .footer-link .link-box .box-input::-webkit-scrollbar-thumb {
  background: var(--light-blue);
}

/* Handle on hover */
.footer .footer-link .link-box .box-input::-webkit-scrollbar-thumb:hover {
  background: #555;
}


.footer-bottom{padding-top: 5px;}
.footer-bottom .inner-footer-bottom{display: flex;justify-content: space-between;text-align: center;}

.footer-bottom .inner-footer-bottom .btm-foot{margin-bottom: 0;line-height: 15px;
text-align: center;letter-spacing: 1px;color: rgba(255, 255, 255, 0.9);
color: #fff;font-family: "Inter-Light";font-size: 11px;padding-top: 10px;}
.footer-bottom .inner-footer-bottom .btm-foot a{color: var(--light-blue);}
.rera-box{font-size: 12px;text-align: center;color: var(--light-blue);letter-spacing: 0.2px;}
.rera-box span{font-family: "Inter-Regular";color: #666;}

.featured-properties{padding: 50px 0px;margin-bottom: 50px;margin-top: 25px;}
.featured-properties .container{max-width: 86%;}
.featured-properties .owl-item{padding: 10px;}
.featured-properties .owl-item .box{padding: 0px;border-radius: 5px;position: relative;}
.featured-properties .owl-item .box .overlay{position: absolute;bottom: 0;left: 0;right: 0;
color: #fff;
background: linear-gradient(180deg, rgba(25,62,94,0) 0%, rgb(25 62 94) 100%);
height: 100%;display: grid;z-index: 2;
transition: top 0.35s ease 0s;
align-items: end;}

.featured-properties .owl-item .box .overlay .bod-btn {
max-height: 0;opacity: 0;overflow: hidden;transition: all 1.5s ease 0s;}

.featured-properties .owl-item .box .overlay .bod-btn button{border: 1px solid #fff;color: #222;
padding: 10px 50px;font-family: "BebasNeue-Regular";background-color: #fff;border-radius: 0;letter-spacing: 4px;
margin-top: 25px;font-size: 18px;transition: 0.2s;margin-left: 0;cursor: pointer;}

.featured-properties .owl-item .box .overlay:hover .bod-btn {max-height: 660px;opacity: 1;}
.featured-properties button{margin: 0 auto;display: block;margin-top: 40px;}


/*--------------------platter----------------*/
.slider-text-platter h1{margin-bottom: 0;}
.slider-text-platter h6{color: var(--light-blue);font-size: 20px;letter-spacing: 1px;
padding-bottom: 15px;}
.box-det-platter h2{color: #fff;font-family: "BebasNeue-Regular";letter-spacing: 5px;
font-size: 36px;}
.box-det-platter h5{color: #fff;font-family: "BebasNeue-Regular";letter-spacing: 3px;
font-size: 20px;margin-top: 25px;}
.box-det-platter h3{color: #aac9e3;font-family: "BebasNeue-Regular";letter-spacing: 10px;
font-size: 55px; text-shadow: 2px 2px var(--yellow);}
.box-det-platter h3 span{}
.box-det-platter ul {padding-left: 0;list-style-type: none;padding-top: 15px;}
.box-det-platter ul li{color: #fff;font-family: "Inter-Regular";padding-bottom: 5px;
letter-spacing: 0.5px;}
.box-det-platter ul li img{width: 18px;filter: invert();}





.featured-properties .owl-item .box .overlay .inner-over{padding: 25px;}
.featured-properties .owl-item .box .overlay h5{text-transform: capitalize;font-family: "BebasNeue-Regular";
letter-spacing: 5px;font-size: 28px;margin-bottom: 0;}
.featured-properties .owl-item .box .overlay h2{text-transform: capitalize;font-family: "BebasNeue-Regular";
letter-spacing: 5px;font-size: 42px;margin-bottom: 0;}
.featured-properties .owl-item .box .overlay h1{font-size: 18px;color: #fff;letter-spacing: 4px;
font-family: "BebasNeue-Regular";padding-top: 10px;}
.featured-properties .owl-item .box .overlay h2 span{color: var(--light-blue);font-size: 18px;
display: grid;padding-bottom: 10px;}
.featured-properties .owl-item .box .overlay h3{font-family: "Inter-Light";font-size: 15px;line-height: 32px;
letter-spacing: 0.5px;color: #fff;}
.featured-properties .owl-item .box .overlay h6{text-transform: capitalize;font-family: "BebasNeue-Regular";
letter-spacing: 5px;font-size: 20px;margin-bottom: 0;line-height: 24px;color: var(--light-blue);}
.featured-properties .owl-item .box .overlay hr{border-top: 1px solid rgba(255, 255, 255, 0.1);}

.featured-properties .owl-item .box .overlay-front{position: absolute;right: 0%;color: #fff;
bottom: 0;background-color: rgba(0, 0, 0, 0.1);width: 100%;height: 100%;z-index: 1;}
.featured-properties .owl-item .box .overlay-front .inner-overlay{
padding: 15px;opacity: 0;}

.owl-theme .owl-nav [class*=owl-]:hover{background-color: transparent!important;color: #222!important;}


.featured-properties .owl-item .box .overlay p{color: #fff;padding-top: 5px;}
.featured-properties .container h4{font-size: 45px;font-family: "BebasNeue-Regular";margin-left: 12px;
margin-bottom: 30px;
color: #272727;margin-bottom: 40px;text-transform: uppercase;line-height: 40px;
font-weight: 400;letter-spacing: 10px;position: relative;padding-left: 20px;}
.featured-properties .owl-theme .owl-dots{display: none;}

.featured-properties .container h4:after{content: "";position: absolute;left: 0;top: 0;
background-color: var(--yellow);
width: 5px;height: 85%;}

.featured-properties .owl-theme .owl-nav {position: absolute;top: -90px;right: 0px;}

.featured-properties .owl-carousel .owl-nav button.owl-next{font-size: 46px;}
.featured-properties .owl-carousel .owl-nav button.owl-prev{font-size: 46px;}

button:focus {outline: unset;}
div.banner {width: 100%;min-height: 70vh;background-image: url("../images/parallex-bg.jpg");
background-position: center;background-attachment: fixed;background-size: cover;background-repeat: no-repeat;
display: flex;flex-direction: column;justify-content: center;align-items: center;}
div.banner > h1 {font-size: 4.6em;font-weight: 800;color: #fff;text-shadow: 4px 4px 30px rgba(0, 0, 0, 0.8);
}
div.banner > h2 {color: #fff;font-size: 1.8em;letter-spacing: 2px;}
.slider-test{width: 40%;margin: 0 auto;}
.test-box{background-color: rgba(0, 0, 0, 0.2);height: 100%;padding: 10% 0px;}
.slider-test .carousel-indicators{display: flex; top: unset;left: 40%;bottom: -45px;-webkit-transform: translate(-50%, -40%);
-ms-transform: translate(-50%, -40%);transform: translate(-50%, -40%);}
.slider-test .carousel-indicators li{background-color: transparent;border: 1px solid #fff;
width: 12px;height: 12px;cursor: pointer;}
.slider-test .carousel-indicators .active {background-color: var(--light-blue);border: 1px solid var(--light-blue);
width: 13px;height: 13px;}
.slider-test .testimonial h6{color: #fff;letter-spacing: 2px;padding-bottom: 5px;}
.slider-test .testimonial h4{color: #fff;text-transform: capitalize;font-family: "BebasNeue-Regular";
letter-spacing:8px;font-size: 42px;margin-bottom: 0;padding-bottom: 15px;}
.slider-test .testimonial p{color: #f7f7f7;font-family: "Inter-Light";
letter-spacing: 0.8px;font-size: 14px;line-height: 24px;}
.slider-test .testimonial .client-det{padding-top: 15px;position: relative;}
.slider-test .testimonial .client-det:after{position: absolute;content: "";background-image: url(../images/icon/quote.png);
top: 0%;right: 0;bottom: 0;opacity: 0.1;width: 50px;height: 50px;padding: 55px;background-size: cover;}
.slider-test .testimonial .client-det .media-left{padding-right: 25px;}
.slider-test .testimonial .client-det .media-left img{border-radius: 50%;}
.slider-test .testimonial .client-det .media-body .fa{color: var(--light-blue);font-size: 12px;}
.slider-test .testimonial .client-det .media-body h4{padding-top: 10px;padding-bottom: 0px;}
.slider-test .testimonial .client-det .media-body h5{color: #f7f7f7;font-family: "Inter-Light";letter-spacing: 0.8px;font-size: 16px;line-height: 28px;
}

.contact-deta{position: relative;background-image: url(../images/bg-contact.jpg);width: 100%;
background-repeat: no-repeat;background-position: right;background-size: cover;}
.contact-deta .inner-detail{position: relative;width: 70%;padding: 50px;margin: 0 auto;}
.contact-deta .inner-detail .box{display: flex;justify-content: space-between;}
.contact-deta .inner-detail .box .img-box img{width: 100%;}
.contact-deta .inner-detail .box .left-sec{width: 50%;display: grid;align-items: center;}
.contact-deta .inner-detail .box .right-sec{width: 40%;}
.contact-deta .inner-detail .box .left-sec h2{}
.contact-deta .inner-detail .box .right-sec .form-sec{display: grid;}
.contact-deta .inner-detail .box .right-sec .form-sec .form-control{padding: 12px;border-radius: 0;
background-color: #f7f7f7;}
.contact-deta .inner-detail .box .right-sec .form-sec h4{font-family: "BebasNeue-Regular";font-size: 18px;
letter-spacing: 1px;padding-top: 25px;}

.contact-deta .inner-detail .box .right-sec .inner-box{background-color: rgba(255, 255, 255, 0.9);
padding: 50px;box-shadow: 0 1px 2px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.10);}
.contact-deta .inner-detail .box .right-sec .form-sec button{margin-top: 25px;}

.contact-deta .inner-detail h2{color: var(--yellow);font-family: "BebasNeue-Regular";font-size: 40px;
text-transform: uppercase;line-height: 60px;
font-weight: 400;letter-spacing: 5px;position: relative;}
.contact-deta .inner-detail p{font-family: "Inter-Regular";font-size: 18px;
color: #666;}

.breadcrumb{position: relative;background-image: url(../images/breadcrumb.jpg);width: 100%;background-repeat: no-repeat;
background-position: right;height: 400px;background-size: cover;}
.breadcrumb:after{background-color: rgba(24, 62, 96, 0.9);content: "";position: absolute;width: 100%;
left: 0;right: 0;bottom: 0;height: 100%;}
.breadcrumb .container{position: absolute;width: 90%;
top: 70%;left: 50%;-webkit-transform: translate(-70%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);
z-index: 9;max-width: 86%;}
.breadcrumb .container ul{padding: 0;text-align: right;}
.breadcrumb .container ul li{list-style-type: none;padding: 5px 2px;}
.breadcrumb .container ul li a{text-decoration: none;color: #eee;font-size: 20px;font-family: "BebasNeue-Regular";
letter-spacing: 2px;padding: 15px;}
.breadcrumb .container ul .active a{color: var(--light-blue);font-size: 40px;line-height: 40px;
letter-spacing: 5px;}

.project-page{padding: 100px 0px;}
.project-page .inner-sec{display: flex;width: 85%;margin: 0 auto;}
.project-page .inner-sec .left-sec{width: 100%;}
.project-page .inner-sec .left-sec .headi{font-size: 45px;font-family: "BebasNeue-Regular";margin-left: 4px;
margin-bottom: 30px;color: #272727;margin-bottom: 40px;text-transform: uppercase;line-height: 40px;
font-weight: 400;letter-spacing: 10px;position: relative;padding-left: 35px;}
.project-page .inner-sec .left-sec .headi:after{content: "";position: absolute;left: 15px;top: 0;
background-color: var(--yellow);width: 5px;height: 85%;}

.project-page .inner-projects {display: flex;flex-wrap: wrap;justify-content: center;
margin-left: -0.6%;margin-right: -0.6%;}
.project-page .inner-projects .item{width: 23%;margin: 0.8%;margin-bottom: 20px;}
.project-page .item .box .overlay{position: absolute;bottom: 0;left: 0;right: 0;color: #fff;
background: linear-gradient(180deg, rgba(25,62,94,0) 0%, rgb(25 62 94) 100%);
height: 100%;display: grid;z-index: 2;transition: top 0.35s ease 0s;align-items: end;}
.project-page .item .box .overlay .bod-btn {
max-height: 0;opacity: 0;overflow: hidden;transition: all 1.5s ease 0s;}
.project-page .box .overlay:hover .bod-btn {max-height: 660px;opacity: 1;}
.project-page button{margin-top: 20px;background-color: #fff;}
.project-page .item .box{position: relative;}
.project-page .item .box .overlay .inner-over{padding: 25px;}
.project-page .item .box .overlay h5{text-transform: capitalize;font-family: "BebasNeue-Regular";
letter-spacing: 5px;font-size: 28px;margin-bottom: 0;}
.project-page .item .box .overlay h2 {text-transform: capitalize;color: #fff;font-family: "BebasNeue-Regular";
letter-spacing: 5px;font-size: 42px;margin-bottom: 0;}
.project-page .item .box .overlay h1 {font-size: 18px;color: #fff;letter-spacing: 4px;
font-family: "BebasNeue-Regular";padding-top: 10px;}
.project-page .item .box .overlay h3{font-family: "Inter-Light";font-size: 15px;line-height: 32px;
letter-spacing: 0.5px;color: #fff;}
.project-page .item .box .overlay h6{text-transform: capitalize;font-family: "BebasNeue-Regular";
letter-spacing: 5px;font-size: 20px;margin-bottom: 0;line-height: 24px;margin-left: 0;}
.project-page .item .box .overlay hr{border-top: 1px solid rgba(255, 255, 255, 0.1);}
.project-page .item .box .overlay-front{position: absolute;right: 0%;color: #fff;
bottom: 0;background-color: rgba(0, 0, 0, 0.3);width: 100%;height: 100%;z-index: 1;}
.project-page .item .box .overlay-front .inner-overlay{
padding: 15px;opacity: 0;}
.project-page .item .box .overlay p{color: #fff;padding-top: 5px;}
.featured-properties .container h4{font-size: 45px;font-family: "BebasNeue-Regular";margin-left: 12px;
margin-bottom: 30px;
color: #272727;margin-bottom: 40px;text-transform: uppercase;line-height: 40px;
font-weight: 400;letter-spacing: 10px;position: relative;padding-left: 20px;}


.contact-page{padding: 100px 0px;
opacity: 0.8;
background-image:  linear-gradient(#f7f7f7 1px, transparent 1px), linear-gradient(to right, #f7f7f7 1px, #ffffff 1px);
background-size: 20px 20px;}
.contact-page .inner-sec{width: 70%;margin: 0 auto;display: flex;justify-content: space-between;}
.contact-page .inner-sec .left-sec{width: 60%;}
.contact-page .inner-sec .right-sec{width: 40%;}
.contact-page .inner-sec .right-sec .form-sec{display: grid;}
.contact-page .inner-sec .right-sec .form-sec .form-control{padding: 12px;border-radius: 0;
background-color: #f7f7f7;margin-bottom: 20px;}
.contact-page .inner-sec .right-sec .form-sec h4{font-family: "BebasNeue-Regular";font-size: 18px;
letter-spacing: 1px;padding-top: 25px;}

.contact-page .inner-sec .right-sec .inner-box{background-color: rgba(255, 255, 255, 0.9);
padding: 50px;box-shadow: 0 1px 2px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.10);}
.contact-page .inner-sec .right-sec .form-sec button{margin-top: 0px;}
.contact-page .left-sec h2{color: var(--yellow);font-family: "BebasNeue-Regular";margin-bottom: 50px;
font-size: 60px;text-transform: uppercase;line-height: 80px;-webkit-animation-delay: .4s;animation-delay: .4s;
font-weight: 400;letter-spacing: 12px;position: relative;}
.contact-page .left-sec h2:after {content: "";width: 50px;height: 4px;bottom: -35px;left: 0;
background-color: var(--yellow);position: absolute;}

.contact-page .inner-sec .inner-box-left .address {display: flex;justify-content: space-between;}
.contact-page .inner-sec .inner-box-left .address .box{width: 48%;}
.contact-page .inner-sec .inner-box-left .address .box h6{margin-top: 40px;font-family: "BebasNeue-Regular";letter-spacing: 5px;font-size: 18px;
padding-bottom: 5px;margin-bottom: 0;color: var(--yellow);}
.contact-page .inner-sec .inner-box-left .address .box h4{font-family: "Inter-Regular";font-size: 17px;padding-top: 10px;line-height: 32px;
letter-spacing: 0.5px;color: #222;}
.contact-page .right-sec h2 {color: var(--yellow);font-family: "BebasNeue-Regular";font-size: 40px;
text-transform: uppercase;line-height: 60px;font-weight: 400;letter-spacing: 5px;position: relative;}
.contact-page .right-sec p {font-family: "Inter-Regular";font-size: 18px;color: #666;}



.career-page{padding: 100px 0px;
opacity: 0.8;
background-image:  linear-gradient(#f7f7f7 1px, transparent 1px), linear-gradient(to right, #f7f7f7 1px, #ffffff 1px);
background-size: 20px 20px;}
.career-page .inner-sec{width: 70%;margin: 0 auto;display: flex;justify-content: space-between;}
.career-page .inner-sec .left-sec{width: 55%;margin-right: 5%;}
.career-page .inner-sec .right-sec{width: 40%;padding-top: 138px;}
.career-page .inner-sec .right-sec .form-sec{display: grid;}
.career-page .inner-sec .right-sec .form-sec .form-control{padding: 12px;border-radius: 0;
background-color: #f7f7f7;margin-bottom: 20px;}
.career-page .inner-sec .right-sec .form-sec h4{font-family: "BebasNeue-Regular";font-size: 18px;
letter-spacing: 1px;padding-top: 25px;display: none;}

.career-page .inner-sec .right-sec .inner-box{background-color: rgba(255, 255, 255, 0.9);
padding: 50px;box-shadow: 0 1px 2px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.10);}
.career-page .inner-sec .right-sec .form-sec button{margin-top: 25px;}
.career-page .left-sec h2{color: var(--yellow);font-family: "BebasNeue-Regular";margin-bottom: 50px;
font-size: 40px;text-transform: uppercase;line-height: 60px;-webkit-animation-delay: .4s;animation-delay: .4s;
font-weight: 400;letter-spacing: 6px;position: relative;}
.career-page .left-sec h2:after {content: "";width: 50px;height: 4px;bottom: -16px;left: 0;
background-color: var(--yellow);position: absolute;}
.career-page .inner-sec .inner-box-left .address {display: flex;justify-content: space-between;}
.career-page .inner-sec .inner-box-left .address .box{width: 48%;}
.career-page .inner-sec .inner-box-left .address .box h6{margin-top: 40px;font-family: "BebasNeue-Regular";letter-spacing: 5px;font-size: 18px;
padding-bottom: 5px;margin-bottom: 0;color: var(--yellow);}
.career-page .inner-sec .inner-box-left .address .box h4{font-family: "Inter-Regular";font-size: 17px;padding-top: 10px;line-height: 32px;
letter-spacing: 0.5px;color: #222;}
.career-page .right-sec h2 {color: var(--yellow);font-family: "BebasNeue-Regular";font-size: 40px;
text-transform: uppercase;line-height: 60px;font-weight: 400;letter-spacing: 5px;position: relative;}
.career-page .right-sec p {font-family: "Inter-Regular";font-size: 18px;color: #666;}
.career-page .card-header{padding-bottom: 7px;}
.career-page .card{margin-bottom: 15px;}
.career-page .card-header a{justify-content: space-between;display: flex;line-height: 30px;
font-family: "BebasNeue-Regular";letter-spacing: 5px;font-size: 18px;
margin-bottom: 0;color: var(--yellow);}
.career-page .card-body ul{padding-left: 0;list-style-type: none;}
.career-page .card-body h4{font-family: "BebasNeue-Regular";font-size: 18px;letter-spacing: 1px;
padding-top: 10px;}
.career-page .card-body ul li{font-family: "Inter-Regular";font-size: 14px;padding-top: 4px;
letter-spacing: 0.5px;color: #666;position: relative;}

.career-page .card-body ul li:before {content: '\f105';font-family: fontAwesome;font-size: 14px;margin-right: 10px;
color: #666;}

.about-page .inner-sec{display: flex;justify-content: center;}
.about-page .inner-sec .box{width: calc(50% - 15px);
opacity: 0.8;
background-image:  linear-gradient(#f7f7f7 1px, transparent 1px), linear-gradient(to right, #f7f7f7 1px, #ffffff 1px);
background-size: 20px 20px;}
.about-page .inner-sec .box:first-child{padding: 100px 50px;padding-left: 140px;}
.about-page .inner-sec .box:last-child{padding: 100px 50px;padding-right: 140px;}

.about-page .inner-sec .box img{height: 100%;object-fit: cover;}
.about-page .inner-sec .box h2{color: var(--yellow);
    font-family: "BebasNeue-Regular";
    font-size: 40px;
    text-transform: uppercase;
    line-height: 50px;
    font-weight: 400;
    letter-spacing: 8px;
    position: relative;
    margin-bottom: 40px;}


.about-page .inner-sec .box h2:after {
    content: "";
    width: 50px;
    height: 4px;
    bottom: -15px;
    left: 0;
    background-color: var(--yellow);
    position: absolute;
}

.about-page .inner-sec .box h6{
font-family: "BebasNeue-Regular";
    font-size: 18px;
    letter-spacing: 2px;}

.about-page .inner-sec .box h5{
  padding: 10px 0px;padding-top: 25px;
font-family: "BebasNeue-Regular";
    font-size: 22px;line-height: 32px;
    letter-spacing: 2px;}

.about-page .inner-sec .box p {
    color: #666;
    font-family: "Inter-Regular";
    line-height: 26px;
    letter-spacing: 0.2px;}
  .about-page .inner-sec .box ul{padding-left: 0;}
.about-page .inner-sec .box ul li{
color: #666;font-size: 15px;
    line-height: 30px;
    padding-left: 5px;list-style-type: none;
    letter-spacing: 0.5px;
    font-family: "Inter-Regular";
}

.about-page .inner-sec .box ul li:before {
    content: '\f105';
    font-family: fontAwesome;
    font-size: 14px;
    color: #222;padding-right: 10px;
}

.team{padding: 100px;}
.team .our-team{width: 95%;margin: 0 auto;}
.team .our-team h2{color: var(--yellow);
    font-family: "BebasNeue-Regular";
    font-size: 60px;
    text-transform: uppercase;
    line-height: 80px;
    font-weight: 400;
    letter-spacing: 12px;
    position: relative;
    margin-bottom: 25px;}
.team .our-team h6{
font-family: "BebasNeue-Regular";
    font-size: 18px;
    letter-spacing: 2px;}
.team .our-team .item{margin-bottom: 25px;}
.team .our-team .item h5{
  font-family: "BebasNeue-Regular";
    font-size: 24px;
    letter-spacing: 2px;
}
.team .our-team .item h3{
  font-family: "Inter-Regular";
    font-size: 16px;color: #666;
    letter-spacing: 2px;
}

.team .our-team .owl-theme .owl-nav {position: absolute;top: -90px;right: 0px;}

.team .our-team .owl-carousel .owl-nav button.owl-next{font-size: 46px;}
.team .our-team .owl-carousel .owl-nav button.owl-prev{font-size: 46px;}

.team .our-team .inner-over{background-color: #f7f7f7;text-align: center;padding: 25px;
box-shadow: 0 1px 2px rgba(0,0,0,0.10), 0 1px 2px rgba(0,0,0,0.10);}

.ab-box{width: 80%;margin: 0 auto;padding: 50px 0px;text-align: center;color: #666;}
.ab-box p{line-height: 26px;}
@media(max-width:1500px){
.awards-page .inner-sec .top-sec {width: 100%;}
.awards-page {padding: 100px 0px;}
.awards-page .inner-sec .top-sec h2 {font-size: 50px;line-height: 68px;letter-spacing: 6px;
margin-bottom: 10px;}
.awards-page .inner-sec .top-sec {padding-bottom: 12px;}
.about-sec .inner-about{width: 90%;}
.about-sec .inner-about .f-inner-about .right-sec h4{font-size: 40px;letter-spacing: 5px;line-height: 55px;}
.about-sec .inner-about .f-inner-about .left-sec{width: 42%;}
.about-sec .inner-about .f-inner-about .right-sec p{line-height: 23px;}
.about-sec .inner-about .f-inner-about .right-sec .box .media-body {padding-left: 10px;}
.about-sec .inner-about .f-inner-about .right-sec{width: 56%;padding-left: 8%;padding-right: 0%;}
.about-sec .inner-about .f-inner-about .right-sec .btn-border{margin-top: 5px;}
.wrapper .container {max-width: 92%;}
.featured-properties .container {max-width: 93%;}
.slider-test {width: 55%;}
.contact-deta .inner-detail{width: 92%;}
.footer .address {width: 75%;}
.footer .inner-footer {width: 90%;}
.footer .footer-link .link-box p{font-size: 15px;line-height: 28px;}
.footer .footer-link .link-box:nth-child(2) {padding-left: 8%;}
.footer .footer-link .link-box:nth-child(3) {padding-left: 6%;}
.slider-text {width: 50%;left: 34.5%;}
.about-page .inner-sec .box:first-child{padding-left: 50px;padding-right: 0;}
.about-page .inner-sec .box:last-child{padding-right: 50px;}
.team {padding: 100px 40px;}
.career-page .inner-sec {width: 90%;}
.contact-page .inner-sec{width: 90%;margin: 0 auto;padding-left: 50px;}
.project-page{padding: 100px 76px;}
.project-page .inner-sec .left-sec {width: 75%;}
.project-page .inner-sec .right-sec {width: 24%;}
}

@media(max-width:1368px){
.slider-text {width: 60%;left: 39.5%;}
.about-sec .inner-about .f-inner-about .right-sec h4 {font-size: 40px;line-height: 56px;letter-spacing: 5px;}
.about-sec .inner-about .f-inner-about .right-sec {padding-left: 7%;}
.featured-properties .container h4 {font-size: 40px;line-height: 40px;letter-spacing: 6px;}
.slider-test {width: 65%;}
.contact-deta .inner-detail .box .left-sec {width: 45%;}
.contact-deta .inner-detail .box .right-sec {width: 46%;}
.footer .footer-link {padding-top: 22px;}
.footer .address{padding-bottom: 22px;}
.footer h1{letter-spacing: 10px;}
.footer-bottom {padding-top: 0px;}
.footer .footer-link .link-box h2{font-size: 15px;}
.footer .address .box h4{font-size: 15px;}
.footer .footer-link .link-box ul li a{font-size: 14px;}
.footer .footer-link .link-box p{font-size: 14px;line-height: 26px;}
.footer h1 {margin-bottom: 35px;font-size: 55px;line-height: 50px;letter-spacing: 8px;}
}

@media(max-width:1280px){
.carousel-item .inner-carousel{width: 50%;}
.inner-carousel-shadow{width: 55%;}
.slider-text h1 {font-size: 52px;line-height: 72px;letter-spacing: 9px;}
.slider-text {width: 55%;left: 37.5%;}
.slider-text p{padding-right: 50px;}
.about-sec .inner-about .f-inner-about .left-sec {width: 40%;}
.about-sec .inner-about .f-inner-about .right-sec {width: 58%;}
.about-sec .inner-about .f-inner-about .right-sec h4 {font-size: 46px;line-height: 60px;letter-spacing: 8px;}
.about-sec .inner-about .f-inner-about .right-sec p{font-size: 14px;}
.about-sec .inner-about .f-inner-about .right-sec .box .inner-box {width: 48%;}
.about-sec .inner-about .f-inner-about .right-sec .box {padding: 12px 0px;}
.about-sec {height: 105vh;}
.slider-test {width: 75%;}
.footer .address {width: 85%;}
.footer .footer-link .link-box:nth-child(1) {width: 30%;}
.footer .footer-link .link-box:nth-child(2) {padding-left: 5%;}
.footer .footer-link .link-box:nth-child(3) {padding-left: 4%;}
.footer .footer-link .link-box:nth-child(4) {width: 30%;}

}
@media(max-width:768px){
.sidebar-contact{width:90%;height:auto;right:-90%;}
.sidebar-contact .toggle{top:50%;transform:translateY(-50%);transition:0.5s;}
.sidebar-contact.active .toggle{top:0;right:0;transform:translateY(0);}
.scroll{width:100%;height:100%;overflow-y:auto;overflow: hidden;}
.content{padding:50px 50px;}
.navbar {background: var(--yellow);}
.carousel-item .inner-carousel{display: none;}
.inner-carousel-shadow{display: none;}
.slider-text {width: 75%;left: 51.5%;}
.arrow{left: 13.5%;}
.nav-item::before{display: none;}
.dropdown-toggle::after{display: none;}
.nav-item{padding-left: 0!important;}
.nav-item.active .nav-link{padding-left: 0;}
.nav-item .nav-link{padding-left: 0;}
.about-sec .inner-about .f-inner-about{display: block;}
.about-sec .inner-about .f-inner-about .left-sec{width: 90%;margin: 0 auto;}
.about-sec .inner-about .f-inner-about .right-sec{width: 100%;padding-top: 50px;}
.about-sec{background-image: unset;background-color#f7f7f7;}
.about-sec .inner-about {position: unset;transform: unset;}
.about-sec {height: auto;}
.contact-deta .inner-detail .box .left-sec{display: none;}
.contact-deta .inner-detail .box{display: block;}
.contact-deta .inner-detail .box .right-sec{width: 100%;}
.footer{background-image: unset;background-color: var(--yellow);height: auto;}
.footer .bg-color{position: unset;}
.footer .inner-footer{position: unset;transform: unset;padding: 50px;width: 100%;padding-top: 70px;
padding-bottom: 0;}
.footer .bg-color2{position: unset;}
.footer .footer-link{flex-wrap: wrap;}
.footer .footer-link .link-box:nth-child(1) {width: 100%;padding-bottom: 25px;}
.footer .footer-link .link-box:nth-child(2) {padding-left: 0%;width: 30%;}
.footer .footer-link .link-box:nth-child(3) {padding-left: 0%;width: 30%;}
.footer .footer-link .link-box:nth-child(4) {width: 40%;}
.footer .address {width: 100%;}
.sidebar-contact{box-shadow: unset;}
.nav-item {border-bottom: 1px dashed #3a3a3a;}
.dropdown-item {color: #fff;border-radius: 2px;font-size: 14px;padding: 8px 0px;
letter-spacing: 2px;font-weight: 300;}
.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {margin-top: 0px !important;
margin-bottom: 0px !important;}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: #fff;}
.nav-item.show .dropdown-menu {transform: translate3d(0px, -3px, 0);}
.about-page .inner-sec{display: block;}
.about-page .inner-sec .box{width: 100%;}
.about-page .inner-sec .center{height: 280px;}
.about-page .inner-sec .box:first-child {padding: 50px 50px;margin-top: 50px;}
.about-page .inner-sec .box:last-child {padding: 50px 50px;}
.team {padding: 70px 40px;}
.career-page .inner-sec{display: block;}
.career-page .inner-sec .left-sec {width: 100%;margin-right: 0%;}
.career-page .inner-sec .right-sec {width: 100%;padding-top: 40px;}
.career-page .inner-sec .right-sec .inner-box{background-color: transparent;box-shadow: none;padding: 0;}
.contact-page .inner-sec{display: block;}
.contact-page .inner-sec .inner-box-left .address{display: block;}
.contact-page .inner-sec .inner-box-left .address .box{width: 100%;}
.contact-page .inner-sec .left-sec{width: 100%;}
.contact-page .inner-sec .right-sec{width: 100%;padding-top: 40px;}
.contact-page .inner-sec{padding-left: 0;}
.contact-page .inner-sec .right-sec .inner-box{background-color: transparent;box-shadow: none;padding: 0;}
.contact-page{padding: 50px 0px;}
.contact-page .left-sec h2 {font-size: 36px;letter-spacing: 4px;}
.project-page .inner-sec .left-sec h2 {font-size: 36px;letter-spacing: 2px;}
.project-page {padding: 50px 50px;}
.project-page .inner-sec {display: block;}
.project-page .inner-sec .left-sec {width: 100%;}
.project-page .inner-sec .right-sec {display: none;}
.project-page .inner-projects .item {width: 48%;}
.team .our-team h2 {font-size:36px;letter-spacing: 4px;}

.mobile-menu li .submenu .backmenu-row .back-trigger::after {
    content: "Go Back";
    position: absolute;
    top: 19px;
    left:190px;
    height: 8px;
    width: 100%;
    font-size:14px;
}
}


@media(max-width:575px){
/*platter*/
.modal-body h2{font-size: 28px;}
.modal-body{padding: 25px;}
.modal-body h4 {font-size: 26px;letter-spacing: 3px;}
.platter-btn-top{display: grid;}
.platter-btn-top .call-btn{margin-left: 0;padding-bottom: 9px;padding-top: 11px;}
.box-det-platter h2{font-size: 20px;letter-spacing: 3px;}
.box-det-platter ul li{font-size: 14px;}
.arrow {left: 6.5%;}
.project-page .inner-sec .left-sec .headi:after{left: 0;}
.project-page .inner-sec .left-sec .headi{padding-left: 20px;letter-spacing: 7px;
font-size: 32px;}


.career-page .card-header a{letter-spacing: 2px;}
.career-page {padding: 50px 0px;}
.navbar{padding-top: 5px;padding-bottom: 5px;}
.navbar .navbar-collapse{height:calc(100vh - 80px)!important}
.breadcrumb .container {max-width: 100%;width: 100%;}
.breadcrumb .container ul li a{padding-left: 0;}
.breadcrumb .container ul .active a{font-size: 36px;letter-spacing: 4px;}
.project-page .inner-projects .item {width: 100%;}
.project-page {padding: 50px 25px;}
.project-page .item .box .overlay .bod-btn {max-height: auto;opacity: 1;}
.social-media ul {padding-left: 15px;}
.social-media{width: 40px;}
.slider-text h1 {font-size: 46px;line-height: 56px;letter-spacing: 5px;}
.slider-text p {font-size: 14px;}
.slider-text {width:90%;}
.slider-text button{margin-top: 5px;}
.slider-text h1{margin-bottom: 5px;}
.about-sec .inner-about .f-inner-about .left-sec .inner-left .overlay-text{width: 200px;height: 200px;}
.count-title{font-size: 55px;}
.about-sec .inner-about .f-inner-about .right-sec .box .inner-box {width: 100%;}
.slider-test {width: 86%;}
.contact-deta .inner-detail {width: 100%;}
.footer .footer-link .link-box:nth-child(2) {padding-left: 0%;width: 50%;}
.footer .footer-link .link-box:nth-child(3) {padding-left: 0%;width: 50%;}
.footer .footer-link .link-box:nth-child(4) {width: 100%;}
.footer-bottom .inner-footer-bottom{display: block;padding-bottom: 0px;}

.footer-bottom .inner-footer-bottom p{margin-bottom: 0;line-height: 20px;text-align: center;}
.footer .address {padding-bottom: 0px;}
.footer .footer-link {padding-top: 15px;}
.footer .address{flex-wrap: wrap;}
.footer .address .box {width: 100%;}
.footer .address .box h6 {margin-top: 20px;}
.footer .address .box h4{padding-top: 0;}
.awards-page .inner-sec .top-sec h2 {font-size: 34px;line-height: 50px;letter-spacing: 4px;margin-bottom: 0px;}
.awards-page .inner-sec .top-sec p {font-size: 15px;padding: 0 0px;}
.wrapper {height: 95vh;}
.about-sec .inner-about .f-inner-about .left-sec .inner-left .overlay-text{right: 17px;}
.about-sec .inner-about {width: 90%;margin: 0 auto;}
.about-sec .inner-about .f-inner-about .left-sec .inner-left .overlay-text {width: 170px;
height: 170px;}
.count-title {font-size: 40px;}
.count-text {font-size: 20px;letter-spacing: 1px;}
.about-sec .inner-about .f-inner-about .right-sec h4 {font-size: 36px;line-height: 50px;
letter-spacing: 4px;}
.slider-text p {padding-right: 20px;}
.about-sec .inner-about .f-inner-about .right-sec .box{display: block;}
.featured-properties .container h4 {font-size: 34px;line-height: 40px;letter-spacing: 3px;
margin-bottom: 12px;}
.awards-page {padding: 60px 0px;}
.featured-properties {margin-bottom: 15px;}
.awards-page .inner-sec .top-sec {text-align: left;}
.contact-deta .inner-detail {padding: 0px 0px;}
.contact-deta .inner-detail .box .right-sec .inner-box {padding: 28px;}
.footer h1 {margin-bottom: 40px;font-size: 36px;line-height: 15px;letter-spacing: 4px;}
.footer .inner-footer {padding: 30px 35px;padding-top: 70px;}
.featured-properties .container {max-width: 100%;}
.contact-deta .inner-detail .box .right-sec .inner-box{box-shadow: none;}
.slider-test .testimonial h4 {letter-spacing: 4px;font-size: 36px;}
.slider-test .testimonial h4 {color: #fff;}
.slider-test .testimonial .client-det .media-body h5{font-size: 15px;}
.carousel-inner .carousel-item > img {-webkit-animation: zoom 15s;animation: zoom 15s;}
.about-sec {padding-top: 25px;}
.about-sec .inner-about{width: 100%;}
.about-sec .inner-about .f-inner-about .right-sec {padding-right: 25px;}
.featured-properties .owl-item .box .overlay .bod-btn {max-height: unset;opacity: 1;}
.breadcrumb{height: 320px;}
.team {padding: 70px 25px;}
.about-page .inner-sec .box:last-child {padding: 40px 40px;}
.about-page .inner-sec .box:first-child {padding: 40px 40px;}
.awards-page {padding: 40px 0px;}
.navbar-brand img{width: 105px;}

}
@media(max-width:420px){
.about-sec .inner-about .f-inner-about .right-sec h4 {font-size: 26px;line-height: 37px;
letter-spacing: 3px;}
.slider-text h1 {font-size: 41px;line-height: 46px;letter-spacing: 5px;}
.featured-properties .container h4 {font-size: 28px;line-height: 40px;letter-spacing: 3px;
margin-bottom: 12px;padding-left: 12px;}
.featured-properties .container h4:after {left: 0;top: 8px;width: 4px;height: 53%;}
.test-box {padding: 16% 0px;}
.footer .footer-link .link-box:nth-child(3){width: 100%;}
}