/* @import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&family=Parkinsans:wght@300..800&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Afacad+Flux:wght@100..1000&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Lora:ital,wght@0,400..700;1,400..700&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

:root {
  --primary-orange: #D20063;
  --primary-blue: #0081A2;
  /* --primary-orange: #0081A2; */
       --primary-color: #D20063;
            --secondary-color: #0081A2;
  --primary: #0081a2;
            --primary-dark: #005f78;
            --secondary: #d20063;
            --secondary-light: #ff4b98;
  --color-dark-blue:#D20063;
  --hover-orange: #234c1e;
  --hover-blue: #D20063;
  --background: #F7F9FC;
  --text-dark: #1C1C1C;
  --gray-muted: #B0B0B0;
  --color-white: #ffffff;
   --color-steel-gray: #555;
    --color-dark-gray:#333;
    --color-orange: #0081A2;
    --color-orange-light: #ffb0a6;
    --color-orange-transparent:#f0752014;
    --color-yellow: #fbc02d;
    --color-white:#ffffff;
    --color-black:#000000;
    --color-dark:#000000;
    --color-light:#fff7f0;
    --color-transparent:#fff0;
    --color-transparent2:rgb(0 51 102 / 94%);
    --color-gray:#ccc;
     --color-dark-black-opacity:rgb(0 51 102 / 8%);
    --color-light-blue:#ecf6ff;
    --color-border:#0081A226;
   --color-shadow-blue: rgba(11, 87, 185, 0.4); 
  --color-shadow-black:0px 4px 30px rgba(29, 28, 28, 0.253); 
   --gradient-red-orange: linear-gradient(135deg, #850000 0%, #0081A2 100%); 
   --gradient-navy-blue: linear-gradient(135deg, #003366 0%, #055db5 100%);
   --gradient-light-gray: linear-gradient(to right, #eff0f2, #fefefe);
   --color-dark-blue-opacity: #002b6ce1;
   --text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
   --text-shadow-light: 0 1px 1px rgb(0 51 102 / 8%);
}

body {
  background: #fff;
  color: #333; 
    font-family: "Plus Jakarta Sans", sans-serif;
    overflow: hidden;
   font-size:16px;
line-height:1.8;
font-weight:400;overflow: hidden;overflow-y: scroll;
}
.bg-light2{background:#eff5ff}
.btn-orange {
  background:linear-gradient(180deg, #d20063, #a60350);
  color: #fff;transition: all 0.5s ease;
  border-radius: 5px;
}
.btn-orange:hover, .popular-list-1 .th-btn:hover{background: linear-gradient(180deg, #a60350, #d20063);color:#fff;    transition: all 0.5s ease;border: 1px solid var(--primary-blue);}
/* .btn-orange:hover {
  background: var(--hover-orange);
  background: var(--primary-orange);
} */
button.btn.btn-dark.rounded-pill.py-2.ms-1.mt-4 {
    background: linear-gradient(rgb(11, 78, 144), #D20063);
    border: 1px solid #094887;
}
.btn-blue {
  background: var(--primary-blue);
  color: #fff;
  border-radius: 5px;
}
.btn-blue:hover {
  background: var(--hover-blue);
}

.header {
  /* background-color: var(--primary-blue); */
  color: #fff;
}
 
h1, h2, h3, h4, h5, h6, .hero-title{    font-family:  "Manrope", sans-serif;
    color: #0c0c0c; margin: 0 0 20px; } 
    .fs-1, .fs-2, .fs-3, .fs-4, .fs-5, .fs-6{font-family:  "Manrope", sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0c0c0c; } 
p a { color: #363636; width: auto; display: inline-block; } 
p a:hover { text-decoration: underline; outline: none;color: var(--primary-blue)!important; } 
p {    letter-spacing: 0.3px;
    margin-bottom: 10px;
    color: #403535;
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;} 
ul{margin: 0px ;padding: 0px;} 
ul li {     list-style: none;letter-spacing: 0px; line-height: 24px; font-size: 15px; color: #403535;    font-weight: 400;  font-family:  "Plus Jakarta Sans", sans-serif; } 
a { color: #7f7f7f; text-decoration: none; outline: none; display: block; } 
a:hover, a:focus, a:active { outline: none; text-decoration: none; } 
img { max-width: 100%; height: auto;} 
iframe { border: 0; width: 100%; } 
blockquote { padding: 0; border: 0; } label { color: #7f7f7f; display: block; font-weight: 400; margin: 0; } textarea { background: #fff; height: 100px !important; } textarea, select, input { border: 1px solid #ccc; height: 40px; border-radius: 0; background: #fff; line-height: 40px; box-shadow: none; padding: 0 15px; box-sizing: border-box; font-size: 14px !important; } 
.form-group { position: relative; margin-bottom: 15px } 
.form-control::-moz-placeholder { color: #555; } 
.form-control:focus::-moz-placeholder { color: var(--primary-blue); } 
.form-control:focus { border-color: var(--primary-blue); box-shadow: none; outline: 0; } 
h2 { font-size: 26px; font-weight: bold; } 
h3 { font-size: 20px; margin: 0 0 30px; font-weight: bold; } 
h3 span { padding: 0 10px 0 0; position: relative; } 
h4 { font-size: 17px; font-weight: bold; margin: 0; text-transform: capitalize; text-align: center; padding: 15px 0; color: #fff; } 
h5 { text-transform: capitalize; } 
/* Header*/ 
.bg-orange{background-color:  var(--primary-orange);}
.text-blue{color:var(--primary-blue)}
.header {  width: 100%; position: relative; top: 0; left: 0; z-index: 999; padding: 0; } 

.topbar {
    width: 100%;
    margin: 0;
    padding:7px 0px 7px;
    /* background: var(--primary-orange); */
    background: #212121;
    } 
.top_right {  width: 100%; display: flex; justify-content: flex-start; align-items: center; margin: 0; } 
.search { max-width: 330px; width: 100%; margin: 0 0px; padding: 0; position: relative; margin-left: auto; } 
.search_btn { position: absolute; top: 0; right: 0; height: 100%; padding: 0 15px; line-height: 40px; background: var(--primary-blue); color: #fff; border: 0; border-left: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0px 4px 4px 0; height: 40px; display: flex; align-items: center; justify-content: center; } 
.search_btn:hover { background: #164178; color: var(--primary-blue); } 
.phone_call { display: inline-block; list-style: none;padding: 0 } 
.phone_call a { color: var(--primary-blue); text-decoration: none; font-size: 17px; font-weight: 600; } 
.phone_call a svg { width: 24px; height: 24px; margin-right: 3px; vertical-align: middle } 
.phone_call a:hover { color: var(--primary-blue)} 
.navbar .phone_call { margin: 10px 0; } 
.navbar .phone_call a { color: #fff; } 
.search-toggle-group .btn {
  margin: 0 5px;
  border-radius: 25px;
}
.search-toggle-group input[type="radio"] {
  display: none;
}
.search-toggle-group input[type="radio"]:checked + label {
  background-color:var(--primary-orange); /* Active color */
  color: #fff;
}
.navbar .phone_call a:hover, .navbar .phone_call a:focus { color: #eadd89; } 
ul.social {  margin: 0; padding: 0; } 
.top_right ul.social {  margin: 0; list-style: none; padding: 0px; width: auto; display: flex
    ;
        align-items: center;} 
header ul.social li a {
       transition: background 400ms ease-in-out;
    text-align: center;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #1a1a1a;
    border: 0px solid #ffffff;
    background: #ffffff !important;
}

ul.social li { margin: 0px; display: inline-block; } 
ul.social li a { transition: background 400ms ease-in-out; text-align: center; width: 35px; height: 35px; border-radius: 100%; display: flex; align-items: center; justify-content: center;     color: #262b2f;
    background: #ffffff;} 
ul.social li a svg { color: #262b2f; width: 15px; height: 15px; margin: 0; padding: 0; } 
ul.social li.facebook a { background: #3C5B9B; } 
ul.social li.twitter a { background: #000000 } 
ul.social li.linkedin a { background: #027ba5; } 
ul.social li.youtube a { background: #f70000; } 
ul.social li.instagram a { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); } 
.menubar {
    width: 100%;
    position: relative;
    background-color: rgb(255 255 255);
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: none;
    left: inherit;
    border-radius: 10px;
    top: 0px;-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .1);
    } 
/* .menubar .container { background: #fff; border-radius: 0px 0px 12px 12px; position: relative;    width: 94%;     max-width: 94%;}  */
.topbar .list-style-none li a { color: #fff;    letter-spacing: 0px; font-size: 17px;    font-weight: 500; } 
/* .menubar .container:before { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='77px' height='77px' viewBox='0 0 64.000000 96.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,96.000000) scale(0.100000,-0.100000)' fill='white' stroke='none'><path d='M49 947 c-38 -29 -49 -88 -28 -144 6 -15 88 -163 182 -327 116 -202 189 -318 224 -356 53 -57 153 -120 192 -120 l21 0 0 480 0 480 -287 0 c-211 -1 -292 -4 -304 -13z'/></g></svg>"); position: absolute; left: -51px; z-index: -1; top: 0px; } 
.menubar .container:after { content: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='77px' height='77px' viewBox='0 0 64.000000 96.000000' preserveAspectRatio='xMidYMid meet'><g transform='translate(0.000000,96.000000) scale(0.100000,-0.100000)' fill='white' stroke='none'><path d='M0 480 l0 -480 21 0 c39 0 139 63 192 120 35 38 108 154 224 356 94 164 176 312 182 327 21 56 10 115 -28 144 -12 9 -93 12 -303 13 l-288 0 0 -480z'/></g></svg>"); position: absolute; right: -51px; z-index: -1; top: 0px; }  */
.menubar.stricky-fixed {border-radius: 0px;position: fixed; top: 0; left: 0; width: 100%; z-index: 999; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .1); box-shadow: 0 3px 5px rgba(0, 0, 0, .1); animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both; background: #fff; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0) } to { opacity: 1; transform: none } } 
.menubar .logo { padding: 0px; display: flex; height: 100%; align-items: center; } 
.navigation .nav-header { display: none; padding: 12px 20px } 
.call-now { display: flex; align-items: center; transition: all 0.3s linear; } 
.call-now .img-bx {width: 26px;height: 26px;margin-right: 10px;background: #fff0;display: flex;align-items: center;justify-content: center;border-radius: 100%;transition: all 0.3s ease;border: 1px dashed #fff;} 
.call-now:hover .img-bx { border-style: solid; transform: scale(1.05); } 
.call-now .img-bx svg {height: 13px;width: 13px;color: #fff;} 
.call-now .con-bx { text-align: left; } 
.call-now .con-bx span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    } 
    .topbar p.mb-0.ms-2.text-white {
       font-size: 16px;
    letter-spacing: 0.5px;
}
.call-now .con-bx span a {font-size: 15px;font-weight: bold;color: #fff;margin-top: 0px;} 
ul.social1.m-0.d-flex.list-style-none.align-items-center.justify-content-between { width: 100%; height: 100%; } 
/* .navigation .navbar button { float: right; width: 40px; height: 40px; background: transparent; border: 0; outline: 0; color: #fff; font-size: 25px; border-radius: 0; text-align: center; line-height: 40px; position: relative; z-index: 99; padding: 5px; position: relative; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; } 
.navigation .navbar button span { display: block; position: absolute; height: 3px; width: 70%; background: #164178; border-radius: 9px; opacity: 1; left: 15%; transform: rotate(0deg); transition: .25s ease-in-out; } 
.navigation .navbar button span:nth-child(1) { top: 8px; } 
.navigation .navbar button span:nth-child(2), .navigation .navbar button span:nth-child(3) { top: 18px; } 
.navigation .navbar button span:nth-child(4) { top: 28px; } 
.navigation .navbar button.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } 
.navigation .navbar button.open span:nth-child(2) { transform: rotate(45deg); } 
.navigation .navbar button.open span:nth-child(3) { transform: rotate(-45deg); } 
.navigation .navbar button.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; }  */
/* .navigation .menu { display: block } 
.navigation .menu ul {  width: 100%; margin: 0; padding: 0; text-align: right; display: flex; position: relative; justify-content: end;    padding-left: 18px; } 
.navigation .menu ul li { display: inline-block; position: relative } 
.navigation .menu ul li a {    padding: 24px 8px;
    display: block;
    color: #383838;
    transition: all 0.3s ease;
    font-size: 15px;
    background: transparent;
    font-weight: 600;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-family: "Manrope", sans-serif;} 
.navigation .menu ul li.active a, .navigation .menu ul li:hover a {color: var(--primary-blue);background: transparent;} 
.navigation .menu ul li ul.cs-dropdown { top: 100%; left: 0; text-align: left; border: 0; } 
.navigation .menu ul li ul.cs-dropdown li:last-child { border: 0 } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown { left: 100%; margin-top: -36px } 
.navigation .menu ul li ul.cs-dropdown li ul.cs-dropdown li ul.cs-dropdown { left: -100%; margin-top: -31px } 
.navigation .menu ul li ul.cs-dropdown { position: absolute; width: 250px; display: none; z-index: 99999; box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.4); background: #fff; margin: 0; padding: 0; transition: all .3s ease } 
.navigation .menu ul li:hover ul.cs-dropdown { display: block } 
.navigation .menu ul li:hover ul.cs-dropdown li ul.cs-dropdown { display: none; transition: all .3s ease; } 
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown { display: block } 
.navigation .menu ul li ul.cs-dropdown li { display: block; padding: 0; border-bottom: 1px solid #eee; width: 100% } 
.navigation .menu ul li ul.cs-dropdown li:last-child a { border-bottom: 0 } 
.navigation .menu ul li ul.cs-dropdown li:last-child a:after { display: none } 
.navigation .menu ul li ul.cs-dropdown li a:hover { color: #fff; background: var(--primary-blue); } 
.navigation .menu ul li ul.cs-dropdown li:hover a { color: #fff !important; background: var(--primary-blue)} 
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a { background: #fff; color: #333 } 
.navigation .menu ul li ul.cs-dropdown li:hover ul.cs-dropdown li a:hover { color: #fff; background: var(--primary-blue); } 
.navigation .menu ul li ul.cs-dropdown li a {     color: #1a1a1a;
    font-size: 15px;
    padding: 7px 15px;
    position: relative;
    display: block;
    text-transform: capitalize;
    background: #fff;
    font-weight: 500;
    transition: all 0.3s ease;
    border-bottom: 0px solid transparent;
    letter-spacing: 0px; } 
.navigation ul li.cs-submenu a button { border: 0; background: transparent; outline: 0; padding: 0; margin: 0 0 0 3px; color: #333; } 
.navigation ul li.cs-submenu a button svg { width: 16px; height: 16px; } 
.navigation ul li.cs-submenu:hover svg { transform: rotateZ(180deg); color: var(--primary-blue); } 
.navigation ul li.cs-submenu:hover ul.cs-dropdown li.cs-submenu svg { color: #242424 } 
.navigation ul li.cs-submenu ul.cs-dropdown li a button { float: right; color: #333; } 
.navigation ul li.cs-submenu ul.cs-dropdown li a button svg { transform: rotateZ(-90deg); } 
.navigation ul li.cs-submenu ul.cs-dropdown li.cs-submenu:hover svg { color: #fff; } 
.navigation .navbar { display: none; padding: 12px 0; margin: 0 } 
.menubar .logo img { width: 215px; max-width: 215px; } 
.hidden-lg{display: none !important;} 
.list-style-none li{list-style: none;}  */
/* .navigation .menu ul li:nth-child(4) ul.cs-dropdown{width: 650px;border: 1px solid #eee;} 
.navigation .menu ul li:nth-child(4) ul.cs-dropdown li { width: 50%;  margin: 0px 0px; border-left: 1px solid #eee; } 
.navigation .menu ul li:nth-child(10) ul.cs-dropdown {left: -95%;}  */
header .btn-primary {
    color: #fff;
    background-color:  var(--primary-orange);
    border-color:  var(--primary-orange);
    border-radius: 21px;
    padding: 0px 15px;
    font-size: 17px;
    letter-spacing: 1px;
    margin: 0px;
    line-height: 24px;
    text-transform: uppercase;
}
.navigation .menu .instagram1 {
    width: 190px;
}
.navigation .menu .instagram1 button.btn.fw-bold {
    color: #fff;
    font-size: 19px;
    font-weight: 500 !important;
    background: var(--primary-blue);
    border-radius: 50px;
}
.box-title a.text-blue {
        font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    line-height: 17px;
}
/* banner */ 
/* .home_slider {  width: 100%; margin: 0; padding: 0; position: relative } 
.home_slider #slider { overflow: hidden; width: 100% } 
.slide { position: relative; display: block; z-index: 6; width: 100%; height: 100%; overflow: hidden; } 
.home_slider .slide img { width: 100%; } 
#slider .owl-prev, #slider .owl-next, .owl-next, .owl-prev {    line-height: 0;
    position: absolute;
    top: 59%;
    display: block;
    width: 45px;
    height: 45px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #fff !important;
    border: 0;
    outline: 0;
    background:  var(--primary-orange) !important;
    border-radius: 100%;
    z-index: 9;
    opacity: 1;
    border: 2px solid #fff;} 
.carousel-control-next-icon, .carousel-control-prev-icon {width: 20px;
    height: 20px;
    filter: none;}
#slider .owl-prev, .owl-prev { left: 15px; } 
#slider .owl-next, .owl-next { right: 15px; } 
.carousel-indicators [data-bs-target] {  background-color: #0f2d51;}
#slider .owl-prev:hover, #slider .owl-next:hover, .owl-next:hover, .owl-prev:hover { background: #164178; color: #fff; border-color: #ffffff; } 
#slider .owl-dots { position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto }  */
.hero-section {
  position: relative;
  height: auto;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #0000007a;    padding-top: 0px;
}
.hero-section .hero-video .carousel-item:after {
content: '';
    position: absolute;
    inset: 0;
    background: #03060eb5;
    opacity: 0.5;
    z-index: 9;
}
.position-absolute.w-50.top-50.start-0.translate-middle-y.ps-5{z-index: 999;}
textarea.form-control { 
    font-size: 16px !important;
}
.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.hero-content {
  max-width: 1000px;
  z-index: 2;
}
.hero-section .owl-next {
    right: 15px;
}
.hero-section .owl-prev {
    left: 15px;
}
.video-logo .circle-logo {
    background: rgba(255, 255, 255, 0.1);
    display: flex
;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 100vmax;
}
.video-logo i {
  font-size: 20px;
  color: red;
}
.video-logo .circle-text {
  position: absolute;
  top: 100%;
  width: max-content;
  margin-top: 10px;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.hero-title {
font-size: 45px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: normal;
}
.hero-title .highlight {
  color: var(--white-color);
}
.hero-search-form .search-fields {
  /* background: #ffffffcf; */
    border-radius: 5px;
    padding: 0px;
    display: flex
;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}
.hero-search-form .form-control::placeholder{color:#333}
.hero-search-form .form-group label{
    font-weight: 600;
    font-size: 17px;
    margin-bottom: -7px;
    text-align: start;
}
button.btn.btn-outline-light.advanced i {
    padding-left: 10px;
    align-items: center;
    display: flex
;
}

.hero-search-form .form-control {
    border-radius: 5px;
    border: 1px solid #ffffffc7;
    padding-left: 10px;
    font-size: 18px !important;
    text-align: start;
    padding-right: 10px;
    height: 45px;
    margin-top: 0px;
    max-width: 100%;
    min-width: 100%;
    background: #ffffff61;
}
select.form-select {
     border-radius: 5px;
    border: 1px solid #d7d7d7;
    padding-left: 10px;
    font-size: 14px !important;
    text-align: start;
    padding-right: 10px;
    height: 41px;
    margin-top: 0px;
    max-width: 100%;
    min-width: 100%;
    background-color: #ffffff61;    color: #6a6a6a;
}
.form-group input.form-control {
    font-size: 14px !important;
}
.hero-search-form .btn {
      border-radius: 50px;
    white-space: nowrap;
    min-width: 140px;
    padding: 7px 25px;
    cursor: pointer;
    background: var(--primary-blue);
    border: none;
    font-size: 17px;    color: #fff;
    display: flex
;
    align-items: center;
    justify-content: space-around;
}
button.btn.btn-outline-light.advanced {
    background: var(--primary-orange);
}
form.hero-search-form .form-group {
    margin: 0px;
}
.property-types {
  margin-top: 0px;
  display: flex;
  gap: 15px;
  justify-content: center;
  flex-wrap: wrap;
}
.type-btn {
  background: rgba(0,0,0,0.6);
  color: #fff;
  border: none;
  padding: 8px 18px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 17px;
}
.webpulse_home_clients .item .image { background:#fff;border-radius: 10px;position: relative; padding: 15px 10px 0px; text-align: center; min-height: 100px; max-height: 100px; overflow: hidden; } 
.webpulse_home_clients .item .image img { position: absolute; max-width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; } 
.faq_section {  width: 100%; margin: 0; padding: 40px 0; background: #fff; } 
.title_2 { padding: 0 0 0px; font-size: 24px; margin: 0;  width: 100%; text-align: center; text-transform: uppercase; color: #164178; margin-bottom: 25px; position: relative; font-weight: 600; } 
.title_2:after { background: var(--primary-blue); bottom: -10px; content: ""; height: 2px; left: 0; right: 0; margin: 0 auto; position: absolute; width: 50px; } 
.accordion-header { padding: 0; } 
.accordion-item {
    margin-bottom: 7px;
    margin-top: 0;
    overflow: hidden;
    font-size: 17px;
    letter-spacing: 0.5px;
    line-height: 24px;
    background: #0081A200;
    border-radius: 10px !important;
    border: 1px solid #0081A233 !important;
 } 
 .accordion-header {
    padding: 0;
    font-size: 17px;
    background: #0081A212;
}
.accordion-item:not(:first-of-type) { border: 1px solid rgba(0, 0, 0, 0.125); } 
.accordion-button { font-size: 17px; font-weight: 600; text-transform: initial; padding: 12px 0px; border: none !important; letter-spacing: 0.5px; } 
.accordion-button:not(.collapsed) { color: var(--primary-blue); background: #fff; font-weight: normal; } 
.accordion-item:last-child{border: none !important;} 
.accordion-button:not(.collapsed):after { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>"); transform: rotate(0deg);    filter: invert(1); } 
.accordion-button:hover, .accordion-button:focus { color: var(--primary-blue); background: #fff; } 
.accordion-button:hover:after { background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/></svg>"); transform: rotate(-180deg);    filter: invert(1); } 
.accordion-body p { font-size: 15px; line-height: 24px; text-align: justify; } 
.accordion-button::after { border: 1px dashed #646464; text-align: center; border-radius: 50px; background-position: center center; padding: 5px; width: 28px; height: 28px; } 
.vs-accordion1.why-choose-us-sd.accordion ul li { margin-bottom: 5px; } 
.vs-accordion1.why-choose-us-sd.accordion ul { margin-top: 10px; height: 188px; overflow-y: auto; } 
.vs-accordion1.why-choose-us-sd.accordion ul { margin-top: 10px; } 
/* Footer */ 
 
.social-icons {  overflow: hidden; margin: 0; } 
.text-right{ text-align: right; } 
#web-pulse-scroll-up {position: fixed;z-index: 9;bottom: 60px;right: 5px;width: 45px;height: 45px;border-radius: 50%;color: #fff;line-height: 46px;text-align: center;text-decoration: none;cursor: pointer;transition: all 0.25s;display: none;background:  var(--primary-orange);} 
#web-pulse-scroll-up svg { width: 24px; height: 24px; } 
#web-pulse-scroll-up:hover { background: var(--primary-blue); color: #fff; } 
.web-pulse-india address {  width: 100%; } 
.web-pulse-india address .title_6 { font-size: 17px; color: #bae2ff; margin: 0 0 10px; padding: 0; text-transform: capitalize; font-weight: 600; } 
.popular_tag { margin: 0 0 20px; padding: 0;  width: 100%; } 
.popular_tag li { list-style: none; display: inline-block; margin-right: 5px; margin-bottom: 5px; } 
.popular_tag li a { border: solid 1px rgba(255, 255, 255, 0.5); display: inline-block; text-decoration: none; transition: all .3s ease; color: #fff; border-radius: 50px; padding: 4px 15px; } 
.widget__newsletter-form {  width: 100%; margin: 0 0 15px; padding: 0; position: relative; } 
.widget__newsletter-form .form-control { font-size: 13px; background-color: transparent; border: 1px solid #eee; border-radius: 20px; background: #222; } 
.widget__newsletter-form .btn { min-width: 30px; width: 30px; height: 30px; line-height: 26px; border-radius: 50%; padding: 0; position: absolute; top: 5px; right: 10px; background: #fd5d14; color: #fff; text-align: center; } 
.widget__newsletter-form .btn i { position: relative; font-size: 17px; margin: 0; top: 0; left: 0; } 
.whatapp_btn { background: #01e675; width: 45px; height: 45px; color: #fff; position: fixed; left: 5px; bottom: 60px; cursor: pointer; z-index: 9; border-radius: 100%; display: flex; align-items: center; justify-content: center; transition: all 300ms ease-in-out; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16), 0px 3px 10px rgba(0, 0, 0, 0.16); } 
a.whatapp_btn.whatapp_btn2 {bottom: 10px;right:5px;left: inherit;background: var(--primary-blue);} 
.whatapp_btn svg { width: 24px; height: 24px; } 
.whatapp_btn:focus, .whatapp_btn:hover { background: #01e675; color: #fff; } 
#whatsapp .modal-dialog { margin-top: 12%; } 
.send_enquiry {background: #ffffff;border-radius: 40px;bottom: 10px;color: #ffffff;display: table;height: 45px;left: 5px;min-width: 45px;position: fixed;text-align: center;z-index: 9;transition: all 0.2s linear;background:  var(--primary-orange);display: flex;align-items: center;justify-content: center;} 
.send_enquiry svg { width: 24px; height: 24px; line-height: 50px; } 
.send_enquiry:hover { color: #fff; padding: 0 20px; } 
.send_enquiry:focus { color: #fff; } 
.send_enquiry span { display: table-cell; vertical-align: middle; font-size: 17px; letter-spacing: -15px; opacity: 0; line-height: 50px; transition: all 0.5s; text-transform: uppercase; } 
.send_enquiry:hover span { opacity: 1; letter-spacing: 1px; padding-left: 10px; } 
.modal-content { border-radius: 0; } 
.modal-header { padding: 0 15px; background:linear-gradient(180deg, #d20063, #a60350); color: #fff; border-radius: 0; } 
.modal-header h4 { text-align: left; font-size: 17px; line-height: 18px; color: #fff; } 
.modal-header .modal-title { text-align: left; font-size: 17px; line-height: 18px; color: #fff; padding: 15px 0; text-transform: initial; letter-spacing: 0.2px; } 
.btn-close { width: 1em; height: 1em; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; outline: 0; } 
.send_p { font-size: 13px; line-height: 18px; text-align: center; } 
.g-recaptcha { transform: scale(0.80); transform-origin: 0 0; -webkit-transform-origin: 0 0 } 
/* Inner Heading Banner*/ 
.heading_banner {  width: 100%; position: relative; background-size:cover; background-position: center; padding:25px 0px; margin: 0; } 
.heading_banner:before { position: absolute; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; z-index: 0; content: ''; } 
.heading_banner .container { position: relative; z-index: 9; } 
.heading_banner h1 { margin: 0 0 10px; text-transform: capitalize; font-size: 36px; font-weight: 600; color: #fff; text-align: center; display: inline-block; width: auto; padding: 10px 20px; } 
.heading_banner h2 { margin: 0; letter-spacing: 0px; text-transform: capitalize; font-size: 17px; font-weight: normal; color: #eee; text-align: center; text-align: center; display: inline-block; width: auto; padding: 10px 20px; } 
.heading_banner .cat_title {     margin: 0 0 0px;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: auto;
    padding: 0px; } 
.heading_banner .cat_title2 { margin: 0; letter-spacing: 0px; text-transform: capitalize; font-size: 17px; font-weight: normal; color: #eee; text-align: center; text-align: center; display: inline-block; width: auto; padding: 10px 20px; } 
/* Breadcrumb*/ 
.inner_breadcrumb{  width: 100%; background:#fff;position:relative;margin:0;box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.2); } 
.inner_breadcrumb .breadcrumb{background:none;border-radius:0;border:none;list-style:none;padding:0;float:left;text-transform:capitalize;margin:0;} 
.inner_breadcrumb .breadcrumb li{font-weight:bold;text-transform:uppercase;color:#666;float:left;line-height:25px;    display: flex;
    align-items: center;font-size: 15px;} 
.inner_breadcrumb .breadcrumb li a{ padding:0;color:#666;letter-spacing:0.3px;} 
.inner_breadcrumb .breadcrumb li:before{font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;padding:0 14px;color:#fff;display:inline-block;} 
.inner_breadcrumb .breadcrumb li.active{color:var(--primary-blue);} 
.inner_breadcrumb .breadcrumb li + li:before{content:"/";color:#fff;padding:0 14px;} 
.inner_breadcrumb .breadcrumb li + li:before{  padding:20px 10px;color:#bfbfbf;} 
.title_h2 {  width: 100%; padding: 8px 10px; margin: 0; line-height: 30px; background: var(--primary-blue); font-size: 24px; color: #fff; font-weight: 600; } 
.right_side .title_h2 {  width: 100%; padding: 8px 10px; margin: 0; line-height: 30px; background: var(--primary-blue); font-size: 24px; color: #fff; font-weight: 600; } 
 
/* get-in-touch */
.parallax {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat-y;
    background-position: top center;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
}
.layer-overlay.overlay-theme-colored-9::before {
    background-color:rgb(248 249 250);
}
.layer-overlay::before {
    background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0;
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.funfact .text-white.text-uppercase {
    font-weight: 400 !IMPORTANT;
    font-size: 12px;
}
.funfact .animate-number {
    line-height: 1;
    font-size: 38px;
    color: #fff;    font-weight: 700;
}
.funfact .text-white.text-uppercase {
    font-weight: 400 !IMPORTANT;
    font-size: 17px;
    letter-spacing: 0.5px;
}
.text-theme-colored2 {
    color:  var(--primary-orange) !important;
}
.menubar.stricky-fixed .navigation .menu .instagram1 button.btn.fw-bold:hover{color:  var(--primary-orange);}
.bg-dark-transparent-2 {
    background-color:rgb(255 255 255) !important;
}
.title-pattern.mt-0 {
    font-weight: 400;
    line-height: 1.42857143;
    color: #333333;
     font-size: 25px;
    font-family:  "Plus Jakarta Sans", sans-serif;
}
.navigation .menu ul li a:hover, .call-now .con-bx span a:hover, .footer-sect .list-border1 li a:hover, .footer-sect .footer-top .recent-post-widget .post-item .post-title a:hover {
    color:  var(--primary-orange);    background: #eee;
    }
    .menubar.stricky-fixed .navigation .menu >ul >li a:hover {
    color:  var(--primary-orange);
}
.reservation-form .form-control {  background-color:  var(--primary-orange)05;
    color: #303030;}
    .reservation-form .form-control::placeholder{color:#333;}
    .reservation-form .form-control:focus {
        border-color: #bedcff;}
        .reservation-form textarea, .reservation-form select, .reservation-form input {
            border: 1px solid  var(--primary-orange)29 !important;}
            .p-4.mt-0.bg-dark-transparent-2 {
                border: 1px solid  var(--primary-orange)29 ;
                border-radius: 5px;
            }
            .styled-select select {
    color: #333 !important;
}
            button.btn.bd-btn.btn-secondary-white.btn-colored.btn-theme-colored2.text-white.btn-lg.btn-block:hover {
                background: #fff;
                color: #ea6629 !important;
                border: 1px solid #ea6629;
            }
            #slider .owl-prev:hover, #slider .owl-next:hover, .owl-next:hover, .owl-prev:hover {
                background: #164178 !important;
                color: #fff !important;}
                .menubar.stricky-fixed .navigation .menu ul li a, .menubar.stricky-fixed .navigation .menu .instagram1 button.btn.fw-bold { 
    color: #464646;}
.menubar.stricky-fixed .navigation .menu .instagram1 button.btn.fw-bold {
    color: #ffffff;
}    

.navigation .menu >ul >li.active a {
    color: #d20063;
}

.menubar.stricky-fixed .navigation .menu > ul > li.active a {
    color: #d20063 !important;
}

      /* .menubar.stricky-fixed .logo img { 
    filter: brightness(0.5);
} */
 .call-now .con-bx span a:hover{color:#ffc195}
 header ul.social li a:hover svg{color:var(--primary-blue);fill:var(--primary-blue)}
.navigation ul li.cs-submenu a button {
    color: #222222;
}
      .menubar.stricky-fixed .navigation ul li.cs-submenu a button { color: #464646;}
        .carousel-caption-left {
      left: 5%;
      right: auto;
      top:47%;
      transform: translateY(-50%);
      text-align: left;
    }

    .slide-in-left {
      animation: slideInLeft 1s ease forwards;
      opacity: 0;
    }

    @keyframes slideInLeft {
      0% {
        transform: translateX(-50%);
        opacity: 0;
      }
      100% {
        transform: translateX(0);
        opacity: 1;
      }
    }


 

.text {
    position: absolute;
    width: 100%;
    height: 100%;
    color: var(--darkGreyColor);
    font-size: 17px;
    animation: textRotation 8s linear infinite;
    margin: 0;
    padding: 0;
}

@keyframes textRotation {
    to {
        transform: rotate(360deg);
    }
}

.text span {
    position: absolute;
    left: 49%;
    font-size: 17px;
    transform-origin: 0px 60px;
    color: #fff;
    top: -18px;
    font-weight: 600;
}
.video-logo .circle-logo { 
    width: 80px;
    height: 80px; 
}
li.pb-1 a {
   color: #fff;
    font-size: 14px;
}
li.pb-1 a:hover {
    color: #92e9ff;
}
/* searchbar */
.hero-search-wrapper {
    background: var(--white-color);
    border-radius: 50px;
    padding: 0px 15px 30px;
    position: relative;
    z-index: 1;
}
form.hero-search-form {
    max-width: 955px;
    margin: auto;position: relative;
}
form.hero-search-form .form-group label {
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 5px;
    text-align: start;
    color: var(--primary-blue);
    text-transform: uppercase;
    letter-spacing: 1px;
}
.advanced-fields {
    background: #ffffff;
    position: absolute;
    bottom: -103px;
    width: 100%;
    padding: 20px;  
    justify-content: space-between;
    right: 0px;
    border-radius: 5px;}

.advanced-fields .form-group label {
    margin-top: 0px;
    margin-bottom: 10px !important;
}

form.hero-search-form .advanced-fields .form-group {
    width: 32%;
}
.hero-search-form .advanced-fields .form-control { 
    max-width: 100%;
    min-width: 100%; 
}
.max-content{max-width: 75%;text-align: center; margin: auto;    margin-bottom: 15px;}
.sub-title { 
    color: var(--primary-orange);
    margin-bottom: 9px;
    position: relative;
    margin-top: 4px;
    padding-top: 0;
    letter-spacing: normal;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    display: inline-block;
}
.sub-title .double-line:before, .sub-title:before {
    width: 20px;
    background-color:var(--primary-orange);
}
.sub-title .double-line:before, .sub-title:before, .sub-title .double-line:after, .sub-title:after {
    position: absolute;
    content: "";
    height: 2px;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    top: 50%;
    right: -10px;
}
.sub-title .double-line:after, .sub-title:after {
    margin-top: -5px;
    width: 12px;
    background-color:#333;
}

.sub-title .double-line:after {
    left: -36px;
}
.sub-title .double-line:before{ left:-51px;}
.title1{     margin-top: -3px;
    text-transform: capitalize;
    font-size: 25px;
    font-family:  "Manrope", sans-serif;
    font-weight: 900;
    color: var(--primary-blue);
    margin-bottom: 3px;}

/* property type */
footer .box-title a { 
    color: var(--primary-blue);
}
.slider-area {
    position: relative;
}
.category-card {
    background-color: #fff;
    border: 1px solid #D200632e;
    padding: 0px 15px 15px;
    text-align: center;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    border-radius: 8px;
    margin-top: 110px;margin-bottom: 20px;
}
.category-card .box-icon {
    width: 85px;
    height: 85px;
    line-height: 85px;
    background-color: #fff;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    border: 1px solid #D200632e;
    margin-top: -50px;
    z-index: 2;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;    display: flex
;
    align-items: center;
    justify-content: center;
}
.category-card .box-icon::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    background:  var(--primary-orange);
    border-radius: 50%;
    right: 22px;
    top: 22px;
    z-index: -1;
    opacity: .5;
    -webkit-transition: .5s;
    transition: .5s;
}
.category-card:hover .box-icon img {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-filter: invert(1);
    filter: invert(1);
}
.box-icon img {
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    width: 40px;
    height: 40px;
}
.category-card .box-title {
    font-size: 18px;
    margin-bottom: 0px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-top: 15px;
    -webkit-transition: all 0.5s ease;
    font-family: "Manrope", sans-serif;
    transition: .4s;
    color: #003f7c;
}
.box-title {
    font-size: 24px;
    line-height: 1.417;
    font-weight: 600;
    margin-top: -0.32em;
}
.box-title a {
    color: inherit;    font-size: 16px;
    font-weight: 800;
    color: #D20063;
    font-family: "Manrope", sans-serif;
}
 
.category-card .box-subtitle {
    font-size: 17px;
    margin-bottom: 0px;
    -webkit-transition: all 0.5s ease;
    transition: .4s;
}
.category-card:hover .box-icon::before {
    width: 100%;
    height: 100%;
    background:  var(--primary-orange);
    opacity: 1;
    right: 0px;
    top: 0px;
}
.category-card:hover {
       border-color: #D200632b;
    background: #D2006312;
}
 
.category-card .box-title a { 
    font-weight: 800;
}
  
.owl-prev, .owl-prev {
    left: -15px;
}
 .owl-next{right:-15px;}
.owl-prev, .owl-next, .owl-next, .owl-prev {
       line-height: 0;
    position: absolute;
    top: 46%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    transform: translate(0, -50%);
    cursor: pointer;
    color: #fff !important;
    outline: 0;
    background: #D20063 !important;
    border-radius:3px;
    z-index: 9;
    opacity: 1;
    border: 1px solid #D20063 !important;
    transform: rotate(45deg);opacity: 1;
}
button.owl-prev svg {
    transform: rotate(-45deg);
}
button.owl-next svg {
    transform: rotate(-45deg);
}
.featuredProducts:hover button.owl-prev{opacity: 1;}
.featuredProducts:hover button.owl-next{opacity: 1;}
.popular-list-1 .property-bottom .box-title {
       font-size: 17px;
    color: #403535;
    font-weight: 900;}

.popular-list-1 .property-featured li { 
    border-right: 1px solid #40353561;
    padding-right: 10px;
}
.popular-list-1 .property-featured li:last-child{border:none;padding-right:0px;}
 
/* Video Section */
.property-values-1-video {
    position: relative;
}

.property-values-1-video .video-thumb {
    margin-left: -87px;
    padding-right: 25px;
}

.property-values-1-video .video-thumb img {
    border-radius: 0 50% 50% 0;
}

.property-values-1-video .play-btn {
    position: absolute;
    top: 50%;
    left: 38%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    text-align: center;
    font-size: 26px;
    color: #fff;
    --icon-size: 78px;
}

.play-btn {
    display: inline-block;
    position: relative;
    z-index: 1;
}

.play-btn > i {
    display: flex;
    text-align: center;
    background-color: transparent;
    color: #fff;
    border-radius: 50%;
    border: 0px solid #fff;
    transition: all ease 0.4s;
}
 

/* blog section */
.blog-card {
    background-color: #fff0;
    border-radius: 0;
    border: none;
    transition: 0.4s;
}

.blog-card .blog-img {
    position: relative;
    height: auto;
    overflow: hidden;
    border-radius: 16px;
    aspect-ratio: 134 / 85;
}

.blog-card .blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s ease-in-out;
}

/* Date Badge */
.blog-card .blog-img .date {
    position: absolute;
    left: 0;
    bottom: 0;
    background:#D20063;
    color: #ffffff;
    padding: 25px 18px;
    border-radius: 0 8px 0 8px;
}

.blog-card.style-2 .blog-img .date {
    left: 24px;
    bottom: 34px;
    padding: 7px 20px;
    border-radius: 8px 8px 0 0;
    z-index: 4;
}

.blog-card .blog-img .date a {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

 

.blog-card.style-2 .blog-img .date a span {
    display: inline;
    line-height: 1;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.blog-card.style-2 .blog-img .date a span:last-child {
    margin-bottom: 0;
}

/* Blog Content */
.blog-card.style-2 .blog-content {
    background: #ffffff;
    border: 1px solid #e2e2e5;
    border-radius: 0 8px 8px 8px;
    margin: -35px 24px 0;
    padding: 15px;
    position: relative;
    z-index: 3;
}
  

/* new section */
.counter1 .property-values-1-counter .icon {
    width: 125px;
    height: auto; 
    background: #f1e8e600;}

.corner:before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 30px;
    height: 30px;
    z-index: 0;
    border: 2px solid var(--primary-blue);
    border-width: 2px 0 0 2px;
    border-radius: 2px 0 0 0;
}
.corner:after {
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    z-index: 0;
    width: 30px;
    height: 30px;
    border: 2px solid var(--primary-blue);
    border-width: 2px 2px 0 0;
    border-radius: 0 2px 0 0;
}
.corner .bottom_corners:before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: -2px;
    z-index: 0;
    width: 30px;
    height: 30px;
    border: 2px solid var(--primary-blue);
    border-width: 0 0 2px 2px;
    border-radius: 0 0 0 2px;
}
.corner .bottom_corners:after {
    content: "";
    position: absolute;
    bottom: -2px;
    right: -2px;
    z-index: 0;
    width: 30px;
    height: 30px;
    border: 2px solid var(--primary-blue);
    border-width: 0 2px 2px 0;
    border-radius: 0 0 2px 0;
}
.property-values-1-counter.corner.position-relative {
    background: #fff;
    padding: 40px 15px;
}
.corner:hover .bottom_corners:before, .corner:hover .bottom_corners:after, .corner:hover:before, .corner:hover:after {
    border-color: var(--primary-blue);
    height: 100%;
    z-index: 0;
    width: 100%;
    -ms-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}
/* steps */
.step1 .work-single-boxarea {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 30px;
}
.step1 .work-single-boxarea img.squeres {
  position: absolute;
  top: -30px;
  left: 20px;
  z-index: -1;
  transition: all .8s;
}
.step1 .work-single-boxarea:hover .squeres {
    transform: rotate(-90deg);
    transition: all .8s;
}
.space56 {
  height: 56px;
}
.step1 .work-single-boxarea.last-box:after{display: none;}
.step1 .work-single-boxarea::after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  left: 50%;
  bottom: 20%;
    background: #da5e3c;
    opacity: 30%;
  z-index: -1;
}

.step1 .work-single-boxarea .textarea a, .step1 .work-single-boxarea .textarea span {
  text-align: center;
  transition: all .4s; 
  font-size: 24px;
}
.step1 .work-single-boxarea:hover .textarea span {
    background: #f1883b;
    transition: all .4s;
    color: #ffffff;
}
.step1 .work-single-boxarea .textarea span {
  height: 48px;
  width: 48px;
  line-height: 48px;
  display: inline-block;
  color:#fff;
  font-weight:500;
  background: var(--primary-blue);
  border-radius: 50%;
}
.space18 {
  height: 18px;
}
.step1 .work-single-boxarea .textarea a {
 color: #333;
    font-size: 20px
}
  
header ul.social li a svg {
    color: var(--primary-blue);
    fill:#D20063;
    }

  
         .shadow {
    box-shadow: 0px 0px 5px 1px #ccc !important;
}

.transition {
    transition: all 0.5s ease;
}
.w-95 {
    width: 95%;
}
.transition {
    transition: all 0.5s ease;
}
.end-50px {
    right: 50px;
}
.top-10px {
    top: 10px;
}
.z-index-1 {
    z-index: 1;
}
.border-sky {
    border-color: var(--primary-blue);
}
.h-80px {
    height: 80px !important;
}
.w-80px {
    width: 80px !important;
}
.main-img {
    border: 2px dashed  var(--primary-orange) !important;
    padding: 6px !important;
    background: #ffffff;
}
.layer, .layer-white {
    border-radius: 25px;
}
.transition {
    transition: all 0.5s ease;
}
.layer, .layer-white {
    border-radius: 25px;
}
.layer-white::before {
    content: "";
    background: white;
    width:95%;
    position: absolute;
    z-index: 0;
    border: solid 9px #fff;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    left: 2px;
    top: -18px;
}
.transition {
    transition: all 0.5s ease;
}
.bg-orange1 {
    background-color:  var(--primary-orange);
}
.w-150 {
    width: 150px;
}
.card-triangle {
border-left: 30px solid transparent;
    bottom: -25px;
    border-right: 0px solid transparent;
    border-bottom: 24px solid #445476;
    transform: rotate(180deg);
}
.lsp-5px {
    letter-spacing: 1px;
}
.layer.transition.bg-sky1.p-2.pt-0 {
    background: linear-gradient(180deg, #0116e736, var(--primary-blue)) !important;
}
span.lsp-5px.fw-bold.text-black {
    font-size: 20px;
    font-weight: 600;
    color: rgb(32, 32, 32);
    font-family:  "Plus Jakarta Sans", sans-serif;
    letter-spacing: 1px;
}
.reservation-form button.btn {
    background:  var(--primary-orange);
    font-size: 17px;
    font-family:  "Plus Jakarta Sans", sans-serif;
    font-weight: 600;
    letter-spacing: 0.5px;    color: #fff;
}
.mx-2.text-white {
    color: #fff !important;
    font-size: 17px;
}
section.wps-rows.aboutus-section.py-50 {
    padding-top: 70px;
}
.menubar .logo img {
    width: 150px;
    max-width: 150px;
    /* filter: invert(1); */
}
  
.skewed-header {
    position: absolute;
    height: 100%;
    color: rgb(0, 0, 0);
    display: flex;
    align-items: center;
    padding-left: 0px;
    right: 0px;
    width:65%;
    top: 0px;
    z-index: 0;
    background:#D20063;
}
.topbar .d-flex.justify-content-end {
    position: relative;
    z-index: 1;
    align-items: center;
}
.blog-card .box-title a {
    margin: 10px 0px 10px;
    transition: 0.4s;
    line-height: normal;
    color: #0081a2;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.blog-card:hover .box-title a{color: var(--primary-orange);}
.blog-card:hover .blog-img img{transform: scale(1.1);}
 a.read-more-link {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-top: 0px;
    font-weight: 700;
    color: #d20063;transition: all 0.5s ease;
    text-decoration: none;
    cursor: pointer;
    transition: .3s;
    font-size: 15px;
}
a.read-more-link:hover{color: #0081a2;}
/* testimonials */
.owl-dots {
    display: flex
;
    justify-content: center;
    align-items: center;
}
.owl-dots button.owl-dot {
     background: #00000063;
    width: 20px;
    height: 7px;
    margin: 5px;
    border-radius: 0px;
}
.owl-dots button.owl-dot.active {
    background:  var(--primary-orange);
}
 
/* form */
.glass-card {
    background: rgba(255, 255, 255, .76);
    backdrop-filter: blur(18px);
    border: 1px solid rgba(255, 255, 255, .45);
    border-radius: 10px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .14);
}
a.send_enquiry.send_enquiry2 {
    bottom: 110px;
    background: #003f7c;
    border: 1px solid #eeeeee5e;
}
.div.position-absoluted {
    text-align: left;
}
.div.position-absoluted p {
    color: #fff;
    font-size: 20px;
}
.titles{ 
     font-size: 25px;
    color: #060606;
    font-weight: 500;
    line-height: normal;
    margin: 0px 0px;
    display: block;
    width: 100%;
    padding: 15px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.iti {width: 100%;}
select, input {
    border: 1px solid #ccc;
    height: 40px;
    border-radius: 0;
    background: #fff;
    line-height: 40px;
    box-shadow: none;
    padding: 0 10px;
    box-sizing: border-box;
}
.iti__selected-country-primary {
    background: #eee;
    padding: 0px 3px;
}
span.iti__country-name {
    color: #333;
}
 .iti .iti__selected-dial-code { 
    color: #333;
}
.error-message {
    color: red;
    margin-top: 5px;
}
/* gallery section */
/* .gallery-section{ */
  /* padding:100px 0; */
  /* background:#f8fafc;  */
/* } */
 

.section-title{
  font-size:48px;
  font-weight:900;
  color:#D20063;
  margin-bottom:14px;
}

 

.gallery-filter button{
  border:1px solid rgba(11,78,144,.14);
  background:#fff;
  color:#0f172a;
padding: 11px 20px;
    border-radius: 50px;
    margin: 5px;
    font-size: 16px;
    font-weight: 600;
    transition: .3s ease; 
}

.gallery-filter button.active,
.gallery-filter button:hover{
  background:linear-gradient(135deg,#D20063,#D20063);
  color:#fff;
  border-color:transparent;
}

.masonry-gallery{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  grid-auto-rows:230px;
  gap:22px;
}

.gallery-card{
  position:relative;
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 18px 45px rgba(15,23,42,.10);
}

.gallery-card.tall{
  grid-row:span 2;
}

.gallery-card.wide{
  grid-column:span 2;
}

.gallery-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:.55s ease;
}

.gallery-card:hover img{
  transform:scale(1.08);
}

.gallery-overlay{
  position:absolute;
  inset:0;
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  background:linear-gradient(180deg,rgba(0,0,0,0),rgba(11,78,144,.88));
  color:#fff;
  opacity:0;
  transition:.35s ease;
}

.gallery-card:hover .gallery-overlay{
  opacity:1;
}

.gallery-overlay .title4{
    font-size: 22px;
    font-weight: 900;
    margin: 0;
    text-transform: capitalize;
    text-align: center;
    padding: 15px 0;
    color: #fff;
    font-family: "Manrope", sans-serif;
}

.gallery-overlay p{
  margin-bottom:12px;
  color:rgba(255,255,255,.85);    text-align: center;
}

.gallery-overlay a{
  color:#fff;
  font-weight:900;    text-align: center;
  text-decoration:none;
}

.gallery-cta{
  background:#fff;
  border-radius:30px;
  padding:25px 25px;
  box-shadow:0px 0px 5px 1px #D2006321;
  border:1px solid rgba(15,23,42,.07);
}
 

.gallery-cta p{
  color:#64748b;
  margin-bottom:26px;
}

.btn-main{
    display: inline-block;
    background: linear-gradient(180deg, #d20063, #a60350);
    color: #fff;
    padding: 14px 26px;
    border-radius: 50px;
    font-weight: 400;
    text-decoration: none;
    margin: 6px;
    box-shadow: 0 14px 30px #D2006345;
}

.btn-outline-custom{
  display:inline-block;
  border:2px solid #D20063;
  color:#D20063;
  padding:12px 26px;
  border-radius:50px;
  font-weight:400;
  text-decoration:none;
  margin:6px;
}

.btn-outline-custom:hover{
  background:#D20063;
  color:#fff;
}
a.btn-main:hover {
    color: #fff;
    background: #D20063;
}
.carousel-control-next-icon {
     transform: rotate(-45deg);
    width: 17px;
}
.carousel-control-prev-icon {
      transform: rotate(-45deg);
    width: 15px;
}
@media(max-width:991px){
  .masonry-gallery{
    grid-template-columns:repeat(2,1fr);
  }

  .section-title{
    font-size:38px;
  }
}

@media(max-width:575px){
  .gallery-section{
    padding:70px 0;
  }

  .masonry-gallery{
    grid-template-columns:1fr;
    grid-auto-rows:260px;
  }

  .gallery-card.wide,
  .gallery-card.tall{
    grid-column:span 1;
    grid-row:span 1;
  }

  .section-title{
    font-size:32px;
  }
}

.box-icon1 {
      margin-top: -100px;
    overflow: hidden;
    aspect-ratio: 1;
    border-radius: 10px;
}
.box-icon1 img {
    transition: all 0.5s ease;
}
.category-card:hover .box-icon1 img {
    transform: scale(1.1);
}
 
/* faq */
.accordion-header span.accordion-button {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}
.accordion-header span.accordion-button {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0px;
    background: #fff0;
    padding: 9px 15px;
}
.col-lg-12 .bo-grid { 
    grid-template-columns: repeat(4, 1fr); 
}
    @media(max-width:991px) {
        .bo-grid {
            grid-template-columns: repeat(2, 1fr);
        }

        .better-office-section h2 {
            font-size: 34px;
        }
    }

    @media(max-width:575px) {
        .bo-grid {
            grid-template-columns: 1fr;
        }

        .bo-highlight {
            width: 100%;
        }
    }

    .bg-light {
    background: #D200630f !important;
}
 
    /* videos */
    

    .video-showcase::before {
        content: "";
        position: absolute;
        width: 450px;
        height: 450px;
        background: rgba(232, 91, 50, .08);
        border-radius: 50%;
        top: -200px;
        right: -150px;
    }

    .video-tag {
        display: inline-block;
        padding: 8px 20px;
        background: rgba(255, 255, 255, .1);
        border: 1px solid rgba(255, 255, 255, .15);
        color: #fff;
        border-radius: 30px;
        font-size: 14px;
        font-weight: 700;
    }

    .section-heading h2 {
        color: #fff;
        font-size: 42px;
        font-weight: 900;
        margin-top: 15px;
    }

    .section-heading p {
        color: rgba(255, 255, 255, .7);
    }

    .video-card {
        position: relative;
        overflow: hidden;
        border-radius: 24px;
        height: 420px;
        cursor: pointer;
    }

    .video-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .6s;
    }

    .video-card:hover img {
        transform: scale(1.1);
    }

    .video-overlay {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 25px;
        background: linear-gradient(to top,
                rgba(0, 0, 0, .85),
                rgba(0, 0, 0, .15));
    }

    .play-btn {
        width: 55px;
        height: 55px;
        border-radius: 50%;
        background: red;
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 34px;
        text-decoration: none;
        margin-bottom: 20px;
        transition: .4s;
    }

    .play-btn:hover svg{
        /* background: #fff; */
        color: #fff;
        transform: scale(1.1);
    }

    .video-overlay span {
        color: #fff;
        font-size: 20px;
        font-weight: 800;
    }

    .video-card::after {
           content: '▶ Watch Video';
    position: absolute;
    top: 20px;
    right: 20px;
    background: rgb(30 79 145 / 65%);
    backdrop-filter: blur(8px);
    color: #fff;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 700;
    }

   
/* mettrials */
   .materials-modern-section{
    padding:100px 0;
    background:#f7f9fc;
}
 .materials-modern-section .material-card { 
    height: auto;}
.section-title span{
    color:#D20063;
    font-size:13px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:2px;
}

.section-title h2{
    font-size:52px;
    font-weight:900;
    color:#1c1c1c;
    margin:15px 0;
}

.section-title p{
    color:#667085;
    max-width:650px;
    margin:auto;
}

.material-card{
    display:block;
    position:relative;
    height:320px;
    border-radius:30px;
    overflow:hidden;
    text-decoration:none;
    box-shadow:0 20px 50px rgba(0,0,0,.08);    box-shadow: none;
    margin-bottom: 10px;
}

.material-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.material-card:hover img{
    transform:scale(1.12);
}

.material-card .overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    padding:30px;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.2),
        transparent
    );
}

.material-card h4{
    color:#fff;
    font-size:28px;
    font-weight:800;
    margin-bottom:6px;
}

.material-card span{
    color:rgba(255,255,255,.85);
    font-size:16px;
}

.material-card::after{
    content: "↗";
    position: absolute;
    top: inherit;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgb(30 79 145);
    backdrop-filter: blur(10px);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: .3s;
    bottom: 20px;
    transform: rotate(45deg);
}

.material-card:hover::after{
    background:#D20063;
    transform:rotate(0deg);
}

@media(max-width:991px){

    .section-title h2{
        font-size:40px;
    }

    .material-card{
        height:280px;
    }
}

/* office technology */


.smart-5col-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 22px;
}

.smart-5col-card {
  min-height: 100%;
  background: #fff;
  border: 1px solid #e7edf5;
  border-radius: 10px;
  padding: 28px 22px;
  text-decoration: none;
  text-align: center;
  position: relative;
  overflow: hidden;
  box-shadow:0px 0px 5px 1px #D2006321;
  transition: .35s ease;
}

.smart-5col-card::before {
  content: "";
  position: absolute;
  width: 115px;
  height: 115px;
  right: -48px;
  top: -48px;
  background:rgb(46 125 50 / 24%);
  border-radius: 50%;
  transition: .35s ease;
}

.smart-5col-icon {
  width: 68px;
  height: 68px;
  border-radius: 21px;
  background: rgba(7, 89, 169, .09);
  color: #D20063;
  display: grid;
  place-items: center;
  margin: 0 auto 24px;
  position: relative;
  z-index: 2;
}

.smart-5col-icon.orange {
  background: rgb(46 125 50 / 8%);
  color: #D20063;
}

.smart-5col-icon.white {
    background: #e9f0f7;
    color: #D20063;
}

.smart-5col-icon svg {
  width: 34px;
  height: 34px;
  stroke: currentColor;
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.smart-5col-card .title4 {
    position: relative;
    z-index: 2;
    font-size: 18px;
    font-weight: 800;
    color: #D20063;
    margin-bottom: 5px;
    font-family: "Manrope", sans-serif;
    line-height: normal;
}
 

.smart-5col-card.active,
.smart-5col-card:hover {
  background: linear-gradient(135deg, #D20063, #083A6B);
  transform: translateY(-8px);
  box-shadow: 0 26px 65px rgba(7, 89, 169, .22);
}

.smart-5col-card.active::before,
.smart-5col-card:hover::before {
  width: 190px;
  height: 190px;
  background: rgba(255,255,255,.12);
}

.smart-5col-card.active .title4,
.smart-5col-card.active p,
.smart-5col-card:hover .title4,
.smart-5col-card:hover p {
  color: #fff;
}

.smart-5col-card:hover .smart-5col-icon {
  background: #fff;
  color: #D20063;
}

@media(max-width: 1199px) {
  .smart-5col-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media(max-width: 767px) {
  .smart-5col-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .smart-5col-head h2 {
    font-size: 34px;
  }
}

@media(max-width: 480px) {
  .smart-5col-grid {
    grid-template-columns: 1fr;
  }
}

/* solutions */

.furniture-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    grid-auto-rows:260px;
    gap:24px;
}

.furniture-card{
    position:relative;
    overflow:hidden;
    border-radius:30px;
    text-decoration:none;
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.large-card{
    grid-row:span 2;
}

.wide-card{
    grid-column:span 1;
}

.furniture-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.furniture-card:hover img{
    transform:scale(1.12);
}

.furniture-overlay{
    position:absolute;
    inset:0;
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    background:linear-gradient(
        to top,
        rgba(0,0,0,.85),
        rgba(0,0,0,.25),
        transparent
    );
}

.furniture-overlay span{
    width:52px;
    height:52px;
    border-radius:16px;
    background:#fff;
    color:#D20063;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    margin-bottom:18px;
}

.furniture-overlay .title3{
    color:#fff;    font-family: "Manrope", sans-serif;
    line-height: normal;
    font-size:20px;
    font-weight:900;
    margin:0;
}

.furniture-overlay .title4{
    color:#fff;
    font-size:18px;
    font-weight:800;    font-family: "Manrope", sans-serif;
    line-height: normal;
    margin:0;
}

.furniture-card::after{
    content: "→";
    position: absolute;
    top: inherit;
    right: 20px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: rgb(7 89 169);
    backdrop-filter: blur(10px);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    transition: .3s;
    bottom: 30px;
}

.furniture-card:hover::after{
    background:#D20063;
    transform:rotate(-45deg);
}
a.furniture-card.large-card {
    height: 550px;
}
.heading_banner.bannerskhd .cat_title {
    margin: 0 0 0px;
    text-transform: capitalize;
    text-align: center;
    display: inline-block;
    padding: 0px;
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px;
    margin-top: 0px;
    line-height: normal;
    width: 70%;
}
.heading_banner.bannerskhd .cat_title2 {
    margin: 0;
    letter-spacing: 0px;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: normal;
    color: #eee;
    text-align: center;
    display: inline-block;
    width: auto;
    padding: 0px 20px 20px;
}
.blogs-wps h2, .blogs-wps h3, .blogs-wps h4{
    font-size: 22px;
    margin: 10px 0px;
    color: #0081A2;
}
.blogs-wps ul li a {
    display: inline-block;
    padding-right: 2px;
    letter-spacing: 0.1px;
    color: #403535;
    font-size: 17px;
    line-height: normal;
    font-weight: 400;
}
/* Factory Gallery */
         .factory-gallery {
         width: 100%;
         }
         .factory-gallery .section-title p {
         max-width: 720px;
         font-size: 15px;
         color: #555;
         }
         .col-md-5c{width: 50%;}
         @media (min-width: 1024px) {
         .col-md-5c {
         width: 20%;
         }
         }
         /* Gallery Item */
         .fg-item {
         background: #fff;
         border: 1px solid #ddd;
         border-radius: 12px;
         overflow: hidden;
         height: 100%;
         }
         .fg-link {
         position: relative;
         display: block;
         aspect-ratio: 4 / 3;
         overflow: hidden;
         }
         .fg-link img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: 0.4s ease;
         }
         /* Hover Overlay */
         .fg-icon {
         position: absolute;
         inset: 0;
         background: #D20063d9;
         opacity: 0;
         transition: 0.4s ease;
         }
         .fg-icon::after {
         content: "+";
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         font-size: 32px;
         color: #fff;
         font-weight: 700;
         }
         /* Hover Effects */
         .fg-link:hover img {
         transform: scale(1.1);
         opacity: 0.4;
         }
         .fg-link:hover .fg-icon {
         opacity: 1;
         }
         .carousel-item1 {
    height: 100%;
}
.carousel-item1 img.d-block.w-100 {
    height: 100%;
    object-fit: cover;
}
@media(max-width:991px){

    .furniture-grid{
        grid-template-columns:repeat(2,1fr);
    }

 
}

@media(max-width:576px){

    .furniture-grid{
        grid-template-columns:1fr;
    }

    .large-card{
        grid-row:auto;
    }
}
.video-showcase.py-5.bg-white {
    overflow: hidden;
    width: 100%;
    position: relative;
}
@media (min-width:1024px) {
   /* .navigation .menu ul li:nth-child(3) ul.cs-dropdown, .navigation .menu ul li:nth-child(4) ul.cs-dropdown { 
    width: 665px;}  */
    .featured-projects .col-lg-8 {
    padding: 0px 7px;
}
    .small-card {
    aspect-ratio: 3 / 2;
    /* width: 100%; */
    /* height: 264px; */
}
       /* .navigation .menu ul li:nth-child(3) ul.cs-dropdown li, .navigation .menu ul li:nth-child(4) ul.cs-dropdown li{ 
    width: 50%;float: left;border-left:1px solid #eee;}  */
}

/* bannerbottom section */
.materials-modern-section.banner-bottom .material-card {
    height: auto;
    aspect-ratio: 1;
}
.materials-modern-section.banner-bottom .material-card::after{display: none;}
.small-banner {
    border-radius: 10px;
    overflow: hidden;
}
.small-banner img{
transition: all 0.5s ease;
}
.small-banner:hover img{transform: scale(1.1);}
form#emailSubscribe, .form-subscribe {
    background: #333;
    padding: 2px !important;
}
.form-subscribe label.error {
    position: absolute;
    bottom: -25px;
    left: 20px;
}
label {
    color: #f40606;
    display: block;
    font-weight: 400;
    margin: 0;
}


/* dfd */
 .about-option-one {
        position: relative;
        overflow: hidden;
        /* background:
            radial-gradient(circle at 8% 10%, rgba(210, 0, 99, .08), transparent 25%),
            radial-gradient(circle at 90% 85%, rgba(0, 129, 162, .12), transparent 27%),
            #f8fcfd; */
    }

    .about-option-one .visual-wrap {
        min-height: 580px;
        position: relative;
    }

    .about-option-one .main-photo {
        position: absolute;
        top: 25px;
        left: 7%;
        width: 78%;
        height: 465px;
        border-radius: 36px 110px 36px 36px;
        overflow: hidden;
        z-index: 3;
        box-shadow: 0 30px 65px rgba(15, 55, 70, .2);
    }

    .about-option-one .main-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .7s ease;
    }

    .about-option-one .visual-wrap:hover .main-photo img {
        transform: scale(1.06);
    }

    .about-option-one .small-photo {
        position: absolute;
        right: 2%;
        bottom: 14px;
        width: 210px;
        height: 230px;
        padding: 9px;
        border-radius: 28px;
        background: #fff;
        z-index: 5;
        box-shadow: 0 20px 45px rgba(15, 55, 70, .2);
    }

    .about-option-one .small-photo img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 21px;
    }

    .about-option-one .experience-card {
        position: absolute;
        left: 0;
        bottom: 46px;
        z-index: 6;
        min-width: 200px;
        padding: 22px;
        border-radius: 24px;
        color: #fff;
        background: linear-gradient(135deg, #0081a2, #0084a6);
        box-shadow: 0 18px 40px rgb(0 129 162 / 20%);
    }

    .about-option-one .experience-card strong {
        display: block;
        font-size: 48px;
        line-height: 1;
    }

    .about-option-one .experience-card span {
        font-size: 13px;
        font-weight: 600;
    }

    .about-option-one .circle-shape {
        position: absolute;
        width: 410px;
        height: 410px;
        right: 0;
        top: 100px;
        border: 50px solid rgba(0, 129, 162, .11);
        border-radius: 50%;
    }

    .about-option-one .feature-row {
        display: flex;
        flex-wrap: wrap;
        gap: 14px;
        margin: 26px 0;
    }

    .about-option-one .feature-item {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        border-radius: 50px;
        background: #fff;
        box-shadow: 0 8px 25px rgba(15, 55, 70, .08);
        font-size: 13px;
        font-weight: 700;
    }

    .about-option-one .feature-icon {
        width: 34px;
        height: 34px;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background: rgba(0, 129, 162, .1);
        color: var(--primary);
    }

    /* =========================================================
           OPTION 1 - CLEAN MODERN CARDS
        ========================================================= */

    /* .products-option-one {
        background:
            radial-gradient(circle at 5% 10%, rgba(210, 0, 99, .07), transparent 24%),
            radial-gradient(circle at 95% 88%, rgba(0, 129, 162, .1), transparent 25%),
            #f7fbfc;
    } */

    .products-option-one .product-card {
        height: 100%;
        padding: 10px;
        border-radius: 25px;
        background: #fff;
        border: 1px solid rgb(0 129 162 / 14%);
        /* box-shadow: 0 14px 40px rgba(20, 55, 68, .08); */
        transition: .4s ease;
    }

    .products-option-one .product-card:hover {
        transform: translateY(-12px);
        /* box-shadow: 0 24px 55px rgba(20, 55, 68, .15); */
    }

    .products-option-one .product-image {
  position: relative;
    height: auto;
    border-radius: 20px;
    overflow: hidden;
    aspect-ratio: 1;
    }

    .products-option-one .product-card:hover .product-image img {
        transform: scale(1.08);
    }

    .products-option-one .category-badge {
        position: absolute;
        top: 15px;
        left: 15px;
        padding: 8px 15px;
        border-radius: 50px;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .5px;
        text-transform: uppercase;
        background: rgba(16, 42, 53, .78);
        backdrop-filter: blur(10px);
    }

    .products-option-one .product-content {
        padding: 20px 8px 15px;
        text-align: center;
    }

  .bc-about-content h2,  .bc-about-content h3,  .bc-about-content h4 {
    font-size: 22px;
    margin: 10px 0px;
    color: #0081a2;
    font-weight: 700;
}

    .products-option-one .product-content .title3 a {
          color: #0081a2;
    font-size: 18px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    }
.btn-orange.btn1{
    background: linear-gradient(180deg, #d20063, #a60350);
    color: #fff;
    transition: all 0.5s ease;
    font-size: 14px;
    font-weight: 500;
    width: 140px;
    margin: auto;
    padding: 7px 10px;
    position: relative;    transition: all 0.5s ease;
    border: 2px solid #e43487 !important;text-align: center;
}
.btn-orange.btn1:hover {    transition: all 0.5s ease;
    background: linear-gradient(180deg, #0081a2, #017390); 
    border: 2px solid #40caed !important;
}
 
/* product section */
.feature-section {
        background: #2a90aa17;
    }

    .feature-subtitle {
        display: inline-block;
        color: #D20063;
        font-size: 15px;
        font-weight: 700;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .feature-title {
        font-size: 40px;
        font-weight: 800;
        color: #222;
        margin: 12px 0;
    }

    .feature-section p {
        color: #666;
        line-height: 1.7;
    }

    /* Card */
    .feature-card {
        height: 100%;
        min-height: 360px;
        padding: 30px;
        background: rgba(255, 255, 255, .85);
        border-radius: 25px;
        border: 1px solid rgb(0 129 162 / 14%);
        /* box-shadow: 0 15px 40px rgba(0, 0, 0, .07); */
        position: relative;
        overflow: hidden;
        transition: .45s ease;
    }

    .feature-card:before {
        content: "";
        position: absolute;
        width: 130px;
        height: 130px;
        right: -50px;
        top: -50px;
        background: #d20063;
        opacity: .08;
        border-radius: 50%;
    }

    .feature-card:hover {
        transform: translateY(-12px);
        /* box-shadow: 0 25px 55px rgba(0, 0, 0, .12); */
    }

    /* Icon */
    .feature-icon {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2f2f2f;
    margin-bottom: 25px;
    box-shadow: 0 10px 25px rgb(60 60 60 / 28%);
    }

    .feature-icon img {
        width: 38px;
        height: 38px;
        filter: brightness(0) invert(1);
    }

    .feature-card .title3 {
    line-height: normal;
    margin-bottom: 9px;
    color: #0081a2;
    font-size: 18px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    text-transform: capitalize;
    letter-spacing: 0.3px;
    }

    .content-box {
        font-size: 15px;
    }

    .more-content {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: .5s ease;
    }

    .feature-card.active .more-content {
        max-height: 150px;
        opacity: 1;
    }

    .read-btn {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        margin-top: 10px;
        font-weight: 700;
        color: #d20063;
        text-decoration: none;
        cursor: pointer;
        transition: .3s;
    }

    .read-btn:hover {
        color: #D20063;
    }

    .read-btn span {
        transition: .3s;
    }

    .feature-card.active .read-btn span {
        transform: rotate(90deg);
    }

    @media(max-width:991px) {
        .feature-title {
            font-size: 32px;
        }
    }

    @media(max-width:575px) {
        .feature-card {
            padding: 25px;
        }
    }
    /* about us */
     /* ===============================
         ABOUT SECTION
         ================================= */
    .bc-about-images {
        position: relative;
        max-width: 650px;
        min-height: 560px;
        padding: 20px 70px 55px 20px;
    }

    .bc-about-main-img,
    .bc-about-small-img {
        overflow: hidden;
        background: #fff;
    }

    .bc-about-main-img {
        position: relative;
        width:100%;
        /* height: 513px; */aspect-ratio: 1;
        border-radius: 28px;
        box-shadow: 0 22px 55px rgba(31, 47, 55, .14);
    }

    .bc-about-small-img {
        position: absolute;
        right: 0;
        bottom: 25px;
        width: 245px;
        height: auto;aspect-ratio: 1;
        border: 8px solid #fff;
        border-radius: 24px;
        box-shadow: 0 18px 45px rgba(31, 47, 55, .18);
        z-index: 3;
    }

    .bc-about-main-img img,
    .bc-about-small-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .7s;
    }

    .bc-about-images:hover img {
        transform: scale(1.05);
    }

    /* .bc-about-main-img::before {
        content: "";
        position: absolute;
        top: 0;
        left: 30px;
        width: 130px;
        height: 7px;
        border-radius: 0 0 20px 20px;
        background: linear-gradient(90deg, var(--primary-blue), var(--primary-orange));
        z-index: 2;
    }

    .bc-about-main-img::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, transparent 55%, rgba(0, 129, 162, .14));
    } */

    /* Floating Boxes */
    .bc-experience-box,
    .bc-quality-box {
        position: absolute;
        display: block;
        align-items: center;
        gap: 12px;
        z-index: 5;
        border-radius: 18px;
    }

    .bc-experience-box {
          top: 70px;
    right: 0px;
    padding: 15px 18px;
        color: #fff;
        background: linear-gradient(135deg, var(--primary-orange), #ec398d);
        box-shadow: 0 15px 35px rgba(210, 0, 99, .27);
    }

    .bc-quality-box {
        left: 0;
        bottom: 25px;    display: flex;
        min-width: 260px;
        padding: 13px 16px;
        background: #fff;
        box-shadow: 0 14px 38px rgba(31, 47, 55, .14);
    }

    .bc-experience-number {
        padding-right: 13px;
        border-right: 0px solid rgba(255, 255, 255, .4);
        font: 800 38px/1 "Manrope", sans-serif;
    }

    .bc-experience-text,
    .bc-quality-box>div:last-child {
        display: flex;
        flex-direction: column;
    }

    .bc-experience-text span,
    .bc-quality-box span {
        font-size: 12px;
        opacity: .8;
    }

    .bc-experience-text strong {
        font-size: 15px;
        font-weight: 700;
    }

    .bc-quality-icon {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border-radius: 13px;
        color: var(--primary-blue);
        background: rgba(0, 129, 162, .1);
    }

    .bc-quality-box strong {
        font: 800 14px "Manrope", sans-serif;
        color: var(--text-dark);
    }

    /* Decorative Dots */
    .bc-about-dots {
        position: absolute;
        top: 0;
        left: 0;
        width: 125px;
        height: 125px;
        opacity: .35;
        z-index: -1;
        background: radial-gradient(var(--primary-blue) 2px, transparent 2px);
        background-size: 15px 15px;
    }

    
    /* Responsive */
    @media (max-width:1199px) {
        .bc-about-images {
            min-height: 520px;
            padding-right: 45px;
        }

        .bc-about-main-img {
            height: 445px;
        }

        .bc-about-small-img {
            width: 210px;
            height: auto;
        }

        .bc-experience-box {
            right: 5px;
        }
    }

    @media (max-width:991px) {
        .bc-about-images {
            margin: 0 auto 20px;
        }

        
    }

    @media (max-width:575px) {
        .bc-about-images {
            min-height: 440px;
            padding: 10px 15px 50px 0;
        }

        .bc-about-main-img {
            width: 90%;
            height: 350px;
            border-radius: 20px;
        }

        .bc-about-small-img {
            width: 150px;
            height: auto;
            border-width: 6px;
            border-radius: 17px;
        }

        .bc-experience-box {
            top: 28px;
            right: 0;
            padding: 11px 13px;
            gap: 8px;
        }

        .bc-experience-number {
            font-size: 27px;
            padding-right: 8px;
        }

        .bc-quality-box {
            bottom: 12px;
            min-width: 225px;
            padding: 10px 12px;
        }

        .bc-quality-icon {
            width: 40px;
            height: 40px;
        }
 
    }
    /* category section */
     .product-card1 {
        position: relative;
        border-radius: 25px;
        overflow: hidden;
        transition: .4s ease;
    }

    .product-image {
        height: 330px;
        position: relative;
        overflow: hidden;
        border-radius: 25px;
        background: #f7f7f7;
    }

    .product-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: .6s ease;
    }

    .product-card1:hover .product-image img {
        transform: scale(1.12);
    }

    /* Overlay */
    .product-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top, rgb(0 0 0), #00000021 50%);
        opacity: .7;
        transition: .4s;
    }

    .product-card1:hover .product-overlay {
        opacity: 1;
    }

    /* Icon */
    .product-icon {
        position: absolute;
        right: 20px;
        top: 20px;
        width: 55px;
        height: 55px;
        background: white;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .15);
        z-index: 2;
        transform: translateY(-20px);
        opacity: 0;
        transition: .4s;
    }

    .product-icon img {
        width: 35px;
        height: 35px;
        object-fit: contain;
    }

    .product-card1:hover .product-icon {
        opacity: 1;
        transform: translateY(0);
    }

    /* Content */
    .product-content1 {
        position: absolute;
        bottom: 25px;
        left: 25px;
        right: 25px;
        color: white;
        z-index: 2;
        text-align: center;
        transition: all 0.5s ease;
    }

    .product-content1 p {
        color: #fff;
    }

    .product-card1:hover .product-content1 {
        bottom: 100px;
    }

    .product-content1 .title4 {
           font-size: 18px;
    font-weight: 700;
    margin: 0;
    }

    .product-content1 p {
        font-size: 14px;
        margin-top: 5px;
        opacity: .9;
    }

    /* Button */
    .enquiry-btn {
        position: absolute;
        left: 50%;
        bottom: 20px;
        transform: translate(-50%, 40px);
        background: #D20063;
        color: white;
        padding: 12px 28px;
        border-radius: 50px;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
        opacity: 0;
        transition: .4s;
        z-index: 5;
        white-space: nowrap;
    }

    .product-card1:hover .enquiry-btn {
        opacity: 1;
        transform:translate(-50%, -33px);
    }

    .enquiry-btn:hover {
        background: #0081a2;
        color: #fff;
    }

    /* Card Hover */
    .product-card1:hover {
        box-shadow: 0 20px 45px rgba(0, 0, 0, .18);
        transform: translateY(-8px);
    }

    @media(max-width:767px) {
        .product-image {
            height: 280px;
        }
    }

    /* maps section */
      /* ================================ OPTION 1 PREMIUM SPLIT ================================ */
   

    .split-box {
         background: white;
    border-radius: 25px;
    padding: 45px;
    border: 1px solid rgb(0 129 162 / 14%);
    }

    .split-box .title2 {
       text-transform: capitalize;
    font-size: 25px;
    font-family: "Manrope", sans-serif;
    font-weight: 900;
    color: var(--primary-blue);
    margin-bottom: 3px;
    }

    .split-box .title2 span {
        color: var(--primary-orange);
    }

   

    .map-img {
        border-radius: 25px;
        width: 100%;
        transition: .5s;
    }

    .map-img:hover {
        transform: scale(1.03);
    }

    .common-btn {
        display: inline-block;
        background: var(--primary-blue);
        color: white;
        padding: 13px 32px;
        border-radius: 50px;
        text-decoration: none;
        font-weight: 700;
        transition: .3s;
    }

    .common-btn:hover {
        background: var(--primary-orange);
        color: white;
    }
    .material-card .overlay .title4 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* .featuredProducts2 .item {
    padding: 10px 2px 37px;
} */
 .bg-light2{ background: #2a90aa17 !important; }
    .scrollbar-width-home{max-height: 400px;overflow-y: auto; padding-right: 15px;margin-bottom: 20px;}

.col-content.d-flex {
    background: #fff;
    align-items: start;
    height: 100%;
    padding: 15px 10px 3px;
    border-radius: 10px;
}
.scrollbar-width-home p {
    text-align: justify;
}
/* footer start */ footer { width: 100%; position: relative; margin: 0; padding: 50px 0 0; background: #0f0f0f; background-size: cover; background-position: center; background-image: url(../images/background.webp); } 
.footer { background-position: center center; background-size: cover; background-repeat: no-repeat; } 
.z-index-99 { z-index: 99; } 
.list-style-none { list-style: none; } 
.social_box.list-style-none li a { color: #fff; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 5px; margin-right: 5px; } 
.social_box.list-style-none li a { color: #fff } 
.text-gray-light { color: #c7c7c7; } 
.lsp-5 { letter-spacing: 0.5px; } 
.fs-16 { font-size: 16px !important; } 
footer .link-secondary { color: #999999; } 
.rounded-5 { border-radius: 10px !important; } 
.bg-sky { background: #00afef !important; } 
.fs-20 { font-size: 20px !important; } 
.fs-13 { font-size: 16px; } 
.h-50px { height: 50px !important; } 
.w-90 { width: 90%; } 
.bg-dark-green, .btn-dark-green { background: #000 !important; } 
.text-muted2 { color: #dadada !important; } 
.btn { transition: all 0.5s ease; } 
.text-light-dark { color: #333; } 
.shadow { box-shadow: 0px 0px 5px 1px #ccc !important; } 
.h-50px { height: 50px !important; } 
.w-120 { width: 125px; } 
.text-sky { color: #92e9ff !important; } 
.lh-22 { line-height: 22px; } 
.border-bottom.border-3.border-sky.w-100.rounded-pill { border-color: #fff0 !important; } 
.h-40px { height: 40px; } 
.w-48 { width: 48%; } 
.pb-0.fs-16.fw-bold.lsp-5.text-gray-light.text-capitalize { margin-bottom: 2px; color: #999999 !important; font-size: 16px !important; text-transform: uppercase !important; letter-spacing: 0.5px; } 
.pb-2.fs-16.fw-bold.lsp-5.text-gray-light.text-capitalize { font-size: 16px !important; margin-bottom: 5px; text-transform: uppercase !important; color: #dfdfdf; letter-spacing: 0.2px; } 
.pb-2.fs-16.fw-bold.lsp-5.text-gray-light.text-capitalize { font-size: 16px !important; } li.pb-1 a.link-secondary.d-flex.align-items-start { font-size: 15px; line-height: 24px; color: #999999; } 
.d-flow-root { display: flow-root; } 
.social-media.mb-md-3.text-center p.link-secondary { color: #999999 !important; letter-spacing: normal; font-size: 15px; line-height: 24px; } 
.w-40px { width: 40px !important; } 
.mt-02px { margin-top: 2px; } 
.container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1200px; } li.pb-1 a.link-secondary.d-flex.align-items-start i.pe-1 { padding-right: 10px !important; } li.pinterest a { background: #e60023; } 
.shipping-support.pb-4 { border-bottom: 1px solid #ffffff30; margin-bottom: 20px; } 
footer .border-start { border-left: 1px solid #ffffff30 !important; } 
footer .border-end { border-right: 1px solid #ffffff30 !important; } 
hr.border-white.bg-white { opacity: 0.2; } p.link-secondary { color: #999999 !important; letter-spacing: normal; } 
footer a.link-secondary:focus, footer a.link-secondary:hover { color: #92e9ff !important; } 
.footer:after { content: ""; width: 100%; height: 100%; left: 0px; top: 0px; background: #000000e6; position: absolute; } 
.footer-end p.link-secondary { color: #999999 !important; letter-spacing: normal; } 
.content.text-white.ms-3 .pb-0.fs-16.fw-bold.lsp-5.text-gray-light.text-capitalize { color: #d20063 !important; } 
.content.text-white p.link-secondary { color: #333333 !important; letter-spacing: normal; } 
/* footer end */
/* header start */
header input#email_subscribe { font-size: 14px !important; } 
.topbar { padding: 4px 0px 5px;} 
form.search-form.input-group.rounded-pill.w-100.bg-blue.border-0.py-0.ps-1.pe-0.fs-13.overflow-hidden { background: #ffffff; font-size: 14px !important; max-width: 330px; width: 330px !important; } input#email_subscribe { font-size: 14px !important; height: 34px !important; } button#button-addon2 { height: 35px !important; width: 60px; display: flex; align-items: center; justify-content: center; padding: 0px; } 
form.search-form.input-group.rounded-pill.w-100.bg-blue.border-0.py-0.ps-1.pe-0.fs-13.overflow-hidden { background: #ffffff; font-size: 14px !important; } 
.vmv-btn { transition: all .2s linear; background: #ffffff; padding: 4px 10px; margin-top: 0px; color: #d20063; animation-duration: 1s; animation-timing-function: ease; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: pulse; font-size: 14px; margin-left: 20px; /* border: 1px solid #ffffff; */ border-radius: 0px; font-weight: 700; } @-webkit-keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 #0081a2;box-shadow:0 0 0 0 #0081a2} 100%{-webkit-box-shadow:0 0 0 20px rgba(21,101,192,0);box-shadow:0 0 0 20px rgba(21,101,192,0)} }@keyframes pulse{0%{-webkit-box-shadow:0 0 0 0 #0081a2;box-shadow:0 0 0 0 #0081a2} 100%{-webkit-box-shadow:0 0 0 20px rgba(21,101,192,0);box-shadow:0 0 0 20px rgba(21,101,192,0)} } 
.searchWrapper { position: relative; display: inline-block; } 
.searchBtn {     width: 33px; height: 33px; border: none; border-radius: 50%; cursor: pointer; color: #0d47a1; font-size: 18px; background: #ffffff; transition: .3s; margin-left: 10px; } 
.searchBtn:hover { transform: scale(1.08); } 
.searchDropdown { position: absolute; top: calc(100% + 12px); right: 0; width: 320px; background: #fff; border-radius: 0px; padding: 10px; box-shadow: 0 15px 40px rgba(0, 0, 0, .15); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: .35s; z-index: 9999; } 
.searchDropdown.active { opacity: 1; visibility: visible; transform: translateY(0); } 
.searchDropdown form { display: flex; } 
.searchDropdown input {     flex: 1; height: 40px; border: 1px solid #ddd; border-radius: 0px 0 0 0px; padding: 0 15px; outline: none;} 
.searchDropdown button {     width: 60px; border: none; background: #0081a2; color: #fff; border-radius: 0px; cursor: pointer; padding: 0px 5px; } 
.searchDropdown button:hover { background: #fbb12f; } 
/* --- Base & Header --- */ 
.cs-dropdown .megaSectionUl li a img.img-responsive { width: 70px;} 
.logo a { font-size: 27px; font-weight: 900; color: #0081A2; } 
.navigation ul.nav.w-auto { position: static; } 
.menubar .container { position: relative; } li.cs-submenu.mg-li { position: static; } 
.navigation .menu ul li { list-style: none; } 
.navigation .menu>ul>li>a { padding: 22px 20px; display: block; color: #333; transition: all 0.3s ease; font-size: 15px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3px; } 
/* --- Buttons & Icons --- */ 
.navigation ul li.cs-submenu ul li ul li a button { display: none; } 
.navigation ul li.cs-submenu a button { border: 0; background: transparent; outline: 0; padding: 0; margin: -1px 0 0 5px; color: var(--text-color); } 
.navigation ul li.cs-submenu a button svg { width: 17px; height: 17px; } 
.navigation ul li.cs-submenu svg { transform: rotate(0deg); color: #333; } 
/* --- Main Mega Menu Dropdown --- */ 
.navigation ul.nav.w-auto li.cs-submenu.mg-li .cs-dropdown.maincss { position: absolute; top: 100%; left: 5%; width: 90% !important; height: 475px; overflow-y: auto; background: #fff; box-shadow: 0 25px 70px rgba(0, 0, 0, 0.25); border-radius: 0 0 18px 18px; z-index: 999; display: none; } 
.navigation ul.nav.w-auto li.cs-submenu.mg-li:hover .cs-dropdown.maincss { display: block; } 
/* Left Categories (30%) */ 
.navigation ul.nav.w-auto .cs-dropdown.maincss>li { width: 25%; position: static; } 
.navigation ul.nav.w-auto .cs-dropdown.maincss>li>a { width: 100%; font-weight: 600; color: #222; border-bottom: 1px dashed rgba(204, 204, 204, 0.53); background: #fff; } 
.navigation ul.nav.w-auto .cs-dropdown.maincss>li.active>a, .navigation ul.nav.w-auto .cs-dropdown.maincss>li:hover>a { background: #0081A2; color: #fff; } 
.navigation ul.nav.w-auto .cs-dropdown.maincss>li.active>a, .navigation ul.nav.w-auto .cs-dropdown.maincss>li>a:hover svg { color: #fff; } 
/* Right Subcategories (70%) */ 
.navigation .menu ul>li.mg-li ul.cs-dropdown li ul.cs-dropdown.megaMenu { position: absolute; top: 0; left: 25.5%; width: 74%; height: 100%; max-height: 475px; overflow-y: auto; display: none; background: #fff0; border-left: 1px solid #eee; padding: 5px 0; } 
.navigation ul.nav.w-auto .cs-dropdown.maincss>li a { padding: 5px 10px; font-size: 14px; display: flex; justify-content: start; } 
.navigation ul.nav.w-auto .cs-dropdown.maincss>li a svg { transform: rotate(-90deg); } 
.navigation ul li.cs-submenu.mg-li>ul>li>a { justify-content: space-between !important } 
.navigation ul.nav.w-auto li.cs-submenu.mg-li .cs-dropdown.maincss li.cs-submenu.active ul.cs-dropdown.megaMenu, .navigation ul.nav.w-auto li.cs-submenu.mg-li .cs-dropdown.maincss li.cs-submenu:hover ul.cs-dropdown.megaMenu { display: block; } 
/* --- Subcategory Section (Columns) --- */ 
.megaSection { width: 100%; } 
.megaSectionUl { width: 100%; columns: 3; padding: 0; margin: 0; text-align: left; } 
.megaSectionUl li { display: block; break-inside: avoid; } 
.megaSectionUl li a { width: 100%; display: block; padding: 8px 10px; font-size: 14px; font-weight: 500; color: #222; border-bottom: 0px solid #eee; } 
.megaSectionUl li a:hover { color: #0081A2; background: #fff; } 
.megaSectionUl li a span { color: #d57a1f; font-weight: 800; font-size: 14px; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown .megaSection ul.megaSectionUl li ul.cs-dropdown { padding: 0; } 
/* --- Scrollbars & Misc --- */ 
.cs-dropdown.maincss, .cs-dropdown.megaMenu { -ms-overflow-style: none; } 
.navigation .nav-header { display: none; padding: 12px 20px; } 
.send_enquiry, .whatapp_btn, .call_now, #web-pulse-scroll-up { z-index: 9; } 
/* --- Responsive Media Queries --- */ @media (max-width: 1023px) { .navigation ul.nav.w-auto .cs-dropdown.maincss>li a svg { transform: rotate(0deg); } 
.navigation ul.nav.w-auto { position: static; max-height: 400px; overflow-y: auto; } 
.navigation .nav-header { display: block; } 
.megaSectionUl li a { color: #fff; border-bottom: 1px solid rgba(238, 238, 238, 0.28); background: #0081A2; } 
.megaSectionUl li a span { color: #fff; } 
.megaSectionUl li a:hover { color: #fff; background: #0081A2; } 
.navigation .menu ul li ul.cs-dropdown li a:hover span { color: #fff; background-color: #0081A2; } 
.navigation ul.nav.w-auto li.cs-submenu.mg-li .cs-dropdown.maincss li.cs-submenu.active ul.cs-dropdown.megaMenu, .navigation ul.nav.w-auto li.cs-submenu.mg-li .cs-dropdown.maincss li.cs-submenu:hover ul.cs-dropdown.megaMenu { display: none; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown li ul.cs-dropdown.megaMenu { padding: 0; } 
.navigation ul li.cs-submenu a button svg { color: #fff; } 
.navigation ul.nav.w-auto li.cs-submenu.mg-li:hover .cs-dropdown.maincss { display: none; } 
.navigation ul.nav.w-auto .cs-dropdown.maincss>li>a { color: #fff; background: #0081A2; } 
/* Mobile Hamburger Menu Button */ 
.navigation .navbar button { float: right; width: 40px; height: 40px; background: transparent; border: 0; outline: 0; color: #fff; font-size: 25px; position: relative; z-index: 99; padding: 5px; transition: .5s ease-in-out; cursor: pointer; } 
.navigation .navbar button span { display: block; position: absolute; height: 3px; width: 70%; background: var(--dark-blue); border-radius: 9px; left: 15%; transition: .25s ease-in-out; } 
.navigation .navbar button span:nth-child(1) { top: 8px; } 
.navigation .navbar button span:nth-child(2), .navigation .navbar button span:nth-child(3) { top: 18px; } 
.navigation .navbar button span:nth-child(4) { top: 28px; } 
.navigation .navbar button.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } 
.navigation .navbar button.open span:nth-child(2) { transform: rotate(45deg); } 
.navigation .navbar button.open span:nth-child(3) { transform: rotate(-45deg); } 
.navigation .navbar button.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } 
.header .logo { max-width: 235px; position: absolute; height: 100%; display: flex; align-items: center; } } @media (max-width: 991px) { .navigation ul.nav.w-auto li.cs-submenu.mg-li .cs-dropdown.maincss { position: static; width: 100% !important; height: auto; border-radius: 0; box-shadow: none; } 
.navigation ul.nav.w-auto .cs-dropdown.maincss>li { width: 100%; } 
.navigation .menu ul>li.mg-li ul.cs-dropdown li ul.cs-dropdown.megaMenu { position: static; width: 100%; height: auto; padding: 10px; border-left: 0; } 
.megaSectionUl { columns: 1; } } 
.cs-dropdown li a img.img-responsive { width: 40px; margin-right: 10px; aspect-ratio: 1; border-radius: 5px; object-fit: cover; } 
.cta-btns { z-index: 1; } 
.cs-dropdown li { padding-bottom: 5px; } 
.cs-dropdown li a { display: flex; align-items: center; font-weight: 500; } li.cs-submenu:hover .cs-dropdown { width: 295px; padding: 5px 10px 0; top: 49px; left: 0; } 
/* slider */ 
.home_slider { padding: 20px; } 
.hero-section { background: #fff; border-radius: 20px; }
/* header css end */
.call-now .con-bx span a:hover{background: #fff0;}

/* testimonials */
     /* testimonial */
.testimonial{
    background: #d2006314;
    padding: 20px 40px 20px 70px;
    margin: 0 10px 40px;
    position: relative;    border: 1px solid #d8237914;
}
.testimonial:before{
    content: "";
    width: 0;
    height: 0;
    border-bottom: 50px solid #eee;
    border-left: 50px solid #fff;
    box-shadow: 7px 7px 7px rgba(0, 0, 0, 0.3);
    position: absolute;
    top: -2px;
    left: -1px;
}
.testimonial .testimonial-title{
    font-size: 16px;
    font-weight: bold;
    color: #005A87;
    margin-bottom: 15px;
}
.testimonial .description{
    font-size: 14px;
    font-style: normal;
    line-height: 24px;
    color: #3b3b3b;
}
.testimonial .post{
    display: block;
    font-size: 13px;
    font-style: italic;
    font-weight: 700;
    color: #d20063;
    margin-top: 10px;
}
.testimonial .pic{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: -35px;
    right: 23px;border:2px solid #d8237914
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .owl-theme .owl-controls{
    margin-top: 40px;
}
.testimonial .owl-theme .owl-controls .owl-buttons div{
    background: #3646b5;
    border-radius: 0;
    opacity: 1;
    padding: 5px 10px;
}
.testimonial .owl-prev:before,
.testimonial .owl-next:before{
    content: "\f053";
    font-family: "Font Awesome 5 Free"; font-weight: 900;
    color: #fff;
}
.testimonial .owl-next:before{
    content: "\f054";
}
footer ul.social li a { 
    width: 30px;
    height: 30px; 
    background: #fff !important;
}
    /* projects */
        .property-values-2-item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.property-values-2-item .thumb {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
}

.property-values-2-item .thumb::before {
  content: "";
  position: absolute;
  left: -54px;
  bottom: -68px;
  width: 0;
  height: 0;
  background: #040813;
  border-radius: 50%;
  opacity: 0.5;
  z-index: 1;
  transition: 0.4s ease;
}

.property-values-2-item .thumb img {
  width: 100%;
  border-radius: 32px;
  display: block;
}

.property-values-2-item .plus-icon {
  position: absolute;
  left: 40px;
  bottom: 40px;
  width: 48px;
  height: 48px;
  background: #d20063;
  color: #fff;
  text-align: center;
  line-height: 48px;
  border-radius: 50%;
  opacity: 1;
  visibility: visible;
  z-index: 2;
  transition: 0.4s ease;
}

.property-values-2-item .hover-content {
  position: absolute;
  left: 40px;
  bottom: 0;
  max-width: 330px;
  opacity: 0;
  visibility: visible;
  z-index: 3;
  transition: 0.4s ease;
}

.hover-content .box-title {
font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 5px;
    padding: 0px;
    text-align: left;
}

.box-title {
  font-size: 24px;
  line-height: 1.417;
  font-weight: 600;
  margin-top: -0.32em;
}

.box-title a {
  color: inherit;
  text-decoration: none;
}

.hover-content .box-text {
    color: #fff;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 23px;
}
 
 

.property-values-2-item .thumb:hover::before {
  width: 480px;
  height: 460px;
}

.property-values-2-item:hover .plus-icon {
  opacity: 0;
  visibility: hidden;
  bottom: 0;
}

.property-values-2-item .thumb:hover .hover-content {
  opacity: 1;
  bottom: 40px;
}
@media only screen and (max-width: 767px){
    .testimonial .owl-theme .owl-controls{ margin-top: 20px; }
}
@media only screen and (max-width: 480px){
    .testimonial{
        margin: 0 10px 60px;
        text-align: center;
        padding: 20px 30px 20px 40px;
    }
}
@media only screen and (max-width: 479px){
    .testimonial{
        padding: 20px 25px 20px 25px;
    }
}




.productHeaderTitle, .productHeader h2, .productHeader h3, .productHeader h4 {
    margin: 10px 0px;
    color: var(--primary-orange);
    font-size: 22px;
}


label.error {
    font-size: 14px;
}
.error-message { 
    font-size: 14px;
}