/*
Theme Name: Tillyco
Theme URI: https://thinkeq.co.uk
Author: ThinkEQ
Author URI: https://thinkeq.co.uk
Description: Tillyco Wordpress Theme
Version: 1.0
Text Domain: Tillyco
*/
:root { 
    --tillyco-white: #fff; 
    --tillyco-black: #333; 
    --tillyco-blue: #1B6179; 
    --tillyco-mid-blue: #D2E0F3;
    --tillyco-yellow: #FCF6B6; 
    --tillyco-grey: #F3F3F3;
    --tillyco-gradient: linear-gradient(137deg,rgba(27, 97, 121, 1) 0%, rgba(14, 49, 61, 1) 100%); 
    --tillyco-primary-font: "Montserrat", sans-serif; 
    --tillyco-custom-ease: all 0.2s ease-in; 
    --tillyco-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
    --tillyco-padding-desktop: 100px; 
    --tillyco-padding-tablet: 65px; 
    --tillyco-padding-mobile: 50px; 
}
#html { margin-top: 0 !important; }
#html #wpadminbar { top: auto; width: auto; min-width: auto; bottom: 0; }
#html #wp-admin-bar-top-secondary, #html #wpadminbar .menupop, #wp-admin-bar-customize, #wp-admin-bar-updates, #wp-admin-bar-comments { display: none; }
@media (max-width:1199.98px) {
	#html #wpadminbar { display: none !important; }
}

/* =================reset css starts here=================  */
* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, ul, li, body, html, form, fieldset { margin: 0; padding: 0; outline: none; border: 0; }
a { text-decoration: none; border: 0; outline: 0; }
ul { list-style: none; }
a:focus, input:focus, textarea:focus, *:focus { outline: 0 !important; }
img { -webkit-user-drag: none; }

/* =================reset css ends here================= */

/* =================core css starts here================= */
html { height: 100%; scroll-behavior: smooth; scroll-padding-top: 90px; }
body { min-height: 100%; padding-top: 90px; font-weight: 400; font-size: 18px; line-height: 26px; font-family: var(--tillyco-primary-font); color: var(--tillyco-black); background: var(--tillyco-white); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: flex; flex-flow: column; }
body.nav-open { overflow: hidden; }
.container { width: calc(100% - 10px); max-width: 1332px; }
a, input, button { display: inline-block; text-decoration: none; color: inherit; outline: none; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; }
a img { border: 0px none; }
a:hover { outline: none; color: var(--tillyco-blue); text-decoration: none; }
a:active { outline: none; text-decoration: none; }
.form-control::-webkit-input-placeholder, ::-webkit-input-placeholder { color: rgba(51, 51, 51, 1); opacity: 0.3; }
.form-control::-moz-placeholder, ::-moz-placeholder { color: rgba(51, 51, 51, 1); opacity: 0.3; }
.form-control:-moz-placeholder, :-moz-placeholder { color: rgba(51, 51, 51, 1); opacity: 0.3; }
.form-control:-ms-input-placeholder, :-ms-input-placeholder { color: rgba(51, 51, 51, 1); opacity: 0.3; }
ul:not([class]) { list-style: disc; margin-bottom: 24px; text-align: left; list-style-position: outside; margin-left: 19px; }
ul:not([class]) > li { position: relative; margin-bottom: 0px; }
ul:not([class]) > li:last-child { margin-bottom: 0; }
ul:not([class]) > li::marker{color:var(--tillyco-blue);}
ul:not([class]):last-child{margin-bottom: 0;}
.bg-blue ul:not([class]) > li::marker,
.bg-blue ul:not([class]) > li::marker{color:var(--tillyco-white);}
ol:not([class]) {list-style: numbers;margin-bottom: 24px;text-align: left;list-style-position: inside;}
ol:not([class]) > li {position: relative;margin-bottom: 30px;}
ol:not([class]) > li:last-child { margin-bottom: 0; }
.os-animation { opacity: 0; }
.os-animation.animated { opacity: 1; }
iframe { aspect-ratio: 16/9; border: 0; width: 100%; }
img { max-width: 100%; border: 0; height: auto; }
h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; margin-bottom: 14px; line-height: 1.2; font-weight: 400; }
h1 { font-size: 50px; line-height: 60px;}
h2 { font-size: 40px; line-height: 50px;}
h3 { font-size: 30px; line-height: 40px;}
h4 { font-size: 26px; }
h5 { font-size: 22px; }
h6 { font-size: 18px; }
p { margin: 0px; padding: 0px; margin-bottom: 24px; }
b, strong { font-weight: 700; }
p:last-child { margin-bottom: 0; }
.btn { border-radius: 0; font-weight: 700; padding: 7px 15px; min-width: 192px; height: 40px; font-size: 18px; line-height: 22px; letter-spacing: 0.1em; box-shadow: none; transition: all 0.2s ease-in; display: inline-block; vertical-align: middle; text-transform: uppercase; }
.btn-blue, .btn-blue:focus { color: var(--tillyco-yellow); background-color: var(--tillyco-blue); border: solid 2px var(--tillyco-blue); }
.btn-blue:hover, .btn-blue:active { color: var(--tillyco-blue); background-color: var(--tillyco-yellow); border-color: var(--tillyco-yellow); }
.btn-blue-white, .btn-blue-white:focus { color: var(--tillyco-yellow); background-color: var(--tillyco-blue); border: solid 2px var(--tillyco-blue); }
.btn-blue-white:hover, .btn-blue-white:active { color: var(--tillyco-blue); background-color: var(--tillyco-white); border-color: var(--tillyco-white); }
.btn-yellow, .btn-yellow:focus { color: var(--tillyco-blue); background-color: var(--tillyco-yellow); border: solid 2px var(--tillyco-yellow); }
.btn-yellow:hover, .btn-yellow:active { color: var(--tillyco-yellow); background-color: var(--tillyco-blue); border-color: var(--tillyco-blue); }
.btn-white, .btn-white:focus { color: var(--tillyco-blue); background-color: var(--tillyco-white); border: solid 2px var(--tillyco-white); }
.btn-white:hover, .btn-white:active { color: var(--tillyco-white); background-color: var(--tillyco-blue); border-color: var(--tillyco-blue); }
.btn-white-yellow, .btn-white-yellow:focus { color: var(--tillyco-blue); background-color: var(--tillyco-white); border: solid 2px var(--tillyco-white); }
.btn-white-yellow:hover, .btn-white-yellow:active { color: var(--tillyco-blue); background-color: var(--tillyco-yellow); border-color: var(--tillyco-yellow); }
.btn:focus { box-shadow: none; }
.btn.btn-block { min-width: 100%; }
.link {font-size: 18px;font-weight: 700;color: var(--tillyco-blue);display: flex;align-items: center;text-transform: uppercase;letter-spacing: 0.1em;}
.link:after{content: "";margin-left: 28px;width: 12px;height: 18px;transition: var(--tillyco-custom-ease);margin-top: 1px;background: url(assets/images/arrow-right-blue.svg) no-repeat center/contain;position: relative;top: -1px;}
.link.yellow{color: var(--tillyco-yellow);}
.link.yellow:after{background-image: url(assets/images/arrow-right-yellow.svg);}
.link:hover:after, .link-parent:hover .link:after{margin-left: 20px;}
img.img-cover, .img-cover img { width: 100%; height: 100%; object-fit: cover; }
img.img-contain, .img-contain img { width: 100%; height: 100%; object-fit: contain; }
.add-index { position: relative; z-index: 9; }
.overflow-x-clip { overflow-x: clip; }
.overflow-visible { overflow: visible !important; }
.filter-white { filter: brightness(0) invert(1); }
.bg-grey { background: var(--tillyco-grey) !important; color: var(--tillyco-blue) !important; }
.bg-blue { background: var(--tillyco-blue) !important; color: var(--tillyco-white) !important; }
.bg-yellow { background: var(--tillyco-yellow) !important; color: var(--tillyco-black) !important; }
.bg-gradient { background: var(--tillyco-gradient) !important; color: var(--tillyco-black) !important; }
.text-blue { color: var(--tillyco-blue) !important; }
.text-yellow { color: var(--tillyco-yellow) !important; }
.content-container p > a:not(.btn), .content-container ul:not([class]) a:not(.btn), .content-container ol:not([class]) a:not(.btn) { color: var(--tillyco-blue); }
.content-container p > a:not(.btn):hover, .content-container ul:not([class]) a:not(.btn):hover, .content-container ol:not([class]) a:not(.btn):hover { color: var(--tillyco-blue); text-decoration: underline; }
.swiper-button-lock{display: none !important;}
.swiper-button-disabled{ opacity: .25; cursor: no-drop;}
/* =================core css end here================= */
/* ================= Header Start ================= */
#header{color: var(--tillyco-white); background:var(--tillyco-blue);  position: fixed; left: 0; top: 0; right: 0; padding: 0; z-index: 9999;transition:var(--tillyco-custom-ease);  }
.fixed #header, #header {box-shadow: 0 2px 5px rgba(0,0,0,0.1);} 
.navbar {padding: 0; height: 90px;z-index: 3;}
.navbar-brand{width: 194px; padding: 0; margin: 0;}
.navbar-brand img{width: 100%;}
.navbar-expand-xl .navbar-nav > .nav-item {padding: 0 12px;margin: 0;}
.navbar-expand-xl .navbar-nav .nav-link {font-size: 18px;font-weight: 400;line-height: 90px;color: inherit;padding: 0;transition: all 0.2s ease-in;position: relative;text-transform: uppercase;overflow: hidden;}
.navbar-expand-xl .navbar-nav .nav-item:last-child{padding-right: 0;}
.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link, 
.navbar-expand-xl .navbar-nav .nav-item.active .nav-link{color: var(--tillyco-yellow);transition: all 0.2s ease-in;}
.dropdown-toggle::after { display: none; }
.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow { display: none; }
.header-btn{min-width: auto; }
.header-right {margin-left: 12px;}
.header-btn {font-size: 18px;line-height:1;letter-spacing: 0.1em;min-width: 160px;height: 40px;padding: 10px 8px;}

@media (min-width: 1200px) and (max-width: 1316.98px) {
.navbar-brand {width: 152px;}
.navbar-expand-xl .navbar-nav > .nav-item {padding: 0 5px;}
.header-right {margin-left: 6px;}
}


@media only screen and (min-width:1200px) {
.navbar-nav>li>.dropdown-menu {display: block !important;top: 100% !important;margin-top:0!important;opacity: 0;visibility: hidden;color: var(--tillyco-blue);min-width: 276px;border: 0;transition:none;-webkit-transition:none;left: 0;padding: 9px 0;margin: 0;border-radius: 0;overflow: hidden;background: var(--tillyco-white);box-shadow:0 3px 6px rgb(0 0 0 / 16%);}
.navbar-nav>li.large>.dropdown-menu {min-width:260px;}
.dropdown:hover .dropdown-menu {opacity: 1;visibility: visible;margin-top: 0px !important;transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;}
.dropdown-item {color: var(--tillyco-black);padding: 10px 14px;font-weight: 400;font-size: 16px;line-height: 19px;margin-bottom: 0;transition: none;text-transform: uppercase;}
.dropdown-item:focus, .dropdown-item:hover, .active > .dropdown-item {color:inherit;background:transparent;font-weight: 400;}
.dropdown-item b{font-weight: inherit; position: relative; padding-right: 10px; display: inline-block;}
.dropdown-item:hover b{padding-right: 0;}
.navbar-nav.sm-collapsible .sub-arrow{display: none;}
.navbar-expand-xl .navbar-nav > .nav-item.dropdown > a >span {display: inline-flex;line-height: 1;position: relative;}
.navbar-expand-xl .navbar-nav > .nav-item.dropdown > a >span:before {content: '';display: block;position: absolute;left: 50%;top: 100%;transform: translateX(-50%) scale(0.8);margin-top: 0;width: 0;height: 0;border-left: 22px solid transparent;border-right: 22px solid transparent;border-top: 14px solid #FFF9C4;opacity: 0;visibility: hidden;transition: opacity 0.18s cubic-bezier(.4,0,.2,1),margin-top 0.18s cubic-bezier(.4,0,.2,1),transform 0.18s cubic-bezier(.4,0,.2,1);pointer-events: none;z-index: 10;}
.navbar-expand-xl .navbar-nav > .nav-item.dropdown:hover > a > span:before,
.navbar-expand-xl .navbar-nav > .nav-item.dropdown.show > a > span:before {opacity: 1;visibility: visible;margin-top: 8px;transform: translateX(-50%) scale(1);}



}
/* ================= Header End ================= */
/* ================= Footer Start ================= */
#footer {background: var(--tillyco-black);color: var(--tillyco-white);font-size: 16px;line-height: 1.4; }
#footer a:hover { color: var(--tillyco-yellow); }
.footer-upper {padding: 65px 0 52px 0;font-size: 18px;line-height: 1.2;} 
.footer-upper-left {display: flex;width:100%;flex-flow: column; padding-right: 200px;position: relative;}
.footer-lower {padding: 30px 0 62px 0;border-top: solid 1px rgb(255 255 255 / 100%);}
.footer-logo {width: 194px;margin-bottom: 50px;}
.footer-nav{display: flex;flex-wrap: wrap;column-count: 2;display: inline-block;column-gap: 48px;margin-top: 10px; width: 100%;}
.footer-nav li{text-transform: uppercase;margin-bottom: 23px;}
.footer-bottom-nav{ display: flex; align-items: center; text-transform: uppercase;}
.footer-bottom-nav li{display: flex; align-items: center;}
.footer-bottom-nav li + li:before {content:'|';margin: 0 25px;}
.footer-social-links {gap: 20px 35px;margin-bottom: 0;font-size: 34px;line-height: 1;position: absolute;right: 0;bottom: 28px;width: 190px;justify-content: center;}
.contact-details-upper{margin-bottom: 24px;}
.contact-details-lower{gap: 65px;}
.cd-icon{font-size: 24px;line-height: 1;margin-right: 24px;}
.footer-address address{margin: 0;}
/* ================= Footer End ================= */
/* ================= ContactForm7 Start ================= */
/* Form start  */
.form-group { margin-bottom: 20px; position: relative; }
.form-group + .form-group { margin-top: 11px; }
.form-group label { margin-bottom:5px; font-weight: 700; }
.form-control { height: 50px; border-radius: 5px; border-color: var(--tillyco-blue); color: #333; padding: 10px; font-size: 18px; }
.form-control:focus { border-color: var(--tillyco-blue); box-shadow: none; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3); }
textarea.form-control { resize: none; height: 122px; }
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; }
input[type="number"]{-moz-appearance: textfield; }
.form-check{display: inline-block; vertical-align: top; width: 100%;  padding: 0; }
.form-check input{display: none; }
.form-check input + .wpcf7-list-item-label:before { content: ""; display: block; width: 20px; height: 20px; background: var(--tillyco-white); border: solid 1px var(--tillyco-blue); position: absolute; left: 0; top: 0; border-radius: 4px; }
.form-check input + .wpcf7-list-item-label:after { content: "\f00c"; font-family: "font awesome 6 Pro"; display: inline-block; font-weight: 900; font-size: 0; width: 20px; height: 20px; line-height: 22px; color: var(--tillyco-blue); text-align: center; position: absolute; left: 0; top: 0; -webkit-transition: all 0.12s ease-in; transition: all 0.12s ease-in; }
.form-check input:checked + .wpcf7-list-item-label:after { font-size: 16px; }
.form-check label { padding-left: 30px; position: relative; display: inline-block; vertical-align: top; text-align: left; font-size:17px; line-height: 1.25; font-weight: 400; margin: 0; cursor: pointer; }
.form-check label a { color: inherit; text-decoration: underline; display: inline; }
.form-check label a:hover { text-decoration: none; }
.wpcf7-list-item { margin: 0; }
.wpcf7-list-item > label { display: inline-block; }  
.wpcf7 .wpcf7-submit.btn-default:disabled, .wpcf7 .wpcf7-submit.btn-white-maroon:disabled, .wpcf7 .wpcf7-submit.btn-primary-white:disabled { border: solid 2px #999 !important; background: #999 !important; color: #fff !important; }
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border-color: #f00; position: relative; }
div.wpcf7 form.wpcf7-form span.ajax-loader { width: 24px; height: 24px; background-size: 20px; position: absolute; right: 0; margin: 0 15px; top: 50%; margin-top: -12px; z-index: 9; opacity: 1; }
span.wpcf7-not-valid-tip { right: 0; bottom: auto; color: #f00; font-weight: 400; font-size: 14px; line-height: 1.3; letter-spacing: 0; position: absolute; top: 100%; margin-top: 0; padding: 0; border-radius: 0; z-index: 1; }
.wpcf7-form-control-wrap { position: static; }
.form-control.wpcf7-not-valid { border-color: #f00; }
div.wpcf7-response-output { margin: 20px 0 0 !important; background: rgb(255 0 0); border-width: 0 !important; border-radius: 5px; color: #fff !important; font-size: 15px !important; line-height: 20px; padding: 10px 15px !important; border-style: solid !important; border-color: #fff !important; font-weight: 700; text-align: center; }
.wpcf7 form.sent .wpcf7-response-output { border-color: var(--tillyco-blue) !important; background: var(--blue); }
span.wpcf7-spinner { position: absolute; top: 8px; right: 5px; margin: 0; margin-right: 0; }
.form-wrapper div.wpcf7-response-output { position: absolute; left: 0; top: 100%; margin: 15px 0 0 !important; width: 100%; }
/* Form end  */
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border-color: #f00; position: relative; }
div.wpcf7 form.wpcf7-form span.ajax-loader { width: 24px; height: 24px; background-size: 20px; position: absolute; right: 0; margin: 0 15px; top: 50%; margin-top: -12px; z-index: 9; opacity: 1; }
span.wpcf7-not-valid-tip { top: 0; right: 0; padding: 0; bottom: auto; color: #fff; font-weight: 400; font-size: 14px; line-height: 1.3; letter-spacing: 0; position: absolute; top: 100%; margin-top: -11px; padding: 0; border-radius: 4px 0px 4px 4px; background: #f00; padding: 0 5px; }
.wpcf7-form-control-wrap { position: static; }
.form-control.wpcf7-not-valid { border-color: #f00; }
div.wpcf7-response-output { margin: 30px 0 0 0 !important; background: rgb(255 0 0); border-width: 0px !important; border-radius: 5px; color: #fff !important; font-size: 18px !important; line-height: 22px; padding: 10px 15px !important; border-style: solid !important; border-color: #fff !important; font-weight: 700; text-align: center; }
.wpcf7 form.sent .wpcf7-response-output { border-color: var(--blue) !important; background: var(--tillyco-blue); color: var(--tillyco-blue) !important; }
span.wpcf7-spinner { position: absolute; top: 8px; right: 8px; margin: 0; }
div.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed; background: #999; border-color: #999; color: var(--tillyco-white); opacity: 0.8; }
.form-btn { position: relative; }
form br{display: none;}
/* ================= ContactForm7 End ================= */
/* ================= Global Start ================= */
.content-container { padding-top: var(--tillyco-padding-desktop); padding-bottom: var(--tillyco-padding-desktop); }
.swiper-pagination{display: flex; justify-content: center;}
.swiper-pagination-bullet {width: 20px;height: 20px;background: transparent;opacity: 1;border: 2px solid var(--tillyco-blue);}
.swiper-pagination-bullet-active {background: var(--tillyco-blue);}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
.swiper-button-next:after, .swiper-button-prev:after{content:'';}
.swiper-button-prev:after{width: 0; height: 0; display: flex; border-right: solid 30px var(--tillyco-blue); border-top: solid 23px transparent; border-bottom: solid 23px transparent;}
.swiper-button-next:after{width: 0; height: 0; display: flex; border-left: solid 30px var(--tillyco-blue); border-top: solid 23px transparent; border-bottom: solid 23px transparent;}
.heading{margin-bottom: 30px;}
.heading h2{text-transform: uppercase;color: var(--tillyco-blue);margin-bottom: 0; font-size: 40px; line-height: 50px;}
/* Breadcrumb */
.breadcrumb-container {background-color: var(--tillyco-mid-blue);position: relative;margin-bottom: 0;height: 51px;border-radius: 0;}
.breadcrumb-list {margin: 0;max-width: 440px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;color:var(--tillyco-blue);font-size: 18px;text-transform: uppercase;}
.breadcrumb-list li:last-child > a {color: rgb(21 21 21 / 100%);}
.breadcrumb-list li {display: inline;position: relative;font-weight: 400;}
.breadcrumb-list li:not(:last-child)::after {content: " ";position: absolute;top: 6px;right: 0px;line-height: 1;font-weight: 700;border-right: solid 8px var(--tillyco-blue);border-top: solid 6px transparent;border-bottom: solid 6px transparent;}
.breadcrumb-list li:not(:last-child) {padding-right: 22px;}
.breadcrumb-list li + li {margin-left: 16px;} 
.breadcrumb-list li a {text-decoration: underline;}
.breadcrumb-list li a:hover {text-decoration: none; color: var(--tillyco-blue);}
/*  Bottom Outer Wrapper  */
.bottom-outer-container{padding: 0 0 100px 0;}
.bottom-outer-bg{ position: absolute;bottom: 0;left: 0;top: 40px;z-index: -1;width: 100%;clip-path: polygon(0 150px, 50% 0, 100% 150px, 100% 100%, 50% 100%, 0 100%);}
.case-bottom-outer-container .bottom-outer-bg{top: 225px;}
/*  Page Nav  */
.page-nav-col{min-width: 160px;}
.page-nav-link{color: var(--tillyco-white); display: flex; align-items: center; gap: 30px; font-size: 20px;}
.page-nav-link:hover{text-decoration: underline; color: var(--tillyco-white);}
.page-nav-link.page-nav-prev b{width: 0; height: 0; border-right: solid 26px var(--tillyco-white); border-top: solid 20px transparent; border-bottom: solid 20px transparent;}
.page-nav-link.page-nav-next b{width: 0; height: 0; border-left: solid 26px var(--tillyco-white); border-top: solid 20px transparent; border-bottom: solid 20px transparent;}
.page-nav-link:not([href]){opacity: 0;visibility: hidden;cursor: none;}
.page-nav-link.blue{color: var(--tillyco-blue);}
.page-nav-link.blue:hover{color: var(--tillyco-blue);}
.page-nav-link.blue.page-nav-prev b{border-right-color: var(--tillyco-blue);}
.page-nav-link.blue.page-nav-next b{border-left-color: var(--tillyco-blue);}


/* ===============  Home Page Start =================== */
/* ---- Hero Css Start ---- */
.hero-container { height: 800px; padding: 50px 0; }
.hero-bg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; }
.hero-content-box { width: calc(100% + 15px); position: relative; background: linear-gradient(129deg,rgba(27, 97, 121, 1) 25%, rgba(14, 49, 61, 1) 100%); padding: 52px 42px 86px 46px; border-left: 2px solid #fff; }
.hero-content-box h1 { font-size: 50px; font-weight: 400; line-height: 1.2; letter-spacing: -0.02em; margin-bottom: 0; color: #fff; }
.hcb-list { gap: 30px; margin-top: 28px; }
.hcb-box { font-size: 18px; line-height: 22px; font-weight: 700; background-color: #FCF6B6; color: #333; padding: 9px 15px; letter-spacing: 0.10em; }
.hero-content-box::before { content: ''; position: absolute; top: 0; right: 0; width: 100vw; height: 2px; background: #fff; }
.hero-content-box::after { content: ''; position: absolute; bottom: 0; height: 100vh; width: 2px; background: #fff; right: 0; }


.page-shape-holder {background-color:#fff; clip-path: polygon(50% 0%, 100% 150px, 100% 100%, 0 100%, 0% 150px);padding: 150px 0 0;z-index: 1;margin-top: -150px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.shape-image {width: 100%;height: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;opacity: 0.07;}

.page-shape-holder.light-blue{background-color:#D2E0F3!important;}


/* ---- Intro Css Start ---- */
.home-intro-container{padding-bottom:236px!important;}


.usp-list {width: calc(100% + 36px);margin-left: -18px;margin-bottom: -30px;}
.usp-item {width: 25%;padding: 0 18px;margin-bottom: 30px;}
.usp-box {width: 100%;height: 100%;background-color: var(--tillyco-yellow);padding: 30px 10px 20px;box-shadow: 0 30px 30px rgb(0 0 0 / 30%);}
.usp-img {width: 95px;height: 90px;margin-bottom: 25px;}
.usp-content {font-size: 25px;}
.home-intro-container .row + .row {margin-top: 100px;}

/* ---- Img Card Text Css Start ---- */
.ict-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -44px; }
.ict-item { width: 33.33%; padding: 0 15px; margin-bottom: 44px; }
.ict-box { width: 100%; height: 100%; }
.ict-img-box { position: relative; padding-bottom: 67.5%; margin-bottom: 37px; }
.ict-img-box img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.ict-content-box h4 { font-size: 30px; font-weight: 400; color: var(--tillyco-blue); margin-bottom: 18px; }
.ict-btn { margin-top: 20px; }
/* .ict-btn .link {font-size: 16px;} */
/* ---- Page Signpost 70/30 Css Start ---- */
.ps-7030-holder {min-height: 500px;height: 100%;}
.page-signposts-7030-container:before {content: '';background: linear-gradient(180deg, rgba(210, 224, 243, 1) 25%, rgba(255, 255, 255, 1) 100%);width: 100%;height: 50%;position: absolute;left: 0;right: 0;top: 0;}
.page-signposts-7030-container .container{margin-top:-40px;}
.ps-7030-bg-holder {position: absolute;top: 0;right: 0;bottom: 0;left: 0;width: 100%;height: 100%;}
.ps-7030-content-holder {position: relative;max-width: 500px;height: 100%;margin-left: auto;z-index: 1;background-color: rgb(27 97 121 / 85%);color: var(--tillyco-white);padding: 93px 85px 44px;}
.ps-7030-bg {width: 100%;height: 100%;}
.ps-7030-content-box h4 {font-size: 30px;font-weight: 400;color: var(--tillyco-yellow);margin-bottom: 17px;}
.ps-7030-content-box {font-size: 18px;line-height: 1.32;width: 100%;height: 100%;}
.ps-7030-btn {margin-top: 14px;}
.ps-7030-btn .link {color: var(--tillyco-yellow);}
.ps-7030-content-holder .slider-pagination-box {margin-top: 77px;}

/* ---- Logo Carousel Css Start ---- */


@media (min-width:767.98px) {
    .logo-wrap { display: inline-block; white-space: nowrap; }
    .logo-box { width: 304px; height: 156px; }
    .logo-outer { width: calc(100% + 44px); margin-left: -22px; }
    .logo-item { display: inline-block; padding: 0 22px; }
    .logo-list { display: inline-block; white-space: nowrap; animation: scroll 20s infinite linear; }
    @keyframes scroll {
        from {
        transform: translateX(-0%);
        }
        to {
        transform: translateX(-100%);
        }
    }
}
/* ---- Housing Models Css Start ---- */
.housing-models-list { width: calc(100% + 30px); margin-left: -15px; }
.housing-models-item { width: 33.33%; padding: 0 15px; height: auto; }
.housing-models-box { width: 100%; height: 100%; }
.housing-models-img { position: relative; padding-bottom: 67%; margin-bottom: 38px; }
.housing-models-img img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.housing-models-content h4 { font-size: 30px; font-weight: 400; color: var(--tillyco-yellow); margin-bottom: 27px; }
.housing-models-content { color: var(--tillyco-white); line-height: 1.35; height: 100%; }
/* ===============  Home Page End =================== */

/* ================= About Page Start ================= */ 
.page-intro-container{z-index: 8;}
.intro-bg{position: absolute;left: 0;top: 0;width: 100%;bottom: 60px;clip-path: polygon(0 0, 50% 0, 100% 0, 100% 100%, 50% calc(100% - 150px), 0 100%);}
.page-intro-container.no-5050 .intro-bg{bottom: -320px;}
.intro-5050-row{margin-top: 100px;} 
.intro-5050-text{padding-bottom: 200px;}
.intro-5050-text h2 {font-size: 30px;margin-bottom: 15px;line-height: 40px;}
.intro-5050-image { position: relative; width: 100%; padding-bottom: 80.5%; background-color: var(--tillyco-black);}
.intro-5050-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.ps-5050-box { height: 100%;min-height: 500px; }
.ps-5050-box::after {content: '';background: var(--tillyco-yellow);position: absolute;right: 0;top: 0;bottom: 0;z-index: 1;width: 47px;clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%, 0 50%);}
.ps-5050-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }
.ps-5050-content-holder {position: relative;width: calc(50% - 15px);height: 100%;z-index: 1;background-color: rgba(27, 97, 121, 0.85);color: var(--tillyco-white);padding: 90px 8.5%; display: flex; align-items: center;}
.ps-5050-content-box h2 {font-size: 30px;line-height: 40px;font-weight: 400;color: var(--tillyco-yellow);margin-bottom: 17px;text-transform: uppercase;}
.ps-5050-content-box {  }
.ps-5050-btn { margin-top: 14px; }
.our-values-list{width: calc(100% + 30px);margin-left: -15px;}
.our-values-item{width: 25%;padding: 0 15px;}
.our-values-icon-holder{background: var(--tillyco-yellow);height: 200px;margin-bottom: 29px;}
.our-values-icon{width: 124px;}
.our-values-icon img{width: 100%;height: 100%;object-fit: contain;}
.our-values-content h3{color: var(--tillyco-blue);margin-bottom: 15px;}
.team-list{width: calc(100% + 30px);margin-left: -15px;}
.team-item{width: 33.33%;padding: 0 15px;}
.team-img{width: 100%;position: relative;padding-bottom: 67.5%;margin-bottom: 37px;}
.team-img img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.team-content{line-height: 1.35;}
.team-content h3{color: var(--tillyco-yellow);margin-bottom: 7px;}
.team-content h6{color: var(--tillyco-yellow);margin-bottom: 24px;}
/* ================= About Page End ================= */ 


/* ==================== Portfolio Page Start ======================= */
.page-intro-container.portfolio-intro-container .intro-bg{bottom: -455px;}
.portfolio-card-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -100px; }
.portfolio-card-item { width: 50%; padding: 0 15px; margin-bottom: 100px; }
.portfolio-card-box { width: 100%; height: 100%; }
.pcb-img-box { position: relative; padding-bottom: 43.5%; margin-bottom: 36px; }
.pcb-img-box img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.pcb-content-box { line-height: 1.3; height: 100%; }
.pcb-content-box h4 { font-size: 30px; font-weight: 400; color: var(--tillyco-blue); margin-bottom: 21px; }
.pcb-btn { margin-top: auto; }
/* ==================== Portfolio Page End ======================= */


/* ====================  Case Study Start ==================== */
.case-study-list-container .ps-7030-content-holder { margin-left: 0; }
.case-study-list-container .row + .row { margin-top: 50px;}
/* ---- Gallery Start ---- */
.full-height .swiper-slide { height: auto !important; } 
.swiper-gallery-slider .glightbox { width: 100%; height: 440px; }
.swiper-gallery-slider .glightbox>img { width: 100%; height: 100%; object-fit: cover; }
.swiper-gallery-slider .gallery-slide img { transition: transform 0.4s cubic-bezier(.215,.61,.355,1); }
.swiper-gallery-slider .swiper-wrapper { width: calc(100% + 30px); margin-left: -15px; }
.swiper-gallery-slider .gallery-slide { width: 16.66%; padding: 0 15px }
.swiper-button-prev.gallery-slider-prev { left: -80px; }
.swiper-button-next.gallery-slider-next { right: -92px; }
/* ---- Gallery End ---- */
@media (min-width: 768px) {
    .swiper-gallery-slider .swiper-slide:hover img {transform: scale(1.09);box-shadow: 0 30px 30px rgba(0, 0, 0, 0.3);}
    .swiper-slide.hidden-slide {opacity: 0;pointer-events: none;transition: opacity 0.3s ease;}
    }
/* ====================  Case Study End ==================== */

/* ====================  Case Study Single Start ==================== */
.single-intro-bg{position: absolute;left: 0;bottom: 0;right: 0;top: 70px;clip-path: polygon(50% 0, 100% 150px, 100% 100%, 50% 100%, 0 100%, 0 150px);}
.single-intro-container .usp-list{margin-bottom: 70px;}

/* ====================  Case Study Single End ==================== */

 /* ================= Partners Page Start ================= */
.partners-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -50px; }
.partners-item { width: 33.333%; padding: 0 15px; margin-bottom: 50px; }
.partners-box { width: 100%; height: 100%; }
.partners-logo-box {height: 280px;background: #E5E5E5;margin-bottom: 36px;padding: 55px 55px;position: relative;overflow: hidden;} 
.partners-logo-box img { width: 100%; height: 100%; object-fit: contain; position: relative; z-index: 1; transition: var(--tillyco-custom-ease);}
a.partners-box:hover .partners-logo-box img{transform: scale(1.03);}
.partners-logo-box:before{content:'';width: 297px;height: 23px;background: var(--tillyco-yellow);position: absolute;left: 0;bottom: 0;z-index: 2;clip-path: polygon(50% 0, 0% 100%, 100% 100%);}
.partners-content-box h2 {font-size: 30px;line-height: 40px;font-weight: 400;color: var(--tillyco-blue);margin-bottom: 15px;}
/* ================= Partners Page End ================= */ 
 



/* ====================  Housing Models Start ==================== */
/* .housing-models-list {width: calc(100% + 30px);margin-left: -15px;}
.housing-models-item {width: 33.33%;padding: 0 15px;height: auto;}
.housing-models-box {width: 100%;height: 100%;}
.housing-models-img {position: relative;padding-bottom: 67%;margin-bottom: 38px;}
.housing-models-img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.housing-models-content h4 {font-size: 30px;font-weight: 400;color: var(--tillyco-yellow);margin-bottom: 27px;}
.housing-models-content {color: var(--tillyco-white);line-height: 1.35;height: 100%;} */

 
.page-intro-container.housing-model-intro-container .intro-bg{bottom: -455px;}
.hb-content-box {background-color: rgb(27 97 121 / 85%);color: var(--tillyco-white);width: 100%;height: 100%;padding: 22px 110px;line-height: 1.35;}
.hb-img-box {position: relative;padding-bottom: 62.9%;height: 100%;}
.hb-img-box img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.hb-content-box h4 {font-size: 30px;color: var(--tillyco-yellow);margin-bottom: 16px;}
.housing-row + .housing-row {margin-top: 50px;} 
/* ==================== Housing Models Css End ======================= */
/* ====================  Housing Models Single Start ==================== */
 
/* ====================  Housing Models Single End ==================== */


/* ====================  Contact us Start ==================== */
 
/* ====================  Contact us End ==================== */




/* ========================================== 
! Large devices (desktops, less than 1500px)
=========================================== */
@media (max-width: 1499.98px) {
/* ====================  Case Study Start ==================== */
.swiper-button-prev.gallery-slider-prev {left: -20px;}
.swiper-button-next.gallery-slider-next{right: -2px;}
.swiper-gallery-slider .swiper-wrapper{width:calc(100% + 20px); margin-left:-10px;}
.swiper-gallery-slider .swiper-slide{ padding:0 10px}
/* ====================  Case Study End ==================== */
} 
    
 
     

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
html { scroll-padding-top: 70px; }
body { padding-top: 70px; }
h1 { font-size: 45px; }
h2 { font-size: 30px; }
h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
a{transition: none !important;}
/* ================= Header Start ================= */
.navbar {padding: 0 15px;height: 70px;}
.navbar-brand {width: 152px; position: relative; z-index: 999;}
.navbar-toggler {width: 60px;height: 50px;border-radius: 0;cursor: pointer;text-decoration: none;padding: 0;border: 0;background: transparent;margin: 0;z-index: 999;position: absolute;right: 8px;top: 50%;transform: translateY(-50%);margin-top: -1px;}
.navbar-default .navbar-toggler:hover, .navbar-default .navbar-toggler:focus { background: transparent; }
.navbar-toggler:not([class="collapsed"]), .navbar-toggler:not([class="collapsed"]):focus, .navbar-toggler:not([class="collapsed"]):hover { background: transparent; }
.navbar-toggler.collapsed, .navbar-toggler.collapsed:focus, .navbar-toggler.collapsed:hover { background: transparent; }
.navbar .collapse.show { right: 0; }
.navbar-toggler .navbar-toggler-icon {position: relative;display: inline-block;width: 30px;height: 2px;color: var(--tillyco-white);text-indent: -55px;margin-top: 0;background: transparent !important;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-out;-ms-transition: all .2s ease-out;vertical-align: middle;border-radius: 5px;}
.navbar-toggler .navbar-toggler-icon:before, .navbar-toggler .navbar-toggler-icon:after {content: '';width: 30px;height: 2px;background: var(--tillyco-white);position: absolute;left: 0;transition: all .2s ease-out;border-radius: 5px;}
.navbar-toggler.collapsed .navbar-toggler-icon:after {width: 30px;}
.navbar-toggler.collapsed .navbar-toggler-icon {background: var(--tillyco-white) !important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before, .navbar-toggler.collapsed .navbar-toggler-icon:after {background: var(--tillyco-white);}
.home:not(.fixed) .navbar-toggler.collapsed .navbar-toggler-icon,
.home:not(.fixed) .navbar-toggler.collapsed .navbar-toggler-icon:before, 
.home:not(.fixed) .navbar-toggler.collapsed .navbar-toggler-icon:after {background: var(--tillyco-white) !important;}
.navbar-toggler.collapsed .navbar-toggler-icon:before {top: -9px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
.navbar-toggler.collapsed .navbar-toggler-icon:after {bottom: -9px;-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-ms-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}
.navbar-toggler .navbar-toggler-icon:after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }
.nav-open .navbar-toggler .navbar-toggler-icon:before, .nav-open .navbar-toggler .navbar-toggler-icon:after { background: var(--tillyco-white); }
.nav-open .navbar-toggler .navbar-toggler-icon { background-color: transparent !important; }
.navbar-nav {margin: 0 !important;border-bottom: solid 0 var(--tillyco-white); overflow-x: hidden;flex-grow: 1;overflow-y: auto;padding: 0px 0 25px; width: 100%;}
.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link b{ color: var(--tillyco-blue); font-weight: 700; }
.navbar-expand-xl .navbar-nav .nav-item.active .nav-link b{ color: var(--tillyco-blue); font-weight: 700; }


#header:after {content: '';width: 100%;height: 3px;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);position: absolute;top: 100%;left: 0;right: 0;z-index: 98;margin-top: -3px;display:hidden;}
.nav-open #header:after{display:block;}
.navbar-collapse, .navbar-collapse.collapsing {position: fixed;top: 0;right: -100%;background: var(--tillyco-blue);z-index: 99;margin: 0;border: 0;overflow-x: hidden;overflow-y: auto;bottom: auto;width: 100%;height: auto;display: flex !important;transition: all .2s ease-in;letter-spacing: 0;align-items: flex-start;flex-flow: column;}
.navbar-expand-xl .navbar-nav .nav-link b:before{display: none;}
.navbar-inside {width: 100%;flex-grow: 1;display: flex;flex-flow: column;padding: 90px 0 0;height: 100%;}
.navbar-expand-xl .navbar-nav .nav-item { padding: 0; margin: 0;  transform: translateX(10px); opacity: 0; transition: all 0.2s ease-in; }
.navbar-expand-xl .show .navbar-nav .nav-item{ transform: translateX(0px); opacity: 1; }
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(1){transition-delay: 0.3s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(2){transition-delay: 0.4s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(3){transition-delay: 0.5s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(4){transition-delay: 0.6s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(5){transition-delay: 0.7s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(6){transition-delay: 0.8s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(7){transition-delay: 0.9s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(8){transition-delay: 1.0s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(9){transition-delay: 1.1s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(10){transition-delay: 1.2s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(11){transition-delay: 1.3s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(12){transition-delay: 1.4s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(13){transition-delay: 1.5s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(14){transition-delay: 1.6s;}
.navbar-expand-xl .show .navbar-nav .nav-item:nth-child(15){transition-delay: 1.7s;} 
.navbar-expand-xl .navbar-nav .nav-link {font-size: 18px;line-height: 1.2;padding: 0;position: relative;color: var(--tillyco-white);padding: 19px 30px;margin: 0;font-weight: 400;}
.navbar-expand-xl .navbar-nav .nav-link:hover{opacity: 1;color: var(--tillyco-white);}
.navbar-expand-xl .navbar-nav .nav-item:hover > .nav-link, .navbar-expand-xl .navbar-nav .nav-item.active .nav-link{color: var(--tillyco-yellow);}
.navbar-expand-xl .navbar-nav .nav-item:hover > .dropdown-toggle, .navbar-expand-xl .navbar-nav .nav-item.active > .dropdown-toggle{color: var(--tillyco-yellow);}
.navbar-nav.sm-collapsible .sub-arrow {border: 0;margin: 0;width: auto;font-size: 35px;line-height: 38px;top: 18px;font-family: 'font Awesome 6 Pro';right: 20px;}
.dropdown-menu {background: transparent;border: 0;padding: 0;margin: 0;padding: 0;background: rgba(210, 224, 243, 0.25);border-radius: 0;padding: 25px 22px 25px;}
.dropdown-item {padding: 18px 0px 18px 40px;color: var(--tillyco-white);font-weight: 400;font-size: 18px;line-height: 1.35;margin: 0;text-transform: uppercase;}

.dropdown-menu .nav-item:first-child .dropdown-item{padding-top:0;}
.dropdown-menu .nav-item:last-child .dropdown-item{padding-bottom:0;}

.dropdown-item:after {content: '';width: 1px;height: 100%;position: absolute;left: 8px;background:var(--tillyco-white);top: 0;bottom: 0;}
.active > .dropdown-item,.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active {color: var(--tillyco-yellow) !important;font-weight: 400 !important;background: transparent;}
.nav-inside-content {padding: 20px 20px 0;width: 100%;opacity: 0;transition: all 0.3s ease-in;margin-top: auto;}
.show .nav-inside-content{opacity: 1; transition-delay: 1s;}
.nav-open .navbar-brand{filter: brightness(0) invert(1);}
.header-right {margin-right: 60px;}
.navbar-nav .dropdown-toggle{width: 82px;height: 42px;position: absolute;top: 0;right: 0;font-style: normal;color: var(--tillyco-white);}
.navbar-nav .dropdown-toggle::before{content: "\f0fe";font-family: "Font Awesome 6 Pro";font-weight: 500;width: 100%;height: 100%;position: absolute;top: 0;left: 0;font-size: 32px;display: flex;align-items: center;justify-content: center;color: var(--tillyco-yellow);}
.navbar-nav .show > .dropdown-toggle::before{content: "\f146";}
.navbar-expand-xl .navbar-nav .show > .nav-link{color: var(--tillyco-yellow);}
.nav-inside-content .btn {border-radius: 10px;font-weight: 400;padding: 12px 18px;min-width: 177px;height: 58px;font-size: 30px;line-height: 1;box-shadow: none;transition: all 0.2s ease-in;display: inline-block;vertical-align: middle; width: 100%;}
.dropdown-menu .dropdown-menu .dropdown-item {padding: 8px 20px 8px 70px;color: var(--tillyco-white);font-weight: 400;font-size: 18px;line-height: 1.35;margin: 0;}
.dropdown-menu .menu-item.show .dropdown-menu{display: block;}
.header-sm-button {width: 100%;}
.header-sm-button .btn {min-width: 100%;height: 70px;display: flex;align-items: center;justify-content: center;letter-spacing: 0;}
.nav-item:not(.dropdown) .nav-link > span,
.dropdown-item > span{position:relative;display:inline-block;}
.nav-item:not(.dropdown) .nav-link > span:before,
.dropdown-item > span:before{content:'';width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 14px solid var(--tillyco-white); display: inline-block;vertical-align: middle;margin-left: 28px;left: 100%;position: absolute;top: 50%;transform: translateY(-50%);}
.nav-item:not(.dropdown) .nav-link:hover > span:before,
.dropdown-item:hover > span:before{border-left-color:var(--tillyco-yellow);}
/* ================= Header End ================= */

/* ================= Footer Start ================= */
.footer-upper-left{padding-right: 40px;}
.footer-social-links{position: relative; bottom: auto; right: auto; margin-top: 40px; width: max-content;}
/* ================= Footer End ================= */

/* ===============  Home Page Start =================== */
.hero-content-box {font-size: 40px;padding: 44px 25px 44px;}
.hcb-list {gap: 15px;}
.hcb-box {padding: 8px;}
.usp-list {width: calc(100% + 30px);margin-left: -15px;}
.usp-item {padding: 0 15px;}
.usp-content {font-size: 20px;}
.home-intro-container .row + .row {margin-top: 70px;}
/* ===============  Home Page End =================== */

/* ================= About Page Start ================= */ 
 
/* ================= About Page End ================= */ 


/* ==================== Portfolio Page Start ======================= */
.portfolio-card-list {margin-bottom: -70px;}
.portfolio-card-item {margin-bottom: 70px;}
/* ==================== Portfolio Page End ======================= */


/* ====================  Case Study Start ==================== */
 
/* ====================  Case Study End ==================== */

/* ====================  Case Study Single Start ==================== */
 
/* ====================  Case Study Single End ==================== */

 /* ================= Partners Page Start ================= */
 
/* ================= Partners Page End ================= */ 
 



/* ====================  Housing Models Start ==================== */
 
/* ====================  Housing Models End ==================== */

/* ====================  Housing Models Single Start ==================== */
 
/* ====================  Housing Models Single End ==================== */


/* ====================  Contact us Start ==================== */
 
/* ====================  Contact us End ==================== */


}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
.tab-mt-30 { margin-top: 30px !important; }
.tab-mb-30 { margin-bottom: 30px !important; }
.tab-mt-0 { margin-top: 0px !important; }
.tab-mb-0 { margin-bottom: 0px !important; }
.tab-pt-30 { padding-top: 30px !important; }
.tab-pb-30 { padding-bottom: 30px !important; }
.tab-pt-0 { padding-top: 0px !important; }
.tab-pb-0 { padding-bottom: 0px !important; }
.content-container { padding-top: var(--tillyco-padding-tablet); padding-bottom: var(--tillyco-padding-tablet); }
 /* ===============  Footer Start =================== */
.contact-details-lower{flex-flow: column; gap: 28px;}
 /* ===============  Footer End =================== */
/* ===============  Home Page Start =================== */
.hero-content-box { font-size: 30px; line-height: 1.3; text-align: center; padding: 50px 35px 44px; letter-spacing: 0; width: calc(100% + 46px); margin-left: -23px; }
.hcb-list { gap: 20px; margin-top: 34px; }
.hcb-item { width: 100%; }
.hero-img-box { width: calc(100% + 46px); margin-left: -23px; }
.hero-container { height: auto; }
.hero-img { width: 100%; height: 100%; }
.hero-img img { width: 100%; height: 100%; object-fit: cover; }
.hero-img-box { width: calc(100% + 46px); margin-left: -23px; height: 402px; }
.usp-item {width: 33.33%;}
.home-intro-container .row + .row { margin-top: 50px;}
.intro-content {line-height: 1.34;}
.ict-item {width: 50%;}
.ict-content-box h4 {margin-bottom: 12px;}
.ict-img-box {margin-bottom: 16px;}
.housing-models-item {max-width: 360px;width: calc(100% - 55px);}
.housing-models-img {padding-bottom: 76%;margin-bottom: 26px;}
.housing-models-content h4 {margin-bottom: 22px;}
.housing-models-holder .slider-pagination-box {margin-top: 32px;}
/* ===============  Home Page End =================== */

/* ================= About Page Start ================= */ 
 
/* ================= About Page End ================= */ 


/* ==================== Portfolio Page Start ======================= */
.pcb-img-box {margin-bottom: 24px;}
/* ==================== Portfolio Page End ======================= */


/* ====================  Case Study Start ==================== */
 
/* ====================  Case Study End ==================== */

/* ====================  Case Study Single Start ==================== */
 
/* ====================  Case Study Single End ==================== */

 /* ================= Partners Page Start ================= */
 
/* ================= Partners Page End ================= */ 
 



/* ====================  Housing Models Start ==================== */
 
/* ====================  Housing Models End ==================== */

/* ====================  Housing Models Single Start ==================== */
 
/* ====================  Housing Models Single End ==================== */


/* ====================  Contact us Start ==================== */
 
/* ====================  Contact us End ==================== */



}

/* =================================================  
! Small devices (landscape phones, less than 768px)
================================================= */
@media (max-width:767.98px) {
h1 { font-size: 40px; }
h2 { font-size: 30px; }
h3 { font-size: 25px; }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
.mob-mt-30 { margin-top: 30px !important; }
.mob-mb-30 { margin-bottom: 30px !important; }
.mob-mt-0 { margin-top: 0px !important; }
.mob-mb-0 { margin-bottom: 0px !important; }
.mob-pt-30 { padding-top: 30px !important; }
.mob-pb-30 { padding-bottom: 30px !important; }
.mob-pt-0 { padding-top: 0px !important; }
.mob-pb-0 { padding-bottom: 0px !important; }
.content-container { padding-top: var(--tillyco-padding-mobile); padding-bottom: var(--tillyco-padding-mobile); }


/*  Page Nav  */
.page-nav-col{min-width: auto;} 
/* ===============  Footer Start =================== */
.footer-upper-left { padding-right: 0; max-width: 290px;margin: 0 auto;margin-bottom: 32px;}
.footer-logo{margin: 0 auto 46px;}
.contact-details-upper{margin-bottom: 28px;}
.cd-icon{margin-right: 30px;}
.copyright{width: 100%;border-top: solid 2px #fff;padding-top: 45px;text-align: center;margin-top: 45px;}
.footer-lower{border: 0; padding: 35px 0 45px 0;}
.footer-upper{padding: 45px 0 40px 0;}
.footer-nav{padding: 0 15px; column-gap: 30px;}
.footer-social-links{bottom: 100%;margin-bottom: 0;right: 10px;width: auto;position: absolute;margin: 0;}

 /* ===============  Footer End =================== */
 



/* ===============  Home Page Start =================== */
.usp-item {width: 50%;}
.usp-content {font-size: 18px;}
.usp-img {width: 74px;height: 74px;margin-bottom: 10px;}
.usp-box {padding: 20px 10px 12px;}

.ps-7030-holder {width: calc(100% + 40px);margin-left: -20px;}
.ps-7030-content-holder {padding: 80px 40px 45px 108px;}
.ps-7030-content-holder .slider-pagination-box {margin-top: 60px;}

.ict-item {width: 100%;}
.ict-img-box {padding-bottom: 51.5%;margin-bottom: 16px;}
.ict-logo-box {height: 260px;}
/* ===============  Home Page End =================== */

/* ================= About Page Start ================= */ 
 
/* ================= About Page End ================= */ 


/* ==================== Portfolio Page Start ======================= */
 
.portfolio-card-list {margin-bottom: -48px;}
.portfolio-card-item {width: 100%;margin-bottom: 48px;}
.pcb-img-box {padding-bottom: 51%;}




/* ==================== Portfolio Page End ======================= */


/* ====================  Case Study Start ==================== */
 
/* ====================  Case Study End ==================== */

/* ====================  Case Study Single Start ==================== */
.full-width{width:calc(100% + 40px)!important; margin-left:-20px!important;}
.swiper-gallery-slider .swiper-wrapper{width:100%;margin-left:0;}
.swiper-gallery-slider{height:auto;padding:0;}
.swiper-gallery-slider .glightbox{height:179px;}
.swiper-gallery-slider .swiper-slide:hover img {transform:none!important;}
.swiper-gallery-slider .swiper-wrapper {display: block;}
.swiper-gallery-slider  .swiper-slide {width: 100% !important;padding:0;}  
.swiper-gallery-slider  .swiper-slide+.swiper-slide{margin-top:10px;} 

/* ====================  Case Study Single End ==================== */

 /* ================= Partners Page Start ================= */
 
/* ================= Partners Page End ================= */ 
 



/* ====================  Housing Models Start ==================== */
 
/* ====================  Housing Models End ==================== */

/* ====================  Housing Models Single Start ==================== */
 
/* ====================  Housing Models Single End ==================== */


/* ====================  Contact us Start ==================== */
 
/* ====================  Contact us End ==================== */


}

/* ======================================================
! Extra small devices (portrait phones, less than 576px)
====================================================== */
@media (max-width:575.98px) {
    .footer-bottom-nav li + li:before{margin: 0 16px;}
}

/* ======================================================
! Extra small devices (portrait phones, less than 370px)
====================================================== */
@media (max-width:369.98px) {
    .footer-upper{font-size: 16px;}
    .footer-nav{padding: 0; }

    /* ---- Home Page Start ---- */
    .usp-item {width: 100%;}
    .ps-7030-content-holder {padding: 50px 40px 40px 50px;}
    .ps-7030-content-holder .slider-pagination-box {margin-top: 40px;}
    .housing-models-content h4 {font-size: 24px;margin-bottom: 15px;}
    .housing-models-content {font-size: 16px;}
    /* ---- Home Page End ---- */
    .pcb-content-box h4 {font-size: 20px;margin-bottom: 10px;}
 }