/*--   
Rajkumar Saini - Senior Website Designer 
Email ID -  imrajkumarsaini1@gmail.com , rajsaini.img@gmail.com
Contact No. +91 -8696276640,  +91 9664325901--*/

:root{
  --primery-color1:#175A8C;
  --white: #fff;
  --black: #222;
  --font-2: "Nunito Sans", sans-serif;
  --font-1:'Readex Pro'; font-weight: bold; font-style: normal;
 }
.primary-bg-color{
  background-color: #db2b1c !important;
}
.primary-color{
  background-color:#DB2B1C !important;
}
.secondary-bg-color{
  background-color:#185D92 !important;
}
.secondary-color{
  background-color:#185D92 !important;
}
.font-1{
  font-family: Readex Pro;
}

 @font-face {
 font-family: 'Readex Pro';
	src: url('../fonts/ReadexPro-Medium.woff2') format('woff2'),
		url('../fonts/ReadexPro-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Readex Pro';
	src: url('../fonts/ReadexPro-Light.woff2') format('woff2'),
		url('../fonts/ReadexPro-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Readex Pro';
	src: url('../fonts/ReadexPro-bold.woff2') format('woff2'),
		url('../fonts/ReadexPro-bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Readex Pro';
	src: url('../fonts/ReadexPro-Medium.woff2') format('woff2'),
		url('../fonts/ReadexPro-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

 html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
   scroll-behavior: smooth; 
 }

  html, body {
  font-optical-sizing: auto;
  font-style: normal;
  font-optical-sizing: auto;
  font-family: var(--font-2);
   }

 *, *::before, *::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
		  box-sizing: border-box;
 }
.navbar-toggler{
  text-decoration: none;
  outline: none;
  border:none;
  border-color:#dcd4c9 !important;
  box-shadow: none;
  padding: 0;
}

 p {
  font-size: 15px;
  letter-spacing: 0.1px;
  line-height: 26px;
  color: #959ab5;
 }
 
 a {
  outline: 0;
  text-decoration: none;
  color: inherit;
  -webkit-transition: all all 0.5s ease;
  transition: all all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
 }
 
 a,
 a:hover,
 a:focus,
 a:active {
  text-decoration: none;
  outline: none;
  -webkit-box-shadow: none;
		  box-shadow: none;
 }
 
 figure {
  margin: 0;
  padding: 0;
 }
 
 dl,
 ol,
 ul {
  list-style: outside none none;
  padding-left: 0px;
  margin-bottom: 0px;
 }
 
 ul li {
  padding: 0;
  margin: 0;
  list-style: none;
 }
 
 a img {
  border: none;
  max-width: 100%;
 }
 
 img, svg {
  max-width: 100%;
  vertical-align: middle;
  border: none;
 }
 .btn-close:focus{
  box-shadow: none;
 }
 table,
 td,
 th {
  /* border: 1px solid #222; */
  border-collapse: collapse;
 }
 
 table tbody tr td {
  padding: 8px;
  color: #222;
  font-size: 14px;
 }
 
 th {
  font-weight: 700;
 }
 
 p {
  padding: 0;
  margin: 6px 0px;
  font-size: 15px;
  color: #222;
 }
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
  color: #222;
 }
 
 button:focus {
  outline: 0;
  -webkit-box-shadow: none;
		  box-shadow: none;
  border: 0;
 }
 
 input,
 textarea,
 select,
 button {
  border: 1px solid #222;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
 
 }
 
 textarea {
  resize: none;
 }
 
 .form-control:focus {
  -webkit-box-shadow: none;
		  box-shadow: none;
 }
 body.scrollbar-track {
	 background: red;
 }
 body::-webkit-scrollbar-track {
  background: #1866A1;
 }
 body::-webkit-scrollbar {
  width: 4px;
  border-radius:5px;
 }
 body::-webkit-scrollbar-thumb {
  background: #f7f7f7;
	border-radius: 3px;
	width: 4px;
 }
 .fw-100{font-weight: 100;}
 .fw-200{font-weight: 200;}
 .fw-300{font-weight: 300;}
 .fw-400{font-weight: 400;}
 .fw-500{font-weight: 500;}
 .fw-600{font-weight: 600;}

 .text_ellipsis_1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
 }
 .text_ellipsis_2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
 }
 
 /* Button Theme  */
 .btn {
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	display: inline-block;
	padding: 10px 15px !important;
}
 .btn-theme1 {
  /* background: -webkit-gradient(linear, left top, left bottom, from(#db2b1c), to(#1467a6)); */
  position: relative;
  border-radius: 8px;
  font-family: var(--font-2);
  /* border: 1px solid red; */
}
.btn-theme1 span{
  color: #fff;
  z-index: 999;
  position: relative;
  padding: 0;
  font-size: 16px;
  padding-right: 6px;
}
.btn-theme1 span i{}
.btn-theme1 span img{
  height: 20px;
  margin-right: 7px;
  -webkit-animation: coccoc-alo-circle-img-anim 1.5s infinite ease-in-out;
  -moz-animation: coccoc-alo-circle-img-anim 1.5s infinite ease-in-out;
  -ms-animation: coccoc-alo-circle-img-anim 1.5s infinite ease-in-out;
  -o-animation: coccoc-alo-circle-img-anim 1.5s infinite ease-in-out;
  animation: coccoc-alo-circle-img-anim 1.5s infinite ease-in-out
}
.btn-theme1 span img{
transition: transform 0.3s ease;
  animation: img-hover-anim 1s infinite;
}

.btn-theme1 span img:hover {
animation: img-hover-anim 1s infinite;
}

@keyframes img-hover-anim {
0%   { transform: rotate(0) scale(1); }
10%  { transform: rotate(-15deg); }
20%  { transform: rotate(15deg); }
30%  { transform: rotate(-15deg); }
40%  { transform: rotate(15deg); }
50%  { transform: rotate(0) scale(1.05); }
100% { transform: rotate(0) scale(1); }
}
.btn-theme1 span img:hover {
animation: pulse 1.2s infinite;
}

@keyframes pulse {
0%   { transform: scale(0.9); opacity: .6; }
50%  { transform: scale(1); opacity: 1; }
100% { transform: scale(0.9); opacity: .6; }
}
 

/* BUTTON HOVER */
/* Button base */
.btn-hover {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

/* Text & icon smooth transition */
.btn-hover .text,
.btn-hover i {
    transition: all 0.4s ease;
}

/* Arrow move on hover */
.btn-hover i {
    margin-left: 8px;
}

.btn-hover:hover i {
    transform: translateX(6px);
}

/* Shine effect */
.btn-hover::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: rgba(255, 255, 255, 0.25);
    transform: skewX(-20deg);
    transition: all 0.6s ease;
}

.btn-hover:hover::before {
    left: 130%;
}

/* Optional slight lift */
.btn-hover:hover {
    transform: translateY(-2px);
}

.btn-theme1::before, .btn-theme1::after {
color: #fff;
}
.btn-theme3 span {
color: #fff;
} 
  /* Header Section Start  */
 
 .header-top {
  background-color: var(--primery-color1);
  font-size: 14px;
  color: var(--primery-base);
  font-weight: 300;
 }
 .fixedheader {
  position: fixed !important;
  top: -39px !important;
  transform: translateY(66px);
  transition: transform .6s;
  background-color: #203442 !important;
  width: 100% !important;
  padding: 10px 50px !important;
 }
 .stickyHeader.fixedheader .user-profile-btn li.nav-item img {
  filter: grayscale(1);
  filter: invert(1);
 }
 .stickyHeader.fixedheader .user-profile-btn li a span{
  color: #222;
 }
 .stickyHeader.fixedheader .navLogo{
  color: #222;
 }
 .stickyHeader .fixedheader.navLogo{
  color: #222;
 }
 .stickyHeader.fixedheader .navbar .navbar-nav .navItem .mainLink .arrowIcon img {
  /* filter: brightness(0.5); */
  position: relative;
  top: 3px;
 }
.logo img{
   height: 85px;
   /* margin-bottom: 10px; */
   margin-top: 20px;
   /* filter: invert(1); */
}
.navigation{
   position: absolute;
   left: 0;
   width: 100%;
   z-index: 99;
   /* backdrop-filter: blur(4px); */
   -webkit-backdrop-filter: blur(4px);
   /* padding-top: 22px; */
   /* background: linear-gradient(45deg, rgba(11, 90, 123, 0), rgba(132, 92, 15, 0)); */
   /* backdrop-filter: blur(3px) saturate(0.5); */
   padding: 17px 50px;
   /* top: 24px; */
}
 .navLogo{
  color: #f4f4f4;
  font-weight: 400;
  text-align: center;
 }
 .stickyHeader.fixedheader.navbar .navbar-nav .navItem .mainLink .navLink {
  font-size: 15px;
  color: #222;
  /* text-transform: capitalize; */
  position: relative;
  transition: all 0.3s 
 ease-in-out;
  /* font-weight: 600; */
 }
 .stickyHeader.fixedheader.user-profile-btn li.nav-item img {
  filter: invert(1);
 }
 
 .navbar {
  /* padding: 0px 40px !important; */
  height: 70px;
  /* background-color: #fff; */
 }
 
 .navbar .navbar-nav .navItem {
  position: relative;
  transition: all 0.3s ease-in-out;
 }
 .navbar .navbar-nav .navItem:hover .mainLink .arrowIcon img {
  transform: rotateZ(180deg);
 }
 .navbar .navbar-nav .navItem:hover .mainLink .navLink:after {
  width: 100%;
 }
 .navbar .navbar-nav .navItem:hover .sub-menu {
  visibility: visible;
  opacity: 1;
 }
 .navbar .navbar-nav .navItem .mainLink {
  padding: 32px 0px;
  transition: all 0.3s ease-in-out;
 }
 .navbar .navbar-nav .navItem .mainLink .navLink {
 }
  .navbar .navbar-nav .navItem .mainLink .navLink.active::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  background-color: #000;
  left: 0;
  bottom: -8px;
  transition: all 0.3s ease;
 }
 .navbar .navbar-nav .navItem .mainLink .navLink::after {
  content: "";
  position: absolute;
  height: 2px;
  width: 0;
  background-color: #fff;
  left: 0;
  bottom: -8px;
  transition: all 0.3s ease;
 } 
 .navbar .navbar-nav .navItem .mainLink .arrowIcon {
  width: 20px;
  height: 20px;
  margin-left: 10px;
 }
 .navbar .navbar-nav .navItem .mainLink .arrowIcon img {
  transition: all 0.3s ease-in-out;
 }
 .navbar .navbar-nav .navItem .sub-menu {
  background-color: #fff;
  position: absolute;
  left: 0;
  min-width: 630px !important;
  opacity: 0;
  visibility: hidden;
  transform-origin: top center;
  transition: all 0.3s ease;
  z-index: 99;
  box-shadow: 0 10px 60px rgba(0, 0, 0, 0.07);
  padding: 14px 16px;
  border-radius: 8px;
 }
 .navbar .acocuntSection .accountLink {
  font-size: 14px;
  color: #000;
  font-weight: 500;
 }
 .navbar .acocuntSection .accountLink .accountIcon {
  width: 24px;
  height: 24px;
  margin-right: 15px;
 }
 .navbar .categoryHeading {
  color: #fff !important;
  border-bottom: 1px solid rgba(35, 31, 30, 0.2) !important;
  margin-bottom: 14px !important;
  padding-top: 0;
  padding-bottom: 12px !important;
  padding-left: 0;
  font-size: 18px;
  font-weight: 600;
 }
 .header-top img{    
	height: 20px;
	filter: invert(1);}
 .inputGroup .inputSearch {
		height: 40px;
		font-size: 16px;
	
 }
 
 .header-top .selected-options img {
	width: 20px;
	position: relative;
	top: -2px;
 }
 .header-top .selected-options .divied {
	border-bottom: 1px solid rgba(0, 0, 0, 0.24);
	font-size: 14px;
	font-weight: 500;
 }
 .header-top .dropdown-menu.show {
	display: block;
	box-shadow: none;
	border: none;
	border-radius: 1px;
	margin: 4px 0 14px -40px !important;
	justify-content: center;
 }
 .header-top .center-block sm {
	display: none;
 }
 .navbar {
	padding: 0px 0px;
	height: 70px;
	/* background-color: #fff; */
	/* background: linear-gradient(45deg, rgba(11, 90, 123, 0), rgba(132, 92, 15, 0)) !important; */
	-webkit-backdrop-filter: blur(3px) saturate(0.5);
	/* backdrop-filter: blur(3px) saturate(0.5); */
 }
 @media only screen and (min-width: 576px) {
 
 }
 @media only screen and (min-width: 576px) {
	.navbar .navbar-toggler .menuIcon {
		width: 30px;
		height: 30px;
	}
 }
 
	.navbar .navbar-nav {
		margin-left: -16px;
		padding: 0;
		margin: 0;
	}
 
 .navbar .navbar-nav .navItem {
	position: relative;
	transition: all 0.3s ease-in-out;
 }
 .navbar .navbar-nav .navItem:hover .mainLink .arrowIcon img {
	transform: rotateZ(180deg);
 }
 .navbar .navbar-nav .navItem:hover .mainLink .navLink:after {
	width: 100%;
 }
 .navbar .navbar-nav .navItem:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	height: 100%;
 }
 .navbar .navbar-nav .navItem .mainLink {
	padding: 15px 12px;
	transition: all 0.3s ease-in-out;
	}
 .navbar .navbar-nav .navItem .mainLink .navLink {
	font-size: 14px;
	color: #fff;
	position: relative;
	transition: all 0.3s ease-in-out;
	font-weight: 400;
	font-style: normal;
	font-family: var(--font-1);
	}
 .navbar .navbar-nav .navItem .mainLink .navLink.active::after {
	content: "";
	position: absolute;
	height: 2px;
	width: 100%;
	/* background-color: #fff; */
	left: 0;
	bottom: -8px;
	transition: all 0.3s ease;
 }
 .navbar .navbar-nav .navItem .mainLink .navLink::after {
	content: "";
	position: absolute;
	height: 2px;
	width: 0;
	background-color: #fff;
	left: 0;
	bottom: -8px;
	transition: all 0.3s ease;
	border-radius: 20px;
 }
 .navbar .navbar-nav .navItem .mainLink .arrowIcon {
	width: 20px;
	height: 20px;
	margin-left: 10px;
 }
 .navbar .navbar-nav .navItem .mainLink .arrowIcon img {
	transition: all 0.3s ease-in-out;
	filter: invert(1);
 }
 .navbar .navbar-nav .navItem .sub-menu {
	background-color: var(--primery-base);
	position: absolute;
	left: 0;
	min-width: 550px !important;
	opacity: 0;
	visibility: hidden;
	transform-origin: top center;
	transition: all 0.3s ease;
	z-index: 99;
	box-shadow: 0 10px 60px inset rgba(0, 0, 0, 0.07);
	padding: 5px 17px 17px;
	border-radius: 8px;
	height: 0;
 }
 .navbar .acocuntSection .accountLink {
	font-size: 14px;
	color: #000;
	font-weight: 500;
 }
 .navbar .acocuntSection .accountLink .accountIcon {
	width: 24px;
	height: 24px;
	margin-right: 15px;
 }
 .navbar .categoryHeading {
	color: #000;
	/* border-bottom: 1px solid rgba(35, 31, 30, 0.2); */
	margin-bottom: 7px;
	padding-top: 0;
	padding-bottom: 0px;
	padding-left: 0;
	font-size: 18px;
	font-weight: 400;
 }

 
 /* Sliders Caption*/
 .video-wrapper {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
 }
 
 .video-wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
 }
 
 /* gradient overlay */
 .video-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, #141211e0, #2b2c24c7);
  pointer-events: none;
 }
 .video-wrapper {
  position: relative;
 }
 
 #bg-video {
  object-fit: cover;
 }
 
 /* Optional dark gradient overlay */
 .video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
	  to bottom,
	  rgba(0,0,0,0.4),
	  rgba(0,0,0,0.7)
  );
  z-index: 1;
 }
 
 /* Centered content */
 .hero-content {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  max-width: 700px;
  width: 100%;
  padding: 0 20px;
 }
 
 .hero-title {
  font-size: 46px;
  font-weight: 600;
  font-style: normal;
  font-family: var(--font-1);
 }
 
 .hero-subtitle {
  font-size: 16px;
  margin: 10px;
  opacity: 0.9;
  font-family: var(--font-1);
 }
 
 #unmute-btn {
  z-index: 3;
 }
 
 #sliders {
	padding: 0;
	z-index: 1;
 }
 
 #sliders .carousel-inner img {
	height: 600px;
	width: 100%;
	object-fit: cover;
 }
 
 
 #sliders .carousel-caption .button-all {
	height: 50px;
	padding: 11px 35px;
	font-size: 15px;
	color: #34bb54;
	display: inline-block;
	background: #fff;
	border: 2px dashed #34bb54;
	border-radius: 15px;
	font-weight: bold;
	-webkit-transition: all ease 0.4s;
	-moz-transition: all ease 0.4s;
	-ms-transition: all ease 0.4s;
	-o-transition: all ease 0.4s;
	transition: all ease 0.4s;
 }
 


#progress-value {
  height: 75%;
  width: 75%;
  background-color: #fff;
  border-radius: 50%;
  display: grid;
  place-items: center;
  color: var(--primery-color1);
  font-size: 18px;
  transition: transform 0.6s ease;
 }
 #progress:hover #progress-value {
  transform: rotate(-20deg);
  transition: transform 0.6s ease;
 } 
 
.section-title h2 span {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 1;
    color: #ffffff;
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 8px;
    font-family: 'Readex Pro';
    font-weight: 600;
    font-size: 16px;
    background: #db2b1c;
    padding: 8px 15px;
    border-radius: 5px;
}
.section-title h2 {font-family: var(--font-1);font-weight: 600;font-size: 28px;color: #203442;}

/* Footer Section */
.side-public a img {
height: 25px;
padding-left: 7px;
}

.social-curve {
position: relative;
padding: 41px 0 33px;
display: none;
}

.social-curve:before {
-webkit-transform: skew(30deg);
-moz-transform: skew(30deg);
-o-transform: skew(30deg);
-ms-transform: skew(30deg);
transform: skew(30deg);
}

.social-curve:before {
width: 81%;
left: -50%;
z-index: 0;
content: "";
position: absolute;
bottom: -16px;
height: 100%;
z-index: 0;
background: #e3000d;
}

.social-curve .social-icon {
z-index: 99;
position: relative;
padding: 12px 0 0;
}

.m-b0 {
margin-bottom: 0;
}

.right_fix_btn {
    position: fixed;
    width: 53px;
    z-index: 99999;
    bottom: 19px;
    left: 20px;
}

.coccoc-alo-ph-img-circle {
    width: 52px;
    height: 52px;
    border-radius: 100%;
    border: 0px solid rgba(0, 0, 0, 0);
    opacity: 1;
    padding: 5px;
}

.play-now1 {
    position: absolute;
    bottom: 6rem;
    left: 45%;
    background-color: var(--primery-button2);
    border-radius: 10rem;
    padding: 15px;
}

.play-now1::before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 15rem;
    height: 15rem;
    background: var(--primery-button2);
    border-radius: 50%;
    animation: 1500ms ease-out 0s infinite normal none running pulse-border;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0px) scale(1.5);
        opacity: 0;
    }
}

.play-now1 img {
    max-width: 11rem;
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 7rem;
    }

    100% {
        box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px;
    }
}

@keyframes ripple {
    70% {
        box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 7rem;
    }

    100% {
        box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px;
    }
}

#progress {
    z-index: 1111;
    position: fixed;
    bottom: 20px;
    right: 15px;
    height: 60px;
    width: 60px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgb(24, 55, 97);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 10px;
    cursor: pointer;
    transition: opacity 0.3s, transform 0.3s;
    opacity: 0;
    transform: scale(0);
}

#progress-value {
    height: 75%;
    width: 75%;
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: var(--primery-color1);
    font-size: 18px;
    transition: transform 0.6s;
}

#progress:hover #progress-value {
    transform: rotate(-20deg);
    transition: transform 0.6s;
}
.footer li {
font-size: 13px;
line-height: 22px;
padding-left: 2px;
padding-right: 2px;
display: inline-block;
}

.social-curve .social-icon .title {
color: var(--white);
font-size: 18px;
text-transform: capitalize;
letter-spacing: 1px;
}

.social-curve .social-icon li a {
color: var(--white);
font-size: 18px;
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
display: inline-block;
font-weight: 400;
padding: 3px 5px;
}

.footer-top {background: #203442;background-position: center;padding: 25px 0 25px;font-family: var(--font-1);}
.footer-2{background: #203442;background-position: center;padding: 20px 0 20px;border-top: 1px solid #fff;font-family: var(--font-1);}
.unselectable{position:relative;}
.unselectable img{
height: 40px;
margin: auto;
}
.fcyellow {color: #FFF;margin: 0 0 10px;padding: 0;font-size: 13px;font-weight: 600;letter-spacing: 0.3px;}
.textbold {
color: #fff !important;
font-weight: 700;
margin-bottom: 0;
letter-spacing: .8px;
font-size: 12px;
}
.fcwhite {
color: #fff !important;
font-size: 13px;
}
.saf-footer {
max-width: 1421px;
}

.site-footer .widget_getintuch {
padding-top: 0;
}

.widget {margin-bottom: 20px;margin-top: 35px;}

.widget h5 {
color: var(--white);
margin-bottom: 30px;
text-transform: uppercase;
font-size: 13px;
position: relative;
}
.widget h5 a{
color: var(--white);
}
.widget h5:before {
content: "";
position: absolute;
left: 0;
width: 40px;
height: 3px;
background: var(--white);
bottom: -13px;
}
.widget  ul{
/* display:none; */
}
.widget li {
color: #b0b0b0;
}

.widget li a {
color: #b0b0b0;
font-size: 14px;
}

.footer-bottom {background-color: #1467A6;padding: 9px 0;color: #b0b0b0;font-size: 12px;border-top: 1px solid rgba(255, 255, 255, 0.05);font-family: var(--font-1);}
.side-public{
text-align: center;
}
.footer-bottom span {
font-size: 15px;
color: #fff !important;
text-align: center;
}

.footer-bottom li {
display: inline-block;
padding: 2px 11px;
}

.footer-bottom li a {
}

.widget_getintuch li {
margin-bottom: 20px;
position: relative;
padding-left: 40px;
font-size: 14px;
}

.footer li {
font-size: 13px;
line-height: 22px;
}

.widget_getintuch i {
position: absolute;
left: 0;
top: 5px;
text-align: center;
font-size: 22px;
width: 30px;
height: 30px;
line-height: 30px;
color: #b0b0b0;
}

.widget_getintuch b,
.widget_getintuch strong {
display: block;
text-transform: uppercase;
color: #b0b0b0;
font-weight: 400;
font-size: 15px;
}

.widget_services ul li {
position: relative;
padding: 5px 10px 10px 15px;
margin-bottom: 0;
font-size: 13px;
line-height: 20px;
}

.widget_services ul li:before {
content: "\f105";
position: absolute;
left: 0;
top: 5px;
display: block;
font-family: FontAwesome;
color: #b0b0b0;
}

.footer-widget {
margin-bottom: 30px;
}

.footer-widget p {
color: #b0b0b0 !important;
margin-bottom: 25px;
font-size: 14px;
display: none;
}

.footer-widget .footer-logo {
margin-bottom: 20px;
position: relative;
}

.footer-widget .footer-logo img {
width: 72%;
filter: invert(1);
}

.footer-widget .footer-call-content {
background-color: #18222d;
padding: 8px 22px 10px 15px;
border-radius: 5px;
position: relative;
display: none;
}

.footer-widget .footer-call-content span {
color: var(--white);
font-size: 14px;
}

.footer-widget .footer-call-content i {
position: absolute;
top: 8px;
right: 12px;
width: 41px;
height: 41px;
font-size: 26px;
line-height: 41px;
text-align: center;
display: inline-block;
background-color: #e5f3ff;
color: #0071dc;
border-radius: 50px;
-webkit-transition: 0.7s;
transition: 0.7s;
}

.footer-widget .footer-call-content h3 {
color: var(--white);
margin: 0;
font-size: 15px;
line-height: 1.2;
font-weight: 700;
}

/* Social Media */
.media-overtop ul {
}

.media-overtop li {
list-style: none;
display: inline-block;
}

.media-overtop li a {
width: 30px;
height: 30px;
line-height: 30px;
font-size: 16px;
margin: 0 4px;
display: block;
border-radius: 5px;
position: relative;
overflow: hidden;
z-index: 1;
text-align: center;
color: var(--white);
}
.para1{
    margin-bottom: 5px;
    transition: .4s;
    font-family: 'Readex Pro';
    font-weight: 600;
    font-size: 16px;
}
.media-overtop li a.fa {
position: relative;
color: #262626;
transition: 0.5s;
}

.media-overtop li a:hover .fa {
transform: rotateY(360deg);
transition: 0.5s;
}

.media-overtop li a:before {
content: "";
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
background: #0b0b0b;
transition: 0.5s;
}

.media-overtop li a:hover:before {
top: 0;
transition: 0.5s;
}

.media-overtop li:nth-child(1) a {
background: #3b5999;
}

.media-overtop li:nth-child(2) a {
background: #55acee;
}

.media-overtop li:nth-child(3) a {
background: #3988dd;
}

.media-overtop li:nth-child(4) a {
background: #0077b5;
}
.media-overtop li:nth-child(5) a {
background: #CD201F;
}
.media-overtop li:nth-child(6) a {
background: #1DA1F2;
}
.gt-breadcrumb-wrapper {
    position: relative;
    background-image: url('../images/breadcrumb-bg.webp');
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

/* Gradient + blur overlay */
.gt-breadcrumb-wrapper::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(rgb(0 0 0 / 41%), rgb(0 0 40 / 30%));
     /* blur strength */
    z-index: 1;
}

/* Keep content above overlay */
.gt-breadcrumb-wrapper .container {
    position: relative;
    z-index: 2;
}

/* Optional text color */
.gt-breadcrumb-wrapper h1,
.gt-breadcrumb-wrapper li,
.gt-breadcrumb-wrapper a {
    color: #fff;
}
   /* About Us Section */

 .section-padding {
    padding: 120px 0;
}

.section-bg {
    background-color: #fff9f6;
}
.fix {
    overflow: hidden;
}
.about-section {
    position: relative;
    z-index: 9;
}
.about-content h2{
    font-family: 'Readex Pro';
    font-weight: 600;
    font-size: 28px;
}
.about-content h5{
    font-family: 'Readex Pro';
    font-weight: 600;
    font-size: 16px;
    background: #203442;
    padding: 8px 15px;
    border-radius: 5px;
}
.about-wrapper .about-image {
  max-width: 800%;
  position: relative;
  /* margin-right: 100px; */
  background: #f9f9f9;
  backdrop-filter: blur(10px);
  border-radius: 20px;
  transition: all 0.3s ease;
  padding: 8px;
  border: 1px solid #f7f7f7;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
  color: #222;
  font-size: 15px;
  height: 100%;
}
@media (max-width: 1199px) {
  .about-wrapper .about-image {
    margin-left: 0;
    max-width: 1000px;
  }
}
.about-wrapper .about-image img {
  width: 100%;
  height: 100%;
}
.about-wrapper .about-image .about-image-2 {
  position: absolute;
  bottom: 0;
  left: 20px;
  z-index: 9;
}
@media (max-width: 575px) {
  .about-wrapper .about-image .about-image-2 {
    max-width: 150px;
  }
}
.about-wrapper .about-image .counter-box {
  position: absolute;
  writing-mode: vertical-rl;
  top: 50%;
  left: -100px;
  transform: translateY(-50%) rotate(180deg);
  display: grid;
  gap: 10px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-image .counter-box {
    display: none;
  }
}
.about-wrapper .about-image .counter-box h2 {
  font-size: 40px;
  font-weight: 800;
  margin-bottom: 5px;
}
.about-wrapper .about-image .counter-box p {
  font-size: 20px;
  font-weight: 600;
}
.about-wrapper .about-image .bar-shape {
  width: 438px;
  height: 55px;
  background-color: #203442;
  /* opacity: 0.56; */
  display: inline-block;
  position: absolute;
  bottom: 73px;
  left: -100px;
}
@media (max-width: 1399px) {
  .about-wrapper .about-image .bar-shape {
    bottom: 0px;
    left: 0px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper .about-image .bar-shape {
    display: none;
  }
}
.about-wrapper .about-content .about-text {
  margin-top: 25px;
  font-size: 17px;
}
.about-wrapper .about-content ul {
  margin-top: 30px;
}
.about-wrapper .about-content ul li {
  font-size: 14px;
  font-weight: 400;
  color: #203442;
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--font-1);
}
.about-wrapper .about-content ul li:not(:last-child) {
  margin-bottom: 20px;
}
.about-wrapper .about-content ul li i {
  color: var(--primery-color1);
}
.about-wrapper .about-content .about-btn {
  margin-top: 48px;
  display: flex;
  align-items: center;
  gap: 32px;
}
@media (max-width: 1199px) {
  .about-wrapper .about-content .about-btn {
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 25px;
  }
}
.about-wrapper .about-content .about-btn .call-info {
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid #203442;
  padding: 6px 10px;
  border-radius: 10px;
  background: #dcb16f;
}
.about-wrapper .about-content .about-btn .call-info .icon {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #ad8444;
  border-radius: 50%;
  color: #16243e;
}
.about-wrapper .about-content .about-btn .call-info .icon i{
    color: #fff;
}
.about-wrapper .about-content .about-btn .call-info .content span {
  display: inline-block;
  margin-bottom: 1px;
}
.about-wrapper .about-content .about-btn .call-info h4 a{
    font-size: 19px;
    font-weight: 700;
    font-family: 'Readex Pro';
    text-decoration: none;
    color: #ffffff;
}
.about-section {
  position: relative;
  z-index: 9;
}

@media (max-width: 1399px) {
  .about-wrapper-2 .about-content {
    max-width: 600px;
  }
}
.about-wrapper-2 .about-content .about-text {
  margin-top: 25px;
}
.about-wrapper-2 .about-content ul {
  margin-top: 30px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-content ul {
    margin-top: 30px;
    margin-top: 25px;
  }
}
.about-wrapper-2 .about-content ul li {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-content ul li {
    display: grid;
  }
}
.about-wrapper-2 .about-content ul li .icon {
  border-radius: 8px;
  border: 1px solid rgba(204, 206, 213, 0.24);
  background: var(--st-white);
  max-width: 80px;
  width: 100%;
  height: 80px;
  line-height: 90px;
  text-align: center;
  font-size: 40px;
  color: var(--st-header);
  transition: all 0.4s ease-in-out;
}
.about-wrapper-2 .about-content ul li .content h4 {
  margin-bottom: 5px;
}
.about-wrapper-2 .about-content ul li:not(:last-child) {
  margin-bottom: 25px;
}
.about-wrapper-2 .about-content ul li:hover .icon {
  background-color: red;
  color: #fff;
}
.about-wrapper-2 .about-image-items .about-image-1 {
  display: flex;
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-image-items .about-image-1 {
    display: block;
  }
}
.about-wrapper-2 .about-image-items .about-image-1 .thumb {
  max-width: 483px;
}
@media (max-width: 575px) {
  .about-wrapper-2 .about-image-items .about-image-1 .thumb {
    max-width: 700px;
  }
}
.about-wrapper-2 .about-image-items .about-image-1 .thumb img {
  width: 100%;
  height: 100%;
  border-radius: 16px 0px;
}
.about-wrapper-2 .about-image-items .about-image-1 .counter-box {
  writing-mode: vertical-rl;
  display: grid;
  gap: 10px;
  transform: rotate(180deg);
  border-radius: 0px 0 0 16px;
  background: var(--st-theme2);
  padding: 20px 36px;
  height: 260px;
}

.about-wrapper-2 .about-image-items .about-image-2 {
  display: flex;
  align-items: center;
  margin-top: -20px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-image-items .about-image-2 {
    display: block;
  }
}
.about-wrapper-2 .about-image-items .about-image-2 .icon-box {
  background-color: var(--st-header);
  padding: 43px 24px;
  display: inline-block;
  border-radius: 0px 0px 0px 16px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-image-items .about-image-2 .icon-box {
    display: block;
  }
}
.about-wrapper-2 .about-image-items .about-image-2 .icon-box .icon {
  border-radius: 8px;
  border: 1px solid rgba(204, 206, 213, 0.24);
  background: transparent;
  font-size: 40px;
  text-align: center;
  width: 80px;
  height: 80px;
  line-height: 84px;
  color: var(--st-theme);
}
.about-wrapper-2 .about-image-items .about-image-2 .icon-box .content {
  margin-top: 20px;
}
.about-wrapper-2 .about-image-items .about-image-2 .icon-box .content h4 {
  color: var(--st-white);
  margin-bottom: 14px;
}
.about-wrapper-2 .about-image-items .about-image-2 .icon-box .content p {
  color: var(--st-white);
  opacity: 0.7;
  max-width: 230px;
}
.about-wrapper-2 .about-image-items .about-image-2 .thumb-2 {
  max-width: 365px;
}
@media (max-width: 767px) {
  .about-wrapper-2 .about-image-items .about-image-2 .thumb-2 {
    max-width: 700px;
  }
}
.about-wrapper-2 .about-image-items .about-image-2 .thumb-2 img {
  border-radius: 16px 0px;
  width: 100%;
  height: 100%;
  border-top-left-radius: 0;
}

.about-section-2 {
  position: relative;
  z-index: 9;
}
.about-section-2 .left-shape {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.about-wrapper-3 .about-image {
  position: relative;
}
.about-wrapper-3 .about-image .border-shape {
  position: absolute;
  top: -5px;
  left: 15px;
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-image .border-shape {
    display: none;
  }
}
.about-wrapper-3 .about-image .border-shape img {
  width: initial;
  height: initial;
}
.about-wrapper-3 .about-image img {
  width: 100%;
  height: 100%;
}
.about-wrapper-3 .about-content {
  margin-left: 20px;
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-content {
    margin-left: 0;
  }
}
.about-wrapper-3 .about-content .about-list-item {
  margin-top: 60px;
  display: flex;
  align-items: center;
  gap: 55px;
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-content .about-list-item {
    margin-top: 30px;
  }
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-content .about-list-item {
    flex-wrap: wrap;
    gap: 30px;
  }
}
.about-wrapper-3 .about-content .about-list-item .list-item .list {
  margin-bottom: 48px;
}
@media (max-width: 1199px) {
  .about-wrapper-3 .about-content .about-list-item .list-item .list {
    margin-bottom: 30px;
  }
}
.about-wrapper-3 .about-content .about-list-item .list-item .list li {
  font-size: 18px;
  font-weight: 600;
  font-family: "Manrope", sans-serif;
  color: var(--st-header);
}
.about-wrapper-3 .about-content .about-list-item .list-item .list li:not(:last-child) {
  margin-bottom: 10px;
}
.about-wrapper-3 .about-content .about-list-item .list-item .list li i {
  color: var(--st-theme2);
  margin-right: 12px;
}
.about-wrapper-3 .about-content .about-list-item .counter-box {
  background-color: var(--st-theme);
  border-radius: 16px;
  padding: 56px 36px;
  text-align: center;
  width: 268px;
}
.about-wrapper-3 .about-content .about-list-item .counter-box h2 {
  font-size: 72px;
  font-weight: 800;
}
.about-wrapper-3 .about-content .about-list-item .counter-box h4 {
  font-weight: 800;
}

.about-section-3 {
  position: relative;
  z-index: 9;
}

/* breadcrumb */
.gt-breadcrumb-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 9;
}
.bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}
@media (max-width: 1199px) {
  .gt-breadcrumb-wrapper {
    background-image: none !important;
    background-color:red;
  }
}
.gt-breadcrumb-wrapper .gt-page-heading {
  position: relative;
  padding: 161px 40px 52px;
  z-index: 9;
}
@media (max-width: 991px) {
  .gt-breadcrumb-wrapper .gt-page-heading {
    padding: 160px 0 130px;
  }
}
@media (max-width: 767px) {
  .gt-breadcrumb-wrapper .gt-page-heading {
    text-align: center;
    padding: 180px 0 130px;
  }
}
.gt-breadcrumb-wrapper .gt-page-heading h1 {
  color: #fff;
  font-size: 28px;
  position: relative;
  text-transform: capitalize;
  z-index: 9;
  /* font-weight: 800; */
  font-family: var(--font-1);
}
@media (max-width: 767px) {
  .gt-breadcrumb-wrapper .gt-page-heading h1 {
    font-size: 60px;
  }
}
@media (max-width: 575px) {
  .gt-breadcrumb-wrapper .gt-page-heading h1 {
    font-size: 50px;
  }
}
@media (max-width: 470px) {
  .gt-breadcrumb-wrapper .gt-page-heading h1 {
    font-size: 40px;
  }
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items {
  display: inline-flex;
  justify-content: center;
  margin-top: 2px;
  gap: 6px;
}
@media (max-width: 575px) {
  .gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items {
    margin-top: 15px;
  }
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li {
  color: #fff;
  text-transform: capitalize;
  font-weight: 400;
  font-size: 12px;
  font-family: var(--font-1);
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a {
  color: #fff;
  transition: all 0.4s ease-in-out;
  /* font-family: var(--font-1); */
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a:hover {
  color: #fff;
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li a i {
 color: #fff;
  margin-right: 5px;
}
.gt-breadcrumb-wrapper .gt-page-heading .gt-breadcrumb-items li i {
  color: #fff;
  FONT-SIZE: 8PX;
}
.gt-breadcrumb-wrapper .gt-breadcrumb-image {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 140px;
}
@media (max-width: 1600px) {
  .gt-breadcrumb-wrapper .gt-breadcrumb-image {
    right: 30px;
  }
}
@media (max-width: 1199px) {
  .gt-breadcrumb-wrapper .gt-breadcrumb-image {
    display: none;
  }
}
.mobile-btn-call{}
.mobile-btn-call li{
    display: inline-block;
}
.mobile-btn-call li a{
    margin: 6px;
    height: 50px;
}
.mobile-btn-call li a img{
    background: #185D92 !important;
    width: 40px;
    height: 40px;
    padding: 3px;
    border-radius: 50%;
    border: 1px solid;
}
.about-content{
  /* padding-left: 60px; */
}
 /* Modal Content */
#contactModal .modal-content {
    border-radius: 18px;
    border: none;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    width: 429px;
    justify-content: center;
    margin: auto;
}
.sub-title{
	
}
/* Modal Header */
#contactModal .modal-header {
    background: var(--primery-color1);
    color: #fff;
    padding: 18px 25px;
    border-bottom: none;
    text-align: center;
    font-family: 'Readex Pro';
}

#contactModal .modal-title {
    font-weight: 600;
    letter-spacing: 0.5px;
    text-align: center;
    color: #fff;
}

#contactModal .btn-close {
    filter: invert(1);
}

/* Modal Body */
#contactModal .modal-body {
    padding: 13px;
    background: #f9fafb;
}

/* Form Card */
.form-section {
    background: #ffffff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

/* Title */
.form_title {
    font-size: 19px;
    color: #111827;
    margin-bottom: 17px;
    text-align: center;
    font-family: 'Readex Pro';
    font-weight: 600;
}

/* Input Fields */
.form-control {
    height: 50px;
    border-radius: 12px;
    border: 1px solid #e5e7eb;
    padding: 10px 15px;
    font-size: 14px;
    transition: all 0.3s ease;
    background: #f9fafb;
}

.form-control::placeholder {
    color: #9ca3af;
}

/* Focus Effect */
.form-control:focus {
    border-color: #111827;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(17, 24, 39, 0.15);
}

/* Textarea style */
#qMessage1 {
    height: 90px;
    /* resize: none; */
}

/* Submit Button */
#SubmitQuery1 {
    border-radius: 14px;
    font-weight: 600;
    letter-spacing: 0.5px;
    background: var(--primery-color1);
    border: none;
    transition: all 0.35s ease;
    color: #fff;
}

#SubmitQuery1:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(17, 24, 39, 0.35);
}

/***  ==========  CHOOSE  CSS  ============ ***/

.gradient-bg {
    background-image: -moz-linear-gradient( -90deg, rgb(230,254,255) 0%, rgba(230,254,255,0.2) 100%);
    background-image: -webkit-linear-gradient( -90deg, rgb(230,254,255) 0%, rgba(230,254,255,0.2) 100%);
    background-image: -ms-linear-gradient( -90deg, rgb(230,254,255) 0%, rgba(230,254,255,0.2) 100%);
   
}
.choose--area {
    /* padding: 40px 0; */
    background: #f9f6f4;
    position:relative;
}
.choose--area:before{
	height: 522px;
	content:'';
	width: 54%;
	position:absolute;
	right:0;
	background-color: #1467A6;
	z-index: 0;
}
.choose-conten {
    margin-top: 30px;
}

.choose-value {
    position: relative;
    display: flex;
    align-items: center;
    padding: 4px 5px;
    margin-bottom: 4px;
    overflow: hidden;
    transition: all .4s ease;
    /* border-bottom: 1px solid #d6dbdf; */
    /* padding-right: 10px; */
}

/* Square background */
.choose-value::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(135deg, #0d6efd, #00c6ff);
    transition: .4s ease;
    z-index: 0;
}

.choose-value i {
    width: 24px;
    height: 24px;
    background: #203442;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    margin-right: 8px;
    z-index: 1;
    transition: .4s;
    transform: rotate(
321deg);
    font-size: 11px;
    margin-right: 15px;
}

.choose-value span {
    font-weight: 400;
    z-index: 1;
    transition: .4s;
    color: #203442;
    font-family: var(--font-1);
    border-bottom: 1px solid #54585c;
    padding-bottom: 5px;
    /* padding-left: 10px; */
}

/* Hover effect */

.why-boxs ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.why-boxs li {
    margin-bottom: 20px;
}

.why-boxs .inner {
    /* display: flex; */
    /* align-items: center; */
    padding: 20px;
    background: #4a44443b;
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
    border: 1px solid #ffffff;
}

/* Gradient overlay */
.why-boxs .inner::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, #203442, #5a140e);
    opacity: 0;
    transition: .4s ease;
    z-index: 0;
}

.why-boxs .icon,
.why-boxs .text {
    position: relative;
    z-index: 1;
}

.why-boxs .icon img {
    width: 50px;
    margin-right: 20px;
    margin-bottom: 10px;
}

.why-boxs .text h3 {
    margin-bottom: 5px;
    transition: .4s;
    font-family: 'Readex Pro';
    font-weight: 600;
    font-size: 19px;
    color: #fff;
}

.why-boxs .text p {
    margin: 0;
    transition: .4s;
    font-family: var(--font-1);
    font-size: 14px;
    color: #fff;
}

/* Hover animation */
.why-boxs .inner:hover {
    transform: translateY(-12px);
}

.why-boxs .inner:hover::after {
    opacity: 1;
}

.why-boxs .inner:hover h3,
.why-boxs .inner:hover p {
    color: #fff;
}
.choose--area {
    animation: sectionFade 1.2s ease-in-out;
}

@keyframes sectionFade {
    from {
        opacity: 0;
        transform: translateY(60px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Checkbox Text */
.form .mt-2 {
    color: #6b7280;
    line-height: 1.4;
    font-size: 13px !important;
}
.stats-section {
  /* background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); */
}

.stat-card {
}

.stat-card:hover {
  transform: translateY(-12px) scale(1.04);
  background: rgba(255, 255, 255, 0.18);
}

.stat-icon {
  font-size: 44px;
  margin-bottom: 12px;
}
.stat-icon img{
    height: 60px;
    border: 1px solid #ffff;
    padding: 10px;
    border-radius: 36px;
}
.stat-number {
  font-size: 48px;
  font-weight: 700;
  color: #00ffd5;
  margin-bottom: 8px;
}

.stat-number::after {
  content: "+";
  font-size: 26px;
  margin-left: 5px;
}

.stat-label {
}

.stats-section {
  /* background: #e7e3e1; */
  background: linear-gradient(135deg, #d5dfe3, #bec6c9, #aeb8bd);
}

.stat-card {
  background: rgb(122 122 122);
  /* border: 1px solid #f4f4f4; */
  border-radius: 10px;
  padding: 21px 15px;
  color: #fff;
  transition: all 0.4s ease;
  align-items: center;
  margin: 0 25px;
}

.stat-card:hover {
  transform: translateY(-5px) scale(1.07);
  background: rgb(32 52 66 / 21%);
}

.stat-icon {
  font-size: 36px;
  margin-bottom: 9px;
}

.stat-number {
  font-size: 28px;
  font-weight: 700;
  color: #db2b1c;
  margin-bottom: 4px;
  font-family: 'Readex Pro';
}

.stat-number::after {
  content: "+";
  font-size: 18px;
  margin-left: 5px;
}

.stat-label {
  font-size: 17px;
  color: #ffffff;
  font-weight: 600;
  font-family: var(--font-1);
  margin: 0;
}

/* testimonial */

   .testimonial-area {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        padding: 40px 0;
        background: #203442;
     }
     
     .testimonial-wrap-2 {
      background: #ffffff;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
      border-radius: 10px;
      border-bottom: 8px solid #3bb6d6;
      padding: 0 30px 12px 30px;
      margin: 58px 12px 0;
     }
     .testimonial-wrap-2 .thumb {
      position: relative;
      display: inline-block;
      margin-top: -50px;
     }
     .testimonial-wrap-2 .thumb img {
      width: auto;
     }
     .testimonial-wrap-2 .thumb span {
      position: absolute;
      height: 33px;
      width: 33px;
      background: #FC9016;
      border-radius: 50%;
      display: inline-block;
      color: #ffffff;
      text-align: center;
      line-height: 35px;
      top: 10px;
      right: -14px;
     }
     .testimonial-wrap-2 .testimonial-wrap-details .rating-wrap {
      border-bottom: 1px solid rgba(139, 139, 139, 0.16);
      padding-bottom: 24px;
      margin-bottom: 28px;
      margin-top: -34px;
     }
     .testimonial-wrap-2 .testimonial-wrap-details h6 {
      font-size: 21px;
      font-weight: 600;
      margin-bottom: 12px;
     }
     .testimonial-wrap-2 .testimonial-wrap-details h6:hover {
      color: #DD1C63;
     }
     .testimonial-wrap-2 .testimonial-wrap-details h6 span {
      color: #868686;
      font-size: 15px;
      font-weight: 400;
     }
     .testimonial-wrap-2 .testimonial-wrap-details p {
      font-size: 15px;
     }
     /* testimonial */
     .testimonial-area{
      padding: 31px 0;
     }
     .testimonial-block-three {
        position: relative;
        padding: 0 15px;
        margin: 15px 0;
     }
     .testimonial-block-three .inner-box {
        position: relative;
        text-align: center;
        overflow: hidden;
        border-radius: 36px;
     }
     .testimonial-block-three .top-content {
        position: relative;
        background: #f2f2f2;
        padding: 17px 41px;
        padding-top: 40px;
        border-radius: 6px;
        margin-bottom: 14px;
        /* box-shadow: 0 2px 4px rgb(0 0 0 / 17%); */
     }
     .testimonial-block-three .top-content:before {
        position: absolute;
        content: '';
        left: 50%;
        bottom: -51px;
        width: 70px;
        height: 34px;
        border: 29px solid transparent;
        border-top-color: #f2f2f2;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        display: none;
     }
     .testimonial-block-three .quote {
        position: absolute;
        left: -36px;
        top: -50px;
        width: 100px;
        height: 100px;
        padding-left: 30px;
        background: #ffffff;
        color: #837a7a;
        font-size: 25px;
        line-height: 148px;
        border-radius: 50%;
     }
     .testimonial-block-three h4 {
        position: relative;
        margin-bottom: 10px;
        font-size: 15px;
        font-family: var(--font-1);
        font-weight: 400;
        font-style: normal;
     }
     .inner-box .text {
        font-size: 14px;
        line-height: 23px;
        color: #858585;
        font-weight: 400;
        margin: 0;
        font-family: 'Avenir LT Std';
        font-weight: normal;
        font-style: normal;
     }
     .testimonial-block-three .author-title {
        font-size: 14px;
        color: var(--primery-text);
        margin-bottom: 3px;
        font-weight: 400;
        font-family: 'Restora';
        font-weight: 400;
        font-style: italic;
     }
     .testimonial-block-three .designation {
        position: relative;
        font-size: 15px;
        color: #757575;
     }
.testimonial-block-three .inner-box {
    background: #ffffff;
    border-radius: 15px;
    /* padding: 24px 20px 10px; */
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    height: 100%;
}
.testimonial-block-three .top-content {
    position: relative;
    background: #f2f2f2;
    padding: 17px 25px;
    padding-top: 40px;
    border-radius: 6px;
    margin-bottom: 14px;
    /* box-shadow: 0 2px 4px rgb(0 0 0 / 17%); */
}
.author-info {
    padding-bottom: 10px;
    padding-top: 10px;
    border-top: 1px dashed #ddd;
    /* text-align: right; */
}
/* Section 3 owl StyleSheet */
   .testimonial-area .owl-dots {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 15px;
   }
   .testimonial-area .owl-dots .owl-dot.active {
      background: var(--primery-color1);
      width: 32px;
   }
   .testimonial-area .owl-dots .owl-dot {
      width: 12px;
      height: 12px;
      border-radius: 50px;
      background: #fff;
      border: 1px solid #adb5bd;
      box-shadow: 0px 1px 0px 0px #dee2e6;
      margin: 0px 3px;
      transition: 0.5s all;
   }
   
/* property-featured */
/* CARD */
.modern-card {
  background: #fff;
  border-radius: 7px;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,0.08);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.modern-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.16);
}

/* IMAGE */
.part-img {
  position: relative;
  overflow: hidden;
}

.part-img img {
  width: 100%;
  transition: transform 0.6s ease;
  position: relative;
}

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

/* CLEAN GRADIENT OVERLAY (NO FLASH) */
.part-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(32,52,66,0.15),
    rgba(32,52,66,0.85)
  );
  opacity: 1;
}

/* IMAGE CONTENT */
.content-on-img {
  position: absolute;
  z-index: 2;
  :;
  olumn; */
  /* justify-content: space-between; */
  bottom: 7px;
  /* height: 30px; */
  /* background: red; */
  bottom: 15px;
  width: 100%;
  text-align: center;
}

/* CATEGORY */
.cat-list a {
  background: #203442;
  color: #fff;
  font-size: 13px;
  padding: 6px 14px;
  border-radius: 30px;
  text-decoration: none;
  font-weight: 600;
  font-family: var(--font-1);
}

/* PRICE */
.price-n-time span {
  color: #fff;
  font-size: 15px;
  /* font-weight: 700; */
  margin-bottom: 10px;
  font-family: var(--font-1);
  background: #000000;
  padding: 7px 17px 9px;
  border-radius: 4px;
}

.price-n-time h3 i {
  color: #db2b1c;
}

.price-n-time h3 span {
  float: right;
  font-size: 13px;
  font-weight: 500;
  color: 0.95;
}

/* DETAILS */
.part-details {
  padding: 1px 0px;
}

.title-nd-place h4 a {
  color: #203442;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.3s ease;
  font-family: var(--font-1);
}

.title-nd-place h4 a:hover {
  color: #db2b1c;
}

.title-nd-place p {
  font-size: 13px;
  color: #6c757d;
  text-align: center;
  /* font-weight: 600; */
  font-family: var(--font-1);
  margin: 0;
}

/* FEATURES */
.rent-info {
  padding-top: 7px;
  margin-top: 0px;
}
.single-property{
	overflow: hidden;
	position: relative;
	padding: 6px 6px;
	margin-bottom: 20px;
	background: #efefef;
	border: 1px solid #d5c8c8;
}
.rent-info ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: space-between;
}

.rent-info ul li {
  font-size: 12px;
  color: #ffffff;
  background: #1467A6;
  width: 45%;
  padding: 5px 13px;
  border-radius: 4px;
  font-family: var(--font-1);
}

.rent-info ul li span {
  color: #ffffff;
  margin-right: 6px;
}
  /* start blog section */
#blog-warpar{
  padding: 40px 0;
  /* background: url(../images/team-section-05.jpg); */
  background-attachment: fixed;
  /* background: #ededed; */
 }
	.blog-warper{
    margin-top: 31px;
    margin-bottom: 1px;
}
	.blog-warper .blog{}
	.blog-warper .blog-boxs{
    box-shadow: 0 2px 43px rgba(12,12,12,.13);
    background-color: var(--white);
    border-width: 2px 2px 0;
    border-style: solid;
    border-color: #ebebeb;
    padding: 7px 6px 0;
    position: relative;
    transition: .4s ease;
    min-height: 383px;
}
.blog-warper .blog-boxs a{
    border-radius: 50px 50px 50px 50px;
    background: #18222d;
    display: inline-table;
}
.blog-warper .blog-boxs a:hover{
	background-color:#1e60aa;
}
.blog-warper .blog-boxs a img{}
.blog-warper .blog-boxs .blog-content{
	padding: 20px 0px 15px;
	width: 100%;
	font-family: var(--font-1);
}
.blog-warper .blog-boxs .blog-content .title{
    font-size: 15px;
    line-height: 22px;
    font-weight: 600;
    color: #190200;
    text-align: left;
    margin-bottom: 5px;
    font-family: var(--font-1);
    border=;: 2px
    solid red;
    border=;: 2px
    solid red;
    border=;: 2px
    solid revert;
    border=;: 2px
    solid revert;
    border=;: 2px
    solid revert;
    border=;: 2px
    solid revert;
    border=;: 2px
    solid r;
    border=;: 2px
    solid;
    border=;: 2px
    solid;
    border=;: 2px
    soli;
    border=;: 2px
    sol;
    border=;: 2px
    so;
    border=;: 2px
    unset;
    border=;: 2px
    unset;
    border=;: 2px
    s;
    border=;: 2px;
    border=;: 2px
    unset;
    border=;: 2px
    unset;
    border=;: 2px
    s;
    border=;: 2px
    sp;
    border=;: 2px
    unset;
    border=;: 2px
    unset;
    border=;: 2px
    s;
    border=;: 2px
    sl;
    border=;: 2px
    unset;
    border=;: 2px
    unset;
    border=;: 2px
    s;
    border=;: 2px;
    border=;: 2px
    unset;
    border=;: 2px
    unset;
    border=;: 2px
    s;
    border=;: 2px
    so;
    border=;: 2px
    sol;
    border=;: 2px
    so;
    border=;: 2px
    unset;
    border=;: 2px
    unset;
    border=;: 2px
    s;
    border=;: 2px;
    border=;: 2px;
    border=;: 2p;
    border=;: 2;
    border-left: 3px solid #203442;
    padding-left: 7px;
}

.blog-warper .blog-boxs .blog-content .item-blog{
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    margin-top: 11px;
}
.blog-warper .blog-boxs .blog-content .item-blog li{
    display: inline-block;
    margin-right: 0;
    font-size: 12px;
    /* display: flex; */
    padding: 5px;
    text-align: center;
    /* color: #203442; */
    border-radius: 4px;
}
.blog-warper .blog-boxs .blog-content .item-blog li i{
    color: #203442;
    margin-right: 4px;
}
.blog-boxs:hover{
	  -webkit-transform: translateY(-18px);
    -khtml-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -o-transform: translateY(-18px);
    transform: translateY(-18px);
    box-shadow: 0 27px 41px rgba(12,12,12,.18);
	transition: .4s ease;
}
  
 /* Amenities & Features  */
#adenities-sec{
   background: #f6f6f6;
} 
.service-item {
  position: relative;
  padding: 28px 21px;
  background: #203442;
  border-radius: 10px;
  transition: all 0.4s ease;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 20px;
  border: 1px solid #203442;
}

.service-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, red 0%, #000000cf 60%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: -1; /* stays behind content */
}

.service-item:hover::after {
  opacity: 0.12;
}
.service-item:hover::after {
  z-index: 999;
}
.service-item:hover {
  transform: translateY(-10px);
  box-shadow: 0 25px 45px rgba(0,0,0,0.12);
}
.service-item .count {
  position: absolute;
  top: 14px;
  left: 22px;
  font-weight: 800;
  font-size: 32px;
  color: transparent;
  -webkit-text-stroke: 1px #ffffff;
  opacity: 0.9;
  z-index: 1;
  font-family: var(--font-1);
}

.service-icon {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px 50px 50px 12px;
  background: #203442;
  margin-bottom: 25px;
  box-shadow: 12px 12px 0 #f6f6f6;
  transition: all 0.4s ease;
  z-index: 1;
  position: relative;
}

.service-item:hover .service-icon {
  box-shadow: 0 0 0 red;
  transform: scale(1.1) rotate(3deg);
}

.service-icon img {
  width: 46px;
  filter: brightness(0) invert(1);
}

.service-content {
  position: relative;
  z-index: 1;
}

.service-content h4 {
  /* font-weight: 600; */
  margin-bottom: 8px;
  text-align: right;
  font-family: var(--font-1);
  color: #ffffff;
  font-size: 19px;
  margin: auto;
  padding-right: 5px;
}

.service-content p {
  font-size: 14px;
  color: #fff;
  line-height: 1.6;
  text-align: left;
  font-family: var(--font-1);
}
/* Target the list items inside .location-list */
.location-list li {
    list-style: none; /* Remove default bullets if not using Font Awesome */
    cursor: pointer; /* Changes cursor on hover */
    text-decoration: underline; /* Underline the text */
    color: #333; /* Default text color */
    transition: color 0.3s ease; /* Smooth color transition on hover */
}

/* Change color on hover */
.location-list li:hover {
    color: #007BFF; /* Change this to any color you like */
}
.location-list li {
    list-style: none;
    cursor: pointer;
    text-decoration: none;
    transition: color 0.3s ease, text-decoration 0.3s ease;
    font-family: var(--font-1);
    color: #203442;
    font-size: 15px;
    margin-bottom: 10px;
    background: #dfeef7;
    display: flex;
    padding: 10px;
    border-radius: 50px;
    padding-left: 20px;
    z-index: 9;
    position: relative;
    box-shadow: inset 0 4px 4px #ebebebb3, inset 0 -6px 4px #fff, inset 0 2px 3px #0000007d;
}

.location-list li:hover {
    color: #007BFF;
    text-decoration: underline;
}

.location-list li i {
     /* Icon color */
     /* margin-right: 8px; */ /* Space between icon and text */
     width: 24px;
     height: 24px;
     color: #403c3c;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 4px;
     /* margin-right: 8px; */
     z-index: 999;
     transition: .4s;
     transform: rotate(321deg);
     font-size: 11px;
     margin-right: 15px;
     font-size: 16px;
}
/* Parent theme colors */
.theme-primary {
    --primary-color: #007bff;  /* Blue */
    --secondary-color: #f8f9fa; /* Light gray background */
    --card-bg: #ffffff;
    --card-hover-bg: #e9f5ff;
    --card-text: #333;
    --table-header-bg: #007bff;
    --table-header-color: #fff;
    --table-row-hover: #f1f9ff;
}

/* Card Styling */
.theme-primary .card {
    background-color: var(--card-bg);
    color: var(--card-text);
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid #ddd;
}

.theme-primary .card:hover {
    background-color: var(--card-hover-bg);
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(0, 123, 255, 0.2);
}

.theme-primary .card-title {
    color: var(--primary-color);
    font-weight: 600;
}

.theme-primary .icon {
    color: var(--primary-color);
    margin-right: 5px;
}

/* Table Styling */
.theme-primary table {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 0.95rem;
}

.theme-primary thead {
    background-color: var(--table-header-bg);
    color: var(--table-header-color);
}

.theme-primary tbody tr {
    transition: background 0.3s ease;
}

.theme-primary tbody tr:hover {
    background-color: var(--table-row-hover);
}

.theme-primary table td, 
.theme-primary table th {
    padding: 12px 15px;
    text-align: left;
    border: 1px solid #ddd;
}

.theme-primary .table-responsive {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}
/* Table Container */
.table-responsive.desitation {
    overflow-x: auto;
}

/* Table Style */
.drive-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: all 0.3s ease;
}

/* Header Styling */
.drive-table thead th {
    background: #203442;
    color: white;
    text-align: left;
    padding: 8px;
    font-size: 13px;
    border-bottom: 1px solid #ddd;
    font-family: var(--font-1);
}

/* Body Cells */
.drive-table tbody td {
    padding: 9px;
    border-bottom: 1px solid #ddd;
    transition: background-color 0.3s ease, transform 0.3s ease;
    font-family: var(--font-1);
    font-size: 13px;
    background: #ffffff;
    font-weight: 500;
}

.contact-one__call__item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 29px;
  background-color: #1467a6;
  padding-top: 16px;
  padding-bottom: 15px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
  .contact-one__call__item {
    padding-left: 15px;
    padding-right: 40px;
    justify-content: start;
  }

@media (max-width: 475px) {
  .contact-one__call__item {
    padding-left: 60px;
    padding-right: 40px;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 20px;
  }
  .contact-one__call__item .contact-one__call__item__shape {
    height: 100%;
    top: 0;
  }
  .contact-one__call__item .icon::after {
    display: none;
  }
}

.contact-one__call__item .icon {
  font-size: 24px;
  color: var(--bultax-base, #FF5A1E);
  line-height: 1;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
@media (max-width: 475px) {
  .contact-one__call__item .icon {
    font-size: 35px;
  }
}
.contact-one__call__item .icon i {
  display: block;
}
.contact-one__call__item .icon::after {
  content: "";
  position: absolute;
  top: 0;
  right: -24px;
  width: 2px;
  height: 100%;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.contact-one__call__item::after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  right: 10px;
  left: 10px;
  /* border: 1.5px dashed var(--bultax-base, #FF5A1E); */
  z-index: -1;
  transition: all 0.4s ease-in-out;
}
.contact-one__call__item::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--bultax-black4, #0E0E0E);
  content: "";
  transform: translateY(-100%);
  transition: all 0.4s ease-in-out;
  z-index: -1;
}
.contact-one__call__item__shape {
  position: absolute;
  width: 54.08px;
  height: 100%;
  background: var(--bultax-base, #FF5A1E);
  clip-path: polygon(100% 50%, 0 100%, 0 0);
  left: 0;
  visibility: hidden;
  opacity: 0;
  transform: translateX(-60px);
  transition: all 0.4s ease-in-out;
}
.contact-one__call__item__shape:last-child {
  right: 0;
  left: auto;
  transform: translateX(60px);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.contact-one__call__item a {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 16px;
  background: linear-gradient(to right, currentcolor 0%, currentcolor 100%) 0px 95%/0px 1px no-repeat;
  transition: all 500ms ease;
}
.contact-one__call__item a:hover {
  background-size: 100% 1px;
}
.contact-one__call__item a {
  color: #333333);
  transition: all 0.4s ease-in-out;
}
.contact-one__call__item:hover .icon {
  color:#fff;
}
.contact-one__call__item:hover .icon i {
  animation: bwTada 1s ease 1;
}
.contact-one__call__item:hover .icon::after {
  background-color: #fff;
}
.contact-one__call__item:hover .contact-one__call__content a,
.contact-one__call__item:hover .contact-one__call__title {
  color: var #fff;
}
.contact-one__call__item:hover::after {
  opacity: 0;
  visibility: hidden;
}
.contact-one__call__item:hover::before {
  transform: translateY(0);
}
.contact-one__call__item:hover .contact-one__call__item__shape {
  visibility: visible;
  opacity: 1;
  transform: translateX(0px);
}
.contact-one__call__item:hover .contact-one__call__item__shape:last-child {
  transform: translateX(0px);
}



 /* Breakpoints Device // bp = breckpoints
  // sm = small
  // md = medium
  // lg = large
  // xl = extra large
  // xxl = extra extra large
 */
 
 /* // No media query for `xs` since this is the default in Bootstrap */
 
 /* // Small devices (landscape phones, 576px and up) */
 @media (min-width: 576px) {
 
  }
  
  /* // Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
  }
  
 /*  // Large devices (desktops, 992px and up) */
  @media (min-width: 992px) {
	  
  }
  

  
  /* // X-Large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
	.container {
	  max-width: 1270px !important;
	 }
  }
  
  /* // XX-Large devices (larger desktops, 1400px and up) */
  @media (min-width: 1400px) {
	.container {
	  max-width: 1400px;
	  }
  }
  
  /* // X-Large devices (large desktops, less than 1400px) */
  @media (max-width: 1399.98px) {
  }
  
  /* // Large devices (desktops, less than 1200px) */
  @media (max-width: 1199.98px) {

  }
  
  /* // Medium devices (tablets, less than 992px) */
  @media (max-width: 991.98px) {
	  
	  
	  
  }
  /* // Small devices (landscape phones, less than 768px) */
	   @media (max-width: 767.98px) {


     }
  /* // X-Small devices (portrait phones, less than 576px) */
	   @media (max-width: 576.98px) {
		    .form-section {
        padding: 20px;
    }

    .form_title {
        font-size: 20px;
    }
		   #silder-video img{
			   height:100vh;
		   }
  .navigation {
      padding: 0px 0px !important;
      top: 0;
  }
.logo img {
    height: 38px;
    /* margin-bottom: 10px; */
    margin-top: 0px;
}
    .menuIcon img {
        filter: invert(1);
        width: 30px !important;
        height: 30px !important;
    }
  .hero-title {
      font-size: 22px;
      font-weight: 600;
      font-style: normal;
      font-family: var(--font-1);
  }
  .hero-subtitle {
      font-size: 11px;
      margin: 9px;
      opacity: 0.9;
      font-family: var(--font-1);
  }
  .offcanvas-header {
    border-bottom: 1px solid rgb(238, 238, 238);
    justify-content: space-between;
    padding: 11px 15px;
}
.mobileOffcanvas .closeBtn {
    width: 25px;
    height: 25px;
}
.mobileOffcanvas .closeBtn img{
  
width: 25px;
  
height: 25px;
}

.btn-theme1 span {
    color: #fff;
    z-index: 999;
    position: relative;
    padding: 0;
    font-size: 14px;
    padding-right: 6px;
}.about-content {
    padding-left: 0;
}
.about-wrapper .about-image {
        margin-left: 0;
        width: 100%;
    }

     }

	 
  /* // XX-Large devices (larger desktops) 
  // No media query since the xxl breakpoint has no upper bound on its width */
  
 /* Media Queries For Common Device Beakpoints Responsive Media Query ( RWD )  */
 
 
 /* Responsive 2K Screen View 2k - 2048px To 1080px  */
 /* Responsive 4K Screen View 4K - 3840px to 2160px  */
 
 /* @media only screen and (min-width:1080px) and (max-width:2048px){} 
 /* @media only screen and (min-width:2160px) and (max-width:3840px){}