.img-fluid{
    max-width: 100% !important;
}


.home-banner .title_ {
    position: absolute;
    width: 58%;
    left: 20%;
    bottom: calc(13vh + 100px);
    font-size: 2.5vw !important;
    line-height: 1;
    color: #fff;
    padding-bottom: 1.5rem;
    text-align: center;
    z-index: 10 !important;
    -ms-transform: translateY(-2rem) scale(1.5);
    opacity: 1 !important;
    will-change: transform, opacity;
        clip-path: none !important;
}
.b_item .title_ b, .b_item .title_ strong {
font-family: Sacramento, Droid Arabic Kufi, Arial, sans-serif;
color: #fac25a;
font-weight: 400;
}
.b_social_box {
left: 1.5rem !important;
}
section.about-us {
    padding-top: 50px !important;
    text-align: center;
}
section.about-us h2{
    margin-top: 0px !important;
}
section.about-us h2{
    font-size: 45px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 600 !important;
}


@media(min-width:1100px){
    .dblock{display:block;}
}

/* Row */
.row {
    display: flex;
    flex-wrap: wrap; /* allow wrapping on smaller screens */
    margin-left: -15px;
    margin-right: -15px;
}

/* Columns - default 100% */
[class*="col-"] {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

/* Medium screens and up (≥768px) */
@media (min-width: 768px) {
    .col-md-1 { flex: 0 0 8.3333%; max-width: 8.3333%; }
    .col-md-2 { flex: 0 0 16.6667%; max-width: 16.6667%; }
    .col-md-3 { flex: 0 0 25%; max-width: 25%; }
    .col-md-4 { flex: 0 0 33.3333%; max-width: 33.3333%; }
    .col-md-5 { flex: 0 0 41.6667%; max-width: 41.6667%; }
    .col-md-6 { flex: 0 0 50%; max-width: 50%; }
    .col-md-7 { flex: 0 0 58.3333%; max-width: 58.3333%; }
    .col-md-8 { flex: 0 0 66.6667%; max-width: 66.6667%; }
    .col-md-9 { flex: 0 0 75%; max-width: 75%; }
    .col-md-10 { flex: 0 0 83.3333%; max-width: 83.3333%; }
    .col-md-11 { flex: 0 0 91.6667%; max-width: 91.6667%; }
    .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}
section.why-us h2 {
    font-size: 45px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 600 !important;
    margin-bottom:60px !important;
}
section.why-us {
    padding: 50px 0px;
}.w-100{
    width: 100%;
    max-width: 100%;
}
.text-right{
    text-align:right;
}
.box_img {
    width: 90%;
    margin-left: auto;
}
section.why-us ul{
    padding-left: 20px;
    margin-bottom: 60px !important;
    
}section.why-us ul li{
    margin-bottom:20px;
}

.key
{
    padding: 60px 0px;
}.key h2
{
      font-size: 30px;
    line-height: 1.2;
    font-weight: 700 !important;
    margin-bottom:35px;
        margin-top: 0px !important;
}

.key-list {
    display: grid;
    gap: 30px; /* spacing between boxes */
    grid-template-columns: repeat(4, 1fr); /* default 4 columns */
}

/* Tablet */
@media (max-width: 992px) {
    .key-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .key-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Optional styling for boxes */
.key-box {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
}
.key-box img {
    max-width: 100%;
    height: auto;
    margin-right: 12px;
}
.benefits
{
    padding: 50px 0px !important;
}
.benefits h2, .faq-section-main h2{
        font-size: 45px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 600 !important;
    margin-bottom:20px !important;
    margin-top: 0px !important;
}
.align-center{align-items:center;}

.faq-section-main{
    padding: 50px 0px;
}



.list-v
{
        padding-left: 20px;
}.list-v li{
        margin-bottom: 20px;
}
.video-wrapper {
  position: relative;
  width: 100%;
  border-radius: 24px;
  overflow: hidden;
  padding-top: 45px;
}

.video-wrapper video {
  width: 100%;
  height: 520px;
  display: block;
  object-fit: cover;
  border-radius: 24px;
}

.video-wrapper .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(44, 51, 57, 0) 0%, #2C3339 100%);
  pointer-events: none; /* ensures clicks go through to video if needed */
}




.faq-item {
  border: 1px solid #535659;
  border-radius: 12px;
  margin-bottom: 10px;
  overflow: hidden;
}

.faq-item input {
  display: none;
}

.faq-question {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  cursor: pointer;
  font-weight: 500;
}

.faq-question .icon {
  transition: transform 0.3s ease;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  padding: 0 20px;
  transition: max-height 0.3s ease, padding 0.3s ease;
}

.faq-answer p {
  margin: 10px 0;
}

/* Toggle logic */
.faq-item input:checked ~ .faq-answer {
  max-height: 200px; /* adjust as needed */
  padding: 15px 20px;
}

.faq-item input:checked + .faq-question .icon {
  transform: rotate(45deg); /* + becomes × */
}

.top-about-section, .grid-img-section, .feature-section
{
padding: 50px 0px;
}
.h2-title
{
font-family: "Poppins", sans-serif;
font-weight: 600;
font-size: 45px;
line-height: 1.2;
color: #fff;
margin-top: 0px;
text-transform: uppercase;
}

.para-p
{
font-family: "Poppins", sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.6;
color: #fff;	
}
.width-50
{
max-width: 79%;
margin-top: 4rem;
}

.align-center-v1
{
align-items: center;
}


.grid-v6 {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}

@media (max-width: 768px) {
.grid-v6 {
grid-template-columns: repeat(3, 1fr);
}
}

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

.card-v6 {
position: relative;
overflow: hidden;
border-radius: 8px;
font-family: "Poppins", sans-serif;
}

.card-v6 img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}

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

.overlay-v6{
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(5px);
color: #fff;
padding: 14px 20px;
font-size: 1rem;
transition: background 0.3s ease;
}

.card-v6:hover .card-v6 .overlay {
background: rgba(0, 0, 0, 0.5);
backdrop-filter: blur(5px);
}
.card-v6 h3, .card-v7 h3{
margin-top: 0px !important;
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 600;
font-size: 25px;
font-family: "Poppins", sans-serif;
line-height: 30px;
}
.card-v6 p, .card-v7 p{
margin-top: 0px;
font-weight: 300;
margin-bottom: 0px;
font-family: "Poppins", sans-serif;
}

@media(min-width: 1000px){
.dblock-v1
{
display: block;
}
}

.grid-v7 {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 50px;
}

@media (max-width: 576px) {
.grid-v7 {
grid-template-columns: 1fr;
gap: 15px;
}
}

.card-v7 {
position: relative;
overflow: hidden;
border-radius: 12px;
}

.card-v7 img {
width: 100%;
height: 100%;
display: block;
transition: transform 0.4s ease;
}

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

.overlay-v7 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(44, 51, 57, 0) 0%, #2C3339 100%);
color: #fff;
padding: 20px;
transition: background 0.3s ease;
}
.card-v7:hover .overlay-v7 {
background: linear-gradient(180deg, rgba(44, 51, 57, 0) 0%, #2C3339 100%);
}
.mt-30
{
margin-top: 30px !important;
}
.mr-20
{margin-right: 20px;}
.ml-20
{
margin-left: 20px;
}
.mt-6
{
margin-top: 6rem;
}

.more_wrap.mt-20{
    margin-top: 30px !important;
}
.cta {
    padding: 50px 0px;
}.content_box {
    padding: 0px 50px;
}

.content_box h3 {
    font-size: 20px !important;
    color: rgba(250, 194, 90, 1) !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
}.f_inner_{
    gap: 12px !important;
}.reach_us .info_box .in_item{
    opacity: 1 !important;
}.contact_info_wrap{
    text-align:left !important;
}.reach_us .contact_info_wrap{padding-top: 0px !important;}
.top-footer
{
    padding: 50px 0px !important;
}


@media(max-width:600px){
    
    
    
    .h2-title, section.why-us h2, .benefits h2, .faq-section-main h2{
            font-size: 25px !important;
            margin-top: 20px !important;
    }.width-50 {
    max-width: 100% !important;
    margin-top: 2rem !important;
}.card-v6 h3, .card-v7 h3{
        font-size: 18px !important;
}.top-about-section, .grid-img-section, .feature-section{
    padding: 30px 0px !important;
}.mr-20{
        margin-right: 0px !important;
}.ml-20 {
    margin-left: 0px !important;
}.mt-6 {
    margin-top: 2rem !important;
}.text-right .box_img{
        width: 100% !important;
        margin-top: 25px !important;
}.key-box img{
    width: 40px !important;
}.content_box{
    padding: 0px !important;
}.b_item .title_{
            padding: 0 30px !important;
}.banner_inner .b_item .title_ > p{
            font-size: 20px !important;
}.para-p{
        font-size: 14px !important;
        margin-top: 0px !important;
}div.mt-30 {
    margin-top: 10px !important;
}.overlay-v7{
    padding: 12px !important;
}section.why-us h2{
        margin-bottom: 20px !important;
}
}
.scrolled header .navbar .barnd_box .navbar-brand > img{
    opacity: 1 !important;
}.scroll_logo.title_box .title_small{display: none !important;}

@media(max-width:600px){
section.about-us, section.why-us, .key, .benefits{
padding: 20px 0px !important;
}    .container {
max-width: 100% !important;
}section.about-us h2{
font-size: 25px !important;
}.key-list{
gap: 15px !important;
}.key-box{
text-align: left !important;
}.video-wrapper{
padding-top: 0 !important;
}.video-wrapper video{
    height: 300px !important;
}.key h2{    font-size: 20px !important; }p{margin-top: 0px !important;}.faq-question{    padding: 10px !important;}section.why-us ul{    margin-bottom: 40px !important;}section.page-section.w_marq.inView {
    padding-bottom: 20px !important;padding-top: 0px !important;
} .faq-section-main{
    padding-top: 0px !important;
            padding-bottom: 30px !important;
}.cta{
    padding-top: 0px !important;
}.top-footer{
    padding-top: 25px !important;
    padding-bottom: 25px !important;
}
}body{overflow-x: hidden;}