.elementor-22 .elementor-element.elementor-element-f9bfdd6{--display:flex;}.elementor-22 .elementor-element.elementor-element-b87c10a{--display:flex;--min-height:429px;}.elementor-22 .elementor-element.elementor-element-553a010{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-22 .elementor-element.elementor-element-464514b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-b87c10a{--min-height:170px;}}/* Start custom CSS for container, class: .elementor-element-b87c10a */.hero-slider{
    width:100%;
    height:700px;
    overflow:hidden;
}

.hero-slider img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

@media(max-width:1024px){
.hero-slider{
height:600px;
}
}

@media(max-width:767px){
.hero-slider{
height:450px;
}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3654c71 */.hero-slider{
    width:100%;
    height:700px;
    overflow:hidden;
}

.hero-slider img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    display:block;
}

@media(max-width:1024px){
.hero-slider{
height:600px;
}
}

@media(max-width:767px){
.hero-slider{
height:450px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-553a010 */.why-section{

    background:#fff;
    overflow:hidden;
    position:relative;
    padding:120px 0;

}

.section-tag{

    color:#C8A03A;
    letter-spacing:3px;
    font-weight:600;
    font-size:14px;

}

.section-title{

    font-size:55px;
    font-weight:800;
    color:#0B2341;
    margin:20px 0;

}

.section-title span{

    color:#C8A03A;

}

.section-text{

    color:#6d7682;
    line-height:1.9;
    font-size:17px;
    margin-bottom:40px;

}

.btn-main{

    display:inline-block;
    background:#0B2341;
    color:#fff;
    padding:16px 35px;
    border-radius:50px;
    text-decoration:none;
    transition:.4s;

}

.btn-main:hover{

    background:#C8A03A;
    color:#fff;

}

.floating-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

    position:relative;

}

.floating-card{

    background:rgba(255,255,255,.9);

    backdrop-filter:blur(12px);

    border-radius:25px;

    padding:40px;

    border:1px solid rgba(200,160,58,.25);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:.45s;

}

.floating-card:hover{

    transform:translateY(-15px) scale(1.03);

    background:#0B2341;

    border-color:#C8A03A;

    box-shadow:0 25px 70px rgba(11,35,65,.35);

}

.floating-card i{

    font-size:45px;

    color:#C8A03A;

    margin-bottom:20px;

}

.floating-card h5{

    color:#0B2341;

    font-weight:700;

    margin-bottom:15px;

    transition:.4s;

}

.floating-card p{

    color:#707070;

    line-height:1.8;

    transition:.4s;

}

.floating-card:hover h5,

.floating-card:hover p{

    color:#fff;

}

.card2{

    margin-top:70px;

}

.card3{

    margin-top:-30px;

}

.card4{

    margin-top:40px;

}

.why-section::before{

    content:"";

    width:450px;

    height:450px;

    position:absolute;

    right:-180px;

    top:-180px;

    background:radial-gradient(#C8A03A20,transparent);

    border-radius:50%;

}

.why-section::after{

    content:"";

    width:350px;

    height:350px;

    position:absolute;

    left:-150px;

    bottom:-150px;

    background:radial-gradient(#0B234115,transparent);

    border-radius:50%;

}

@media(max-width:991px){

.section-title{

font-size:40px;

}

.card2,
.card3,
.card4{

margin-top:0;

}

.floating-grid{

grid-template-columns:1fr;

margin-top:50px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-464514b */.why-section{

    background:#fff;
    overflow:hidden;
    position:relative;
    padding:120px 0;

}

.section-tag{

    color:#C8A03A;
    letter-spacing:3px;
    font-weight:600;
    font-size:14px;

}

.section-title{

    font-size:55px;
    font-weight:800;
    color:#0B2341;
    margin:20px 0;

}

.section-title span{

    color:#C8A03A;

}

.section-text{

    color:#6d7682;
    line-height:1.9;
    font-size:17px;
    margin-bottom:40px;

}

.btn-main{

    display:inline-block;
    background:#0B2341;
    color:#fff;
    padding:16px 35px;
    border-radius:50px;
    text-decoration:none;
    transition:.4s;

}

.btn-main:hover{

    background:#C8A03A;
    color:#fff;

}

.floating-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

    position:relative;

}

.floating-card{

    background:rgba(255,255,255,.9);

    backdrop-filter:blur(12px);

    border-radius:25px;

    padding:40px;

    border:1px solid rgba(200,160,58,.25);

    box-shadow:0 20px 50px rgba(0,0,0,.08);

    transition:.45s;

}

.floating-card:hover{

    transform:translateY(-15px) scale(1.03);

    background:#0B2341;

    border-color:#C8A03A;

    box-shadow:0 25px 70px rgba(11,35,65,.35);

}

.floating-card i{

    font-size:45px;

    color:#C8A03A;

    margin-bottom:20px;

}

.floating-card h5{

    color:#0B2341;

    font-weight:700;

    margin-bottom:15px;

    transition:.4s;

}

.floating-card p{

    color:#707070;

    line-height:1.8;

    transition:.4s;

}

.floating-card:hover h5,

.floating-card:hover p{

    color:#fff;

}

.card2{

    margin-top:70px;

}

.card3{

    margin-top:-30px;

}

.card4{

    margin-top:40px;

}

.why-section::before{

    content:"";

    width:450px;

    height:450px;

    position:absolute;

    right:-180px;

    top:-180px;

    background:radial-gradient(#C8A03A20,transparent);

    border-radius:50%;

}

.why-section::after{

    content:"";

    width:350px;

    height:350px;

    position:absolute;

    left:-150px;

    bottom:-150px;

    background:radial-gradient(#0B234115,transparent);

    border-radius:50%;

}

@media(max-width:991px){

.section-title{

font-size:40px;

}

.card2,
.card3,
.card4{

margin-top:0;

}

.floating-grid{

grid-template-columns:1fr;

margin-top:50px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-39eab88 *//* ===========================
   ALQABDAH SERVICES SECTION
=========================== */

.aq-services{
    padding:100px 20px;
    background:#f8f9fb;
}

.aq-container{
    max-width:1300px;
    margin:auto;
}

.aq-heading{
    text-align:center;
    margin-bottom:60px;
}

.aq-subtitle{
    display:inline-block;
    color:#C8A04B;
    font-size:14px;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    margin-bottom:15px;
}

.aq-heading h2{
    font-size:42px;
    color:#0B2E59;
    font-weight:700;
    margin-bottom:20px;
}

.aq-heading p{
    max-width:760px;
    margin:auto;
    color:#6f6f6f;
    line-height:1.8;
    font-size:17px;
}

.aq-services-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

    margin-top:60px;

}

.aq-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 12px 35px rgba(0,0,0,.07);

}

.aq-card:hover{

    transform:translateY(-12px);

    box-shadow:0 25px 60px rgba(0,0,0,.15);

}

.aq-card img{

    width:100%;

    height:240px;

    object-fit:cover;

    transition:.5s;

    display:block;

}

.aq-card:hover img{

    transform:scale(1.08);

}

.aq-content{

    padding:30px;

}

.aq-content h3{

    margin:0 0 15px;

    font-size:24px;

    font-weight:700;

}

.aq-content h3 a{

    color:#0B2E59;

    text-decoration:none;

}

.aq-content h3 a:hover{

    color:#C8A04B;

}

.aq-content p{

    color:#666;

    line-height:1.8;

    margin-bottom:28px;

    font-size:15px;

}

.aq-btn{

    display:inline-block;

    padding:13px 28px;

    background:#0B2E59;

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.aq-btn:hover{

    background:#C8A04B;

    color:#fff;

}

@media(max-width:992px){

.aq-services-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.aq-heading h2{

font-size:32px;

}

.aq-services-grid{

grid-template-columns:1fr;

}

.aq-card img{

height:220px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-469869b *//* ===========================
   ALQABDAH INDUSTRIES SECTION
=========================== */


.aq-industries{

    padding:100px 20px;

    background:#ffffff;

}



.aq-industries-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

    margin-top:60px;

}



.aq-card{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    transition:.35s;

    box-shadow:0 12px 35px rgba(0,0,0,.07);

    border:1px solid #eee;

}



.aq-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 25px 60px rgba(11,46,89,.18);

}



.aq-card img{

    width:100%;

    height:240px;

    object-fit:cover;

    display:block;

    transition:.5s;

}



.aq-card:hover img{

    transform:scale(1.08);

}



.aq-content{

    padding:30px;

}



.aq-content h3{

    font-size:23px;

    margin-bottom:15px;

}



.aq-content h3 a{

    color:#0B2E59;

    text-decoration:none;

}



.aq-content h3 a:hover{

    color:#C8A04B;

}



.aq-content p{

    color:#666;

    line-height:1.8;

    font-size:15px;

    margin-bottom:25px;

}



.aq-btn{

    background:#0B2E59;

    color:#fff;

    padding:13px 28px;

    border-radius:50px;

    text-decoration:none;

    transition:.35s;

    font-weight:600;

}



.aq-btn:hover{

    background:#C8A04B;

}



@media(max-width:992px){

.aq-industries-grid{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:768px){

.aq-industries-grid{

grid-template-columns:1fr;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-549e309 *//* ===========================
   ALQABDAH OUR PROCESS
=========================== */


.aq-process{

    padding:100px 20px;

    background:#f8f9fb;

}



.aq-process-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    margin-top:60px;

}



.aq-process-card{

    position:relative;

    background:#ffffff;

    padding:40px 30px;

    border-radius:20px;

    overflow:hidden;

    transition:.35s;

    border:1px solid #eeeeee;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}



.aq-process-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 25px 55px rgba(11,46,89,.15);

}



.aq-number{

    font-size:55px;

    font-weight:800;

    color:#C8A04B;

    line-height:1;

    margin-bottom:25px;

    opacity:.9;

}



.aq-process-content h3{

    font-size:24px;

    color:#0B2E59;

    margin-bottom:15px;

    font-weight:700;

}



.aq-process-content p{

    color:#666;

    line-height:1.8;

    font-size:15px;

}



/* GOLD TOP LINE */

.aq-process-card:before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#C8A04B;

}



/* HOVER GOLD EFFECT */

.aq-process-card:hover .aq-number{

    color:#0B2E59;

    transition:.35s;

}



@media(max-width:992px){


.aq-process-grid{

grid-template-columns:repeat(2,1fr);

}


}



@media(max-width:768px){


.aq-process-grid{

grid-template-columns:1fr;

}


.aq-number{

font-size:45px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c1a799 *//* ===========================
   ALQABDAH TRUST SECTION
=========================== */


.aq-trust{

    padding:100px 20px;

    background:#ffffff;

}



.aq-trust-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

    margin-top:60px;

}



.aq-trust-card{

    background:#f8f9fb;

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

    transition:.35s;

    border:1px solid #eee;

    position:relative;

    overflow:hidden;

}



.aq-trust-card:hover{

    transform:translateY(-12px);

    background:#ffffff;

    box-shadow:
    0 25px 60px rgba(11,46,89,.15);

}



.aq-trust-card:before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#C8A04B;

}



.aq-icon{

    width:75px;

    height:75px;

    margin:0 auto 25px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#0B2E59;

    color:#C8A04B;

    font-size:32px;

    font-weight:bold;

    transition:.35s;

}



.aq-trust-card:hover .aq-icon{

    background:#C8A04B;

    color:#0B2E59;

    transform:scale(1.1);

}



.aq-trust-card h3{

    color:#0B2E59;

    font-size:23px;

    margin-bottom:15px;

    font-weight:700;

}



.aq-trust-card p{

    color:#666;

    line-height:1.8;

    font-size:15px;

}



/* RESPONSIVE */


@media(max-width:992px){

.aq-trust-grid{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:768px){

.aq-trust-grid{

grid-template-columns:1fr;

}

.aq-trust{

padding:70px 20px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7ac7810 *//* ===========================
   ALQABDAH TESTIMONIALS
=========================== */


.aq-testimonials{

    padding:100px 20px;

    background:#f8f9fb;

}



.aq-testimonials-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

    margin-top:60px;

}



.aq-testimonial-card{

    background:#ffffff;

    padding:40px 35px;

    border-radius:20px;

    position:relative;

    transition:.35s;

    border:1px solid #eeeeee;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}



.aq-testimonial-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 25px 60px rgba(11,46,89,.18);

}



.aq-quote{

    font-size:70px;

    color:#C8A04B;

    font-weight:bold;

    line-height:1;

    height:55px;

}



.aq-testimonial-card p{

    color:#555;

    font-size:16px;

    line-height:1.9;

    margin:25px 0 30px;

    font-style:italic;

}



.aq-client{

    border-top:1px solid #eee;

    padding-top:20px;

}



.aq-client h3{

    color:#0B2E59;

    font-size:20px;

    margin-bottom:5px;

}



.aq-client span{

    color:#C8A04B;

    font-size:14px;

    font-weight:600;

}



/* GOLD TOP LINE */

.aq-testimonial-card:before{

    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:4px;

    background:#C8A04B;

}



/* RESPONSIVE */


@media(max-width:992px){

.aq-testimonials-grid{

grid-template-columns:repeat(2,1fr);

}

}



@media(max-width:768px){

.aq-testimonials-grid{

grid-template-columns:1fr;

}


.aq-testimonials{

padding:70px 20px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bd8ea48 *//* ===========================
   ALQABDAH CONTACT CTA
=========================== */


.aq-cta{

    padding:100px 20px;

    background:
    linear-gradient(
        135deg,
        #0B2E59,
        #061A33
    );

    position:relative;

    overflow:hidden;

}



.aq-cta:before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:#C8A04B;

    opacity:.12;

    border-radius:50%;

    right:-120px;

    top:-120px;

}



.aq-cta-container{

    max-width:1100px;

    margin:auto;

    text-align:center;

    position:relative;

    z-index:2;

}



.aq-cta .aq-subtitle{

    color:#C8A04B;

}



.aq-cta h2{

    color:#ffffff;

    font-size:45px;

    font-weight:700;

    margin:20px 0;

}



.aq-cta p{

    max-width:800px;

    margin:0 auto 40px;

    color:#e5e5e5;

    font-size:17px;

    line-height:1.8;

}



.aq-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}



.aq-cta .aq-btn{

    background:#C8A04B;

    color:#ffffff;

    padding:15px 35px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}



.aq-cta .aq-btn:hover{

    background:#ffffff;

    color:#0B2E59;

}



.aq-btn-outline{

    background:transparent !important;

    border:2px solid #C8A04B;

}



.aq-btn-outline:hover{

    background:#C8A04B !important;

    color:#ffffff !important;

}



/* MOBILE */

@media(max-width:768px){


.aq-cta h2{

font-size:32px;

}


.aq-cta p{

font-size:15px;

}


}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0e48fa4 *//* ===========================
   ALQABDAH CONTACT CTA
=========================== */


.aq-cta{

    padding:100px 20px;

    background:
    linear-gradient(
        135deg,
        #0B2E59,
        #061A33
    );

    position:relative;

    overflow:hidden;

}



.aq-cta:before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:#C8A04B;

    opacity:.12;

    border-radius:50%;

    right:-120px;

    top:-120px;

}



.aq-cta-container{

    max-width:1100px;

    margin:auto;

    text-align:center;

    position:relative;

    z-index:2;

}



.aq-cta .aq-subtitle{

    color:#C8A04B;

}



.aq-cta h2{

    color:#ffffff;

    font-size:45px;

    font-weight:700;

    margin:20px 0;

}



.aq-cta p{

    max-width:800px;

    margin:0 auto 40px;

    color:#e5e5e5;

    font-size:17px;

    line-height:1.8;

}



.aq-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}



.aq-cta .aq-btn{

    background:#C8A04B;

    color:#ffffff;

    padding:15px 35px;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}



.aq-cta .aq-btn:hover{

    background:#ffffff;

    color:#0B2E59;

}



.aq-btn-outline{

    background:transparent !important;

    border:2px solid #C8A04B;

}



.aq-btn-outline:hover{

    background:#C8A04B !important;

    color:#ffffff !important;

}



/* MOBILE */

@media(max-width:768px){


.aq-cta h2{

font-size:32px;

}


.aq-cta p{

font-size:15px;

}


}/* End custom CSS */