/* Theme Name: Musca Child Theme URI: https://musca.hbtheme.com/cleaning/ Description: Musca Child Theme Author: SteelSlides Author URI: https://themeforest.net/user/steelslides Template: musca Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: construction, cleaning, architecture, logistic, seo, lawyer, factory, consulting, it solutions, car repair, landscape, insurance, multipurpose, business, energy Text Domain: musca-child Domain Path: /languages/ */ *{ padding:0; margin:0; } @font-face { font-family: Aperto; src: url(https://imarat.com.pk/wp-content/themes/musca-child/assets/fonts/Aperto-Regular.otf); font-weight: normal; } @font-face { font-family: Aperto; src: url(https://imarat.com.pk/wp-content/themes/musca-child/assets/fonts/Aperto-Bold.otf); font-weight: bold; } @font-face { font-family: Gilroy Light; src: url(https://imarat.com.pk/wp-content/themes/musca-child/assets/fonts/Gilroy-Light.ttf); font-weight: normal; } @font-face { font-family: Gilroy Medium; src: url(https://imarat.com.pk/wp-content/themes/musca-child/assets/fonts/Gilroy-Medium.ttf); font-weight: normal; } @font-face { font-family: Gilroy Regular; src: url(https://imarat.com.pk/wp-content/themes/musca-child/assets/fonts/Gilroy-Regular.ttf); font-weight: normal; } @font-face { font-family: Gilroy Bold; src: url(https://imarat.com.pk/wp-content/themes/musca-child/assets/fonts/Gilroy-Bold.ttf); font-weight: normal; } @font-face { font-family: Gilroy ExtraBold; src: url(https://imarat.com.pk/wp-content/themes/musca-child/assets/fonts/Gilroy-ExtraBold.otf); font-weight: normal; } @font-face { font-family: Gilroy Black; src: url(https://imarat.com.pk/wp-content/themes/musca-child/assets/fonts/Gilroy-Black.otf); font-weight: normal; } .grecaptcha-badge { visibility: hidden; } p,a,span { font-family: "Gilroy Regular", Sans-serif !important; } p{ color: #212529; } body { /*background:linear-gradient(to right, #00664C, #1D352F);*/ /*background: linear-gradient(to right, #FFFFFF , #E9E9E9) !important;*/ /*background: linear-gradient(109.72deg, #FFFFFF -7.44%, #E9E9E9 83.21%), linear-gradient(180deg, #FFFFFF 0%, #E9E9E9 100%);*/ background: linear-gradient(109.72deg, #FFFFFF -7.44%, hsl(0deg 0% 86%) 83.21%); font-family: "Poppins", Sans-serif !important; } .imarat_video { background: linear-gradient(109.72deg, #eeeeee -7.44%, hsl(0deg 0% 89%) 83.21%); } h1,h2,h3,h4,h5,h6{ /* font-family: 'Gilroy bold';*/ font-family: "Aperto", Sans-serif !important; color: #495057; text-transform: uppercase !important; } body .elementor-element .hb-nav-menu__list > li.current-menu-item a { color: #DFB06F; } body .elementor-2491 .elementor-element.elementor-element-d6a2cac .hb-nav-menu__list > li.current-menu-item > a { color: #DFB06F; } .elementor-widget-hb-site-logo .elementor-widget-container{ width: 300px; background: none; } .elementor-widget-hb-site-logo .elementor-widget-container{ width: 300px; background: none; } ul#menu-footer-menu li{ text-decoration: none; list-style: none; color: #ffffff; text-align: left; } ul#menu-footer-menu { padding-left: 0; } a:hover { text-decoration: none !important; } a:focus { text-decoration: none; outline: none; } /*footer#footer{*/ /* clip-path: ellipse(172% 100% at 47% 100%);*/ /*}*/ .hb-header-absolute #hb-header-builder { top: 0; left: 0; right: 0; position: fixed; } .-menu-horizontal .hb-nav-menu__list > li .sub-menu:not(div) { padding: 0 0; } ul#menu-main-menu-final-left { justify-content: end; } .wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .particule { position: absolute; } .s1 , .s2 , .s3 , .s4 { width:100% !important; height: 400px !important; } .imgover .container{ width:100% !important; } .sub-menu li a:before{ content:none !important; } /* modal css*/ .modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out,-o-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px} .modal-content{ position:relative; background-color:#1b423c; background-clip:padding-box; border:1px solid #999; border:1px solid rgba(0,0,0,.2); border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5); box-shadow:0 3px 9px rgba(0,0,0,.5);outline:0; overflow: scroll; max-height: 650px; } .modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding: 15px 15px 0 15px;} .modal-header .close{ margin-top:-2px; float:right; cursor: pointer; } .modal-title{margin:0;line-height:1.42857143} .modal-body{ position:relative; margin: 15px; padding-left: 15px; text-align: justify; } .our_vision .modal-body, .sustainability .modal-body, .our_people .modal-body{ border-left: 2px solid green; } .our_people .modal-body{ margin-left: 32px; } .modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:800px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;} .modal { z-index: 9999999999 !important; } h3.modal-title { font-size: 35px; font-weight: 600; } h5.modal-title { font-size: 24px; font-weight: 600; } .our_people h5 { color: #ffff; padding: 15px 0 0 30px; font-size: 26px; font-weight: 600; } .modal .details { border-left: 2px solid green; } .modal .details p { margin: 0; text-align: initial; } .modal-backdrop{ z-index: 999 !important; } .modal .row.space { margin: 40px 0 40px 0; } /*logo css */ :root{ --main-color: #d7c57d; } /*body {*/ /* margin: 0;*/ /* background: #1b423c;*/ /* width: 100%;*/ /* height: 100vh;*/ /* overflow: hidden;*/ /* text-align: center;*/ /* position: relative;*/ /*}*/ .logo-wrapper { width: 100%; height: 250px; max-width: 220px; padding: 0px; margin: 0 auto; border-bottom: 12px solid var(--main-color); font-size: 0px; line-height: 0; white-space: nowrap; /* overflow-x: hidden; */ /* overflow-y: hidden; */ display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: flex-end; } .logo-line { width: 6%; height: 80%; max-height: 80%; background: var(--main-color); display: inline-block; margin: 0px 10% 0px 0px; vertical-align: bottom; position: relative; } .logo-line.line-2, .logo-line.line-3 { height: 100%; max-height: 100%; } .logo-line.line-4 { margin: 0; } .line-branch { width: 200%; height: 10px; background: var(--main-color); max-height: 100%; margin: 0px; position: absolute; left: 0; bottom: 0px; } .line-branch.line-branch-1 { bottom: 55%; } .line-branch.line-branch-2 { bottom: 35%; } .line-branch.line-branch-3 { bottom: 20%; } .logo-line.line-2 .line-branch, .logo-line.line-3 .line-branch{ left: -100%; width: 300%; } .logo-line.line-2 .line-branch.line-branch-1, .logo-line.line-3 .line-branch.line-branch-1{ bottom: 44%; } .logo-line.line-2 .line-branch.line-branch-2, .logo-line.line-3 .line-branch.line-branch-2{ bottom: 28%; } .logo-line.line-2 .line-branch.line-branch-3, .logo-line.line-3 .line-branch.line-branch-3{ bottom: 16%; } .logo-line.line-4 .line-branch { left: inherit; right: 0; } .logo-container { /* border-radius: 32px; */ /* box-shadow: 1px 1px 0 1px #f9f9fb, -1px 0 28px 0 rgb(34 33 81 / 1%), 28px 28px 28px 0 rgb(34 33 81 / 25%); */ padding: 20px; margin: 0px; text-align: center; } .logo-wrapper { transform: rotateX(0deg) rotateZ(0deg); transform-style: preserve-3d; transition:.4s ease-in-out transform,.4s ease-in-out box-shadow; } .Scene { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 600; -moz-perspective: 600; perspective: 600; left: 40%; top: 30%; margin: 0px; border-radius: 0px; } .Scene * { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .Camera { width: 100%; height: 100%; left: 0; top: 0; -webkit-animation: CameraRotate 10s infinite linear; -moz-animation: CameraRotate 10s infinite linear; animation: CameraRotate 10s infinite linear; } .GroundPlane { position: absolute; left: 0; top: 0; width: 200%; height: 200%; -webkit-transform: rotateX(-90deg) translateZ(-115px); -moz-transform: rotateX(-90deg) translateZ(-115px); transform: rotateX(-90deg) translateZ(-115px); } .logo-wrapper:hover .logo-line.line-1{ animation: line-1 0.5s; } .logo-wrapper:hover .logo-line.line-2{ animation: line-2 1s; } .logo-wrapper:hover .logo-line.line-3{ animation: line-3 1.5s; } .logo-wrapper:hover .logo-line.line-4{ animation: line-4 2s; } @keyframes line-1 { 0% {transform: translate(300px, -300px);} 10% {transform: translate(250px, -250px);} 20% {transform: translate(200px, -200px);} 30% {transform: translate(150px, -150px);} 40% { transform: translate(100px, -100px);} 50% { transform: translate(80px, -80px);} 60% { transform: translate(70px, -70px);} /* 70% { transform: translate(60px, -60px);} */ /* 80% { transform: translate(40px, -40px);} */ /* 90% { transform: translate(20px, -20px);} */ 100% { transform: translate(0px, 0px);} } @keyframes line-2 { 0% {transform: translate(300px, 300px);} 10% {transform: translate(250px, 250px);} 20% {transform: translate(200px, 200px);} 30% {transform: translate(150px, 150px);} 40% { transform: translate(100px, 100px);} 50% { transform: translate(80px, 80px);} 60% { transform: translate(70px, 70px);} /* 70% { transform: translate(60px, 60px);} */ /* 80% { transform: translate(40px, 40px);} */ /* 90% { transform: translate(20px, 20px);} */ 100% { transform: translate(0px, 0px);} } @keyframes line-3 { 0% {transform: translate(-300px, 300px);} 10% {transform: translate(-250px, 250px);} 20% {transform: translate(-200px, 200px);} 30% {transform: translate(-150px, 150px);} 40% { transform: translate(-100px, 100px);} 50% { transform: translate(-80px, 80px);} 60% { transform: translate(-70px, 70px);} /*70% { transform: translate(-60px, 60px);} */ /*80% { transform: translate(-40px, 40px);} */ /*90% { transform: translate(-20px, 20px);} */ 100% { transform: translate(0px, 0px);} } @keyframes line-4 { 0% {transform: translate(-300px, -300px);} 10% {transform: translate(-250px, -250px);} 20% {transform: translate(-200px, -200px);} 30% {transform: translate(-150px, -150px);} 40% { transform: translate(-100px, -100px);} 50% { transform: translate(-80px, -80px);} 60% { transform: translate(-70px, -70px);} /* 70% { transform: translate(-60px, -60px);} */ /* 80% { transform: translate(-40px, -40px);} */ /* 90% { transform: translate(-20px, -20px);} */ 100% { transform: translate(0px, 0px);} } @-webkit-keyframes CameraRotate { 0% { -webkit-transform: rotateY(0deg) rotateX(10deg); } 100% { -webkit-transform: rotateY(360deg) rotateX(10deg); } } @-moz-keyframes CameraRotate { 0% { -moz-transform: rotateY(0deg) rotateX(10deg); } 100% { -moz-transform: rotateY(360deg) rotateX(10deg); } } /* end logo css*/ /*Google map css*/ .hb-google-map .gm-style-iw-d { color: black; font-weight: 500; } .hb-google-map b { font-weight: 900; font-size: 14px; text-align: center; display: block; } .hb-google-map a.x-btn.-btn--large.-btn--hover-primary.-btn--circle { background: #0d7161; color: #fff; display: block; padding: 3px 0 0 0; height: 22px; width: 80px; margin: 6px; text-align: center; border-radius: 3px; margin: 0 auto; } .hb-google-map a.x-btn.-btn--large.-btn--hover-primary.-btn--circle:hover{ background: #DFB06F; color: #0d7161; } .hb-google-map .gm-style-iw.gm-style-iw-c { max-width: 240px !important; } .hb-google-map .gm-style-iw.gm-style-iw-c p { margin: 6px 0; } img[src="https://imarat.com.pk/wp-content/uploads/2021/10/icon.png"] { max-width: 50px !important; height: 50px !important; } #team img.attachment-large.size-large { min-height: 570px; } .left_border { border-left: 2px solid green; padding-left: 8px; margin-left: 2px; } .const_sec .elementor-column { padding:0 60px; } .PROXIMITY{ margin:20px !important; } .hb-google-map { border-radius: 20px !important; box-shadow: 18px 21px 34px rgb(0 0 0 / 18%); } .const_sec p { line-height:1.3; } .construction_headings .left_border p{ color:#e0b06e; margin:0; padding:0; line-height: 1.3; font-size: 36px !important; font-family:Gilroy bold; } .construction_headings .left_border p:last-child{ font-size: 23px !important; font-weight: 400; } .hidden{ display:none !important; } /*section#team_slider .hb-team-carousel*/ /*{*/ /* margin-left: -20px !important;*/ /*}*/ /*section#team_slider .hb-team__entry{*/ /* padding:10px 0;*/ /*}*/ /*section#team_slider .hb-team__avatar img {*/ /* height: 375px !important;*/ /*}*/ .features { max-width:95%; margin:0 auto; } .features .elementor-button { width: 100%; } #instalment .elementor-column:first-child{ width:70%; } #instalment .elementor-column { width:100%; } #instalment .elementor-button { width:50%; } /* Team Slider */ #team_slider .hb-team__entry .hb-team__name { padding-top: 10px; } section#team_slider .hb-team-carousel{ margin-left: 22px !important; } section#team_slider .hb-team__position{ color: var(--color_heading); display:none !important; font-size: 20px; font-weight: normal; line-height: 24px; text-align: center; margin-bottom: 10px; font-weight: 600; } #team_slider h4.hb-team__name{ font-size: 26px; line-height: 31px; display:none !important; font-weight: normal; text-align: center; /*font-family: "Poppins", Sans-serif !important;*/ font-family: "Poppins", Sans-serif !important; } #team_slider p.hb-team__description{ display:none !important; font-size: 21px; font-weight: normal; line-height: 24px; text-align: center; /*font-family: "Poppins", Sans-serif !important;*/ font-family: "Poppins", Sans-serif !important; } #team_slider .owl-item { /*font-family: "Poppins", Sans-serif !important;*/ font-family: "Poppins", Sans-serif !important; overflow:hidden; vertical-align:middle; margin-top:100px; height: 270px; border-radius:20px; } #team_slider .hb-team__avatar { background:#489076; margin: 0 auto; text-align: center; border-radius: 20px; } #team_slider .owl-item.active .hb-team__avatar { border-radius:20px !important; } #team_slider .owl-item.active { margin-top:50px; border-radius:20px !important; min-height:360px !important; /*width:7% !important;*/ } #team_slider .active~.active{ /*width:8% !important;*/ } #team_slider .owl-stage .active~.active~.active { margin-top:50px !important; min-height:360px !important; border-radius:20px; /*width:7% !important;*/ } #team_slider .owl-stage .active~.active { margin-top:0 !important; min-height:750px !important; } #team_slider .active~.active .hb-team__avatar { } #team_slider .active~.active~.active .hb-team__avatar { border-radius:20px !important; } #team_slider .active~.active p.hb-team__description { font-size: 21px; font-weight: normal; line-height: 24px; text-align: center; font-family: "Poppins", Sans-serif !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; /* number of lines to show */ -webkit-box-orient: vertical; } #team_slider .active~.active~.active p.hb-team__description { display:none; min-height:400px !important; } #team_slider .active~.active img{ min-height: 450px; } #team_slider .active~.active p.hb-team__description, #team_slider .active~.active h4.hb-team__name, section#team_slider .active~.active .hb-team__position { display:block !important; } #team_slider .owl-carousel.owl-nav-vertical.owl-nav-pos-middle .owl-nav{ top:31% !important; } /*our people slider */ #development_slider h4.hb-team__name.-mb-5, .hb-team__entry { color: #fff; padding-top: 10px; text-align: center; font-family: "Poppins", Sans-serif !important; } #development_slider .owl-item.active.center p.hb-team__description { color: #ffff; font-size: 21px; font-weight: normal; line-height: 24px; text-align: center; font-family: "Poppins", Sans-serif !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 11; /* number of lines to show */ -webkit-box-orient: vertical; } #development_slider .owl-item.active p.hb-team__description { color: #ffff; font-size: 15px; font-weight: normal; line-height: 24px; text-align: center; font-family: "Poppins", Sans-serif !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; /* number of lines to show */ -webkit-box-orient: vertical; } #development_slider .owl-item.active .hb-team__avatar img { width: 50%; } #development_slider .owl-item { background:#B2833F; padding:15px; border-radius:8px; font-family: "Poppins", Sans-serif !important; /*height:400px;*/ overflow:hidden; vertical-align:middle; margin-top:100px; } #development_slider .hb-team__avatar { margin: 0 auto; text-align: center; width: 40px; font-family: "Poppins", Sans-serif !important; } #development_slider .owl-item.active .hb-team__avatar { width: 55px !important; } #development_slider .owl-item.active { margin-top:60px; } #development_slider .owl-item.active p.hb-team__description { -webkit-line-clamp: 7; } #development_slider .owl-stage .active~.active~.active { margin-top:60px !important; } #development_slider .owl-stage .active~.active { margin-top:0 !important; } #development_slider .active~.active .hb-team__avatar { width: 130px !important; } #development_slider .active~.active~.active .hb-team__avatar { width: 55px !important; } #development_slider .owl-item.active { background:#b2833fc4 !important; } #development_slider .owl-item.active.center { background:#b3833e !important; } #development_slider .active~.active~.active p.hb-team__description { -webkit-line-clamp: 7; } #development_slider .owl-carousel.owl-nav-vertical.owl-nav-pos-middle .owl-nav { left: 0.5rem; top: 220px; padding-top:35px !important; } #development_slider .owl-item.active.center p.hb-team__description { line-height: 28px; /*-webkit-line-clamp: 8 !important;*/ } #development_slider .owl-item.active.center .hb-team__avatar img { width: 70% !important; } /* Header */ #hb-header-builder { z-index: 99; /*position: relative;*/ background: linear-gradient(111.1deg, #00664C 35.9%, #1D352F 78.49%); position: fixed; width: 100%; } /*li#menu-item-5095 {*/ /* padding-right: 150px;*/ /*}*/ /*.elementor-2491 .elementor-element.elementor-element-d6a2cac .hb-nav-menu__list > li > a {*/ /* color: #FFFFFF;*/ /* margin: 0;*/ /* padding: 0px 8px;*/ /*}*/ /*.elementor-2491 .elementor-element.elementor-element-d6a2cac .hb-nav-menu__list > li:hover > a {*/ /* padding: 0px 8px;*/ /* }*/ /*footer*/ footer .footer_section1 , footer .footer_section2{ background: linear-gradient(111.1deg, #00664C 10.9%, #1D352F 78.49%); } ul#menu-new-footer-center { font-size: 21px; line-height: 36px; } div#footer_left #address { padding: 0 15px; margin: 0; border-left:1px solid #ffff; } div#footer_left #address .elementor-toggle-item { padding: 0 0 15px 0; } div#footer_left #address .elementor-toggle-item:last-child { padding: 0; } ul#menu-new-footer-center{ padding-top: 0; margin-top: 0; /*text-align: center;*/ padding-left:0; } ul#menu-new-footer-center li { list-style: none; line-height: 26px; padding-bottom: 22px; } footer b { font-weight: 900; } #social_icons .elementor-widget-image { display: inline-block; width: 70px; } #address .elementor-toggle-title { line-height: 28px; } #address .elementor-tab-title { font-weight: 700; line-height: 2; } /*landing Page */ /* html and body css added in about our project*/ section#jazba img { margin-top:9px !important; } .jazba_right { margin: 3px -40px; } body.page-template-default.page.page-id-4546{ overflow: hidden !important; height: 100% !important; } #learn_more .elementor-button-wrapper a{ border-radius: 18px !important; } #learn_more{ width: 145px; margin: 0 auto; } div#learn_btn { margin: 0; padding: 0; width: 160px; } .sub-menu{ display:none; } /* Home page */ .offices_btns .elementor-button{ min-width:100%; font-size: 24px; font-weight: 800 !important; line-height: 26px; fill: #FFFFFF; color: #FFFFFF; background-color: #DFB06F !important; } .offices_btns .elementor-button span { /*font-family: 'Gilroy bold' !important; */ font-family: "Poppins", Sans-serif !important; } .islamabad_map img{ height:168px !important; } .border_left{ border-left:2px solid #00A18A; } .border_left b{ /* font-family:gilroy bold; */ } .expected1 { border: 4px solid #DFB06F; box-sizing: border-box; border-radius: 11px; float:right !important; margin:0 auto; height:85px; width:50% !important; margin:0 0 20px 20px; width:45% !important; } .expected1 p:nth-child(1) { width:35%; display:inline-block; text-align:right; /*font-family: Gilroy;*/ font-family: "Poppins", Sans-serif; font-style: normal; font-weight: 800; font-size: 48px; line-height: 59px; text-align: right; color: #DFB06F; padding:0 5px 0 0; } .expected1 p:nth-child(2) { width:60%; display:inline-block; border-left: 4px solid #DFB06F; /* font-family: Gilroy;*/ font-family: "Poppins", Sans-serif; font-style: normal; font-weight: 300; font-size: 24px; line-height: 28px; color: #DFB06F; padding:0 0 0 10px; } .expected2 { border: 4px solid #DFB06F; box-sizing: border-box; border-radius: 11px; float:right !important; height:85px; margin:0 0 70px 70px; width:45% !important; } .expected2 p:nth-child(1){ width:48%; display:inline-block; text-align: right; color: #DFB06F; line-height: 28px; padding:0 0 10px 0 0; font-size: 24px; } .expected2 p:nth-child(2){ width:48%; display:inline-block; text-align: left; color: #DFB06F; border-left: 4px solid #DFB06F; line-height: 28px; padding: 0 0 0 10px; font-size: 24px; } .expected2 b { /*font-family: Gilroy;*/ font-family: "Poppins", Sans-serif; font-style: normal; font-weight: 800; font-size: 35px; } .different img{ height:180px !important; } .card__container{ border-radius: 15px; } /* our story */ .our_story .hb-image-box__title{ font-family: "Poppins", Sans-serif !important; } .our_story p.hb-image-box__description { font-size: 20px; font-weight: normal; line-height: 24px; text-align: center; font-family: "Poppins", Sans-serif !important; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 10; /* number of lines to show */ -webkit-box-orient: vertical; } .our_story .hb-image-box{ min-height: 570px; } .our_story .hb-image-box__btn{ display:none; } .our_story .owl-nav { top: 43%; } .our_story .hb-image-box__img{ height: 285px; } .our_story .hb-image-box__img img { height: 100%; justify-content: center; object-fit: cover; } /* about us */ .faisl_masjid img{ border-radius:35px; } #development_slider .-img-hover-zoom img { transition: 4000s ease; } /* Renders page */ .renders .hb-image-box__entry.-text-center { display: none; } .hb-image-box.hb-image-box-s1.b-white.-img-zoom-wrap { background: none !important; } /* Approvals Sliders */ section.approvals .hb-team-carousel{ width: 70% !important; margin: 0 auto !important; } .approvals .hb-team__entry .hb-team__name { padding-top: 10px; } .approvals .hb-team__avatar { border-radius: 30px; margin-top: 60px !important; text-align: center; width: 100%; height: 240px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; } .approvals .hb-team__avatar img { height: 100%; justify-content: center; object-fit: cover; pointer-events: none; } .approvals .owl-item.active .hb-team__avatar { width: 76% !important; /* margin: 0 82px;*/ margin: 0 95px; height: 350px; margin-top: 0 !important; } .approvals .owl-item.active .hb-team__avatar img { height: 100%; justify-content: center; object-fit: cover; pointer-events: none; } .approvals .hb-team__description { max-width: 300px; margin: 0 auto; } .approvals .owl-carousel.owl-nav-vertical.owl-nav-pos-middle .owl-nav{ top:190px !important; } .approvals .owl-carousel.owl-nav-circle .owl-nav button { border-radius: 200px; background: linear-gradient(130.35deg, #0FA880 39.38%, #008361 91.82%), rgba(255, 255, 255, 0.43); box-shadow: 11px 4px 11px rgb(0 0 0 / 22%); } .approvals i.arrow_carrot-right,i.arrow_carrot-left { color: #fff; font-size: 40px; } .approvals i.arrow_carrot-left { margin-right: 3px; } .approvals button.owl-dot { margin-top: -90px; } /* before active */ .approvals .owl-item .hb-team__name{ color: #065B45; font-size: 16px !important; } .approvals .owl-item .hb-team__description{ margin-right:120px; font-size: 14px !important; } /* after active */ .approvals .owl-item.active + .owl-item .hb-team__name{ color: #065B45; font-size: 16px !important; } .approvals .owl-item.active + .owl-item .hb-team__description{ margin-left:100px; font-size: 14px !important; } /* Active */ .approvals .owl-item.active .hb-team__name { color: #065B45; font-size: 36px !important; margin: 0px; font-weight: 800; line-height: 45px; } .approvals .owl-item.active .hb-team__description{ margin:0 auto !important; font-size: 17px !important; } /* Careers Page */ .applications_form{ background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(0deg, #FFFFFF, #FFFFFF); box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25); border-radius: 16px; padding:20px } .applications_form input{ /* font-family: Gilroy;*/ font-family: "Poppins", Sans-serif !important; font-style: normal; font-weight: 300; font-size: 21px; line-height: 24px; color: #B7B7B7; border:none; border-bottom: 1px solid #757575; padding: 0; } .applications_form select { /*font-family: Gilroy;*/ font-family: "Poppins", Sans-serif; font-style: normal; font-weight: 300; font-size: 21px; line-height: 24px; color: #5e5c5c; border:none; border-bottom: 1px solid #757575; padding: 0; } .applications_form { /* font-family: Gilroy;*/ font-family: "Poppins", Sans-serif; font-style: normal; font-weight: 300; font-size: 21px; line-height: 24px; color: #5e5c5c; border:none; } .applications_form button{ background: linear-gradient(111.1deg, #00664C 10.9%, #1D352F 78.49%), #0A5541; border-radius: 8px; /* font-family: Gilroy;*/ font-family: "Poppins", Sans-serif; font-style: normal; font-weight: 800; font-size: 21px; line-height: 26px; color: #FFFFFF; } .app-resume input{ border: none; padding:10px 0; } .app-resume input::-webkit-file-upload-button { visibility: hidden; } .app-resume input::before { content: 'Choose File'; /* font-family: Gilroy;*/ font-family: "Poppins", Sans-serif; font-style: normal; font-weight: 300; font-size: 17px; line-height: 20px; color: #151515; padding:7px 15px; background: #F8F8F8; border: 1px solid #757575; box-sizing: border-box; border-radius: 8px; } .app-resume input:hover::before { border-color: black; } .app-resume input:active::before { background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); } .applications_form.contact{ /*width: 60%;*/ margin: 0 auto; } .applications_form.contact .app-resume textarea{ border: none; border-bottom: 1px solid #757575; color: #B7B7B7; padding: 0 0 0 0; line-height: 42px !important; } .applications_form.contact .app-resume{ border: none; } .office_block { background: linear-gradient(0deg, #FFFFFF, #FFFFFF), #FFFFFF; border: 0.5px solid #949494; box-sizing: border-box; border-radius: 13.5px; padding:15px; margin: 0 20px; } .office_buttons .elementor-button { width: 100% !important; } /* custom image comparision slider */ .img-comp-container { position: relative; height: 200px; /*should be the same height as the images*/ } .img-comp-img { position: absolute; width: auto; height: auto; overflow:hidden; } .img-comp-img img { display:block; vertical-align:middle; } .img-comp-slider { position: absolute; z-index:9; cursor: ew-resize; /*set the appearance of the slider:*/ width: 40px; height: 40px; background-color: #2196F3; opacity: 0.7; border-radius: 50%; } /* separator css */ .separator .elementor-spacer-inner { position: relative; margin-top: 50px; height: 1px; } .separator .elementor-spacer-inner:before { content: ""; position: absolute; top: 0; left: 5%; right: 5%; width: 90%; height: 1px; background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent); } .separator .elementor-spacer-inner:after { content: ""; position: absolute; z-index: 1; top: -9px; left: calc(50% - 9px); width: 18px; height: 18px; } /* Delivery */ .page-id-2517 .elementor-spacer-inner { position: relative; margin-top: 50px; height: 1px; } .page-id-2517 .elementor-spacer-inner:before { content: ""; position: absolute; top: 0; left: 5%; right: 5%; width: 90%; height: 1px; background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent); } .page-id-2517 .elementor-spacer-inner:after { content: ""; position: absolute; z-index: 1; top: -9px; left: calc(50% - 9px); width: 18px; height: 18px; } .cd-image-container { position: relative; margin: 0em auto; } .cd-image-container img { display: block; border-radius: 25px; box-shadow: 2px 4px 4px rgb(0 0 0 / 25%); } .cd-image-label { position: absolute; font-weight: 500; letter-spacing: 1px; top: 0; right: 0; color: #ffffff; padding: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; opacity: 0; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s; transition: transform 0.3s 0.7s, opacity 0.3s 0.7s; } .cd-image-label.is-hidden { visibility: hidden; } .is-visible .cd-image-label { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-resize-img { position: absolute; top: 0; left: 0; width: 0; height: 100%; overflow: hidden; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .cd-resize-img img { position: absolute; left: 0; top: 0; display: block; height: 100%; width: auto; max-width: none; } .cd-resize-img .cd-image-label { right: auto; left: 0; } .is-visible .cd-resize-img { width: 50%; /* bounce in animation of the modified image */ -webkit-animation: cd-bounce-in 0.7s; -moz-animation: cd-bounce-in 0.7s; animation: cd-bounce-in 0.7s; } @-webkit-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @-moz-keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } @keyframes cd-bounce-in { 0% { width: 0; } 60% { width: 55%; } 100% { width: 50%; } } .cd-handle { position: absolute; height: 44px; width: 44px; /* center the element */ left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border-radius: 50%; background: #000000 url("https://images.clickfunnels.com/09/a714400d3211e7a0bd7d7140585054/cd-arrows.svg") no-repeat center center; cursor: move; box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3); opacity: 0; -webkit-transform: translate3d(0, 0, 0) scale(0); -moz-transform: translate3d(0, 0, 0) scale(0); -ms-transform: translate3d(0, 0, 0) scale(0); -o-transform: translate3d(0, 0, 0) scale(0); transform: translate3d(0, 0, 0) scale(0); } .cd-handle.draggable { /* change background color when element is active */ background-color: #445b7c; } .is-visible .cd-handle { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale(1); -moz-transform: translate3d(0, 0, 0) scale(1); -ms-transform: translate3d(0, 0, 0) scale(1); -o-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); -webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s; -moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s; transition: transform 0.3s 0.7s, opacity 0s 0.7s; } /*@media(min-width:767px){*/ .render_thumbs{ height:460px; } .render_thumbs { overflow:scroll; } .render_thumbs::-webkit-scrollbar { width: 7px; height:100% } .render_thumbs::-webkit-scrollbar-track { background-color: #C2C2C2; border-left: 2px solid #e3e3e3; border-right: 2px solid #e1e1e1; box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.25); } .render_thumbs::-webkit-scrollbar-thumb { background-color: #DFB06F; border-radius: 7px; } .render_thumb img:hover{ cursor:pointer; } .render_thumb img{ border-radius: 15.5px; } /*}*/ p.des { margin: 10px 24px; position: absolute; color: #2f594d; font-size: 21px; line-height: 28px; /* font-family: 'Gilroy' !important;*/ font-family: "Poppins", Sans-serif !important; } /* Home Page Css */ .jazba_section .inner_section_1 .elementor-element-populated{ position:fixed; } .jazba_section{ min-height:3800px } .inner_section_3, .inner_section_4 , .inner_section_5 { position:fixed; opacity: 0; } .inner_section_3{ top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%); } /* old scrolling */ .inner_section_2 { position:fixed; opacity: 0; } .elementor-5731 .elementor-element.elementor-element-49235fe { position: absolute; bottom: 25px; left: 0; right: 0; } .elementor-5731 .elementor-element.elementor-element-dceea16 > .elementor-element-populated { position: static; } .elementor-column, .elementor-column-wrap { position: static; } .elementor-section .elementor-container { position: static; } .elementor-5731 .elementor-element.elementor-element-1256b30 { height: 100%; margin-top: 0px; padding-top: 200px; } /* Updated style 2 css */ /*.inner_section_2{*/ /* position:fixed;*/ /*}*/ /*.inner_section21, .inner_section22 , .inner_section23 , .inner_section24{*/ /* opacity: 0.5; */ /*}*/ /* End Updated style 2 css */ .inner_section_3 > .elementor-container.elementor-column-gap-default { background: linear-gradient(200deg, #00664C 10.9%, #1D352F 78.49%), linear-gradient(1233deg, #0FA880 17.8%, #008361 86.07%); box-shadow: 18px 21px 34px rgba(0, 0, 0, .38); border-radius: 35px; } .parent { position: relative; /*width: 300px;*/ height: 1000px; /*margin: 10px;*/ } body.page-id-9954{ background: linear-gradient(109.72deg, #FFFFFF -7.44%, hsl(0deg 0% 100%) 83.21%); } .child1 { position: absolute; top: 0; left: 0; } .child2 { z-index: 1; background: #02694e; animation: slideUp 2s both linear; -webkit-filter: blur(100px); } @keyframes slideUp { from {top: 0%;} to {top: 100%;} from { height: 100%;} to { height: 0;} } .echosystem img{ width: 100vw; object-fit: scale-down; max-width: 80%; height: 100vh; right: 0; bottom: 0; margin: 0 auto; position: fixed; left: 50%; top: 53%; transform: translate(-50%, -50%); } .elementor-5731 .elementor-element.elementor-element-498628c:not(.elementor-motion-effects-element-type-background), .elementor-5731 .elementor-element.elementor-element-498628c > .elementor-motion-effects-container > .elementor-motion-effects-layer{ height: 100vh !important; position: fixed; } .inner_section_1::before { position:fixed; content: ""; background-image: url(https://imarat.com.pk/wp-content/uploads/2021/12/brighter.png); background-size: cover; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.3; } p.readless { margin: 0; /*margin-top: -20px;*/ margin-top: 0px; font-weight: 600; cursor: pointer; } /* constructions update page */ .heading p{ /* font-family: 'Gilroy bold' !important; */ font-family: "Poppins", Sans-serif !important; } /*.construction_update img{*/ /* border-radius: 16px;*/ /* filter: drop-shadow(5px 4px 28px rgba(0, 0, 0, 0.38));*/ /*}*/ /*.construction_update .elementor-widget-container {*/ /* border-radius: 16px;*/ /* filter: drop-shadow(5px 4px 28px rgba(0, 0, 0, 0.38));*/ /*}*/ .construction_update .elementor-widget-container { box-shadow: 2px 4px 4px rgb(0 0 0 / 25%); border-radius: 16px; } #development_slider .owl-dots{ display:none; } /* Single blog posts */ .hb-post-single__meta a, .hb-content p, .hb-content table td, .nav-link-content span, h2.nav-link-title{ color: #4b4b4b !important; } /* Single blog posts */ /*Single events page */ .single_events { margin:0 25px 25px 0; filter: drop-shadow(2px 4px 4px rgba(0, 0, 0, 0.25)); } .content p{ color:#1C352F; /* font-family: Gilroy !important;*/ font-family: "Poppins", Sans-serif !important; font-style: normal; font-weight: 300; font-size: 21px; line-height: 28px; } .created_date { /* font-family: Gilroy !important;*/ font-family: "Poppins", Sans-serif !important; font-style: normal; font-weight: 300; font-size: 18px; line-height: 24px; color: #878787; margin-top: 20px; } .single_event img{ width: 100% !important; border-radius: 15px; object-fit: cover; height: 100%; } .event_image { height:460px; } .event_image.thumbnail{ height:auto; } .evenet_details_page ol, .evenet_details_page ul { color: #1C352F; /*font-family: Gilroy !important;*/ font-family: "Poppins", Sans-serif !important; font-style: normal; font-weight: 300; font-size: 21px; line-height: 28px; } @media (min-width:1300px){ header nav .elementor-container { max-width: 1300px !important; } } @media (min-width:768px){ .evenet_details_page{ padding-top:12rem } } @media only screen and (min-width: 620px) { #development_slider .owl-item.active.center { width: 11% !important; min-height: 420px !important; } #development_slider .owl-item.active { width: 7% !important; } .approvals .owl-stage{ min-width:5800px !important; } /*.approvals .owl-item { margin-left: 10px !important; }*/ .approvals .owl-item.active + .owl-item .hb-team__name { margin: -40px 0 0 -300px; } /* .approvals .owl-item.active { margin: 0 -5px 0 0!important; }*/ .approvals .owl-item .hb-team__name{ margin:-40px -300px 0 0px; } } @media (max-width:620px){ #development_slider .owl-item.active.center p.hb-team__description { padding: 0 50px; -webkit-line-clamp: 30 !important; } .owl-carousel .owl-dots { margin-top: 0; } .custom_heading p{ font-size:24px; } .custom_heading.top .elementor-widget-container{ padding-top:0 !important; } .approvals .owl-item.active.center .hb-team__avatar { width: 100% !important; margin: 0 !important; } section.approvals .hb-team-carousel { width: 100% !important; } #development_slider .owl-stage-outer { max-height: 800px; } } @media (max-width:768px){ .florence .elementor-widget-container , .courtyard .elementor-widget-container{ text-align:left; } .florence , .courtyard{ order: 2; } .order1{ order: 1; } .justify p , .justify span , .justify .elementor-widget-container , .justify div{ text-align: justify !important; } .event_image { height: 400px; } .single_events { display: inline-block !important; height: 80px !important; margin: 0 10px 0px 0; } .single_event img { border-radius: 0px; } .render_thumbs { height: auto !important; overflow: unset; overflow-x: auto; margin: 0; padding: 15px; white-space: nowrap; background-color: #1D352F; white-space: nowrap; } .padding-0{ padding:0 !important; } .evenet_details_page{ padding-top:6rem } } @media (max-width:620px){ .event_image { height: 300px; } } @media (max-width:520px){ body.home .our-offices-home { padding-top:20px !important; } .event_image { height: 230px; } } /* starting from TST */ .page-id-9954 h1, .page-id-9954 h2, .page-id-9954 h3, .page-id-9954 h4, .page-id-9954 h5, .page-id-9954 h6, .page-id-9954 p, .page-id-9954 label, .page-id-9954 li { font-family: "Poppins", Sans-serif !important; } .page-id-9954 .parent { height: 50px; } #my-form .nf-field-container { margin: 10px 2px !important; } #my-form input#nf-field-364 { background: #2E8D5F; border-radius: 8px; width: 124px; height: 57px; font-family: 'Poppins'; font-style: normal; font-size: 16px; } #my-form div#nf-field-361-container { width: 100% !important; } #my-form .nf-form-content label:not(#my-form div#nf-field-361-container label) { position: absolute; z-index: 2; background: white; left: 15px; top: -10px; padding: 0 4px; font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 11.67px; color: #9E9E9E; } header#masthead { border-bottom: solid 1px #fff; } @media only screen and (max-width: 768px){ #my-form .nf-form-content label:not(#my-form div#nf-field-361-container label) { top: 0px; } #graana-form .nf-form-content label:not(#my-form div#nf-field-361-container label) { top: 0px; } #tst-hero .elementor-row, #tst-wwh .elementor-row{ flex-direction:column-reverse; } #tst-hero .elementor-column-gap-default, #tst-wwh .elementor-column-gap-default{ flex-direction:column-reverse; } .nf-form-content .listcheckbox-wrap li, .nf-form-content .listradio-wrap li { width:100%; } #my-form .nf-field-container .nf-field-element{ text-align:left; } #graana-form .nf-field-container .nf-field-element{ text-align:left; } .offices-btn{ opacity:1 !important; } div#drop-arrow { display:none; } } @media only screen and (min-width: 768px) and (max-width: 1024px){ #aim-objective-slider button.next-ao.slick-arrow { right: 150% !important; } #aim-objective-slider button.prev-ao.slick-arrow { left: -74% !important; } #aim-objective-slider button.slick-arrow { top: 68% !important; } } @media only screen and (max-width: 767px){ #tst-des-boxes .elementor-row{ flex-flow:row; overflow:auto; padding: 20px 10px; } #tst-des-boxes .elementor-widget-wrap.elementor-element-populated { width: 300px; } #tst-ps .elementor-widget-wrap.elementor-element-populated { width: 300px; } #tst-ps .elementor-row{ flex-flow:row; overflow:auto; /* padding: 20px 10px; */ } #tst-ps .elementor-row .elementor-column-wrap, #tst-des-boxes .elementor-row .elementor-column-wrap{ width:300px; } .card { height: 545px !important; width: 300px; padding: 20px !important; } /* #testimonials .owl-item { width: 300px !important; } */ #aim-objective-slider button.slick-arrow { position: absolute; top: 100% !important; } #aim-objective-slider button.next-ao.slick-arrow { right: 35% !important; } #aim-objective-slider button.prev-ao.slick-arrow { left: 39% !important; } #tst-sop .elementor-widget-wrap>.elementor-element.elementor-absolute { position: inherit !important; text-align: center; top: 0; left: 0; } .post-box{ width: 220px; margin: 5px 5px !important; } #future-avenues button.next { right: 35%; } #future-avenues button.prev { left: 35%; } div#img-sop{ background-color: transparent; background-image: linear-gradient(0deg, #ECF5F1 50%, #FFFFFF 50%); } div#img-sop-graana{ background-color: transparent; background-image: linear-gradient(0deg, #F5ECEC 50%, #FFFFFF 50%); } .wpcf7-list-item { margin: 0; } #future-avenues .slick-sprev { transform: translate3d(-30%, 0, -10px) !important; } #future-avenues .slick-snext { transform: translate3d(30%, 0, -10px) !important; } } @media only screen and (min-width: 768px){ #testimonials .owl-carousel { padding: 0 0 0 10%; } #testimonials .owl-controls { position: absolute; right: 90px; top: -75px; } #testimonials .owl-nav { position: absolute; right: 90px; top: -75px; } } #testimonials .owl-nav { pointer-events: inherit; } .post-box{ margin: 10px 5px; border-radius: 12px; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.17); background: white; } .post-box h4{ color: #121127; font-family: "Poppins", Sans-serif; font-size: 20px; font-weight: 600; line-height: 22px; } .post-box p { color: #121127; font-family: "Poppins", Sans-serif; font-size: 14px; } .post-content img{ width: 100%; border-radius: 50px !important; } .post-img img { width: 100%; border-radius: 12px 12px 0 0; } .post-content{ padding: 15px; } .post-cat{ color: #2E8D5F; font-family: "Poppins", Sans-serif; font-size: 14px; font-weight: 600; font-style: normal; margin: 4px 0; } .d-flex{ display: flex; } #graana-form .nf-field-container { margin: 10px 2px !important; } #graana-form input#nf-field-364 { background: #D75E57; border-radius: 8px; width: 124px; height: 57px; font-family: 'Poppins'; font-style: normal; font-size: 16px; border-color: #D75E57; } #graana-form div#nf-field-361-container { width: 100% !important; } #graana-form .nf-form-content label:not(#graana-form div#nf-field-361-container label) { position: absolute; z-index: 2; background: white; left: 15px; top: -10px; padding: 0 4px; font-family: 'Lato'; font-style: normal; font-weight: 700; font-size: 11.67px; color: #9E9E9E; } #graana-os .ol_circle li::marker { color: #882E29 !important; font-size: 20px !important; } #graana-blogs .post-cat{ color: #882E29; } section#tst-sop ol li { margin: 24px 0; line-height: 180%; } section#tst-sop ol{ font-size: 14px; } section#tst-sop p{ font-size: 18px; color: #2C2D38; } #testimonials .owl-carousel.owl-theme.owl-loading { opacity: inherit; } .elementor-9954 .elementor-element.elementor-element-19ca0 img { width: auto; } .ol_circle li::marker { color: green !important; font-size: 20px !important; } .ol_circle li { font-weight: 300; color: #757575; font-size: 16px; font-family: Poppins; margin-bottom: 16px; margin-left: 20px; } .submit-button { background: #2E8D5F; border-radius: 8px; width: 124px; height: 57px; font-family: 'Poppins'; font-style: normal; font-size: 16px; border: none; } .tst-form p, .tst-form label{ color: #424242; } .tst-form input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea, select { color: #424242; } .tst-form label:not(.wpcf7-list-item label){ position: absolute; z-index: 2; background: white; left: 20px; top: 16px; padding: 0 4px; font-family: 'Lato'; font-style: normal; font-weight: 400; font-size: 11.67px; color: #9E9E9E; } .offices-btn{ transition: 0.5s; opacity:0.1; } #footer-accordion .elementor-accordion .elementor-accordion-item { border-width: 0 0 0 1px; border-color: #d4d4d4; border-style: solid; } #footer-accordion .elementor-accordion .elementor-tab-content{ border:0 !important; padding-left: 12%; } .footer-accordion-2 { border:none !important; } .footer-accordion-2 .elementor-accordion .elementor-accordion-item { border: none !important; } .footer-accordion-2 .elementor-accordion .elementor-tab-content{ border:none !important; padding-left: 12%; } div#drop-arrow { position: fixed; bottom: 25px; /* right: 25px;*/ } div#drop-arrow i{ animation: float 4s ease-in-out infinite; } @keyframes float { 0% { transform: translatey(0px); } 50% { transform: translatey(-20px); } 100% { transform: translatey(0px); } } /* LATEST STYLING FROM LIVE */ #my-posting .owl-nav{ text-align:center; margin-top:10px; } #my-posting button.owl-prev, #my-posting button.owl-next{ background: rgba(18, 17, 39, 0.04); border-radius: 30px; color: #000; width: 6rem; height: 3.5rem; margin: 0 4px; } #my-posting button.owl-prev:hover, #my-posting button.owl-next:hover{ background: #2E8D5F !important; color:white; } #last-video iframe{ min-width: 90%; width: 90%; border-radius: 13px; } @keyframes fadeInAnimation { 0% { opacity: 0; } 100% { opacity: 1; } } .footer-ribbon-fixed{ position:fixed; bottom: 0; width: 100%; z-index: 9999; animation: fadeInAnimation ease 0.5s; animation-iteration-count: 1; animation-fill-mode: forwards; } .footer-ribbon-normal{ position:inherit; } @media (min-width: 1200px){ .single-post .container { width: 1200px !important; } body.page-id-14845 .container { max-width: 100% !important; width: 100%; } body.page-id-14845 #hb-page > .container > .row > .col-12{ padding-left: 0; padding-right: 0; } } /*imarat blogs */ /*.single-post .container{*/ /* width:1200px;*/ /*}*/ .single-post #hb-blog-single{ padding: 0 !important; } .hb-blog-single-top { padding-top: 5rem; } .imarat-blogs .card { font-family: "Poppins", Sans-serif !important; background: white; border-radius: 12px; margin: 15px 0; } .card__image { overflow: hidden; border-radius: 12px 12px 0 0; max-height: 185px; } .imarat-blogs .card .card__image img { max-height: 185px; object-fit: cover; width: 100%; transition: transform .5s ease; } .imarat-blogs .card .card__image img:hover { transform: scale(1.2); } .imarat-blogs .card__image ul { list-style: none; margin: 0; padding: 0; display: flex; position: absolute; top: 10em; left: 1.5em; } .card__image ul li { background: #dfb06f; margin-right: 8px; padding: 2px 10px; font-size: 12px; color: #fff; } .card__data { padding: 20px; } .card__data p.date { font-size:12px; font-weight: bold; margin: 5px 0; color: #dfb06f !important; } .card__data p.title { font-size: 18px; line-height: 24px; } .card__data .des { color: #4b4b4b; font-size: 14px; margin: 5px 0; } .card__data .read-more { color: #4b4b4b; font-size: 14px; margin: 10px 0; } .imarat-blogs.desktop.pagination { margin:35px 0; text-align: center; } .imarat-blogs span.page-numbers.current { background: #dfb06f; padding: 10px 20px; border: 1px solid #ffffff; } .imarat-blogs a.page-numbers { background: #dfb06f; padding: 10px 20px; margin: 0 2px; } #commentform { background: linear-gradient(111.1deg, #00664C 35.9%, #1D352F 78.49%); } #commentform button#submit { background: #dfb06f; } .hb-post-single__meta .hb-meta__author-reader { color: #515151; } .approvals i.arrow_carrot-right, i.arrow_carrot-left { color: #7b7b7b; font-size: 25px; } .hb-content ul { margin: 0; padding: 0px 20px; color: #4b4b4b; } /*asif javed 13-06-2023*/ .hb-testimonial__title.c-primary, .hb-testimonial__icon.c-grey-200.icon-musca-quote-5{ display:none; } .elementor-9954 .elementor-element.elementor-element-c81af13 .hb-testimonial{ height:380px; } section#tst-sop ol li { margin: 5px 0; line-height: 180%; } #testimonials_carousel .owl-carousel.owl-nav-horizontal-right:not(.owl-nav-disabled){ padding-right:0px; } #testimonials_carousel .owl-carousel .owl-stage-outer{ height:450px; } #testimonials_carousel .owl-carousel.owl-nav-horizontal:not(.owl-nav-disabled)[class*=owl-nav-pos-top-] .owl-nav{ top:-80px; right:100px; } .elementor-9954 .elementor-element.elementor-element-c81af13 .hb-testimonial__entry{ position:fixed; bottom:25px; } div.tst_form_top label:not([type="submit"]), div.tst_form_top input:not([type="submit"]) { background-color: transparent; } /*blog featured post grid style*/ .feature_cat_container span.hb-meta__category>a { display: none !important; } .feature_cat_container span.hb-meta__category>a:first-child { display: block !important; border-radius: 0px 8px 8px 0px; padding: 0px 16px; background-color: #3E3F41; font-size: 14px; line-height: 22px; } .feature_cat_container article.hb-post span.hb-meta__category{ left: 0; border-radius: 0; } .feature_cat_container article.hb-post{ position:relative; border-radius:0px; } .feature_cat_container .hb-post-grid .-grid-item:first-child{ grid-column-start:1; grid-column-end:3; } .feature_cat_container .hb-post__entry { padding: 20px 0px; position:absolute; bottom:0; left: 20px; } .feature_cat_container .hb-meta__date, .feature_cat_container .hb-post__title{ color:#fff !important; } .feature_cat_container .hb-post__entry>div.-d-flex{ margin-bottom:0px; } .feature_cat_container .hb-meta__author-name, .feature_cat_container .hb-meta__date:after{ display:none; } .feature_cat_container .hb-post-s7 .hb-post__btn{ display:none; } .feature_cat_container .hb-link-wrap-img-w100 img { width: 100%; height: 400px; object-fit: cover; border-radius:0px; } .feature_cat_container .hb-post__entry:hover h2.hb-post__title a{ color:#f2f2f2; } .custom_grid_posts .col-md-4.post_image_container { height: 250px; } .col-md-4.post_image_container img { height: 100%; width: 100%; } .custom_grid_posts h2.post_title.line-clamp-2 { color: #2f4a73; font-size: 30px; line-height: 50px; font-weight: 500; } .custom_grid_posts .post_image_container img { height: 315px; width: 100%; object-fit:cover; } .custom_grid_posts span.cat_title:hover { color: var(--color_primary); } .custom_grid_posts .post.row.my-4 { margin-bottom: 79px !important; } .more_blog_grid span.eael-posted-by::before { content: "By: "; } .more_blog_grid span.eael-posted-by { color: #6D6D6D; } .more_blog_grid .eael-grid-post .eael-entry-wrapper{ padding:20px 0px; } .more_blog_grid .eael-grid-post-holder { border: none; } .eael-entry-meta { flex-direction: row-reverse !important; justify-content: space-between; width: 100%; } .more_blog_grid .eael-entry-footer { border-top: 1px solid #F2F2F2; color: #6D6D6D !important; padding-top: 10px; } .more_blog_grid h2.eael-entry-title { min-height: 69px !important; } .more_blog_grid ul.post-carousel-categories { padding: 0; visibility: visible; opacity: 1; top: 2rem; } .more_blog_grid ul.post-carousel-categories li a { display: block !important; border-radius: 0px 8px 8px 0px; padding: 0px 16px; background-color: #3E3F41; } a.hb-meta__author-name.author_related { color: #3E3F41; } a.hb-meta__author-name.author_related span.hb-meta__author-reader{ display:none; } p.author.my-5.post_author { color: #495057; } @media (max-width: 480px){ /*body.single-post #main{*/ /* max-width:400px;*/ /* width:100%;*/ /* margin:auto;*/ /*} */ /*body.single-post .container .row{*/ /* max-width:400px;*/ /* width:100%;*/ /* margin:auto;*/ /*}*/ } /*imarat blog asif 26-06-2023*/ body.single-post .single-top-img{ height:400px; width:100%; object-fit:cover; } body.page-id-12857 .hb-post__entry.b-white { text-align: center; /* position:relative; */ /* top: -160px; */ } body.page-id-12857 .hb-post__entry .hb-post__excerpt.hb-content.-text-ellipsis, body.page-id-12857 .hb-post__entry .hb-post__metas a.hb-meta__date.c-primary, body.page-id-12857 .hb-post__entry a.hb-post__btn.-btn-link{ display: none; } body.page-id-12857 .hb-post__metas span, body.page-id-12857 h2.hb-post__title { color: #fff; } body.page-id-12857 h2.hb-post__title:hover{ color: #f2f2f2; } body.page-id-12857 h2.hb-post__title>a{ font-family: "Aperto", Sans-serif !important; } .owl-stage article { position: relative; } body.page-id-12857 .owl-stage article .hb-post__entry.b-white { position: absolute; top: 40%; left: 0; right: 0; } .elementor-12857 .elementor-element.elementor-element-a4bbeaf .owl-carousel .owl-dots { margin-top: 0px; position: absolute; bottom: 15px; left: 0; right: 0; } body.page-id-12857 .hb-post__metas > *:not(:last-child):after{ display:none; } body.page-id-12857 .owl-carousel .owl-dots button.owl-dot span{ opacity:0.5; } body.page-id-12857 .owl-carousel .owl-dots button.owl-dot:hover span, body.page-id-12857 .owl-carousel .owl-dots button.owl-dot.active span{ background-color:#fff; opacity:1; } @media (max-width: 480px){ .elementor-12857 .elementor-element.elementor-element-a4bbeaf .owl-carousel .owl-dots{ bottom: 10px; } body.page-id-12857 .hb-post-s14 .hb-post__entry{ padding:2rem; } body.page-id-12857 .hb-post-s14 .hb-post__metas{ margin-bottom:5px; } } /*Imarat Revamp*/ /*body.page-id-14845 #page{*/ /* background-color: #fff;*/ /*}*/ /*body.page-id-14845 #hb-page {*/ /* padding-top: 0;*/ /*}*/ /*body.page-id-14845 .owl-carousel .owl-scrollbar{*/ /* margin-top:0px;*/ /*}*/ /*body.page-id-14845 .html_dev{*/ /* display: none;*/ /*}*/ /*body.page-id-14845 .hero_slider .hb-image-box__title,*/ /*body.page-id-14845 p.hb-image-box__description{*/ /* width: 50%;*/ /*}*/ /*body.page-id-14845 .hb-image-box__entry.-text-center {*/ /*}*/ .imarat-data-table thead tr th { padding: 15px; font-size: 30px; line-height: 34px; font-weight: 600; color: #3E3F41; text-align: left; /*padding-right:15px;*/ } .imarat-data-table thead tr th:first-child { border-color: #000; /*width: 45%;*/ } .imarat-data-table thead tr th span { font-family: 'Aperto' !important; } .imarat-data-table tbody tr:last-child td{ border:none; } .imarat-data-table tbody tr td { padding: 15px; font-size: 14px; line-height: 32px; font-family: 'Gilroy Regular'; width:21%; } table#imarat-data-table { border-collapse: collapse; } .imarat-data-table tbody tr { border-bottom:1px solid #CECECE; } .imarat-data-table tbody tr td:last-child div{ color:#0D4C39 !important; font-weight: 600 !important; } div#imarat-data-table-sec { background-color: #EEEEEE; padding: 20px 77px; } .single-job{ color:#3E3F41; margin-top: 50px; } .single-job h2 { color: #3E3F41; } .single-job a.job-apply-btn{ background-color:#0D4C39; padding: 12px, 48px, 12px, 48px; } span.imarat-post-cat{ top: 20px !important; padding: 0px 16px 0px 16px !important; background-color: #37474F; border-radius: 0px 10px 10px 0px; } .imarat-post-cat>a{ font-size:14px; line-height:23px; } .imarat-post-grid .imarat-post-title{ color: #3E3F41; font-size: 16px; font-weight: 700; line-height: 27px; min-height: 56px; margin-bottom: 10px; } div.imarat-post-grid { margin-top: 20px; } .imarat-post-grid .imarat-post-image .hb-post__entry { padding: 0px; padding-top: 20px; } .imarat-post-grid .imarat-post-image { box-shadow: 0px 5px 50px rgb(255 255 255 / 6%); } .imarat-post-grid .imarat-post-image .hb-post__thumbnail.-pos-relative.-img-hover-zoom { min-height: 185px; background-color: #f2f2f2; } .imarat-post-grid .imarat-post-image .hb-post__thumbnail.-pos-relative.-img-hover-zoom > a.hb-link-wrap-img-w100 >img { min-height: 185px; object-fit: cover; } .imarat-post-grid .imarat-post-image.post-image-archive .hb-post__thumbnail.-pos-relative.-img-hover-zoom { min-height:225px !important; } .container.archive_container .-grid-item a.hb-meta__author-name{ color: #6D6D6D !important; padding-top: 10px; } p.imarat-post-author { border-top: 1px solid #F2F2F2; color: #6D6D6D !important; padding-top: 10px; } .imarat-category-filter a.category-link { color: #6D6D6D; padding: 15px; text-transform: uppercase; } .imarat-category-filter a.category-link.Active { font-weight: 700; color: #0D4C39; } .imarat-category-filter .category_options { display: flex; justify-content: center; } .owl-imarat .hb-image-box.hb-image-box-s1.b-white.-img-zoom-wrap { box-shadow: none; } .owl-imarat.owl-carousel .owl-nav { display: block !important; top: 50%; position: absolute; width: 100%; } .owl-imarat.owl-carousel .owl-nav button.owl-prev, .owl-imarat.owl-carousel .owl-nav button.owl-next{ position: relative; right: -45px; position: absolute; box-shadow: none; background-color: #ffffff00; color: #3E3F41; } .owl-imarat.owl-carousel .owl-nav button.owl-next{ right: -45px; } .owl-imarat.owl-carousel .owl-nav button.owl-prev{ left: -45px; } .hb-icon-box__description, .owl-imarat.owl-carousel .hb-image-box__description{ min-height:66px; } .hero_slider .hb-image-box__entry.-text-center{ display: flex; padding: 0; align-items:center; flex-direction:column; } .hero_slider .owl-carousel .owl-scrollbar{ margin-top:0px; } .hero_slider .hb-image-box__entry.-text-center>p.hb-image-box__description{ margin-bottom:2rem; } section.evenet_details_page { padding-top: 5rem !important; padding-bottom: 5rem !important; } h2.related_event_title { margin-top: 30px; font-size: 40px; line-height: 57px; color: #495057; } .hb-post__entry:hover a{ color:#0D4C39; } body.page-id-14863 button.project-btn-imarat, .elementor-14845 .elementor-element.elementor-element-329ba108 .-btn, .elementor-14845 .elementor-element.elementor-element-84a3929 .hb-icon-box__btn, .elementor-14845 .elementor-element.elementor-element-8cbb23c .elementor-button, .elementor-14845 .elementor-element.elementor-element-631d1d1 .hb-icon-box__btn{ height: 56px; padding: 12px 48px; font-size:18px; line-height:32.4px; } ul#menu-main-menu-final-right { justify-content: end; } #masthead .-menu-horizontal .hb-nav-menu__list > li { height: inherit; display: flex; border-right: 1px solid #C9C9C980; width: 100%; justify-content:center; height:70px; } #masthead .-menu-horizontal .hb-nav-menu__list > li:last-child { border:none; } #masthead .-menu-horizontal .hb-nav-menu__list > li > a { color: #3E3F41; font-weight: 400; text-transform: uppercase; } #masthead .-menu-horizontal .hb-nav-menu__list > li:hover > a, #masthead .-menu-horizontal .hb-nav-menu__list > li.current-menu-item > a{ font-weight:500; color:#0D4C39; } .elementor-54350 .elementor-element.elementor-element-a65dee0.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated, .elementor-54350 .elementor-element.elementor-element-eafa77e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated, #hb-page{ padding:0px; } .elementor-14845 .elementor-element.elementor-element-8907423 .hb-image-box__entry { min-height: 96px; } .elementor-14845 .elementor-element.elementor-element-8907423 .owl-carousel .owl-scrollbar-progress { background-color: #71A195; top: 0; bottom: 0; height: 5px; margin-bottom: auto; margin-top: auto; } body #page{ background-color:#fff !important; } .elementor-14823 .elementor-element.elementor-element-482a0317:not(.elementor-motion-effects-element-type-background){ height:600px; } .development_hero_para, .sustain_hero_title, .beyond_desc{ margin:auto; } section.elementor-section.elementor-element-58b96ea .elementor-column.elementor-col-33, .elementor-column[data-col="33"]{ align-items:center; } .beyond_image_box .elementor-image-box-content { position: absolute; bottom: 10px; } body.page-id-54833 section.elementor-section.elementor-element-4458489 .elementor-widget-image img{ width:275px; } .sustainability_hero{ min-height:700px; padding-top:50px; } .environment_grid .hb-icon-box { height:250px; } .development_grid .hb-icon-box { height:460px; } body.page-id-54921 .eael-filter-gallery-control { margin: 20px auto; } body.page-id-55206 .hb-testimonial__avatar, body.page-id-55206 .hb-testimonial__summary{ padding:0; margin:0; margin-bottom: 10px; text-align: center; } body.page-id-55206 .hb-testimonial-s4 .hb-testimonial__summary:before{ width:0px; } body.page-id-55206 .hb-testimonial__entry{ justify-content:center; } body.page-id-55206 .hb-testimonial__review{ text-align:center; width:80%; margin:auto; margin-bottom:30px; } body.page-id-55206 .hb-testimonial__title{ text-align:center; } body.page-id-55206 .hb-testimonial__entry .-d-flex.-vertical-center{ flex-direction: column; } body.page-id-55206 .icon-musca-quote-5:before{ content: '\e848'; color:#E0E0E0; } .elementor-55206 .elementor-element.elementor-element-c03209e .hb-testimonial{ padding-bottom:10px; } .elementor-55206 .elementor-element.elementor-element-c03209e .owl-carousel .owl-dots{ margin:0px; } .elementor-55206 .elementor-element.elementor-element-c03209e .owl-carousel .owl-dots .active span { background-color: #3E3F41; width: 1.3rem; height: 1.3rem; } span.hb-testimonial__icon, body.page-id-55206 .hb-testimonial__review{ display:inline-flex; } body.page-id-55206 .hb-testimonial-s4 .hb-testimonial__icon { font-size: 8rem; } body.page-id-14863 .get_in_touch_container{ text-align: center; margin-top:20px; } body.page-id-14863 button.project-btn-imarat { fill: #FFFFFF; color: #FFFFFF; background-color: #0D4C39; border: none; /*border-radius: 3px;*/ font-weight: 400; cursor:pointer; text-transform: uppercase; font-family: 'Gilroy Regular'; } body.page-id-14863 .modal-body { margin: 0; padding: 20px 30px; } body.page-id-14863 .modal-content { border-radius: 12px; } body.page-id-14863 .nf-before-form-content { display: none; } body.page-id-14863 .nf-field-container { margin-bottom: 15px; } body.page-id-14863 .nf-form-content .list-select-wrap .nf-field-element>div, body.page-id-14863 .nf-form-content input:not([type=submit]), body.page-id-14863 .nf-form-content textarea { background: #fff; border: 1px solid #3e3f41; color: #3e3f41; font-size:14px; padding: 12px; } body.page-id-14863 .nf-form-content textarea.ninja-forms-field { height: 127px; } body.page-id-14863 .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] { background: #0D4C39 !important; padding: 12px 48px !important; font-size: 16px !important; color: #FFFFFF !important; } .development_model.modal-header { padding: 35px; padding-bottom: 0; border: none; text-align: left; } .development_model.modal-header h5.modal-title { font-family: 'Aperto'; } .development_model_con input, .development_model_con label, .development_model_con textarea, .development_model_con select .development_model_con .nf-input-limit{ font-family: 'Gilroy Regular'; } .imarat_blog_carousel .hb-meta__category a { background-color: #f2f2f2; color: black; padding: 4px 16px; border-radius: 8px; } .author_details_container{ background-color:#f3f3f3; } /*.owl-author-post-con{*/ /* width:80%;*/ /*}*/ .owl-author-posts .hb-post__entry { padding: 20px 0px; } .owl-author-posts .owl-stage article { box-shadow: none; } .owl-author-posts .owl-nav.disabled { display: block !important; position: absolute; top: 40%; width: 100%; } .owl-author-posts .owl-nav button{ position: absolute; box-shadow: none !important; background-color: #fff0 !important; color:#3E3F41 !important; } .owl-author-posts button.owl-prev { left: -50px; } .owl-author-posts button.owl-next { right: -50px; } .author_related_posts{ display:flex; justify-content:center; } .imarat-author-details{ display:flex; } .imarat-author-details .post-author-desc{ color:#6D6D6D; } .author_related_posts a.author_posts_link { color: #0D4C39; font-size: 18px; line-height: 32.4px; font-weight: 600; } .hb-post-single__meta.-d-flex.-flex-wrap.-vertical-center { justify-content: space-between; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; padding: 10px 0px; } body.single .wplogout-social-sharing { padding: 0 1px; position: relative; top: .15em; display: inline-block; } body.single .wplogout-social-wrapper svg { color: #fff !important; background: #737678; border-radius: 50%; padding: 5px 0; width: 25px; height: 25px; } .wplogout-social-wrapper path { fill: #fff; } .hb-post-single__meta .wplogout-social-wrapper{ border-left: 2px solid #BBBBBB !important; border-radius: 0; padding-left: 20px; } .container.archive_container h3.cat-name { font-size:40px; line-height:58px; } .about_developer { margin: auto; } img.appr_image { height: 130px; object-fit: contain; } .appr_project { box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10); } span.landmark_number { font-weight: 400; font-size: 14px; line-height: 23px; border-radius: 50%; display: inline-block; line-height: 32px; text-align: center; width: 32px; background: #71A195; color: #fff; margin-right:10px; } span.landmark_detail { font-weight: 400; font-size: 18px; line-height: 32.4px; color: #3E3F41; padding-left: 2px; } .owl-floor-plan .owl-nav { position: absolute; pointer-events: none; top: 40%; width: 100%; } .owl-floor-plan button.owl-prev{ left: -50px; position: absolute; box-shadow: none !important; } .owl-floor-plan button.owl-next { right:-22px; position:absolute; box-shadow: none !important; } .owl-floor-plan .owl-nav button.owl-prev, .owl-floor-plan .owl-nav button.owl-next, .owl-floor-plan .owl-nav button.owl-prev:hover, .owl-floor-plan .owl-nav button.owl-next:hover{ background-color: transparent; color: #3E3F41; } .owl-floor-plan .floor_plan { border: 1px solid #EEEEEE; border-radius: 4px; } .container-fluid.location_main, .container-fluid.timeline_main { background-color:#EEEEEE; } .imarat-timeline-icon .fa-circle{ padding:10px; background-color:#EEEEEE; border-radius:50%; } .update-timeline .imarat-timeline-arrow { background-color: white; height: 15px; width: 15px; position: absolute; left: 48%; bottom: 100%; margin-top: 40px; -webkit-transform: translateY(50%) rotate(45deg); -ms-transform: translateY(50%) rotate(45deg); transform: translateY(50%) rotate(45deg); } .pd_hero_section, .project_approval_section, .project_approval_section, .project_approval_carousel_section, .description_section, .main_feature_section, .developer_section, .location_section, .floor_plan_section, .floor_plan_carousel_section, .container-fluid.timeline_main, .container-fluid.bro_main { margin:100px auto !important; } .container.location_section { max-width: 1200px; } .container-fluid.bro_main{ background-color: #71A195; } .developer_section .about_dev_desc{ font-size:18px; line-height:32.4px; color:#737678; } .container.update-timeline.timeline_section, .container.brochure_section { padding: 50px; } .hero_image_btns_container .hero_image_btns, .description_section p, .brochure_section p.brochure_desc{ font-size: 14px; line-height: 22px; } .hero_image_btns_container .hero_image_btns { color: #fff; } .brochure_section p.brochure_desc{ margin-bottom: 30px; } .description_section h4.description_heading, .location_section h2.location_heading{ font-size: 30px; line-height: 34px; } .location_section .col-6 iframe{ box-shadow: 0px 0px 30px 0px #00000033; } .project_approval_section h2.project_approval_heading, .main_feature_section h3.main_feature_heading, .developer_section h3.developer_heading, .floor_plan_section h2.floor_plan_heading, .timeline_section h2.timeline_heading, .brochure_section h3.brochure_heading{ font-size: 40px; line-height: 58px; } .brochure_section h3.brochure_heading{ color: #fff; } .brochure_section a.brochure_btn { padding: 10px 16px 10px 16px; background-color: #fff; font-size: 18px; line-height: 32.4px; color: #3E3F41; text-transform: uppercase; border-radius: 8px; } .owl-update-timeline .owl-nav{ position: absolute; top: 54%; width: 100%; } .owl-update-timeline .owl-nav button.owl-prev, .owl-update-timeline .owl-nav button.owl-next{ position: absolute; width: 32px; height: 32px; color: #3E3F41; } .owl-update-timeline .owl-nav button.owl-prev{ left: -30px; } .owl-update-timeline .owl-nav button.owl-next{ right: -51px; } .owl-update-timeline .owl-item.parent-item.active.currentitem{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.2s ease-out; transition: 0.2s ease-out; } .owl-update-timeline .owl-item.parent-item, .owl-update-timeline .owl-item.parent-item.active{ -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transition: 0.2s ease; transition: 0.2s ease; } .owl-update-timeline .owl-item.parent-item .line_custom, .owl-update-timeline .owl-item.active.parent-item .line_custom{ margin-top:31px !important; } .owl-item.active.parent-item.currentitem .line_custom{ margin-top:23px !important; } .pro_feature_image{ width:40px; height:40px; } .hero_image_btns_container{ background-color: #00000070; position: absolute; bottom: 20px; left: 30px; padding: 10px 19px; border-radius: 10px; } .owl-timeline-image .owl-dots{ position: absolute; bottom: 10px; left: 42%; } .fp_big, .project_owl_video_big, .project_owl_big{ width:90%; margin:auto; margin-bottom:20px; cursor:pointer !important; } .fp_big_image img.fp_owl_big_image, .project_image_big img.project_owl_big_image { height: 350px; object-fit: cover; width: 100%; } .fp_big .owl-nav, .project_owl_video_big .owl-nav, .project_owl_big .owl-nav{ position: absolute; top: 40%; width: 100%; } .fp_big .owl-nav button.owl-next, .fp_big .owl-nav button.owl-prev, .project_owl_video_big .owl-nav button.owl-next, .project_owl_video_big .owl-nav button.owl-prev, .project_owl_big .owl-nav button.owl-next, .project_owl_big .owl-nav button.owl-prev { position: absolute; background-color: transparent; box-shadow: none; color: #3E3F41; } .fp_big .owl-nav button.owl-next:hover, .fp_big .owl-nav button.owl-prev:hover, .project_owl_video_big .owl-nav button.owl-next:hover, .project_owl_video_big .owl-nav button.owl-prev:hover, .project_owl_big .owl-nav button.owl-next:hover, .project_owl_big .owl-nav button.owl-prev:hover{ color: #3E3F41; background-color: transparent; } .fp_big .owl-nav button.owl-prev, .project_owl_video_big .owl-nav button.owl-prev , .project_owl_big .owl-nav button.owl-prev { left: -45px; } .fp_big .owl-nav button.owl-next, .project_owl_video_big .owl-nav button.owl-next, .project_owl_big .owl-nav button.owl-next { right: -45px; } .fp_small, .project_owl_video_small, .project_owl_small{ height:100px; cursor:pointer !important; } .fp_small_image img.fp_small_owl_image, .project_video_small img.project_video_small_image, .project_image_small img.project_image_small_image{ width: 100%; height: 100px; object-fit: cover; } .project-modal-dialog{ max-width: 800px !important; } .project-modal-dialog a.nav-link.active { color: #000; font-weight: 800; } .project-modal-dialog a.nav-link { padding: 10px 20px 8px 20px; font-size: 14px; font-weight: 400; color: #37474F; } .modal-dialog.project-modal-dialog { top: 20%; } .readmore_less{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 9; line-clamp: 9; -webkit-box-orient: vertical; } button.btn.p-0.read_more_desc { color: #0D4C39; font-size: 18px; } .floor_title{ font-size:14px; line-height:22px; color:#3E3F41; } .fpc_title{ font-weight:900; font-size:30px; } .timeline_section .timeline_col:before { content: ''; position: absolute; width: 100%; height: 1px; background: #BBBBBB; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 69%; } .owl-update-timeline .owl-nav button.owl-prev:hover, .owl-update-timeline .owl-nav button.owl-next:hover{ background-color: #fff; color: #000 ; } .project_video.Active, .time_image.Active{ display:block; } .project_video, .time_image{ display:none; } h2.caro_pro_title { font-size: 38px; line-height: 38px; color: #3E3F41; text-align: center; font-weight: 400; } .caro_pro_location { color: #6D6D6D; font-size: 14px; line-height: 22px; text-align: center; } .caro_pro_description { font-size: 14px; line-height: 22px; color: #3E3F41; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; text-align: center; } div.caro_pro_learn_more { color: #0D4C39; font-size: 18px; line-height: 32.4px; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #0D4C39; padding: 12px 48px 12px 48px; width: 204px; height: 56px; margin: auto; } .car_pro_img_container img { min-height: 300px; object-fit: cover; } .owl-imarat_project .owl-nav { position: absolute; top: 42%; width: 100%; } .owl-imarat_project .owl-nav button.owl-next, .owl-imarat_project .owl-nav button.owl-prev{ box-shadow: none; background-color: transparent; position: absolute; color: #3E3F41; } .owl-imarat_project .owl-nav button.owl-next:hover, .owl-imarat_project .owl-nav button.owl-prev:hover{ background-color: transparent; color: #3E3F41; } .owl-imarat_project .owl-nav button.owl-next{ right:-60px; } .owl-imarat_project .owl-nav button.owl-prev{ left:-60px; } .imarat_blog_carousel h2.hb-post__title a{ color:#fff; } .hospitality_page .elementor-image-box-title { color: #0D4C39 !important; font-weight: 800 !important; } .eael-filter-gallery-control ul li.control{ margin: 10px; font-family:'Gilroy Medium'; } .jobs-con h4.job-title { font-size: 30px; line-height: 34px; color: #3E3F41; } .jobs-con p.job-station { font-size: 18px; line-height: 32.4px; color: #6D6D6D !important; } .jobs-con a.imarat_jobs_apply { line-height: 32.4px; color: #0D4C39; font-size: 18px; } .jobs-con{ background-color:#EEE; } h5#development_modelTitle { font-size: 56px; line-height: 58px; color: #3E3F41 !important; } .development_model.modal-header p { font-size: 18px; line-height: 32.4px; color: #3E3F41 !important; } div#modalgetintouch .nf-input-limit, div#modalgetintouch .nf-error .nf-error-msg{ font-family: 'Gilroy Regular'; } div#modalgetintouch input:not([type=button]){ font-size:18px; line-height:32.4px; } div#modalgetintouch .nf-form-content .listselect-wrap .nf-field-element div, div#modalgetintouch .nf-form-content input.ninja-forms-field, div#modalgetintouch .nf-form-content select.ninja-forms-field:not([multiple]){ min-height:50px; border:1px solid; padding:12px; font-size:14px; line-height:22px; font-family: 'Gilroy Regular'; } .nf-field-container.hidden-container{ display:none; } .hb-testimonial__review {font-family: 'Gilroy Regular';} .hotel_location h3.elementor-image-box-title { font-family: "Gilroy Bold" !important; } p.no_post_desc, p.mf_title{ font-size: 18px; line-height: 32.4px; } p.apr_title{ font-size: 14px; line-height: 22px; } h3.no_post_title { font-size: 40px; line-height: 58px; font-weight: 400; } .apply_job div#nf-form-5-cont input[type=radio]{ min-height: unset; } .apply_job div#nf-form-5-cont textarea, .apply_job div#nf-form-5-cont select, .apply_job div#nf-form-5-cont input{ background-color: #fff; border: 1px solid #3E3F41; min-height: 50px; color: #3E3F41; } .apply_job .nf-fu-progress{ background-color: #fff; border: 1px solid #3E3F41; box-shadow:none; margin-top:10px; } .listen_container{ padding: 10px auto; } .hero_section_imt .hb-image-box__entry.-text-center { position: absolute; top: 0; bottom: 0; left: 30px; text-align: left; display: flex; justify-content: center; flex-direction: column; width: 40%; } .hero_section_imt .-img-zoom-wrap:hover .-img-hover-zoom img, .hero_section_imt .-img-hover-zoom:hover img{ transform: unset; } .elementor-14845 .elementor-element.elementor-element-3a547ed7 .hb-image-box__btn{ color: #0D4C39; background-color: #FFFFFF; padding: 12px 48px 12px 48px; width: 237px; height: 56px; } .elementor-14845 .elementor-element.elementor-element-3a547ed7 .hb-image-box__description { color: #FFFFFF !important; } .latest_launches_slider .hb-image-box__entry.-text-center { text-align: left; padding-left: 0; } .latest_launches_slider .owl-nav { position:absolute; bottom:40px; right:0; } .latest_launches_slider .hb-image-box.hb-image-box-s1.b-white.-img-zoom-wrap{ box-shadow: none; } .latest_launches_slider button.owl-prev.disabled, .latest_launches_slider button.owl-next.disabled { color: #BFBFBF !important; } .imarat_map_container > .elementor-container.elementor-column-gap-default { max-width:100% !important; } .wdt_grid .-btn-link:not(.-icon-left) i { display: none; } .wdt_grid p.hb-image-box__description { min-height: 66px; } .prop_tech_carouse .owl-item .hb-image-box > a { display:flex; } .prop_tech_carouse .owl-item .hb-image-box.hb-image-box-s1{ box-shadow: 0px 0px 0px rgba(0, 0, 0, 0); } .prop_tech_carouse .owl-item .hb-image-box .hb-image-box__img.hb-link-wrap-img-w100.-img-hover-zoom { width: 50%; } .prop_tech_carouse .owl-item .hb-image-box .hb-image-box__entry.-text-center { width: 50%; display: flex; flex-direction: column; justify-content: center; text-align: left; padding: 0px 20px; } .prop_tech_carouse .owl-nav { width: 62%; top: -60px; } .prop_tech_carouse button.owl-next.disabled, .prop_tech_carouse button.owl-prev.disabled { color:#BFBFBF !important; } .proptech_options{ color: #000; } div#imarat-proptech-grid { margin-top: 30px; } .imarat-proptech-filter a.proptech-link { margin-right: 5px; padding: 13px 16px 15px 16px; border: 1px solid #6D6D6D4D; border-radius: 24px; font-size:14px; line-height:22px; color:#3E3F41; font-weight: 400; } .imarat-proptech-filter a.proptech-link.Active { background-color:#6D6D6D4D; font-weight: 600; } .imarat-proptech-grid h3.hb-post__title.imarat-post-title { font-size: 40px; line-height: 58px; font-weight: 400; } .imarat-proptech-grid p.hb-post__desc.imarat-post-desc { font-size: 14px; line-height: 22px; color: #4b4b4b ; } .imarat-proptech-grid .sub_categories { display: flex; flex-wrap: wrap; gap: 20px; } .imarat-proptech-grid .prop_card { width: 32%; background-color: #fff; padding: 16px 20px; border-radius: 8px; } .imarat-proptech-grid h5.card-title { font-size: 24px; font-weight: 400; line-height: 24px; } .imarat-proptech-grid p.card-text { color: #6D6D6D; font-size: 14px; line-height: 22px; font-weight: 400; margin-top: 15px; } .get_in_touch_container .modal-content{ overflow: unset; min-height: 710px; } .latest_launches_slider i.arrow_left, .latest_launches_slider i.arrow_right, .prop_tech_carouse i.arrow_left, .prop_tech_carouse i.arrow_right { font-size:26px; } h5.imarat-timeline-subtitle{ color:#3E3F41; font-size:24px; line-height:22.54px; } .custom_map_image { min-height: 900px; } .modal-dialog.project-modal-dialog .modal-header .close{ border: none; background: transparent; font-size: 18px; padding: 0px 20px; } .wave{ position: relative; -webkit-box-reflect: below -24px linear-gradient(transparent,rgba(0,0,0,0.2)); text-align: center; margin: 150px 0px; } .wave span{ position: relative; display: inline-block; color: #000; font-size: 30px; font-weight: 700; font-family: 'Aperto' !important; text-transform: uppercase; animation:animate 1.5s ease-in-out infinite; animation-delay: calc(.1s * var(--c)); } @keyframes animate{ 0%,100%{ transform: translateY(0px); } 20%{ transform: translateY(-20px); } 40%{ transform: translateY(0px); } } @media (min-width: 1500px) { .container.archive_container, /* body.page-template-project-detail .container, */ .container.single_event_container { width: 1200px !important; } } @media (min-width: 1230px) { body.page-id-12857 #hb-page .container, body.page-id-14771 #hb-page .container, body.page-id-14823 #hb-page .container { width: 100%; padding: 0; } } @media(min-width: 768px) { .elementor-54350 .elementor-element.elementor-element-eafa77e { width: 43%; } .elementor-54350 .elementor-element.elementor-element-3b89af0 { width: 14%; } .elementor-54350 .elementor-element.elementor-element-a65dee0 { width: 43%; } .desktop_menu_custom>div.elementor-container.elementor-column-gap-default{ max-width:100%; width:100%; } } @media (max-width: 1199px){ .owl-item.active.parent-item.currentitem .line_custom{ margin-top:27px !important; } } @media (max-width: 767px){ .imarat_core_value > .elementor-container.elementor-column-gap-extended, .design-studio-carousel .hb-image-grid, div.imarat-post-grid { margin-top: 20px; padding-right:30px; width: 100vw; display: flex; overflow-x: auto; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; flex-wrap: nowrap; } .core_value_column, .imarat-post-grid .-grid-item { width: 65vw; flex-shrink: 0; scroll-snap-align: start; scroll-behavior: smooth; margin: 10px; margin-bottom: 20px; } .ids_grid .hb-icon-box-grid.-d-grid{ grid-template-columns: auto auto; } .elementor-55206 .elementor-element.elementor-element-480edbe .hb-icon-box{ padding:0px 10px; } .owl-imarat_project .owl-stage, .environment_grid .hb-icon-box-grid-s1.-d-grid, .responsive_grid_carousel .hb-image-box-grid.-d-grid, .development_grid .hb-icon-box-grid-s1.-d-grid, .design-studio-carousel .hb-image-grid-s1.-d-grid, .imarat-proptech-filter .proptech_options , .imarat-proptech-grid .sub_categories, .imarat-category-filter .category_options { display: flex; width: 100vw; overflow-x: auto; -webkit-overflow-scrolling: touch; justify-content: flex-start; padding-right:30px; flex-wrap: nowrap; } .imarat-proptech-grid .sub_categories .prop_card, .owl-imarat_project .owl-item, .environment_grid .-grid-item, .responsive_grid_carousel .-grid-item, .development_grid .-grid-item , .design-studio-carousel .-grid-item { padding: 10px; flex-shrink: 0; scroll-snap-align: start; scroll-behavior: smooth; width:70vw !important; margin-bottom: 20px; } .owl-imarat_project .owl-item{ padding: 0px !important; margin-left: 12px !important; } .imarat-proptech-filter a.proptech-link, .imarat-category-filter a.category-link { color: #6D6D6D; padding: 9px; flex-shrink: 0; scroll-snap-align: start; scroll-behavior: smooth; margin-bottom: 20px; } .elementor-14845 .elementor-element.elementor-element-631d1d1 { bottom: unset; position:relative; } .elementor-14845 .elementor-element.elementor-element-84a3929 .hb-icon-box{ padding:0px; } .core-values .elementor-column.elementor-col-20 { width: 50%; } .core-values .elementor-container.elementor-column-gap-default { justify-content: center; row-gap: 20px; } .elementor-14845 .elementor-element.elementor-element-4f72af9 > .elementor-element-populated, .elementor-14845 .elementor-element.elementor-element-8818835 > .elementor-element-populated{ border-width: 1px 1px 1px 1px; } .latest-launches-images .elementor-container.elementor-column-gap-default{ display: flex; width: 100vw; overflow-x: auto; -webkit-overflow-scrolling: touch; justify-content: flex-start; flex-wrap: nowrap; padding-right:30px; } .elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-d41712c, .elementor-column.elementor-col-50.elementor-inner-column.elementor-element.elementor-element-936c81c { flex-shrink: 0; scroll-snap-align: start; scroll-behavior: smooth; width: 63vw; margin-bottom: 20px; } body.page-id-55206 .hb-testimonial__review{ text-align:left; width: 100%; margin-bottom:20px; } a.elementor-icon.elementor-social-icon.social-icon-mobile { border-radius: 50%; margin: 5px; font-size: 18px; padding: 0px !important; height: 30px; width: 30px; } nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.hfe-dropdown.menu-is-active { top:54px; } .pd_hero_section, .project_approval_section, .project_approval_section, .project_approval_carousel_section, .description_section, .main_feature_section, .developer_section, .location_section, .floor_plan_section, .floor_plan_carousel_section, .container-fluid.timeline_main, .container-fluid.bro_main { margin:10px auto !important; } .container.update-timeline.timeline_section, .container.brochure_section { padding: 10px; } .owl-floor-plan button.owl-prev{ left: -35px; } .owl-floor-plan button.owl-next { right: -15px; } .owl-update-timeline .owl-item.parent-item, .owl-update-timeline .owl-item.parent-item.active{ -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: 0.2s ease; transition: 0.2s ease; } .timeline_section .timeline_col:before{ bottom: 100px; top: auto; } .owl-update-timeline .owl-nav { top: auto; bottom: 118px; } .mobile_menu_custom nav.hfe-nav-menu__layout-horizontal.hfe-nav-menu__submenu-arrow.menu-is-active.hfe-dropdown { height: 90vh; } .mobile_menu_custom ul.hfe-nav-menu { display: flex; flex-direction: column; } .mobile_menu_custom .menu-item:last-child{ bottom:30px; position:absolute !important; } .hero_section_new .hb-link-wrap-img-w100 img { height:100vh; object-fit: cover; object-position: 70%; } .hero_section_new .hb-image-box__entry.-text-center{ width:100%; left: 0; } body.page-id-14845 .container { max-width: 100% !important; width: 100% !important; } body.page-id-14845 #hb-page > .container > .row > .col-12{ padding-left: 0; padding-right: 0; } .chardiv-content { top: 0% !important; } .elementor-54921 .elementor-element.elementor-element-c02f8dc{ max-width: 100%; --container-widget-width: 100%; } .prop_tech_carouse .owl-item .hb-image-box > a { display: unset; } .prop_tech_carouse .owl-item .hb-image-box .hb-image-box__img.hb-link-wrap-img-w100.-img-hover-zoom { width: 100%; } .prop_tech_carouse .owl-item .hb-image-box .hb-image-box__entry.-text-center { width: 100%; padding: 20px 0px; } .prop_tech_carouse .owl-nav { width: 100%; top: -70px; left: -15px; text-align: left !important; } .imarat-proptech-grid h3.hb-post__title.imarat-post-title { font-size: 30px; line-height: 35px; } .custom_map_image { min-height: 400px; } h2.caro_pro_title { font-size: 30px; line-height: 34px; min-height: 68px; } .elementor-14845 .elementor-element.elementor-element-27477968 .hb-image-box__title{ min-height: 68px; } .elementor-14845 .wdt_grid p.hb-image-box__description { min-height: 88px; } } @media (max-width: 400px){ .listen_container{ width: 70px; padding: 10px auto; } }