html,
body{font-family:"Roboto",sans-serif;}
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&display=swap');
/* h1,h2,h3,h4,h5,h6{font-family: DIN-Medium;}
p,a,li,.table td, .table th{}
@font-face {
src: url(../css/fonts/DIN-Regular.ttf);
}
@font-face {
font-family:DIN-Medium;
src: url(../css/fonts/DIN-Medium.ttf);
}
@font-face {
src: url(../css/fonts/DIN-Bold.ttf);
} */
/* calculated for bottom footer */
main{min-height:100vh;min-height:calc(100vh - 437px);}
.text-underline{text-decoration: underline;}
.text-shadow{text-shadow:0px 1px 2px rgba(0,0,0,0.25);}
.navbar-toggler:focus{outline:none;box-shadow:none;}
.link-unstyled,
.link-unstyled:hover{text-decoration:none;}
.btn-span,
.btn-span:hover{pointer-events:none;}
.bg-dark-alpha-2 {background-color: rgba(0, 0, 0, 0.2) !important;}
.bg-dark-alpha-6 {background-color: rgba(0, 0, 0, 0.6) !important;}
label.invalid-input {color: var(--danger); font-size: 95%; margin-bottom: 0;}
.bg-theme{background-color: var(--primary-color) !important;}
/* navbar ===================================================================================================== */
.twt-navbar.twt-navbar-common{background:#444;transition:0.5s all;min-height:60px;position:fixed;top:0;left:0;right:0;z-index: 11;}
.twt-navbar.twt-navbar-common.fixed{box-shadow:0 1px 15px rgba(30,30,30,0.3); background:#444;padding: 0.5rem 1rem !important;}
.twt-navbar.twt-navbar-common .navbar-brand span{color:#eee;font-weight:900;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{transition:0.25s all;border-radius:2px;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{color:#eee;padding:0.75rem 1.5rem;border-bottom:0;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{background-color:rgba(0,0,0,0.25);}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link{color:#000;background:rgba(0,0,0,0.15);}
.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash{display:block;height:3px;width:30px;background:#fff;margin:6px;pointer-events:none;}
.twt-navbar.twt-navbar-common .dropdown-menu{border:0;border-radius:2px;background:none;padding:0;background:#fff;box-shadow:0 2px 15px rgba(0,0,0,0.3);margin-top:0px!important;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{transition:0.5s all;color:#444;padding:0.75rem 1rem;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover{background:rgba(0,0,0,0.15);color:#000;}
.twt-navbar.twt-navbar-common .brand-logo-img{height:78px;}
@media (max-width:1199px){
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 1.25rem;}
}
@media (max-width:1199px){
.navbar-main{background:#444;}
.twt-navbar.twt-navbar-common .navbar-brand span{color:#fff;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link{color:#efefef;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link:hover,
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link:hover{color:#333;}
.twt-navbar.twt-navbar-common .slide{position:fixed;z-index:999;top:0;bottom:0;left:0;min-width:250px;width:300px;max-width:90%;background-color:#fff;transform:translate3d(-100%,0,0);transition:0.5s all cubic-bezier(0.165,0.84,0.44,1);border-right:1px solid transparent;overflow-y:auto;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item .nav-link,
.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{padding:0.75rem 1rem; color: #353535}
.twt-navbar.twt-navbar-common .dropdown-menu{background:none;box-shadow:none;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{color:#353535;padding-left:1.75rem; position: relative;}
.nav-slide-open .twt-navbar.twt-navbar-common .slide{transform:translate3d(0,0,0);box-shadow:2px 0 5px rgba(0,0,0,0.5);opacity: 1;}
}
@media (max-width:575px){
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{white-space:normal;}
}
@media (min-width:992px){
.twt-navbar.twt-navbar-common .dropdown-menu.w-200px{min-width:200px;}
.twt-navbar.twt-navbar-common .dropdown-left .dropdown-menu{left:auto;right:0;}
}
/* for lighter navbars add 'nav-light' class */
.twt-navbar.twt-navbar-common.nav-light .navbar-brand span{color:#333;}
.twt-navbar.twt-navbar-common.nav-light button.navbar-toggler .navbar-dash{background:#333;}
@media (min-width:992px){
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{color:#333;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link,
.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{color: #fff; background-color: var(--primary)}
}
/* submenu css */
.twt-navbar.twt-navbar-common .dropdown-submenu{position:relative;}
.twt-navbar.twt-navbar-common .dropdown-submenu a:after{position:absolute;top:50%;right:6px;transform:translateY(-50%);border-top:0.3em solid transparent;border-right:0.3em solid transparent;border-bottom:0.3em solid transparent;border-left:0.3em solid;}
.twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-menu{top:0;left:100%;margin-left:0.1rem;margin-right:0.1rem;}
@media (max-width:991px){
.twt-navbar.twt-navbar-common .dropdown-submenu .dropdown-menu{padding-left:1rem;}
}
@media (min-width:1199px){
.nav-link.dropdown-toggle.all-project-sub-title {display: none;}
.dropdown-item.all-projects {display: none;}
}
/* submenu css */
/* hamburger on close */
.twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash{transition:0.2s all;}
.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(2){opacity:0;}
.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(1){transform:rotate(45deg) translate(5px,8px);}
.nav-slide-open .twt-navbar.twt-navbar-common button.navbar-toggler .navbar-dash:nth-child(3){transform:rotate(-45deg) translate(5px,-8px);}
/* hamburger on close */
.twt-navbar.twt-navbar-common .nav-bottom .navbar-nav .nav-item .nav-link{border-radius: 0;}
/* nav-shadow ===================================================================================================== */
.nav-shadow {background-color: var(--primary) !important; border-radius: 0;}
/* nav-shadow ===================================================================================================== */
/* navbar ===================================================================================================== */
/* footer ===================================================================================================== */
.footer{background-color:#404040;}
.footer.footer-dark,
.footer.footer-dark a{color:#aaa;}
.footer.footer-dark a{transition:0.1s;}
.footer.footer-dark a:hover{color:#fff;}
.footer .brand-logo-img{width:85px;}
/* footer ===================================================================================================== */
/* owlcarousel default override ===================================================================================================== */
/* dots */
.owl-carousel {touch-action: manipulation; }
.owl-theme .owl-dots{position:absolute;left:0;bottom:0;width:100%;}
.owl-theme .owl-dots .owl-dot span{background-color:var(--theme-color, #3b5998);margin:5px;box-shadow: 0 0 1px 1px var(--theme-color, #3b5998);}
.owl-theme .owl-dots .owl-dot.active span{background-color:var(--white);width:30px;}
/* nav (prev-next) */
.owl-theme .owl-nav{margin:0;}
.owl-theme .owl-nav .owl-prev,
.owl-theme .owl-nav .owl-next{font-size:0;position:absolute;top:50%;transform:translateY(-50%);height:50px;width:50px;line-height:50px;padding:0;margin:0;background:#fff;color:#333;box-shadow:0 3px 15px rgba(0,0,0,0.3);}
.owl-theme .owl-nav .owl-prev:hover,
.owl-theme .owl-nav .owl-next:hover{background:#fafafa;color:#333;}
.owl-theme .owl-nav .owl-prev{left:0;}
.owl-theme .owl-nav .owl-next{right:0;}
.owl-theme .owl-nav .owl-prev:after,
.owl-theme .owl-nav .owl-next:after{content:"\f104";font-size:2rem;font-family:"Font Awesome 5 Free";font-weight:900;}
.owl-theme .owl-nav .owl-next:after{content:"\f105";}
/* item */
.main-banner-slider .banner-img{object-fit:cover;object-position:center;}
/* owlcarousel default override ===================================================================================================== */
/* important css Start */
*{padding:0; margin:0; box-sizing: border-box;}
body{overflow-x: hidden; padding:0; margin:0;}
/* important css End */
/* mobile version display text */
@media(max-width: 991px){
.mobile-view-none{display: flex;align-items: center;justify-content: center;min-height: 100vh;font-size: 25px;text-align: center;padding: 15px;}
}
/* mobile version display text */
:root{--primary-color:#152f70;}
/* -------------------------
header section
------------------------- */
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item{border-bottom: 1px solid #ddd;}
.twt-navbar.twt-navbar-common.fixed{border-bottom:none}
.twt-navbar-common .dropdown .dropdown-toggle::after {display: inline-block;margin-left: 0.255em;vertical-align: middle;content: "";border-top: 0;border-right: 0;border-bottom: 0;border-left: 0;content: "\f107";font-family: 'Font Awesome 5 Free';font-weight: 600;}
.twt-navbar.twt-navbar-common.fixed {top: 0;background: #fff !important;padding: 0 !important;}
.twt-navbar.twt-navbar-common.fixed .navbar-brand:before{box-shadow: none;}
.twt-navbar.twt-navbar-common.fixed .brand-logo-img{padding: 13px 7px;top: 0;}
.main-navbar-wrapper {min-height: 0 !important;}
.twt-navbar.twt-navbar-common{top: 0px;background: transparent;border-bottom: 1px solid rgb(221 221 221 / 30%);}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {color: #fff;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover .nav-link{background-color: transparent;}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link{color:#1e469d;background: transparent;}
.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item.active:hover>.nav-link{color:#000;}
.twt-navbar.twt-navbar-common.fixed{background: rgb(0 0 0 / 40%);}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{position: relative;padding: 27px 15px;font-size: 16px;text-transform: uppercase;font-weight: 400;position: relative;}
.twt-navbar.twt-navbar-common.nav-light .social-icon .nav-link:after{position: absolute;content: "";top: 26px;left: -2px;height: 25px;width: 1px;background: rgb(221 221 221 / 30%);}
.twt-navbar.twt-navbar-common.nav-light .social-icon .nav-link:first-child:after{display: none;}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item{position: relative;}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item:before{bottom: -2px;content: "";display: block;height: 2px;left: 0;position: absolute;background: #1e469d;opacity: 0.6;transition: width 0.3s ease 0s, opacity 0.3s ease 0s;width: 0;}
.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item:before{background: var(--primary-color);}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item:hover:before, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:before{width: 100%;opacity: 1;}
.twt-navbar.twt-navbar-common .brand-logo-img {height: 70px;position: relative;padding: 13px 5px;}
.twt-navbar.twt-navbar-common .navbar-brand {position: relative;z-index: 1;padding-left: 20px !important;}
.twt-navbar.twt-navbar-common.navbar{padding: 0;}
.header-top {background: #000;position: relative;z-index: 11;}
.header-top .social-media .call-link .social-link {display: inline-block;padding: 10px 0px;}
.header-top .social-media .call-link .social-link .mail-to {padding: 6px 0px 6px 20px;color: #fff;position: relative;}
.breadcrumb-item+.breadcrumb-item::before{color: #ffffff;}
.header-top .call-link {margin-bottom: 0;margin-right: 24px;}
.dropdown-list-items .sub-dropdown-menu{top: 80px;border-top: 3px solid #4561a5 !important;}
.twt-navbar.twt-navbar-common .dropdown-menu .dropdown-item:hover {background: rgb(52 82 157);color: #fff;}
.twt-navbar.twt-navbar-common .social-icon .nav-link {display: inline-flex;}
.twt-navbar.twt-navbar-common .social-icon .nav-item {color: #fff;}
.twt-navbar.twt-navbar-common .social-icon .nav-link {color: #fff;}
.twt-navbar.twt-navbar-common .navbar-nav.social-icon {align-items: center;}
.inquiry-btn {background: #fff;padding: 20px 12px;}
.twt-navbar.twt-navbar-common .navbar-nav.social-icon .inquiry-now.nav-link{color: var(--primary-color);}
.twt-navbar.twt-navbar-common .navbar-nav.social-icon .inquiry-now:hover{text-decoration: none;}
.twt-navbar.twt-navbar-common .social-icon a.nav-link {padding: 30px 8px !important;position: relative;}
.twt-navbar.twt-navbar-common .nav-item.menu-bar {padding: 17px 0px;border-left: 1px solid #dddddd4d;margin-left: 10px;font-size: 20px;}
.twt-navbar.twt-navbar-common .inquiry-now.nav-link {color: var(--primary-color);font-weight: 600;}
.twt-navbar.twt-navbar-common .nav-item.menu-bar .nav-link{color: #fff;}
.twt-navbar.twt-navbar-common.nav-light.social-icon .nav-item .nav-link:before{display: none;}
.twt-navbar.twt-navbar-common.fixed .navbar-nav .nav-item .nav-link{color: #000;}
.twt-navbar.twt-navbar-common.fixed .social-icon .nav-link, .twt-navbar.twt-navbar-common.fixed .nav-item.menu-bar .nav-link {color: #000;}
.twt-navbar.twt-navbar-common.fixed .inquiry-btn{background: #152f70;}
.twt-navbar.twt-navbar-common.fixed .inquiry-now.nav-link{color: #fff;}
.twt-navbar.twt-navbar-common .social-icon .nav-link {color: #000;}
.twt-navbar.twt-navbar-common .nav-item.menu-bar .nav-link {color: #000;}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link {color: #000;}
.twt-navbar.twt-navbar-common .inquiry-now.nav-link{color: #fff;}
.inquiry-btn{background: #1e469d;}
/* -------------------------
Title main
------------------------- */
.about-us-section .about-heading-title {
font-size: 27px;
}
.about-heading-title {color: #173e62;margin-bottom: 0;font-size: 35px;font-weight: 500;}
.about-box-title {text-transform: uppercase;color: #b78d65;letter-spacing: 0px;font-weight: 600;margin-bottom: 10px;font-size: 18px;display: block;}
.about-us-box {position: relative;}
.star-project {
color: red;
}
/* -----------------------
banner section
------------------------- */
.banner-items .items-content .banner-title {font-size: 55px;color: #ededed;font-weight: 600;letter-spacing: 0.5px;position: relative;overflow: hidden;text-transform: uppercase;padding: 10px 0;z-index: 1;}
.banner-items .items-content .items-banner-class {max-width: 540px;position: relative;}
.banner-items .items-content .banner-discription {color: #ededed;font-size: 20px;font-weight: 400;margin-bottom: 0;position: relative;overflow: hidden;padding: 0px 0 10px 0;z-index: 1;}
.banner-items .items-content .banner-btn {background: var(--primary-color) !important;display: inline-block;padding: 15px 30px;color: #fff;margin-top: 20px;text-align: center;text-transform: uppercase;letter-spacing: 0.6px;font-size: 14px;position: relative;overflow: hidden;z-index: 1;transition: all 0.5s ease-in-out;}
.banner-items .datails-more {display: block;font-size: 17px;font-weight: 500;padding-top: 10px;}
.banner-items .items-content .banner-btn:hover:before{transform: translateX(0);}
.banner-items .items-content .banner-btn:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: -2px;background-color: #fff;transform: translateX(-100%);z-index: -1;transition: all 0.5s ease-in-out;}
.banner-items .items-content .banner-btn:hover{color: var(--primary-color) !important;;text-decoration: none;}
.banner-items .items-content .banner-title-small{display: block;font-weight: 600;}
.banner-items .slider-banner {padding-top: 135px;position: relative;left: -25px;}
.banner-third .banner-content:before{background: transparent;clip-path: none;}
.banner-third .slider-image {height: auto !important;}
.banner-image{position: relative;}
.banner-items .banner-content .items-content .items-banner-class{margin: auto;padding-top: 310px;}
.banner-third .items-content .banner-title{font-size: 40px;
color: #000;
padding: 0px 0 10px 0;
line-height: 51px;}
.banner-third .items-content .banner-discription{color: #000;}
.items-content .items-banner-class:before{display: none;}
.banner-items .slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 20px;position: absolute;top: 0;left: 0;width: 35px;height: 5px;content: '';text-align: center;opacity: 1;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: #fff;}
.banner-items .slick-dots li.slick-active button:before {opacity: 1;color: black;background: #1e469d;}
.banner-items .slick-dots li{margin: 0 13px;}
.banner-items .banner-image-items {position: relative;}
.banner-items .banner-image-items:before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 30%);z-index: 11;}
.banner-items .slick-dots{bottom: 18px;}
.banner-imgae .items-past {position: absolute;bottom: 0;left: 0;background: rgb(255 255 255 / 65%);padding: 18px 35px;color: #000;font-size: 35px;}
@keyframes fade {
0% {
opacity: 1;
}
25% {
opacity: 1;
}
75% {
opacity: 0;
}
100% {
opacity: 0;
}
}
.banner-image-class {width: 100%;height: 100%;}
.banner-small-title {color: #152f70;font-size: 23px;font-weight: 600;padding-bottom: 12px;display: block;}
.slider-banner:before {position: absolute;content: "";top: 0;left: 0;height: 600px;width: 1000px;right: -50vw;transform: translate(0px,0);border-radius: 70px 0 0 70px;}
.banner-image-class {width: 100%;height: 700px;border-top-right-radius: 400px;border-bottom-right-radius: 400px;max-width: 1130px;right: 15px;}
.banner-items.banner-third {position: relative;height: 100%;padding-bottom: 200px;overflow: hidden;}
.banner-items.banner-third:before {position: absolute;content: "";top: 0;right: 0;background: #fefaf4;width: 33%;height: 100%;}
.banner-third .banner-content{position: relative;}
.banner-third .banner-content::after {content: "";position: absolute;top: 120px;right: 50vmax;background-image: url(../images/banner1/section-shape-2-dots.png);background-repeat: no-repeat;background-size: contain;width: 101px;height: 75px;display: block;transform: translate(400px,0);z-index: 1;-webkit-animation-name: bounce-1;animation-name: bounce-1;-webkit-animation-duration: 2s;animation-duration: 2s;-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;-webkit-animation-play-state: running;animation-play-state: running;-webkit-animation-direction: alternate;animation-direction: alternate;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-delay: 0s;animation-delay: 0s;}
@-webkit-keyframes bounce-1{0%{transform:translate(400px,0)}100%{transform:translate(400px,50px)}}
@keyframes bounce-1{0%{transform:translate(400px,0)}100%{transform:translate(400px,50px)}}
.banner-third .banner-btn{border-radius: 50px;}
.banner-third .banner-btn:before{background-color: #c4c6c7;}
.banner-third .items-content {position: relative;padding-left: 70px;}
.banner-third .items-content:before {position: absolute;content: "";bottom: 0%;right: -30px;width: 150px;height: 150px;background: #ededed;z-index: -1;border-radius: 100%;animation:move2 5s infinite;}
@-webkit-keyframes move2{
0%{-webkit-transform:rotate(1deg) translate(2px,2px);transform:rotate(1deg) translate(2px,2px)}
50%{-webkit-transform:rotate(-1deg) translate(-2px,-2px);transform:rotate(-1deg) translate(-2px,-2px)}
to{-webkit-transform:rotate(1deg) translate(2px,2px);transform:rotate(1deg) translate(2px,2px)}
}
@keyframes move2{
0%{-webkit-transform:rotate(1deg) translate(2px,2px);transform:rotate(1deg) translate(2px,2px)}
50%{-webkit-transform:rotate(-1deg) translate(-2px,-2px);transform:rotate(-1deg) translate(-2px,-2px)}
to{-webkit-transform:rotate(1deg) translate(2px,2px);transform:rotate(1deg) translate(2px,2px)}
}
/* -------------------------
About us section
------------------------- */
.about-us-section .about-cnt {color: #000;font-size: 17px;line-height: 26px;font-weight: 400;}
.about-us-section {margin-top: 50px;}
.about-us-section .counter-number {color: var(--primary-color);font-size: 40px;font-weight: 600;position: relative;display: inline-block;}
.about-us-section .about-counter-box {text-align: center;}
.about-us-section .about-counter-title {font-size: 17px;font-weight: 600;color: #000;}
.about-us-section .counter-number:before {position: absolute;content: "\f067";top: 11px;right: -30px;font-weight: 800;font-family: 'Font Awesome 5 Free';font-size: 24px;}
.about-mission:before {position: absolute;content: "";top: 0;right: 0;width: 77%;height: 100%;background: #f7f2ee;border-radius: 10px 0px 0px 10px;}
.about-mission {position: relative;z-index: 1;margin-left: 170px;}
.about-mission .about-image-box{border-radius: 5px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 11%);height: 350px;width: 100%;object-fit: cover;}
.about-cnt {text-align: justify;}
.about-mission .about-mision-box {color: #929292;font-size: 17px;line-height: 26px;padding-left: 30px;}
.about-mission-title {color: #173e62;font-weight: 600;padding-bottom: 10px;font-size: 30px;}
.about-mission .read-more {color: var(--primary-color);text-transform: uppercase;font-size: 14px;font-weight: 600;padding: 6px 0;position: relative;}
.about-mission .read-more:before {position: absolute;content: "";bottom: 0;left: 0;width: 105px;height: 2px;background: var(--primary-color);}
.about-mission .read-more:hover{color: var(--primary-color);text-decoration: none;}
.about-mission .readmore-icon {padding-left: 11px;font-size: 17px;position: relative;top: 1px;}
.about-mission .about-mision-img {margin-left: auto;display: table;}
.about-us-section .read-more-content {color: #3d65c9;font-size: 17px;font-weight: 500;}
.read-more-class {color: #152f70;font-weight: 500;text-decoration: underline;}
[data-toggle="collapse"].collapsed .if-not-collapsed {
display: none;
}
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {
display: none;
}
/* -------------------------
Project Features section
------------------------- */
.project-features {position: relative;z-index: 1;}
.project-features .project-image-box {height: 100%;}
.project-features .project-image-box img{height: 250px;object-fit: cover;/* border-radius: 10px; */width: 100%;}
.project-features .prd-header-box.prd-long-image {height: 100%;}
.project-features .prd-header-box {position: relative;display: block;margin: 0 7px;}
.project-features .project-box-cnt {position: absolute;bottom: 40px;left: 15px;z-index: 111;}
.project-features .project-image, .project-features .project-image-box {position: relative;overflow: hidden;/* border-radius: 10px; */}
.project-features .bg-overlay{position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgb(15 15 15 / 50%);/* border-radius: 10px; */}
/* .project-features .project-image .project-img{border-radius: 10px;} */
.project-features .prd-title {color: #fff;font-size: 18px;font-weight: 600;}
.project-features .prd-discription {color: #ddd;margin-bottom: 0;font-size: 16px;;}
.project-features .prd-number {position: absolute;top: 12px;right: 15px;color: #fff;font-size: 56px;font-weight: 600;opacity: 0.2;transition: all 0.5s ease-in-out;}
.project-features .prd-header-box:hover .prd-number{opacity: 1;}
.project-features .prd-header-box .project-image .project-img, .project-features .prd-header-box .project-image-box .project-img{transition: all 0.5s ease-in-out;height: 250px;width: 100%;}
.project-features .prd-header-box:hover .project-image .project-img, .project-features .prd-header-box:hover .project-image-box .project-img{transform: scale(1.2);}
.product-slider .slick-prev, .product-slider .slick-next{top: 8px;bottom: auto;background: #152f70;color: #000;width: 40px;height: 40px;}
.product-slider .slick-prev:before, .product-slider .slick-next:before{color: #fff;font-family: "Font Awesome 5 Free";font-size: 30px;position: relative;justify-content: center;top: -2px;}
.product-slider .slick-next{right: 10px;}
.product-slider .slick-prev {left: auto;z-index: 1;right: 55px;}
/* -------------------------
Our Project second section
------------------------- */
.our-project-second {position: relative;background-image: url(../images/dot-image.png);background-repeat: repeat;width: 100%;height: 100%;}
.our-project-second .our-project-items .our-project-items-heading {padding: 20px 20px;background: #fff;text-align: center;transition: all 0.5s linear;position: relative;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);}
.our-project-second .our-project-items-image {background: #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);}
.our-project-second .our-project-items {display: inline-block;}
.our-project-second .our-project-items:hover {text-decoration: none;}
.our-project-second .our-project-items:hover .our-project-items-heading{box-shadow: 0 10px 30px 0 rgb(50 50 50 / 16%);}
.our-project-second .our-project-items .our-project-items-heading:before{content: "";position: absolute;left: 50%;bottom: -24px;background-color: #000;width: 2px;height: 24px;transition: all 0.5s linear;}
.our-project-second .our-project-items:hover .our-project-items-heading:before{height: 48px;bottom: -48px;}
.our-project-second .our-project-items .our-project-items-title {margin-bottom: 0;font-weight: 500;font-size: 22px;color: #000;}
.our-project-second .our-project-items:hover .our-project-items-card{
-webkit-animation: animate-in-to-top-content 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
animation: animate-in-to-top-content 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.our-project-second .our-project-items .our-project-items-count {font-size: 42px;line-height: 42px;height: 36px;font-weight: 600;margin-top: 50px;display: block;text-align: center;color: #bbbec2;}
.our-project-second [class*="col-"]:nth-child(2) .our-project-items{margin-top: 30px;}
.our-project-second [class*="col-"]:nth-child(3) .our-project-items{margin-top: 60px;}
@-webkit-keyframes animate-in-to-top-content {
0% {
-webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
transform: translateY(-600px) rotateX(-30deg) scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
100% {
-webkit-transform: translateY(0) rotateX(0) scale(1);
transform: translateY(0) rotateX(0) scale(1);
-webkit-transform-origin: 50% 1400px;
transform-origin: 50% 1400px;
opacity: 1;
}
}
@keyframes animate-in-to-top-content {
0% {
-webkit-transform: translateY(-600px) rotateX(-30deg) scale(0);
transform: translateY(-600px) rotateX(-30deg) scale(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
opacity: 0;
}
100% {
-webkit-transform: translateY(0) rotateX(0) scale(1);
transform: translateY(0) rotateX(0) scale(1);
-webkit-transform-origin: 50% 1400px;
transform-origin: 50% 1400px;
opacity: 1;
}
}
/* -------------------------
Any Question section
------------------------- */
.contact-questions {position: relative;z-index: 1;}
.contact-questions:before {position: absolute;content: "";top: 0;left: 0;width: 50%;height: 100%;background: #f7f2ee;}
.contact-questions:after {position: absolute;content: "";top: 0;right: 0;width: 50%;height: 100%;background-image: url(../images/slider/slide2.jpg);background-repeat: no-repeat;background-size: cover;background-position: center;}
.contact-questions .questions-card .questions-img {padding-bottom: 25px;}
.contact-questions .questions-card .questions-icon {max-width: 60px;filter: invert(90%) sepia(6%) saturate(111%) hue-rotate(177deg) brightness(91%) contrast(85%);}
.contact-questions .questions-card {position: relative;z-index: 1;padding: 30px 0 30px 0;}
.contact-questions .questions-card:before {position: absolute;content: "";top: 0;left: 0;width: 55%;height: 100%;background: var(--primary-color);z-index: -1;}
.contact-questions .questions-title {color: #c6c8cb;font-size: 22px;font-weight: 600;padding: 15px 0;}
.contact-questions .questions-border {position: relative;padding: 15px 0;}
.contact-questions .questions-border:before {width: 24px;height: 24px;top: 0px;left: 0;position: absolute;content: "";background: #c4c6cb;border-radius: 50px;}
.contact-questions .questions-border:after {width: 15px;height: 15px;top: 0px;left: 0;position: absolute;content: "";background: #c4c6cb;border-radius: 50px;}
.contact-questions .questions-border:after {width: 12px;height: 12px;top: 6px;left: 6px;position: absolute;content: "";background: var(--primary-color);border-radius: 50px;}
.contact-questions .questions-dots:before {position: absolute;content: "";width: 100%;height: 1px;top: 12px;left: 0;background: #c4c6cb;}
.contact-questions .questions-box:nth-child(3) .questions-dots:before{display: none;}
.contact-questions .call-number {list-style: none;display: inline-block;padding-top: 30px;margin-bottom: 0;}
.contact-questions .phone-number {display: inline-block;padding-right: 35px;}
.contact-questions .call-icon {color: #fff;transform: rotate(90deg);font-size: 21px;;}
.contact-questions .call-text {color: #fff;font-size: 26px;padding-left: 9px;}
.contact-questions .call-text:hover{color: #fff;text-decoration: none;}
.about-us-box.questions-items {position: relative;}
/* -------------------------
youtube section
------------------------- */
.youtube-section {position: relative;background-image: url(../images/dot-image.png);background-repeat: repeat;width: 100%;height: 100%;}
.vid-group {margin: 0 6px;background: #fff;padding: 15px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);}
.youtube-section .slick-prev, .youtube-section .slick-next, .customer-slider .slick-prev, .customer-slider .slick-next{top: -45px;bottom: auto;background: #152f70;color: #000;width: 40px;height: 40px;}
.youtube-section .slick-prev, .customer-slider .slick-prev {left: auto;z-index: 1;right: 55px;}
.youtube-section .slick-next, .customer-slider .slick-next {right: 10px;}
.youtube-section .slick-prev:before, .youtube-section .slick-next:before, .customer-slider .slick-prev:before, .customer-slider .slick-next:before{color: #fff;font-family: "Font Awesome 5 Free";font-size: 30px;position: relative;justify-content: center;top: -3px;}
/* -------------------------
testimonial section
------------------------- */
.testimonial-slider .slick-track {display: flex;}
.testimonial-slider .testimonial-items{height: auto !important;display: flex !important;}
.testimonial-slider .testimonial-text {/* background: #fff; */padding: 0px 15px 0px 15px;/* border: 1px solid #eef1f2; *//* box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%); */margin: 0px 5px 10px 5px;}
.testimonial-slider .testimonial-items .card{background: #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);margin: 50px 20px;padding: 20px 20px 0 20px;}
.testimonial-slider .testimonial-items .card .media-class {display: flex;}
.testimonial-slider .testimonial-desc {color: #000;margin-bottom: 0;font-size: 16px;}
.testimonial-slider .quotes-items {font-size: 60px;color: #c6c8c9;text-align: right;padding-right: 20px;}
.testimonial-slider .testimonial-title {font-size: 21px;font-weight: 600;color: #000;white-space: nowrap;}
.testimonial-slider .testimonial-icon {margin-top: -50px;width: 110px;height: 110px;}
.testimonial-slider .testimonial-title-bottom {font-size: 17px;font-weight: 400;color: #000;margin-bottom: 10px;}
.testimonial-slider .slick-next.slick-arrow, .testimonial-slider .slick-prev.slick-arrow {position: absolute;background: #152f70;width: 40px;height: 40px;top: 50%;border-radius: 50px;z-index: 1;transform: translateY(-50%);}
.testimonial-slider .slick-prev:before, .testimonial-slider .slick-next:before {font-family: 'Font Awesome 5 Free';font-size: 23px;line-height: 1;opacity: 1;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-weight: 600;position: relative;top: -3px;}
.testimonial-slider .slick-next {right: -18px;}
.testimonial-slider .slick-prev{left: -18px;}
@media (max-width:767px){
.testimonial-slider .testimonial-items .card .media-class {
display: block;
}
.testimonial-slider .testimonial-items .card .card-body{
padding: 5px 0 25px 0;
}
.testimonial-slider .testimonial-items .card .text-class {
padding-top: 13px;
}
}
/* -------------------------
Footer section
------------------------- */
.footer .footer-bottom{position: relative;}
.footer.footer-dark, .footer.footer-dark a {color: #cbcbcb;}
.footer p {color: #cbcbcb;}
.footer {background-image: url(../images/slider/feature-image.jpg);background-repeat: no-repeat;width: 100%;background-size: cover;background-position: bottom;position: relative;position: relative;z-index: 1;}
.footer:before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 80%);}
.footer .quick-links-list {padding: 4px 0;font-size: 16px;}
.footer .quick-links-list .link-text-icon {padding-right: 4px;font-size: 14px;position: relative;top: -1px;}
.footer.footer-dark .link-text:hover{text-decoration: none}
.footer.footer-dark .media .mail-icon {background: #fff;width: 40px;height: 40px;text-align: center;line-height: 39px;border-radius: 50px;color: var(--primary-color);font-size: 15px;}
.footer .footer-title{font-size: 18px;font-weight: 500;color: #fff;margin-bottom: 4px;}
.footer .main-footer-title {font-size: 25px;text-transform: capitalize;margin-bottom: 25px;font-weight: 600;position: relative;}
.footer .main-footer-title:before {position: absolute;content: "";bottom: -5px;left: 0;width: 60px;height: 2px;background: #ddd;}
.footer .mail-icon.call-icon {transform: rotate(90deg);}
/* -------------------------
project section
------------------------- */
.project-page .project-box .prd-img-holder {position: relative;display: block;overflow: hidden;z-index: 10;}
.project-page .project-box {background: #fff;box-shadow: 0px 4px 8px 2px #f3f3f3;border-radius: 0px 0px 5px 5px;height: 100%;}
.project-page .project-box .prd-img-holder .project-img{position: relative;}
.project-page .project-box .prd-img-holder .project-img:before {position: absolute;top: 0px;left: 0px;right: 0px;height: 100%;background: rgb(40 41 46 / 65%);z-index: 3;opacity: 0;transform: scale(0) rotate(0deg);transition: all 0.5s ease-in-out;width: 100%;content: "";}
.project-page .project-box:hover .prd-img-holder .project-img:before {opacity: 1;transform: scale(1.0) rotate(0deg);transition: all 0.5s ease-in-out;}
.project-page .project-box .prd-img-holder .project-img:after {position: absolute;top: 45%;left: 45%;z-index: 3;opacity: 0;transition: all 0.5s ease-in-out;transform: scale(0) rotate(0deg);content: "\f067";font-family: "Font Awesome 5 Free";font-weight: 900;background: #fff;width: 50px;height: 50px;text-align: center;line-height: 50px;font-size: 20px;color: #ac782c;}
.project-page .project-box:hover .prd-img-holder .project-img:after {opacity: 1;transition: all 0.5s ease-in-out;transform: scale(1.0) rotate(0deg);}
.project-page .project-box .prd-img-holder .project-title {position: relative;display: block;padding: 19px 0px;text-align: center;}
.project-page .project-box .prd-img-holder .project-img img{width: 100%;transform: scale(1.0);transition: all 700ms ease;height: 300px;object-fit: cover;}
.project-page .project-box:hover .prd-img-holder .project-img img{transform: scale(1.1) rotate(1deg);}
.project-page .project-box .prd-img-holder .prd-cnt {color: #27282c;font-size: 20px;font-weight: 600;padding: 0px 15px;margin-bottom: 0;}
.project-page .project-box .prd-cnt-title {color: #7c7e84;}
.project-page .project-box:hover .prd-cnt{color: #ab7a28;}
.project-page .project-box {display: block;}
.project-page .project-img {overflow: hidden;}
.project-page .project-box:hover{text-decoration: none;}
.header-banner {height: 250px;width: 100%;background-size: cover;background-repeat: no-repeat;background-position: top center;position: relative;margin-top: 80px;align-items: center;display: flex;z-index: 1;overflow: hidden;}
.header-banner.header-main {background-position: center;}
.header-banner .prd-breadcrumb {text-align: center;margin-left: auto;display: table;}
.header-banner .prd-breadcrumb .beadcrumb-class {margin: auto;display: table;}
.header-banner .prd-breadcrumb .breadcrumb {background-color: transparent;border-radius: 0;}
.header-banner .prd-breadcrumb .breadcrumb-link {color: #fff;font-size: 17px;}
.header-banner .prd-breadcrumb .breadcrumb-item.active {color: #c4c4c4;}
.header-banner:before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 60%);z-index: -1;}
.header-banner:after {position: absolute;content: "";top: 0;right: -120px;width: 50%;height: 100%;background: #1e469d;transform: skewX(34deg);z-index: -1;}
.header-banner .main-title-page {color: #fff;font-weight: 700;position: relative;font-size: 43px;}
/* main title */
.about-company-heading {color: #ac782c;font-size: 27px;font-weight: 600;margin-bottom: 0;}
.prd-about-span:after, .prd-about-span:before, .prd-about-heading:after, .prd-about-heading:before{content: '';position: absolute;z-index: inherit;width: 8px;height: 8px;opacity: 1;transform: translate(0,0);transition: .4s;}
.prd-about-span:after{top: -7px;right: -10px;border-top: 2px solid #ac782c;border-right: 2px solid #ac782c;}
.prd-about-span:before{top: -7px;left: 2px;border-top: 2px solid #ac782c;border-left: 2px solid #ac782c;}
.benifits-section .about-compant-title {font-size: 24px;font-weight: 600;padding: 20px 0 7px 0;}
.about-company-title-box {position: relative;display: inline-block;padding-left: 15px;}
.prd-about-heading:before{bottom: -7px;left: 2px;border-bottom: 2px solid #ac782c;border-left: 2px solid #ac782c;}
.prd-about-heading:after{bottom: -7px;right: -10px;border-bottom: 2px solid #ac782c;border-right: 2px solid #ac782c;}
.product-details-about {position: relative;z-index: 1;}
/* -------------------------
Project Locations section
------------------------- */
.project-locations {position: relative;background-image: url(../images/dot-image.png);background-repeat: repeat;width: 100%;height: 100%;}
.project-locations .location-items {margin-left: auto;display: table;}
.project-locations .location-items .nav-tabs {border-bottom: none;background: #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);}
.project-locations .location-items .nav-tabs .nav-link{border: none;border-top-left-radius: 0;border-top-right-radius: 0;font-size: 16px;font-weight: 600;color: #000;padding: 12px 30px;position: relative;}
.location-items .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{color: #fff !important;background-color: #37549e;border-color: #dee2e6 #dee2e6 #fff;border-top-left-radius: 0;border-top-right-radius: 0;}
.project-page-content .nav-tabs .nav-item.show .nav-link, .project-page-content .nav-tabs .nav-link.active{color: #fff;background-color: #152f70;}
/* -------------------------
Zone section
------------------------- */
.benifits-section .project-document-items .project-items {margin-bottom: 0;margin-right: 70px;padding-top: 10px;}
.benifits-section .zone-img {max-width: 50px;}
/* -------------------------
Amenities section
------------------------- */
.bg-2{background: #f5f5f5;}
.amenities-section .amenities-image {max-width: 75px;}
.amenities-section .amenities-box {text-align: center;padding: 6px 0;}
.amenities-section .amenities-icon {display: table-cell;vertical-align: middle;width: 100%;position: relative;border-radius: 50%;background: #f5f5f5;}
.amenities-section .amenities-title {font-size: 21px;font-weight: 600;padding: 25px 0 0px 0;}
.amenities-section .border-row{position: relative;}
.amenities-section .border-row:after{position: absolute;content: "";top: 0;right: 0px;background: #ffffff;width: 5px;height: 100%;z-index: 1;}
.amenities-section .border-row:before{position: absolute;content: "";bottom: -3px;left: -16px;background: #ffffff;width: 100%;height: 5px;z-index: 1;}
.amenities-section .border-box:hover .amenities-title{color: #152f70;}
.amenities-section .amenities-item-mage{width: 180px;height: 180px;border-radius: 100%;border: 1px solid #dbdbdb;display: table;margin: 0 auto;position: relative;z-index: 2;padding: 10px;-webkit-transition: all ease 500ms;-o-transition: all ease 500ms;transition: all ease 500ms;}
.amenities-section .border-box {position: relative;transition: all 0.5s ease-in-out;}
.amenities-section .border-box:hover {box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);background: #fff;}
/* -------------------------
News Page
------------------------- */
.news-page {position: relative;z-index: 1;}
.news-page .news-box{position: relative;transition: all 0.5s ease-in-out;}
.news-page .news-box:hover:before{width: 100%;}
.news-page .news-box:before{content: '';height: 1px;width: 0;background: #000;position: absolute;bottom: -6px;left: 0;z-index: 1;-webkit-transition: all .6s;transition: all .6s;}
.news-page .card .news-image{position: relative;}
.news-page .news-box:hover .entry-date{background: #fff;color: #000;border-color: rgba(0,0,0,.08); }
.news-page .card .entry-date{background: #000;color: #fff;font-size: 12px;font-weight: 700;text-align: center;position: absolute;bottom: -11px;right: 37px;padding: 0 20px;line-height: 40px;letter-spacing: 1px;text-transform: uppercase;transition: all .35s;border: 1px solid transparent;z-index: 1;}
.news-page .news-box {box-shadow: 0px 8px 18px 0px rgb(23 39 54 / 10%);transition: all .35s;border: 1px solid rgba(0,0,0,.06);border-radius: 0;transition: all 0.5s ease-in-out;display: block;color: #000;height: 100%;}
.news-page .news-items {pointer-events: none;}
.news-page .news-box:hover {text-decoration: none;}
.news-page .news-box .news-content-box{transition: all 0.5s ease-in-out;}
.news-page .news-box:hover {background: #000;}
.news-page .news-box:hover .news-content-box{/* background: #000; */border: none;}
.news-page .news-box .news-image .card-img-top{border-top-left-radius: 0;border-top-right-radius: 0;}
.news-page .news-box .card-body{padding: 35px 25px 5px 25px;}
.news-page .news-box:hover .card-body .card-title .news-title{color: #fff;}
.news-page .news-box .card-body .card-title {margin-bottom: 0;font-size: 24px;margin: 0 0 10px;padding: 10px 0 10px;-ms-word-wrap: break-word;word-wrap: break-word;position: relative;transition: all 0.5s ease-in-out;}
.news-page .news-box .card-body .card-title .news-title{background: linear-gradient(to right,currentcolor 0%,currentcolor 100%) 0px 89%/0px 2px no-repeat;transition: all 0.5s ease-in-out;padding-bottom: 4px;color: #000;}
.news-page .news-box:hover .card-body .card-title .news-title{background-size: 100% 2px;}
.news-page .news-box:hover .card-body .card-title:before{background: rgba(255,255,255,.6);}
.news-page .news-box .card-body .card-title:before{content: '';width: 60px;height: 1px;background: #000;position: absolute;bottom: 0;left: 0;z-index: 1;}
.news-page .news-box .card-footer{padding: 0 0px 25px 25px;background-color: transparent;border-top: 0;border-radius: 0;}
.news-page .news-box .card-footer .read-more-btn{position: relative;z-index: 1;color: #000;}
.news-page .news-box:hover .card-footer .read-more-btn{color: #fff;}
.news-page .news-box:hover .card-footer .read-more-btn:before{width: 0;}
.news-page .news-box .card-footer .read-more-btn:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;background-color: #e5e5e5;height: 6px;z-index: -1;-webkit-transition: all .5s ease;transition: all .5s ease;}
.news-page .news-image .card-img-top {height: 300px;width: 100%;object-fit: cover;}
/* -------------------------
Project Main Page
------------------------- */
.project-page-content {position: relative;z-index: 1;}
.project-box-content{position: relative;display: block;}
.project-box-content .project-text{position: absolute;left: 0;bottom: 0;padding: 30px 40px;z-index: 3;}
.project-box-content .project-heading {position: absolute;top: 30px;left: 30px;z-index: 3;writing-mode: vertical-rl;transform: rotate( 180deg);text-transform: uppercase;color: #fff;letter-spacing: 1.8px;font-size: 14px;}
.project-box-content .project-read-more-btn {color: #c4c5c9;text-transform: uppercase;font-size: 14px;font-weight: 600;letter-spacing: 0.8px;height: 0;overflow: hidden;transition: all .3s ease;}
.project-box-content .project-read-more-btn .project-view-icon{padding-left: 7px;}
.project-box-content .project-box-content:hover .project-read-more-btn{height: 30px;padding-top: 10px;}
.project-box-content .project-text-title {font-size: 24px;color: #fff;font-weight: 700;}
.project-box-content .project-box-image {position: relative;}
.project-box-content .project-box-image:before {content: "";position: absolute;left: 0;bottom: 0;right: 0;top: 0;-ms-transition: all .3s ease;-o-transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all .3s ease;z-index: 1;background-color: rgba(0,0,0,.5);}
.project-box-content .project-box-content:hover .project-box-image:after{opacity: 1;}
.project-box-content .project-box-image:after{content: "";left: 0;top: 0;-ms-transition: all .3s ease;-o-transition: all .3s ease;-moz-transition: all .3s ease;-webkit-transition: all .3s ease;transition: all 0.5s linear;z-index: 1;position: absolute;width: 100%;height: 100%;opacity: 0;/* background: #010101; *//* background: -webkit-linear-gradient(bottom, rgb(1 1 1 / 90%) , rgb(0 0 0 / 0%)); */background: -moz-linear-gradient(bottom, rgb(1 1 1 / 90%) , rgb(0 0 0 / 0%));/* background: linear-gradient(to top, rgb(1 1 1 / 70%), rgb(0 0 0 / 0%)); */background-image: -webkit-linear-gradient(90deg,rgba(35,35,35,.9) 30%,hsl(0deg 0% 0% / 15%) 60%); }
.project-box-content .project-box-image .our-project-image{width: 100%;height: 300px;}
/* -------------------------
Gallery Details Page
------------------------- */
.project-page {position: relative;z-index: 1;}
.project-page .gallery-details-box{position: relative;overflow: hidden;}
.project-page .gallery-details-content{position: absolute;left: 0;bottom: 0;padding: 25px 25px 25px 25px;z-index: 3;width: 300px;max-width: 100%;background-color: #0f0f0f;transition: all .3s ease;transform: translateX(-100%);}
.project-page .gallery-details-box:hover .gallery-details-content{transform: translateX(0);}
.project-page .gallery-details-box .gallery-details-title {color: #fff;padding: 10px 0 10px 0;display: block;text-transform: uppercase;letter-spacing: 1.5px;font-size: 13px;}
.project-page .gallery-details-box .gallery-details-heading {font-size: 23px;color: #fff;margin-bottom: 0;padding: 5px 0;line-height: 30px;}
.project-page .gallery-details-box .gallery-details-img .gallery-details-image-box {height: 450px;width: 100%;object-fit: cover;}
/* -------------------------
Blogs Page
------------------------- */
.our-blogs .card-blogs {display: block;}
.our-blogs .card-blogs:hover {text-decoration: none;}
.our-blogs {position: relative;z-index: 1;}
.our-blogs .card-blog-img {border-left: 50px solid #000;position: relative;transition: all 0.3s ease-in-out;display: block;}
.our-blogs .card-blogs .card-blog-img .card-img-top {width: 100%;height: 300px;border-top-left-radius: 0;border-top-right-radius: 0;object-fit: cover;transition: all .5s ease;}
.our-blogs .card-blog-image {overflow: hidden;}
.our-blogs .card-blogs:hover .card-blog-img .card-img-top{transform: scale(1.1);}
.our-blogs .card-blogs .card-blog-date {position: absolute;left: -25px;bottom: 50%;transform: translateX(-50%) translateY(-50%) rotate( -90deg);display: flex;align-items: center;justify-content: center;top: 50%;}
.our-blogs .card-blogs .card-blog-text {color: #fff;}
.our-blogs .card-blogs .card-title {font-size: 25px;margin-bottom: 0;font-weight: 600;color: #000;line-height: 30px;}
.our-blogs .card-blogs .card-title:hover{text-decoration: none;}
.our-blogs .card-blogs:hover .card-title{color: #35539e;}
.our-blogs .card-blogs:hover .card-blog-img{border-color: #35539e;}
.our-blogs .blog-passage {margin-bottom: 0;padding: 10px 0;color: #929292;}
.our-blogs .blog-employe-name {position: relative;font-size: 15px;color: #fff;}
.our-blogs .blog-info {background: #000;color: #fff;font-size: 12px;font-weight: 700;text-align: center;position: absolute;bottom: -10px;right: 4px;padding: 0 8px;line-height: 40px;letter-spacing: 1px;transition: all .35s;border: 1px solid transparent;}
.our-blogs .view-more-btn{color: #fff;text-transform: uppercase;font-size: 14px;font-weight: 500;display: inline-block;position: relative;z-index: 1;}
.our-blogs .card-blogs:hover .view-more-btn {color: var(--primary-color);}
.our-blogs .view-more-btn:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;background-color: #e5e5e5;height: 6px;z-index: -1;-webkit-transition: all .5s ease;transition: all .5s ease;}
.our-blogs .card-read-more{color: #000;}
/* -------------------------
Blog Details Page
------------------------- */
.news-events-blog-page {position: relative;z-index: 1;overflow: hidden;}
.news-events-blog-page .news-blog-media .news-blog-img {height: 90px;width: 90px;object-fit: cover;border-radius: 50%;}
.news-events-blog-page .blog-page-heading {font-size: 27px;font-weight: 600;color: #000;}
.news-events-blog-page .recent-heading {border-bottom: 1px solid #ddd;}
.news-events-blog-page .recent-blog-heading {font-size: 22px;font-weight: 500;color: #000;}
.news-events-blog-page .news-blog-media-link {color: var(--primary-color);}
.news-events-blog-page .news-media-title {font-size: 20px;}
.news-events-blog-page .news-blog-media-link:hover {text-decoration: none;}
.news-events-blog-page .blog-employe-name.author-name {color: #000;}
.news-events-blog-page .blog-date-name, .news-events-blog-page .blog-employe-name.author-name {position: relative;display: inline-block;font-size: 16px;padding-left: 17px;padding-top: 8px;color: #000;}
.news-events-blog-page .blog-date-name{position: relative;}
.news-events-blog-page .blog-date-name:before {position: absolute;content: "";top: 15px;left: 0;width: 7px;height: 7px;background: #3a57a0;}
/* -------------------------
Gallery section
------------------------- */
.layout-plan .gallery-img {
height: 450px;
object-fit: cover;
}
/* -------------------------
Layout & Plans section
------------------------- */
.layout-plan .gallery-img{width: 100%;object-fit: inherit;}
.items-box {margin: 25px 5px;position: relative;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);}
.layout-plan .items-box .items-slider-img{position: relative;display: block;background: #e9f6f6;}
.layout-plan .items-box .items-slider-img:before {position: absolute;content: "";top: 0px;left: 0px;width: 100%;height: 0%;z-index: 2;opacity: 0;transform: scale(0.5);background-color: rgba(0, 0, 0, 0.40);transition: all 0.5s ease-in-out 0s;}
.layout-plan .items-box:hover .items-slider-img:after {transform: translateY(0px);opacity: 1;}
.layout-plan .items-box .items-slider-img:after {position: absolute;content: "\f0b2";font-size: 45px;transform: translateY(15px);transition: all 0.5s ease-in-out;color: #fff;position: absolute;top: 45%;left: 45%; font-family: 'Font Awesome 5 Free';font-weight: 700;opacity: 0;z-index: 11;}
.layout-plan .items-box:hover .items-slider-img:before {opacity: 1;transform: scale(1.0);height: 100%;}
.slick-carousel .slick-dots{bottom: -47px;}
.slick-carousel .slick-dots li button:before{opacity: 1;color: #000;font-size: 12px;}
.slick-carousel .slick-dots li.slick-active button:before{opacity: 1;color: #ab7a28;}
.contact-map iframe {height: 100%;width: 100%;border: 0;display: block;}
.contact-map {height: 100%;}
.contact-section .contact-details-section {background: #fff;height: 100%;padding: 20px 25px 20px 35px;max-width: 860px;margin: auto auto auto 40px}
.contact-section .contact-details-section .form-control {height: 50px;border-radius: 0;font-weight: 500;font-size: 15px;}
.contact-section .contact-details-section .form-control:focus{box-shadow: none;border-color: var(--primary-color);}
.contact-section .contact-details-section .submit-btn {margin: auto;display: table;background: var(--primary-color);border-color: var(--primary-color);border-radius: 0;width: 20%;padding: 10px 20px;font-size: 16px;font-weight: 500;text-transform: uppercase;margin-top: 10px;width: 100%;}
.contact-section .address-cnt {font-size: 19px;font-weight: 600;padding: 0px 0 8px 0;margin-bottom: 0;}
.contact-section .contact-icon {font-size: 25px;color: #152f70;background: #fff;display: inline-block;border-radius: 50px;text-align: center;line-height: 49px;width: 50px;height: 50px;}
.contact-section .contact-details-cnt {border-bottom: 1px solid #ddd;padding: 19px 0;}
.contact-section .contact-details-cnt:last-child {border-bottom: none;}
.contact-section .contact-content .mobile-no {color: #2d2d2d;display: block;}
.contact-section .contact-content .address-desc {margin-bottom: 0;color: #2d2d2d;}
.contact-section .contact-details-title {font-size: 24px;font-weight: 600;color: #000;}
.contact-details-section .btn-primary:not(:disabled):not(.disabled).active,
.contact-details-section .btn-primary:not(:disabled):not(.disabled):active,
.contact-details-section .show>.btn-primary.dropdown-toggle {color: #fff;background-color: #ab7a28;border-color: #ab7a28;}
/* -------------------------
our Project section
------------------------- */
/* contact-page */
.contact-us-page .get-in-touch-section .form-control:focus{box-shadow: none; border-color: #ced4da;}
.contact-us-page .get-in-touch-section{background-color: #ffffff;z-index: 10;position: relative;}
.get-in-touch-section iframe{display: block;}
.contact-us-page .get-in-touch-section .contact-sub-para{color: #666666;}
.contact-us-page .get-in-touch-section .contact-grid{padding:40px 0 15px 0}
.contact-us-page .get-in-touch-section .right-content .btn.focus, .btn:focus{box-shadow: none;}
.contact-us-page .get-in-touch-section .right-content .contact-btn{background-color: var(--primary-color) !important;;color: #ffffff;padding: 10px 35px;}
.contact-us-page .get-in-touch-section .right-content .contact-btn:hover{background-color: #bec0c4;color: rgb(20, 19, 19);font-weight: bold;transition: 0.4s all;}
.contact-us-page .get-in-touch-section .left-content .icon-main{height: 60px;width: 60px;background-color: #eee;display: flex;justify-content: center;align-items: center;font-size: 20px;color: #666666;}
.contact-us-page .get-in-touch-section .left-content .contact-us-title{font-size: 13px;letter-spacing: 1px;}
.contact-us-page .get-in-touch-section .left-content .media-title{margin: 0;font-size: 12px;letter-spacing: 2px;color: #666666;}
.contact-us-page .get-in-touch-section .left-content .link-color{color: #212529;}
.contact-us-page .get-in-touch-section .left-content .link-color:hover{color: var(--primary-color) !important;;}
address p {margin-bottom: 0;}
.contact-submit-btn {background: #152f70;color: #fff;padding: 10px 30px;margin: auto;display: table;font-size: 17px;font-weight: 500;}
.contact-submit-btn:hover{color: #fff;}
.rera-id {color: #fff;position: absolute;text-align: left;right: 18px;bottom: 16px;font-size: 16px;margin-bottom: 0;word-break: break-word;padding-left: 15px; }
.project-details-header .heading-title {position: relative;padding: 15px 0;}
.project-details-header .heading-main-title {position: relative;z-index: 1;text-align: center;color: #fff;font-weight: 600;margin-bottom: 0;font-size: 26px;}
.project-details-header .heading-title:before {content: ' ';width: 705px;position: absolute;top: 0;right: 0;height: 110%;background: var(--primary-color);background-size: cover;z-index: 1;transform: skewX( -45deg);box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 70%);}
.project-details-header .project-details-menu .nav-item .nav-link {color: #040404;padding: 20px 14px;font-size: 17px;text-transform: uppercase;white-space: nowrap;font-weight: 600;position: relative;}
.project-details-header .project-details-menu .nav-item .nav-link:hover:before, .project-details-header .project-details-menu .nav-item .nav-link.active:before{width: 100%;opacity: 1;}
.project-details-header .project-details-menu .nav-item .nav-link:before{bottom: 6px;content: "";display: block;height: 2px;left: 0;position: absolute;background: #000;opacity: 0.6;transition: width 0.3s ease 0s, opacity 0.3s ease 0s;width: 0;}
.project-details-header .project-details-menu .nav-pills .nav-link.active, .project-details-menu .nav-pills .show>.nav-link{background-color: transparent;}
.project-details-header {position: sticky;top: 80px;z-index: 9;background: #f5f5f5;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);}
.project-details-header .project-menu{flex-wrap: nowrap;overflow-x: auto;}
.product-details-about .project-list {list-style: none;padding: 2px 0px 2px 0px;font-size: 17px;color: #646464;position: relative;margin-bottom: 5px;}
.rera-id-title{word-break: break-word;}
.benifits-section .project-document-items .project-list:before {position: absolute;content: "\f00c";top: 15px;left: 21px;font-family: 'Font Awesome 5 Free';font-weight: 800;font-size: 14px;color: #37549e;}
.project-document {font-size: 22px;font-weight: 600;color: #37549e;margin-bottom: 13px;}
.benifits-section .project-document-items .project-list{display: block;background: #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);border-radius: 50px;padding: 14px 0px 14px 47px;margin: 5px 4px 12px 0;position: relative;font-size: 17px;}
.project-locations iframe {width: 100%;height: 500px;border: 0;}
.project-zone .zone-items {background: #fff;padding: 15px 5px 15px 18px;display: flex;position: relative;transition: all 0.5s ease-in-out;height: 100%;}
.project-zone .zone-items:before {position: absolute;content: "";top: 0;right: 0;background: #bfc2c5;clip-path: polygon(100% 0, 0 0, 100% 100%);width: 50px;height: 50px;opacity: 0;transition: all 0.5s ease-in-out;}
.project-zone .zone-items:hover:before{opacity: 1;}
.project-zone .zone-image {text-align: center;/* background: #ddd; */display: inline-block;/* margin: auto; *//* display: table; *//* border-radius: 100%; *//* height: 80px;width: 80px; */padding-top: 17px;}
.project-zone .zone-title {font-size: 16px;padding: 20px 0;margin-bottom: 0;/* text-align: center; */font-weight: 500;line-height: 25px;text-transform: uppercase;}
/* -------------------------
modal
------------------------- */
.form-modal .modal-header .close {position: absolute;padding: 0 !important;top: 0;right: 0;background: #fff;opacity: 1;border-radius: 50px;height: 35px;width: 35px;text-align: center;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 25%);}
.form-modal .submit-btn{width: 100%;background-color: var(--primary-color);border-color: var(--primary-color);border-radius: 0;}
.form-modal .modal-header {background: var(--primary-color);border-radius: 0;}
.form-modal .form-control {border-radius: 0;height: 45px;font-size: 15px;}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {box-shadow: none;}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {color: #fff;background-color: var(--primary-color);border-color: var(--primary-color);}
.form-modal .modal-header .close:hover, .form-modal .modal-header .close:focus{opacity: 1;}
.get-in-touch {font-size: 22px;margin: auto;}
.form-modal .modal-text {text-align: center;font-size: 19px;border-bottom: 1px solid #ddd;padding-bottom: 12px;font-weight: 500;}
.form-modal .modal-content{border: none;border-radius: 0;}
/* -------------------------
footer
------------------------- */
.footer-btm .follow-title {font-size: 22px;color: #fff;padding-top: 25px;padding-bottom: 10px;font-weight: 700;}
.footer-btm .follow-us {list-style: none;margin-bottom: 0;}
.footer-btm .follow-us .footer-facebook-icon {display: inline-block;padding: 0 4px;}
.footer-btm .follow-us .facebook-icon {background: #fff;width: 50px;height: 50px;display: block;text-align: center;border-radius: 50px;position: relative;overflow: hidden;z-index: 1;border: 2px solid #fff;}
.footer-btm .follow-us .footer-facebook-icon .facebook-icon:hover:before {top: 0;}
.footer-btm .follow-us .footer-facebook-icon .facebook-icon:before {content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: #3b5999;transition: .5s;z-index: 2;}
.footer.footer-dark a:hover {color: #fff;text-decoration: none;}
.footer-btm .follow-us .facebook-icon:hover .footer-icon {color: #fff;transform: rotateY(360deg);}
.footer-btm .follow-us .facebook-icon .footer-icon {color: #000;font-size: 22px;line-height: 47px;position: relative;z-index: 11;transition: all 0.5s ease-in-out;}
.footer-btm .follow-us .footer-facebook-icon .twitter-text:before {content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: #55acee;transition: .5s;z-index: 2;}
.footer-btm .follow-us .footer-facebook-icon .instagram-icon-text:before {content: "";position: absolute;top: 100%;left: 0;width: 100%;height: 100%;background: #ee3263;transition: .5s;z-index: 2;}
/* -------------------------
About Infinity Page
------------------------- */
.about-infinity:before {position: absolute;content: "";top: 0;left: 0;background-image: url(../images/shape-image.png);width: 25%;height: 100%;}
.about-infinity {position: relative;}
.about-infinity .about-infra-image {position: relative;z-index: 1;padding: 0px 20px 0px 0px;margin-left: auto;display: table;}
.about-infinity .about-infra-image:before {position: absolute;content: "";top: 16px;right: 0px;width: 90%;height: 100%;background: #152f70;z-index: -1;}
.about-infinity .about-infra-img {max-width: 450px;}
/* counter section */
.counter-section {position: relative;}
.counter-infra .counter-infra-items{background: #f7f2ee;}
.counter-infra .counter-items-box {padding: 20px;/* background: #fff; *//* background-image: url(../images/bg-5.png); */background-size: auto;/* box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%); */text-align: center;position: relative;display: block;width: 100%;}
.counter-infra .counter-items-box:before {position: absolute;content: "";top: 0;left: 0;width: 1px;height: 100%;background: #ddd;}
.counter-infra .counter-items-box.counter-num:before{display: none;}
.counter-infra .counter-image {background: #fff;display: inline-block;border-radius: 100%;width: 110px;height: 110px;text-align: center;line-height: 105px;display: block;margin: auto;margin-bottom: 15px;}
.counter-items-box .counter-icon {max-width: 55px;}
.counter-infra .infographic-counter {font-size: 50px;font-weight: 600;color: #152f70;position: relative;z-index: 1;padding: 0px 0 0px 15px;position: relative;display: inline-block;}
.counter-infra .infographic-counter:after {position: absolute;content: "\f067";top: 17px;right: -30px;font-weight: 800;font-family: 'Font Awesome 5 Free';font-size: 24px;}
.counter-infra .infographic-counter:before {position: absolute;content: '';left: 0px;top: 0px;width: 36px;height: 100%;/* border: 4px solid #dfdfdf; */z-index: -1;}
.counter-infra .infographic-title {font-size: 18px;font-weight: 600;color: #000;}
.counter-infra {background-size: cover;background-repeat: no-repeat;height: 100%;background-position: right;}
.testimonial-box, .counter-infra .counter-infra-items {height: 100%;background-repeat: no-repeat;background-size: cover;position: relative;padding: 35px 35px 5px 35px;z-index: 1;}
/* -------------------------
tabing
------------------------- */
.tabbable-line {max-width: 900px;margin: auto;display: table;}
.tabtop .nav-tabing .project-tabs{font-weight:700;color:#1b2834;border-radius:0px;border:1px solid #ebebeb !important;position: relative;}
.tabtop .project-tabs.active:before{font-size: 30px;position: absolute;top: 100%;left: 50%;margin-left: -10px;width: 0;height: 0;border: solid transparent;border-width: 11px;border-top-color: var(--primary-color);content: "";pointer-events: none;}
.tabtop .nav-tabing .project-tabs:hover{color:var(--primary-color) !important;text-decoration:none;}
.tabtop .active .project-tabs:hover{color:#fff !important;}
.tabtop .active .project-tabs{background-color:var(--primary-color) !important;color:#FFF !important;}
.tabtop .nav-tabing .project-tabs:last-child{padding:10px 22px;display: block;}
.tabtop .nav-tabing .project-tabs:hover {background: var(--primary-color);color: #fff !important;}
/* -------------------------
About Dholera Page
------------------------- */
.small-title {color: #b78d65;letter-spacing: 2px;font-weight: 500;margin-bottom: 10px;font-size: 18px;text-transform: uppercase;}
.about-section {position: relative;overflow: hidden;}
.about-section .about-item-images{position: relative;}
.about-section .about-image1 {width: 455px;margin-left: auto;display: table;border: 3px solid #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);}
.about-section .about-image2 {width: 420px;position: absolute;bottom: -100px;left: -30px;border: 3px solid #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);}
.about-item-content {font-size: 16px;font-weight: 400;line-height: 30px;color: #777;margin-bottom: 15px;text-align: justify;}
.about-item-content .link{word-break: break-all;}
/* -------------------------
FAQ
------------------------- */
.about-faq .about-faq-image {position: relative;z-index: 1;display: inline-block;padding: 10px;}
.about-faq .faq-image {width: 550px;display: inline-block;padding: 30px 0px 30px 35px;position: relative;z-index: 1;}
.about-faq .about-faq-image:before {position: absolute;content: "";top: 25px;right: -9px;width: 50px;height: 50px;background: #152f70;}
.about-faq .about-faq-image:after {position: absolute;content: "";bottom: 0px;left: 0px;border: 11px solid #152f70;width: 60%;height: 100%;}
.about-faq .faq-text{list-style: auto;padding: 5px 0;font-size: 17px;font-weight: 400;line-height: 30px;color: #777;margin-bottom: 0px;}
.about-faq .card {box-shadow: 1px 0px 60px 0 rgb(0 0 0 / 8%);border-radius: 0;overflow: hidden;margin-bottom: 20px;border: none;}
.about-faq .card .card-header {background: #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);}
.about-faq .faq-items-text{list-style: auto;font-weight: 400;font-size: 17px;padding: 7px 0;color: #777;}
.about-faq .faq-items .card {margin-bottom: 15px;border: 0;}
.about-faq .faq-items .card .card-header {border: 0;-webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5);border-radius: 2px;padding: 0;}
.about-faq .faq-items .card .card-header .btn-header-link {display: block;text-align: left;background: #152f70;color: #fff;font-size: 19px;font-weight: 600;padding: 10px 60px 10px 20px;border-radius: 0;border: none;}
.about-faq .faq-items .card .card-header .btn-header-link:after {content: "\f00d";font-family: 'Font Awesome 5 Free';font-weight: 900;float: right;background: #fff;color: #152f70;width: 38px;height: 38px;top: 5px;position: absolute;right: 5px;text-align: center;font-size: 19px;line-height: 39px;}
.about-faq .faq-items .card .card-header .btn-header-link.collapsed {background: #fff;color: #000;}
.about-faq .faq-items .card .card-header .btn-header-link.collapsed:after {content: "\f067";background: #152f70;color: #fff;font-size: 19px;}
.about-faq .faq-items .card .collapsing {background: #fff;line-height: 30px;}
.about-faq .faq-items .card .collapse {border: 0;}
.about-faq .faq-items .card .collapse.show {background: #fff;line-height: 30px;color: #222;}
.about-faq .card-body {padding: 5px 40px}
/* -------------------------
Certificates Page
------------------------- */
.certificate {position: relative;z-index: 1;}
.certificate:before {position: absolute;content: "";top: 0;right: 0;width: 50%;height: 100%;background-size: cover;background-position: center;z-index: -1;}
.certificate:after {position: absolute;content: "";top: 0;right: 0;width: 50%;height: 100%;z-index: -1;}
.certificate .certificate-items {margin: 0 7px;display: block;}
.certificate .certificate-card {content: "";top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: bottom;position: relative;z-index: 1;margin: 25px 0;}
.certificate .certificate-card:before {position: absolute;content: "";top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.certificate .certificate-icon {margin: auto;}
.certificate .certificate-card .slick-prev, .certificate .certificate-card .slick-next{background: #152f70;z-index: 99999;position: absolute;width: 50px;height: 50px;top: -75px;bottom: auto;}
.certificate .certificate-card .slick-prev{left: auto;z-index: 1;right: 75px;}
.certificate .certificate-card .slick-next {right: 10px;}
.certificate .certificate-card .slick-prev:before, .certificate .certificate-card .slick-next:before{font-family: 'Font Awesome 5 Free';font-size: 35px;opacity: 1;position: relative;top: -4px;color: #fff;}
.certificate .certificate-items {position: relative;padding-top: 135%;background: #fff;margin: 15px 8px;}
.certificate .certificate-items img {position: absolute;inset: 0;padding: 20px;}
.certificate .slick-track {display: flex;}
.certificate .certificate-item {height: auto !important;}
.certificate-item {position: relative;background: #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);margin: 15px 8px;height: 100%;}
.certificate-sub-title {padding: 10px 14px;font-size: 17px;border-top: 1px solid #ddd;text-align: center;}
/* -------------------------
WhatsApp Icon
------------------------- */
.fixed-button{position: fixed;bottom: 10px;right: 10px;height: 50px;width: 50px;font-size: 18px;z-index: 99999;}
.whatsapp-icon{position: fixed;bottom: 35px;right: 14px;z-index: 1050;background-color: #4caf50;height: 60px;width: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 15px;}
.whatsaap-icon {border: 1px solid #48c757;border-radius: 25%;height: 50px;width: 50px;background: #42c452;line-height: 60px;text-align: center;box-shadow: 2px 2px 5px rgba(52, 52, 52, 0.5);}
.whatsapp-right{right: 14px;left: unset;}
.whatsapp-left{left: 14px;right: unset;}
@media(max-width:767px){
.whatsapp-icon, .fixed-button{height: 45px;width: 45px;}
.whatsapp-icon .whatsapp-image{width: 22px;height: 22px;}
.whatsapp-left{left: 15px;right: unset;}
}
/* Whatsaap Css Start */
.circle:before,.circle:after {content:'';display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border: 11px solid #29a4af1f; z-index: -1;}
.circle:before {-webkit-animation: ripple 2s linear infinite;animation: ripple 2s linear infinite;}
.circle:after {-webkit-animation: ripple 2s linear 1s infinite;animation: ripple 2s linear 1s infinite;}
.circle:hover:before,.circle:hover:after {-webkit-animation: none;animation: none;}
.interior-layout .circle {background-color: var(--primary-color);color: white;border-radius: 50%;width: 50px;height: 50px;text-align: center;display: flex;flex-direction: column;justify-content: center;font-size: 15px;position: relative;-webkit-transition: height .25s ease, width .25s ease;transition: height .25s ease, width .25s ease;}
.cover-a-tag{position: absolute;left: 0;right: 0;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
@-webkit-keyframes ripple{0% {-webkit-transform:scale(1); }80% {-webkit-transform:scale(1.75); opacity:1;}100% {-webkit-transform:scale(2); opacity:0;}}
@keyframes ripple{0% {transform:scale(1); }80% {transform:scale(1.75); opacity:1;}100% {transform:scale(2); opacity:0;}}
/* -------------------------
Rera Modal
------------------------- */
.rera-popup .popup-cnt {font-size: 16px;font-weight: 400;color: #000;}
.popup-title{font-weight: 500;font-size: 22px;text-transform: capitalize;}
.rera-popup .modal-header .close {padding: 0;margin: 0;}
.modal-footer{padding: 10px 1px 20px 0;border-top: none;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.agree-btn {border-radius: 0;padding: 10px 40px;font-size: 17px;}
.rera-popup .modal-content .modal-body{padding: 15px 15px 5px 15px;}
/* -------------------------
Twitter
------------------------- */
.twitter-items {display: block;margin-left: auto;}
@media only screen and (max-width: 1750px){
.banner-image-class{height: 600px;}
.banner-third .banner-content::after{right: 53vmax;}
.banner-items.banner-third{padding-bottom: 100px;}
}
@media only screen and (max-width: 1550px){
.twt-navbar.twt-navbar-common .social-icon a.nav-link{padding: 30px 5px !important;}
.twt-navbar.twt-navbar-common.nav-light .navbar-nav .nav-item .nav-link{padding: 27px 10px !important;font-size: 14px !important;}
.twt-navbar.twt-navbar-common .brand-logo-img{height: 75px;;padding: 15px 3px !important;}
.banner-third .items-content .banner-title{font-size: 35px;line-height: 45px;}
.banner-image-class {height: 500px;}
.banner-third .banner-content::after{top: 85px;right: 57vmax;}
.banner-items .banner-content .items-content .items-banner-class{padding-top: 255px;}
}
/* -------------------------
Mission Vision
------------------------- */
/* .mission-vision .card-header:first-child {border-radius: 100% 0% 100% 0% / 0% 50% 50% 100%;}
.mission-vision .card-wrap{width: 100%;background: #fff;border-radius: 20px;border: 5px solid #fff;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px,rgba(0, 0, 0, 0.23) 0px 6px 6px;transition: all .2s ease-in-out;height: 100%;}
.mission-vision .card-header{height: 200px;width: 100%;background: linear-gradient(to bottom left, #395da7, #b8bcbf);border-radius:100% 0% 100% 0% / 0% 50% 50% 100%;display: grid;place-items: center;}
.mission-vision .card-header i{color: #fff;font-size: 72px;}
.mission-vision .card-content{display: flex;flex-direction: column;align-items: center;width: 100%;margin: 0 auto;}
.mission-vision .card-title{text-align: center;text-transform: uppercase;font-size: 22px;margin-top: 10px;margin-bottom: 20px;font-weight: 600;color: #000;}
.mission-vision .card-text{text-align: center;font-size: 16px;margin-bottom: 20px;padding: 0px 15px 15px 15px;}
.mission-vision .mission-icon {max-width: 85px;filter: invert(98%) sepia(0%) saturate(9%) hue-rotate(184deg) brightness(103%) contrast(102%);} */
iframe {width: 100%;max-width: 100%;}
/* mission Vision */
/* .mission-vision-section {background: #f9f9f9;} */
.mission-vision-section .mission-items {border: 6px solid #152f70;padding: 45px 30px 45px 30px;height: 100%;}
.mission-vision-section .mision-title {background: #ffffff;display: inline-block;position: absolute;left: 35px;padding: 0 15px;top: -13px;font-size: 26px;font-weight: 600;font-family: 'Roboto Condensed', sans-serif;}
.mission-vision-section .missin-vision-text {position: relative;padding-left: 50px;display: inline-block;}
.mission-vision-section .missin-vision-text:before {position: absolute;content: "\f10d";top: -16px;left: 0;font-family: 'Font Awesome 5 Free';font-weight: 800;font-size: 36px;color: #152f70;}
.mission-vision-section .mision-img {max-width: 108px;position: absolute;right: 40px;opacity: 0.3;bottom: 28px;filter: invert(87%) sepia(0%) saturate(1810%) hue-rotate(301deg) brightness(92%) contrast(95%);}
@media (max-width:991px){
.mission-vision-section .mision-img{max-width: 100px;right: 10px;bottom: 7px;}
.mission-vision-section .mission-items{position: relative;padding: 45px 10px 45px 15px;}
.mission-vision-section .mision-title{top: -20px;}
}
/* -------------------------
Our Ethics section
------------------------- */
.services-section-2 {background-color: #f8fbfd;}
.services-section-2 .top-text{padding: 5px 15px;color: #fff;background-color: #1461ff;border-radius: 5px;font-size: 10px;}
.services-section-2 .text-border-bottom::before{content: '';position: absolute;bottom: -15px;left: 0;right: 0;width: 70px;height: 3px;background-color: #1461ff;margin: 0 auto;}
.services-section-2 .service-part{background-color: #fff;padding: 40px 30px 15px 30px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);border-bottom: 3px solid transparent;border: 1px solid #f7f7f7;transition: all 0.4s ease;height: 100%;}
.services-section-2 .service-part:hover{background: #fff;border-bottom: 3px solid var(--primary-color);transform: translateY(-7px);}
.services-section-2 .service-part-icon {max-width: 75px;filter: invert(30%) sepia(10%) saturate(963%) hue-rotate(137deg) brightness(88%) contrast(87%);}
.services-section-2 .service-part .services-content .sub-heading{color: #000;transition: all 0.4s ease;margin-top: 30px;font-weight: 600;font-size: 20px;}
.services-section-2 .service-part:hover .services-content .sub-heading{color: var(--primary-color);}
.services-section-2 .service-part .services-content .text{font-size: 16px;margin-top: 10px;line-height: 26px;}
@media(max-width: 767px){
.services-section-2 .service-part{padding: 25px;}
.services-section-2 .service-part .services-content .sub-heading{margin-top: 20px;}
.services-section-2 .service-part .services-content .text{line-height: 23px;}
}
@media(max-width: 480px){
.services-section-2 .service-part .icon-part{font-size: 35px;}
.services-section-2 .service-part .services-content .sub-heading {margin-top: 10px;}
.services-section-2 .service-part{padding: 15px;margin-bottom: 20px;}
}
@media(max-width: 420px){
.services-section-2 .service-part .services-content .sub-heading {margin-top: 5px;}
.services-section-2 .service-part .services-content .sub-heading{font-size: 19px;}
.services-section-2 .service-part .services-content .text {line-height: 21px;}
}
/* dholera megacity */
.dholera-megacity .items-slider-img .gallery-img{padding: 50px;object-fit: contain;}
.location-image .location-img{width: 100%;}
.product-details-about .list-text {list-style: none;padding: 3px 0px 3px 35px;font-size: 17px;color: #646464;position: relative;margin-bottom: 0;}
.product-details-about .list-text:before {position: absolute;content: "\f00c";top: 7px;left: 10px;font-weight: 800;font-family: 'Font Awesome 5 Free';font-size: 14px;color: #152f70;}
.product-details-about .project-detail-image .project-detail-img {background: #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);width: 100%;border: 6px solid #fff;object-fit: cover;}
.layout-plan .carpet-slider.slick-carousel .slick-dots {bottom: -25px;}
.layout-plan .slick-carousel .slick-dots {bottom: -30px;}
.product-details-about .prd-about-cnt .project-sub-title {font-size: 27px;line-height: 45px;font-weight: 400;color: #000;}
.dholera-megacity .project-plans .items-slider-img .gallery-img{padding: 0px;}
.gallery-section{position: relative;background-image: url(../images/dot-image.png);background-repeat: repeat;width: 100%;height: 100%;}
.project-gallary {height: 330px;object-fit: cover;width: 100%;border: 3px solid #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);}
.product-detail-description .project-items .fees-list {font-size: 19px;padding: 10px 20px;margin-bottom: 0;}
.product-details-about .card {border: none;background: #fff;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 15%);height: 100%;}
.product-details-about .card .card-img-top {height: 330px;object-fit: cover;width: 100%;}
.product-details-about .card .card-title {color: #000;font-size: 23px;font-weight: 500;}
.location-advantage-section .location-advantage {font-size: 26px;font-weight: 600;color: #ac782c;padding: 20px 0 10px 0;}
.location-advantage-section .location-items-box .location-item-title {font-size: 20px;font-weight: 600;margin-bottom: 0;color: #152f70;}
.location-advantage-section .location-items-box {border-bottom: 1px solid #ddd;padding-bottom: 10px;padding-top: 20px;}
.location-advantage-section .location-items-box:last-child {border-bottom: none;}
/* brochure */
.download-brochure .download-btn {background: #152f70;color: #fff;padding: 15px 15px 15px 23px;border-radius: 50px 0px 0px 50px;display: flex;align-items: center;justify-content: center;position: fixed;bottom: 130px;right: 0;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 40%);z-index: 11;}
.download-brochure .brochure {font-size: 18px;padding-right: 10px;}
/* galllery main section */
.gallery-main-section {background: #f7f2ee;}
.gallery-main-section .project-items {border: 4px solid #fff;display: inline-block;margin: 0 5px;width: 100%;}
.gallery-main-section .gallery-main-img {height: 340px;width: 100%;object-fit: cover;}
.gallery-main-section {background: #f7f2ee;}
.gallery-main-section .slick-prev, .gallery-main-section .slick-next {background: #152f70;z-index: 1;position: absolute;width: 50px;height: 50px;top: -30px;bottom: auto;}
.gallery-main-section .slick-prev:before, .gallery-main-section .slick-next:before {font-family: 'Font Awesome 5 Free';font-size: 35px;opacity: 1;position: relative;top: -4px;color: #fff;}
.gallery-main-section .slick-prev {left: auto;z-index: 1;right: 75px;}
.gallery-main-section .slick-next {right: 10px;}
@media (max-width:1199px){
.nav-link.dropdown-toggle.all-project-main-title {
display: none;
}
.twt-navbar.twt-navbar-common .navbar-nav .nav-item.active>.nav-link, .twt-navbar.twt-navbar-common .navbar-nav .nav-item.active:hover>.nav-link{
background: #152f70;
}
}
@media (max-width:991px){
.heading-title{display: none;}
.counter-items-box:before{display: none;}
.location-advantage-section .location-advantage{text-align: center;}
.layout-plan .gallery-img{height: 100%;}
.contact-us-page .get-in-touch-section .contact-grid{padding: 20px 0 30px 0;}
.benifits-section .project-document-items .project-items{margin-right: 0;}
.benifits-section .project-document-items .project-list{padding: 14px 20px 14px 47px;}
}
@media (max-width:767px){
.testimonial-items{box-shadow: none;margin: 0;padding: 10px;margin-top: 35px;}
.testimonial-box, .counter-infra-items{padding: 0;}
.testimonial-icon {margin-top: 0;}
.testimonial-text{margin: 15px 0px 10px 0px;padding: 0px 0px 0px 0px;}
.testimonial-slider .slick-next.slick-arrow, .testimonial-slider .slick-prev.slick-arrow{top: 35px;}
.testimonial-slider .slick-prev{left: auto;z-index: 1;right: 75px;}
.testimonial-slider .slick-next {right: 25px;}
.get-in-touch-section .media{margin: auto;display: table;text-align: center;}
.contact-us-page .get-in-touch-section .left-content .icon-main{ margin: auto;}
}
/* ------------------------------------
timeline section
------------------------------------ */
.timeline-section .timeline {list-style-type: none;position: relative;z-index: 1;padding-left: 20px;}
.timeline-section .timeline:before {content: ' ';background: #173e62;display: inline-block;position: absolute;left: 20px;width: 2px;height: 98%;}
.timeline-section .timeline .timeline-content {margin: 30px 0;padding-left: 55px;/* padding-right: 95px; */position: relative;}
.timeline-section .count-text {content: ' ';background: #173e62;display: inline-block;position: absolute;border-radius: 50%;border: 3px solid #173e62;left: -22px;width: 45px;height: 45px;z-index: 400;text-align: center;line-height: 39px;font-size: 18px;font-weight: 700;color: #fff;top: -5px;}
.timeline-section .timeline-year {font-size: 22px;font-weight: 600;color: #000;}
.timeline-section .timeline-text {font-size: 17px;color: #636262;}
.timeline-section .text-list {list-style: none;position: relative;padding: 0px 0 8px 20px;font-weight: 400;color: #636262;font-size: 16px;}
.timeline-section .text-list:before {position: absolute;content: "\f068";top: 4px;left: 0;border-radius: 50px;font-family: 'Font Awesome 5 Free';font-weight: 700;font-size: 11px;color: #152f70;}
.timeline-section .text-list .link{word-break: break-all;}
@media (max-width:991px){
.timeline .timeline-content{
padding-right: 0}
}
/* ------------------------------------
About Overview
------------------------------------ */
.about-text-class .table-striped tbody tr:nth-of-type(odd) {background-color: rgb(136 136 136 / 5%);}
.about-text-class .table td, .table th{border-top: 1px solid #ffffff;}
.about-text-class .table .thead-dark th{background-color: #152f70;border-color: #152f70;}
.about-text-class .text-title {font-size: 21px;font-weight: 600;margin-bottom: 15px;}
.about-text-class .about-text-class {padding-top: 16px;}
.about-list-class .about-list-title-class {font-size: 25px;font-weight: 600;color: #000;}
.about-list-class .about-list-title {font-size: 25px;font-weight: 600;color: #000;}
.about-list-class .about-list-card {margin: 0px 0 46px 0;}
.about-list-class .about-items {margin-bottom: 0;padding: 0px 0;}
.about-list-class .about-heading {list-style: none;padding: 9px 33px 9px 30px;position: relative;display: inline-block;color: #000;font-size: 17px;}
.about-list-class .about-heading:before {position: absolute;content: "\f00c";top: 9px;left: 0px;font-family: 'Font Awesome 5 Free';font-weight: 600;}
.about-list-class .about-list-image {padding: 20px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);background: #fff;max-width: 760px;margin: auto;display: block;}
.about-list-class .about-heading-text {font-size: 17px;padding: 12px 0;color: #000;text-align: justify;}
.about-list-class .about-list-title{margin-bottom: 20px;}
.about-devlopment .heading-title-items:before {position: absolute;content: "\f00c";top: 6px;left: 0;font-family: 'Font Awesome 5 Free';font-weight: 600;}
.about-devlopment .heading-title-items {list-style: none;padding: 6px 10px 7px 35px;position: relative;font-size: 17px;color: #000;text-align: justify;}
.about-devlopment .about-items-image {padding: 20px;box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);background: #fff;margin: auto;width: 560px;display: block;}
.about-devlopment .pdf-download {background: #152f70;padding: 11px 21px;display: inline-block;border-radius: 50px;color: #fff;margin: 5px 6px;}
.about-devlopment .download-file {margin: 50px auto 0px auto;display: table;}
.about-devlopment.about-devlopment .pdf-download:hover {color: #ffffff;text-decoration: none;}
.about-devlopment .about-heading-title{font-size: 30px;
}
@media (max-width:991px){
.about-items-image{width: 440px;}
}
@media (max-width:576px){
.about-items-image {margin: inherit;width: 100%;}
}
@media (max-width:1199px){
.banner-third .items-content .banner-title {font-size: 35px;line-height: 48px;}
.contact-questions .questions-card:before{width: 100%;}
.about-mission .about-mision-box{padding-right: 30px;}
}
/* .page-not-found-section */
.page-not-found-section{position: relative;overflow: hidden;background-color: #fff;}
.page-not-found-section .page-not-found-content{margin: 200px 0px 100px 0px;}
.page-not-found-section .page-not-found-content .number-text{display: flex;align-items: center;justify-content: center;margin: 20px 0;}
.page-not-found-section .page-not-found-content .number-text .text{font-size: 200px;font-weight: bold;line-height: 1;color: #1e469d;}
.page-not-found-section .page-not-found-content .number-text .smaily-image{width: 184px;margin: 0 10px;filter: invert(19%) sepia(41%) saturate(4274%) hue-rotate(214deg) brightness(89%) contrast(88%);}
.page-not-found-section .page-not-found-content .error-text{font-size: 77px;text-align: center;line-height: 1;font-weight: bold;text-transform: uppercase;color: #1e469d;letter-spacing: 3px;}
.page-not-found-section .page-not-found-content .normal-text{font-size: 28px;text-align: center;font-weight: bold;color: #1e469d;}
.page-not-found-section .page-not-found-content .links-pages{text-align: center;margin-top: 20px;}
.page-not-found-section .page-not-found-content .links-pages .common-link{display: inline-block;padding: 8px 15px;background-color: #1e469d;color: #fff;border-radius: 5px;min-width: 120px;text-decoration: none;}
.page-not-found-section .page-not-found-content .links-pages .common-link.home-page-link{margin-right: 10px;}
@media(max-width: 1024px) {
.page-not-found-section .page-not-found-content{margin-top: 200px;}
}
@media(max-width: 767px){
.page-not-found-section .page-not-found-content .number-text .text{font-size: 150px;}
.page-not-found-section .page-not-found-content .number-text .smaily-image{width: 134px;}
.page-not-found-section .page-not-found-content .error-text{font-size: 55px}
.page-not-found-section .page-not-found-content .normal-text{font-size: 22px;}
}
@media(max-width: 576px){
.inquiry-btn{background: transparent;padding: 15px 0px !important;}
.twt-navbar.twt-navbar-common.fixed .inquiry-btn{background: transparent;}
.testimonial-slider .testimonial-title{
white-space: inherit;
}
.testimonial-slider .testimonial-items .card{margin: 50px 0px;}
}
@media(max-width: 375px){
.page-not-found-section .page-not-found-content .number-text .smaily-image{width: 100px;}
.page-not-found-section .page-not-found-content .number-text .text{font-size: 110px;}
.page-not-found-section .page-not-found-content .error-text{font-size: 44px;}
.page-not-found-section .page-not-found-content .normal-text{font-size: 18px;}
}
.map-section iframe {width: 100%;height: 550px;border: 0;display: block;}
.news-events-blog-page ol {margin-left: 17px;}
.news-events-blog-page ul {margin-left: 19px;}
.news-events-blog-page .blog-txt img {width: 100%;}
.coming-soon-project {padding: 60px 0 0px 0;font-size: 35px;font-weight: 400;color: #152f70;margin-bottom: 0;text-align: center;}
@media (max-width:991px){
.coming-soon-project{
padding: 60px 0 40px 0;
}
}
@media (max-width:1366px){
.banner-third .items-content .banner-title {font-size: 30px;line-height: 40px;}
.banner-items .items-content .banner-discription{font-size: 18px;}
.banner-small-title{font-size: 21px;}
.about-us-section .counter-number{font-size: 30px;}
.about-us-section .counter-number:before{top: 8px;right: -19px;font-size: 17px;}
.about-us-section .about-heading-title {font-size: 25px;}
.about-us-section .about-cnt{font-size: 16px;}
.about-box-title{font-size: 17px;}
}