/* Original theme components with Tanzeel's premium navy and gold palette. */
body{font-family:'Raleway',Arial,sans-serif}.site-header{position:relative;top:auto;background:transparent;border:0;z-index:100}.site-header nav.navbar{display:flex;gap:0;position:absolute;top:25px;left:0;right:0;max-width:1200px;margin:auto;padding:18px 35px;background:#fff;box-shadow:0 5px 40px #001c2920}.site-header .navbar.fixedmenu{position:fixed;top:0;max-width:100%;padding:12px 35px;animation:fadeInDown .6s}.site-header .navbar-brand{display:flex;align-items:center;padding:0;margin:0;height:auto}.site-header .brandname{color:#123b4b}.site-header .navbar-brand .brandmark{font-family:Georgia,serif;font-size:50px}.site-header .navbar-nav{gap:6px}.site-header .navbar-nav .nav-link{font-size:12px;color:#183c4b;padding:12px 14px;border:0}.site-header .navbar-nav .nav-link:hover,.site-header .navbar-nav .nav-link.active{color:#008eb7;background:transparent}.site-header .sidemenu_btn{position:relative;right:auto;top:auto;margin:0 0 0 25px;width:28px}.site-header .sidemenu_btn span{background:#123b4b}.site-header .side-menu{background:linear-gradient(135deg,#123b4b,#19546a)}.site-header nav.side-nav{display:block;position:static;padding:0;background:transparent;box-shadow:none}.site-header .side-menu .navbar-nav{display:block}.site-header .side-menu .navbar-nav .nav-link{color:#fff;font-size:27px;padding:12px 0}.site-header .side-footer{font-size:12px}.site-header #btn_sideNavClose{cursor:pointer}.site-header .side-footer p{color:#fff}.button.btnprimary,.btnprimary,.back-top,.loader .loader-blocks span{background:#009bc3!important;color:#123b4b!important}.button.btnprimary:hover{background:#123b4b!important;color:#fff!important}.tanzeel-caption{text-align:center;color:white;line-height:inherit;font-size:inherit}.caption-0{font-family:Arial,sans-serif;letter-spacing:2px}.caption-1{font-family:Georgia,serif;letter-spacing:-1px}.caption-2{font-family:Arial,sans-serif}.rev_slider .slotholder:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071c2bbf,#071c2b66);pointer-events:none}.tp-bullet.selected,.tp-bullet:hover{background:#009bc3!important}.intro-strip{position:relative;z-index:2}.service{display:block}.service:hover .card-top i{transform:rotateY(360deg);transition:transform .7s}.service:hover{transform:translateY(-5px)}.about-visual img{transition:transform .8s}.about-visual:hover img{transform:scale(1.025)}#flat-gallery{display:block;min-height:320px}#flat-gallery img{width:100%;height:330px;object-fit:cover}#flat-gallery .overlay{background:#123b4bd9;transition:all .5s}#flat-gallery .overlay h4{color:#fff;font-size:20px}#flat-gallery .overlay p{color:#c9e9f1;font-size:12px}.cbp-l-filters-alignCenter .cbp-filter-item{font-family:Arial,sans-serif}.cbp-l-filters-alignCenter .cbp-filter-item-active,.cbp-l-filters-alignCenter .cbp-filter-item:hover{color:#008eb7}.journey h2,.journey h3{color:#fff}.back-top{right:29px;bottom:95px;border:1px solid #009bc3}footer .brandname{color:#fff}.floating-wa{line-height:1}.section{overflow:hidden}.journey{background-attachment:fixed}body.pushwrap.active{overflow:hidden}.side-menu .inner-wrapper{overflow:auto}.fancybox-container{z-index:999999}form input,form textarea,form select{color:#183c4b}
@media(min-width:992px){.site-header .navbar>.container{max-width:100%;padding:0}.site-header .navbar-collapse{justify-content:flex-end}.site-header .navbar-nav{flex-direction:row}}
@media(max-width:991px){.site-header nav.navbar{top:0;padding:15px 6%;width:100%;max-width:none}.site-header .navbar .container{padding:0}.site-header .navbar-brand .brandmark{font-size:40px}.site-header .brandname{font-size:18px}.site-header .navbar-collapse{width:100%;padding-top:15px}.site-header .navbar-nav{display:flex;flex-direction:column;align-items:flex-start}.site-header .navbar-nav .nav-link{padding:10px 0}.site-header nav.side-nav{display:block}.site-header .navbar-toggler{padding:0}.site-header .navbar-toggler span{background:#123b4b}.site-header .navbar.fixedmenu{padding:12px 6%}.site-header .navbar-collapse .navbar-nav{margin:0!important}.journey{background-attachment:scroll}}
@media(max-width:700px){.site-header .navbar-nav{gap:0}#flat-gallery img{height:285px}.back-top{right:21px;bottom:82px}.tp-caption .button{padding:12px 20px;font-size:11px}.caption-0{letter-spacing:1px}.site-header .navbar-brand{max-width:82%}}
@media(prefers-reduced-motion:reduce){.wow{visibility:visible!important;animation:none!important}.service:hover .card-top i{transform:none}.journey{background-attachment:scroll}}

/* Client logo in header and footer. */
.site-header .navbar-brand .tanzeel-logo{display:block;width:110px;height:70px;object-fit:contain;max-height:none;background:#fff}
.site-header .navbar.fixedmenu .navbar-brand .tanzeel-logo{width:95px;height:60px}
footer .brand .tanzeel-logo{display:block;width:155px;height:123px;object-fit:contain;background:#fff;border-radius:2px}
@media(max-width:991px){.site-header .navbar-brand .tanzeel-logo{width:90px;height:57px}.site-header .navbar.fixedmenu .navbar-brand .tanzeel-logo{width:85px;height:54px}}

/* Services: inverse logo-blue colour treatment. */
#services.services-section{background:#009bc3;color:#fff}
#services .eyebrow,#services h2,#services h2 em,#services .section-heading>p{color:#fff}
#services .service-grid{border-color:rgba(255,255,255,.35)}
#services .service{background:transparent;color:#fff;border-color:rgba(255,255,255,.35)}
#services .service h3,#services .service p,#services .card-top i,#services .card-top>span,#services .service-link,#services .service-link span{color:#fff}
#services .service-link{border-color:rgba(255,255,255,.35)}
#services .service:hover,#services .service:focus-visible{background:#fff;color:#0084aa;box-shadow:0 10px 30px #003b501a}
#services .service:hover h3,#services .service:hover p,#services .service:hover .card-top i,#services .service:hover .card-top>span,#services .service:hover .service-link,#services .service:hover .service-link span,#services .service:focus-visible h3,#services .service:focus-visible p,#services .service:focus-visible .card-top i,#services .service:focus-visible .card-top>span,#services .service:focus-visible .service-link,#services .service:focus-visible .service-link span{color:#0084aa}
#services .service:hover .service-link,#services .service:focus-visible .service-link{border-color:#009bc340}
