/*
Theme Name: Pandora Architecture
Author: App and Website
Description: The official consulting comapny theme by <a href="https://appandwebsite.au/"> App and Website </>
Version: 1.0.0
*/


/* ============== Pagination css starts=================== */
.pagination_main{
	width: 100%;
	display: flex;
	justify-content: center;
}
.pagination_main .page-numbers{
   margin-right: 1.2rem;
   width: 40px!important;
   height: 45px!important;
   line-height: 2.6rem!important;
   font-size: 1.3rem;
   font-weight: 600;
   text-align: center;
   border-radius: 6px;
   border: 2px solid #000;
   background: #fff;
   color: #000;
 }
 .pagination .page-numbers:hover{
   background: #000;
   border-color: #000;
   color: #fff;
 }
 .pagination .current {
    background: #000;
    border-color: #000;
   color: #fff;
 }
 .pagination .page-numbers:last-child{
   margin-right: 0rem;
 }
 /* ============== Pagination css ends=================== */


 
body{
    overflow: hidden;
}

h1,
h2{
    pointer-events: none;
}
h1:hover,
h2:hover{
    pointer-events: none;
}
.service-image {
     pointer-events: none;
}
.service-image:hover{
     pointer-events: none;
}
.post-featured-image{
     pointer-events: none;
}
.post-featured-image:hover{
     pointer-events: none;
}

.header_logo img{
   height: 60px;
}
.navbar {
    padding: 15px 0;
}


.hero {
    position: relative;
    background: url(./images/img/pbannermain.jpeg) center center/cover no-repeat;
    padding: 280px 0 250px;
    min-height: 100vh;
    margin-top: -120px;
    overflow: hidden;
}
.hero_row{
    margin-top: 100px;
    text-align: center;
}
.hero_row .section-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hero_row .hero-content .section-title h1{
    font-size: 48px;
    font-weight: 600;
}
.hero_row .hero-content .section-title p{
    font-size: 20px;
    max-width: 720px;
}
.hero::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        radial-gradient(
            ellipse 140% 45% at 50% 0%,
            rgba(255,255,255,0.75) 0%,
            rgba(255,255,255,0.55) 20%,
            rgba(255,255,255,0.35) 45%,
            rgba(255,255,255,0.15) 60%,
            rgba(255,255,255,0) 85%
        ),
        linear-gradient(
            180deg,
            rgba(25,35,36,0) 0%,
            rgba(25,35,36,0.4) 100%
        );

    pointer-events: none;
}
/* .navbar {
    border-bottom: 1px solid #ccc;
} */

.main-menu ul li a {
    color: #222;
    font-weight: 600;
}
.main-menu ul li a:hover {
    color: #000;
}
.main-menu ul ul {
    width: 230px;
    border-radius: 2px;
    background-color: #000;
}
.main-menu ul ul li a{
    color: #ddd;
}
.main-menu ul ul li:hover a{
    color: #fff;
}

.btn-default {
    background: #111;
    border-radius: 25px;
    font-weight: 500;
}
.btn-default::after {
    background: #000;
}
.hero-btn .btn-default.call_btn::before{
     background-image: url(./images/telephone.png)!important;
     height: 18px;
     width: 18px;
}
.btn-default.btn-highlighted {
    background-color: var(--white-color);
    color: #000;
}
.btn-highlighted::before {
    background-image: url(./images/arrow-dark.svg)!important;
}

.btn-highlighted::after{
    background: #111!important;
}

.main-menu ul ul {
    width: 250px;
}
.main-menu ul li a {
    font-size: 18px;
}
.main-menu ul ul li a {
    font-size: 16px;
}
@media screen and (max-width:1200px) {
    .main-menu ul li a {
    font-size: 16px;
    padding: 15px 14px !important;
}
.header_logo img {
    height: 50px;
}
}

@media screen and (max-width:992px) {
.slicknav_btn {
    background: #000;
    border-radius: 5px;
}
.slicknav_menu {
     background: #000;
}
.slicknav_open > a .slicknav_arrow:after {
    color: #fff;
}
}

@media screen and (max-width:768px) {
.hero {
    background: url(./images/img/pbannermain.jpeg) center center / cover no-repeat;
    padding: 150px 0 100px;
    min-height: 50vh;
    margin-top: -120px;
}
.hero_row .hero-content .section-title h1 {
    font-size: 32px;
}
.hero_row .hero-content .section-title p {
    font-size: 18px;
}
.hero-content .btn-default {
        margin-right: 10px;
        margin-bottom: 0px;
    }
}


@media screen and (max-width:480px) {
.hero_row .hero-content .section-title h1 {
    font-size: 30px;
}
.hero_row .hero-content .section-title p {
    font-size: 16px;
}
}

.abtimg1 {
    border: 2px solid #f3f5f7!important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.abtimg2 {
    border: 2px solid #f3f5f7!important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.about-contact-content h3 a{
    font-size: 16px;
    text-transform: none!important;
    color: #444;
}



.our_services{
    background: #f3f5f7;
}
.service-image {
    border-radius: 5px;
    overflow: hidden;
    border: 2px solid #f3f5f7!important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.service-btn a {
    background-color: rgba(0, 0, 0, 0.5);
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.4s ease-in-out;
}
.service-image{
    position: relative;
    overflow: hidden;
}

.service-image::after{
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;

    /* Dark at bottom, gradually fading to transparent at top */
    background: linear-gradient(
        to top,
        rgba(0,0,0,0.75) 0%,
        rgba(0,0,0,0.45) 30%,
        rgba(0,0,0,0.20) 60%,
        rgba(0,0,0,0.05) 85%,
        rgba(0,0,0,0) 100%
    );
}

.service-image img{
    display: block;
    width: 100%;
}
.why-choose-item{
     margin-bottom: 10px;
    padding-bottom: 10px;
}
.why-choose-item i{
    font-size: 28px;
    z-index: 3;
}
.why-choose-item .icon-box{
    background: #f3f5f7;
}
.why-choose-item:hover .icon-box::before {
    background: #f3f5f7!important;
}
.why-choose-image img{
    border: 4px solid #f3f5f7!important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
@media screen and (min-width: 992px){
.section-row {
    margin-bottom: 40px;
}
}



.cta-section{
    position: relative;
    padding: 50px 0 10px 0;
    background: url('images/img/banner-background.jpg');
    overflow: hidden;
}

.cta-wrapper{
    position:relative;
    z-index:2;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align: center;
}

.cta-content{
    max-width:1100px;
}

.cta-content h2{
    color:#fff;
    font-weight: 500;
    font-size: 42px;
    margin-bottom: -20px;
}

.cta-content p{
    color:rgba(255,255,255,.75);
    font-size:18px;
    line-height:1.8;
    margin-bottom: 20px;
}

.cta-buttons{
    display:flex;
    gap:15px;
    flex-wrap:wrap;
}

.btn-primary{
    background:#014c8f;
    color:#fff;
    padding:16px 34px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
    transition:.3s;
}

.btn-primary:hover{
    transform:translateY(-3px);
}

.btn-secondary{
    background:#fff;
    color:#111827;
    padding:16px 34px;
    border-radius:50px;
    text-decoration:none;
    font-weight:600;
}
.call_btn_cta{
    margin-right: 20px;
}

@media(max-width:991px){

    .cta-wrapper{
        flex-direction:column;
        text-align:center;
    }

    .cta-content h2{
        font-size:36px;
        margin-bottom: 20px;
    }

    .cta-buttons{
        justify-content:center;
    }
}

@media(max-width:767px){

    .cta-section{
    padding: 50px 0 20px 0;
    }
    .cta-content h2{
        font-size:28px;
    }

    .cta-content p{
        font-size:16px;
    }
    .call_btn_cta{
    margin-right: 10px;
}

}


.rx-project-container{
    width:100%;
    max-width:1320px;
    margin:auto;
    padding:0 15px;
}

.rx-project-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.rx-project-card{
    background:#1b1b1b;
    border-radius:5px;
    overflow:hidden;
    transition:.35s ease;
}

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

.rx-project-thumb{
    position:relative;
    display:block;
    overflow:hidden;
    height:280px;
}

.rx-project-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:.7s ease;
}

.rx-project-card:hover .rx-project-thumb img{
    transform:scale(1.08);
}

.rx-project-thumb::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.15),rgba(0,0,0,0));
}

.rx-project-badge{
    position:absolute;
    top:20px;
    right:20px;
    z-index:2;
    padding:2px 20px;
    border-radius:40px;
    background:rgba(255,255,255,.15);
    backdrop-filter:blur(10px);
    border:1px solid rgba(255,255,255,.2);
    color:#fff;
    font-size:13px;
    letter-spacing:1px;
}

.rx-project-content{
    background:#1b1b1b;
    padding:16px 20px;
}

.rx-project-details h3{
    color:#fff;
    font-size:24px;
    font-weight:500;
}

.rx-project-details p{
    color:#b5b5b5;
    font-size:18px;
    line-height:1.6;
    margin-bottom: 0;
    padding-bottom: 0;
}

@media(max-width:991px){

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

.rx-project-thumb{
    height:300px;
}

.rx-project-details h3{
    font-size:36px;
}

}

@media(max-width:767px){

.rx-project-showcase{
    padding: 0;
}

.rx-project-grid{
    grid-template-columns:1fr;
    gap:25px;
}

.rx-project-thumb{
    height:280px;
}

.rx-project-content{
    padding:25px 20px;
}

.rx-project-details h3{
    font-size:32px;
}

.rx-project-details p{
    font-size:16px;
}

}

@media(max-width:480px){

.rx-project-thumb{
    height:230px;
}
.rx-project-details h3{
    font-size:24px;
}

.rx-project-details p{
    font-size:15px;
}
}

.section-title h2 {
    font-size: 40px;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin-bottom: 0;
    cursor: none;
}
@media screen and (max-width: 480px) {
    .section-title h2 {
        font-size: 28px;
    }
}

.blog_section{
    background: #f3f5f7;
}
.post-item {
    background: #fff;
}
.post-item-body{
    padding: 0 16px 16px 16px;
}
.post-featured-image img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    aspect-ratio: none;
}
.faq_form{
    padding: 0;
    margin: 0;
}
.contact-us-form{
    background: #f3f5f7;
    padding: 50px 30px;
    border-radius: 5px;
}
@media screen and (max-width: 992px) {
    .faq_form{
    padding: 20px;
    margin-top: 60px;
   }
   .contact-us-form{
    padding: 50px 20px;
}
}



.faq-wrapper{
display:flex;
flex-direction:column;
gap:15px;
}

.faq-item{

background:#fff;
border-radius:10px;
overflow:hidden;
box-shadow:0 15px 40px rgba(0,0,0,.08);
transition:.35s;
border:1px solid #eef1f6;
}

.faq-item.active{
border-color:#000;
}

.faq-question{
width:100%;
padding:5px 20px;
background:none;
border:none;
cursor:pointer;
display:flex;
justify-content:space-between;
align-items:center;
text-align:left;
font-size:20px;
font-weight:600;
color:#222;
}

.faq-question span:first-child{
padding-right:20px;
}

.faq-icon{
width:42px;
height:42px;
background:#222;
border-radius:50%;
position:relative;
flex-shrink:0;
transition:.35s;
transform: scale(0.8);
}

.faq-icon span{
position:absolute;
left:50%;
top:50%;
background:#fff;
transform:translate(-50%,-50%);
transition:.35s;
}

.faq-icon span:first-child{
width:18px;
height:2px;
}

.faq-icon span:last-child{
width:2px;
height:18px;
}

.faq-item.active .faq-icon{
transform:rotate(180deg);
background:#111;
transform: scale(0.8);
}

.faq-item.active .faq-icon span:last-child{
opacity:0;
transform:translate(-50%,-50%) rotate(90deg);
}

.faq-answer{
max-height:0;
overflow:hidden;
transition:max-height .45s ease;
}

.faq-content{
padding:0 20px 20px;
line-height:1.2;
color:#666;
font-size:16px;
}

@media(max-width:768px){
.section-title h2{
font-size:30px;
}

.faq-question{
font-size:17px;
padding:22px;
}

.faq-content{
padding:0 22px 22px;
}

.faq-icon{
width:36px;
height:36px;
}
.faq_form {
        margin-top: 40px;
    }
}

.faq_section{
    background: url('images/img/abs-bg4.png');
     background-position: bottom;
}

.footer_bg{
    background: linear-gradient(rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95)),
            url('images/img/5.jpg') center center/cover no-repeat;
    background-position: center;
}
.footer-logo img {
    height: 75px;
    filter: brightness(0) invert(1);
}
.footer-contact-item a {
    color: #fff;
}
.footer-contact-item a:hover {
    color: #ddd;
}
.footer-links ul li a:hover {
   color: #ddd;
}
.footbtm a{
    color: #fff;
}
.footer-links h3{
    position: relative;
}
.footer-links h3::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 30%;      /* Adjust line length */
    height: 2px;      /* Line thickness */
    background: #fff;
    border-radius: 10px;
}
@media(max-width:400px){
.footer-copyright p{
    font-size: 14px;
}
}


.expertise-showcase{
    background:#111;
    padding:110px 0;
    overflow:hidden;
}

.expertise-showcase .container{
    width:90%;
    max-width:1350px;
    margin:auto;
}

.section-heading{
    max-width:880px;
    margin:0 auto 50px;
    text-align:center;
}

.section-heading h2{
    color:#fff;
}

.section-heading p{
    color:#aaa;
}

.expertise-row{
    display:flex;
    align-items:center;
    gap:70px;
    margin-bottom:90px;
}
.expertise-row:last-child{
    margin-bottom:30px;
}


.expertise-row.reverse{
    flex-direction:row-reverse;
}

.expertise-image{
    flex:1;
    position:relative;
}

.expertise-image img{
    width:100%;
    display:block;
    border-radius:18px;
    transition:.5s;
}

.expertise-content{
    flex:1;
    position:relative;
}

.number{
    font-size:85px;
    font-weight:800;
    color:rgba(255,255,255,.06);
    position:absolute;
    top:-45px;
    left:-5px;
    line-height:1;
}

.expertise-content h3{
    color:#fff;
    font-size:34px;
    margin-bottom:10px;
}

.expertise-content h4{
    color:#ddd;
    font-size:20px;
    margin-bottom:22px;
}

.expertise-content p{
    color:#bbb;
    line-height:1.9;
    margin-bottom:25px;
}

.expertise-content ul{
    list-style:none;
    padding:0;
    margin:0 0 35px;
}

.expertise-content ul li{
    color:#ddd;
    padding:12px 0;
    border-bottom:1px solid rgba(255,255,255,.08);
    position:relative;
    padding-left:28px;
}

.expertise-content ul li:last-child {
    border-bottom: 0px solid rgba(255, 255, 255, .08);
}
.expertise-content ul li:before{
    content:"✓";
    position:absolute;
    left:0;
    color:#fff;
}

.expert-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;
    color:#fff;
    background:#1f1f1f;
    border:1px solid rgba(255,255,255,.12);
    padding:14px 30px;
    border-radius:50px;
    text-decoration:none;
    transition:.4s;
}

.expert-btn:hover{
    background:#c59d5f;
    color:#111;
    transform:translateY(-3px);
}

/* Decorative line */

.expertise-row:not(:last-child){
    position:relative;
}

.expertise-row:not(:last-child):after{
    content:"";
    position:absolute;
    left:50%;
    bottom:-45px;
    width:1px;
    height:45px;
    background:rgba(255,255,255,.08);
}

/* Tablet */

@media(max-width:991px){

.section-heading h2{
    font-size:38px;
}

.expertise-row,
.expertise-row.reverse{
    flex-direction:column;
    gap:40px;
    margin-bottom:80px;
}

.number{
    position:relative;
    top:0;
    margin-bottom:15px;
    font-size:65px;
}

}

/* Mobile */

@media(max-width:767px){
.section-heading{
    margin-bottom:60px;
}

.section-heading h2{
    font-size:30px;
}

.expertise-content h3{
    font-size:28px;
}

.expertise-content h4{
    font-size:18px;
}

.expertise-row{
    margin-bottom:60px;
}

.expertise-row:not(:last-child):after{
    display:none;
}
.expertise-row{
    margin-bottom:20px;
}
.expertise-row.reverse {
        margin-bottom: 20px;
    }
.expertise-row:last-child{
    margin-bottom:0px;
}
 .expertise-row.reverse:last-child {
        margin-bottom: 0px;
    }
  .expertise-row:last-child  ul {
    margin: 0!important;
}
}



.hero-slider{
    position:absolute;
    inset:0;
    z-index:0;
    padding-top: 50px;
}

.hero-slider img{
    position:absolute;
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0;
    transition:opacity 1.5s ease-in-out;
    transform:scale(1.05);
}

/* Active image */

.hero-slider img.active{
    opacity:1;
}

.hero .container{
    position:relative;
    z-index:2;
}

.hero-content{
    color:#fff;
    text-align:center;
}


.breadcrumb-item+.breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, "/");
}
.about_pagebrdbg{
    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,.88) 0%,
            rgba(255,255,255,.45) 35%,
            rgba(20,35,55,.45) 70%,
            rgba(8,18,35,.82) 100%
        ),
     url('images/img/about-bg.jpeg') center center/cover no-repeat;
    background-position: center center!important;
    background-attachment: local!important;
}

.vision-mission-item .icon-box {
    background: #000;
}
.vision-mission-item .icon-box img {
     filter: brightness(0) invert(1) contrast(200%);
    opacity: 1;
}
.footimageabt img{
    filter: brightness(1) invert(0) contrast(100%);
    opacity: 1;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.pandora-stats-section{
    padding:60px 0px;
    position:relative;
    overflow:hidden;
}

.pandora-stats-container{
    position:relative;
    max-width:1280px;
    margin:auto;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:40px;
}

.pandora-stat-card{
    text-align:center;
    padding:15px;
    transition:.35s;
}

.pandora-stat-icon{
    width:72px;
    height:72px;
    margin:0 auto 22px;
    border:1px solid rgba(0,0,0,.08);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    box-shadow:0 10px 35px rgba(0,0,0,.05);
    transition:.35s;
}

.pandora-stat-icon svg{
    width:34px;
    height:34px;
    color:#0f4c81;
}

.pandora-stat-card h2{
    font-size:64px;
    font-weight:700;
    line-height:1;
    color:#111;
    margin:0;
    font-family:Arial,Helvetica,sans-serif;
}

.pandora-divider{
    width:180px;
    height:2px;
    display:block;
    margin:24px auto;
    background:linear-gradient(90deg,transparent,#0f4c81,transparent);
}

.pandora-stat-card h4{
    margin:0;
    font-size:17px;
    text-transform:uppercase;
    letter-spacing:2px;
    line-height:1.7;
    color:#222;
    font-weight:500;
}

.pandora-stat-card:hover{
    transform:translateY(-8px);
}

.pandora-stat-card:hover .pandora-stat-icon{
    background:#0f4c81;
    color:#fff;
    transform:rotate(8deg) scale(1.08);
}

.pandora-stat-card:hover .pandora-divider{
    width:220px;
}

@media(max-width:991px){

    .pandora-stats-container{
        grid-template-columns:1fr;
        gap:55px;
    }

    .pandora-stat-card h2{
        font-size:54px;
    }

    .pandora-divider{
        width:150px;
    }

}

@media(max-width:575px){

    .pandora-stats-section{
        padding:70px 18px;
    }

    .pandora-stat-icon{
        width:65px;
        height:65px;
    }

    .pandora-stat-icon svg{
        width:30px;
        height:30px;
    }

    .pandora-stat-card h2{
        font-size:46px;
    }

    .pandora-stat-card h4{
        font-size:15px;
        letter-spacing:1.5px;
    }

}
.accsec{
    background:
    linear-gradient(rgba(255,255,255,.5),rgba(255,255,255,.5)),
    url("images/img/acbg.png") center center/cover no-repeat;
    opacity:1;
}

.contactbg{
     background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,.7) 0%,
            rgba(255,255,255,.5) 35%,
            rgba(20,35,55,.45) 70%,
            rgba(8,18,35,.82) 100%
        ),
     url('images/img/contact-bg.jpeg') top/cover no-repeat;
    background-position: top!important;
    background-attachment: local!important;
}


.contact-info-content h3 {
    margin-bottom: 0px;
}
.contact-info-content a {
    color: #222;
}

.contact-info-item .icon-box {
    background-color: #000;
}
.contact-info-item .icon-box i {
   color: #fff;
}
.contact-info-content{
    display: flex;
    align-items: center;
}
.contact-info-box {
    margin-top: 40px;
}
.contact-info-item {
   padding: 10px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
   border-radius: 4px;
}
.contact-us-image img{
    border-radius: 4px;
    border: 1px solid #ccc;
}
.section-title p {
    margin-top: 15px;
}
.google-map-iframe iframe{
    border: 5px solid #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.blogbrdbg{
    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,.7) 0%,
            rgba(255,255,255,.5) 35%,
            rgba(20,35,55,.45) 70%,
            rgba(8,18,35,.82) 100%
        ),
     url('images/img/blogsbrdcm.jpeg') top/cover no-repeat;
    background-position: top!important;
    background-attachment: local!important;
}
.projectsbrdbg{
    background:
        linear-gradient(
            to bottom,
            rgba(255,255,255,.7) 0%,
            rgba(255,255,255,.5) 35%,
            rgba(20,35,55,.45) 70%,
            rgba(8,18,35,.82) 100%
        ),
     url('images/img/projectsbrdcm.jpeg') top/cover no-repeat;
    background-position: top!important;
    background-attachment: local!important;
}
.hero.blogsinglebrd {
    padding:0;
    min-height: 120px;
    margin-top: -120px;
    overflow: hidden;
    background: url('images/img/headbgtyp.jpeg');
}
.hero.blogsinglebrd::before {
    background:
        none!important;
    pointer-events: none;
}

.sidebar-cta-contact-item a{
    color: #222;
}
.sidebar-cta-contact-item .icon-box {
    background-color: #222;
    color: #f3f5f7!important;
}
.sidebar-cta-contact-item .icon-box img {
    filter: brightness(0) invert(1) contrast(200%);
    opacity: 1;
}
.posts_list ul li a::before {
    display: none;
}
.imglft img{
    height: 75px;
    width: 100px;
    border-radius: 5px;
}
.posts_list ul li a {
    padding-right: 0px;
    font-size: 16px;
    line-height: 22px;
}
.posts_list ul li{
    display: grid;
    grid-template-columns: 100px auto;
    align-items: center;
    gap: 10px;
}


.pandora-thankyou-section{
   position:relative;
   overflow:hidden;
   background:#111;
   padding:120px 20px;
}

.pandora-thankyou-bg{
   position:absolute;
   inset:0;
   background:
   linear-gradient(rgba(17,17,17,.82),rgba(17,17,17,.92)),
   url(images/hero.jpg) center/cover;
}

.pandora-thankyou-bg:before{
   content:"";
   position:absolute;
   inset:0;
   opacity:.08;
   background-image:
   linear-gradient(#fff 1px,transparent 1px),
   linear-gradient(90deg,#fff 1px,transparent 1px);
   background-size:70px 70px;
}

.pandora-thankyou-container{
   position:relative;
   max-width:850px;
   margin:auto;
   text-align:center;
   z-index:2;
}

.pandora-check-circle{
   width:105px;
   height:105px;
   margin:auto;
   margin-bottom:30px;
}

.pandora-check-circle svg{
   width:100%;
   height:100%;
}

.pandora-check-circle circle{
   stroke:#c6a56b;
   stroke-width:2;
   fill:rgba(198,165,107,.08);
}

.pandora-check-circle path{
   stroke:#fff;
   stroke-width:4;
   stroke-linecap:round;
   stroke-linejoin:round;
}

.pandora-tagline{
   display:inline-block;
   padding:8px 18px;
   border:1px solid rgba(198,165,107,.35);
   color:#c6a56b;
   border-radius:40px;
   letter-spacing:1px;
   font-size:13px;
   text-transform:uppercase;
   margin-bottom:22px;
}

.pandora-thankyou-container h1{
   font-size:58px;
   color:#fff;
   font-weight:700;
   margin-bottom:10px;
}

.pandora-thankyou-container h2{
   font-size:28px;
   color:#fff;
   font-weight:500;
   margin-bottom:25px;
}

.pandora-thankyou-container p{
   max-width:700px;
   margin:auto;
   color:#d7d7d7;
   font-size:17px;
   line-height:1.8;
}

.pandora-info-box{
   margin:55px auto 45px;
   display:grid;
   grid-template-columns:repeat(2,1fr);
   gap:25px;
}

.pandora-info-item{
   background:rgba(255,255,255,.05);
   backdrop-filter:blur(8px);
   border:1px solid rgba(255,255,255,.08);
   border-radius:16px;
   padding:28px;
   display:flex;
   gap:18px;
   text-align:left;
}

.pandora-info-item span{
   width:42px;
   height:42px;
   min-width:42px;
   border-radius:50%;
   background:#c6a56b;
   color:#111;
   display:flex;
   justify-content:center;
   align-items:center;
   font-weight:700;
   font-size:18px;
}

.pandora-info-item h4{
   color:#fff;
   margin-bottom:8px;
   font-size:18px;
}

.pandora-info-item p{
   margin:0;
   color:#bbb;
   font-size:15px;
   line-height:1.6;
}

.pandora-btn-group{
   display:flex;
   justify-content:center;
   gap:18px;
   flex-wrap:wrap;
}

.pandora-btn-group a{
   text-decoration:none;
   padding:16px 34px;
   border-radius:40px;
   transition:.35s;
   font-weight:600;
}

.pandora-btn-dark{
   background:#c6a56b;
   color:#111;
}

.pandora-btn-dark:hover{
   transform:translateY(-4px);
}

.pandora-btn-light{
   color:#fff;
   border:1px solid rgba(255,255,255,.2);
   background:rgba(255,255,255,.04);
}

.pandora-btn-light:hover{
   background:#fff;
   color:#111;
}

@media(max-width:768px){

.pandora-thankyou-section{
   padding:90px 20px;
}

.pandora-thankyou-container h1{
   font-size:42px;
}

.pandora-thankyou-container h2{
   font-size:22px;
}

.pandora-info-box{
   grid-template-columns:1fr;
}

.pandora-btn-group{
   flex-direction:column;
}

.pandora-btn-group a{
   width:100%;
}

.pandora-thankyou-container p{
   font-size:16px;
}

}



.pa_start_project_sec{
position:relative;
overflow:hidden;
padding:110px 20px;
background:#101010;
}

.pa_blueprint_bg{
position:absolute;
inset:0;
pointer-events:none;
opacity:.06;
background-image:
linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
background-size:70px 70px;
}

.pa_blueprint_bg:before{
content:"";
position:absolute;
width:600px;
height:600px;
left:-180px;
top:-100px;
background:radial-gradient(circle,#d8b27722 0%,transparent 70%);
filter:blur(40px);
}

.pa_blueprint_bg:after{
content:"";
position:absolute;
width:500px;
height:500px;
right:-120px;
bottom:-120px;
background:radial-gradient(circle,#ffffff10 0%,transparent 75%);
filter:blur(50px);
}

.pa_container{
max-width:1320px;
margin:auto;
display:grid;
grid-template-columns:1fr 540px;
gap:80px;
align-items:center;
position:relative;
z-index:2;
}

.pa_small_title{
display:inline-block;
color:#ffffff;
font-size:14px;
letter-spacing:2px;
text-transform:uppercase;
margin-bottom:22px;
}

.pa_start_left h2{
font-size:48px;
line-height:1.1;
font-weight:700;
color:#fff;
margin-bottom:20px;
}

.pa_start_left h2 span{
display:block;
color:#ffffff;
}

.pa_start_left>p{
font-size:17px;
line-height:1.9;
color:#c8c8c8;
max-width:620px;
margin-bottom:20px;
}

.pa_feature_list{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:22px;
}

.pa_feature_item{
display:flex;
gap:18px;
padding:22px;
background:#171717;
border:1px solid rgba(255,255,255,.06);
border-radius:16px;
transition:.35s;
}

.pa_feature_item:hover{
transform:translateY(-6px);
border-color:#ffffff;
background:#1d1d1d;
}

.pa_icon_box{
width:58px;
height:58px;
flex-shrink:0;
display:flex;
justify-content:center;
align-items:center;
background:#ffffff;
border-radius:14px;
color:#111;
}

.pa_icon_box svg{
width:26px;
height:26px;
}

.pa_feature_item h4{
color:#fff;
font-size:18px;
margin-bottom:10px;
}

.pa_feature_item p{
font-size:14px;
line-height:1.7;
color:#bdbdbd;
}

.pa_form_wrapper{
display:flex;
justify-content:center;
align-items:center;
}

.pa_form_card{
width:100%;
padding:40px 25px;
background:rgba(25,25,25,.92);
border:1px solid rgba(255,255,255,.08);
border-radius:24px;
backdrop-filter:blur(15px);
box-shadow:0 30px 60px rgba(0,0,0,.45);
}

.pa_form_card h3{
font-size:32px;
color:#fff;
margin-bottom:12px;
}

.pa_form_card>p{
color:#bdbdbd;
line-height:1.8;
margin-bottom:15px;
}

.pa_grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:18px;
}

.pa_input{
margin-bottom:18px;
}

.pa_input input,
.pa_input select,
.pa_input textarea{
width:100%;
background:#121212;
border:1px solid rgba(255,255,255,.08);
color:#fff;
padding:16px 18px;
border-radius:12px;
font-size:15px;
outline:none;
transition:.3s;
}
.pa_input select{
    color:#999;
}
.pa_input textarea{
resize:vertical;
min-height:140px;
}

.pa_input input::placeholder,
.pa_input textarea::placeholder{
color:#999;
}

.pa_input input:focus,
.pa_input select:focus,
.pa_input textarea:focus{
border-color:#ffffff;
box-shadow:0 0 0 4px rgba(203,164,107,.12);
}

.pa_feature_item p {
    margin-bottom: 0;
}

/*==================================================
BUTTON
==================================================*/

.pa_submit_btn{
width:100%;
height:50px;
border:none;
border-radius:12px;
background:#fff;
color:#000;
font-weight: 600;
font-size:18px;
cursor:pointer;
position:relative;
overflow:hidden;
transition:.35s;
box-shadow:0 15px 35px rgba(203,164,107,.22);
}

.pa_submit_btn:before{
content:"";
position:absolute;
top:0;
left:-120%;
width:80%;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);
transition:.7s;
}

.pa_submit_btn:hover:before{
left:140%;
}

.pa_submit_btn:hover{
transform:translateY(-3px);
box-shadow:0 25px 45px rgba(203,164,107,.35);
}

.pa_submit_btn:active{
transform:translateY(0);
}


/*==================================================
CARD DECORATION
==================================================*/

.pa_form_card{
position:relative;
overflow:hidden;
}

.pa_form_card:before{
content:"";
position:absolute;
width:260px;
height:260px;
top:-130px;
right:-130px;
border-radius:50%;
background:radial-gradient(circle,rgba(203,164,107,.16),transparent 70%);
pointer-events:none;
}

.pa_form_card:after{
content:"";
position:absolute;
width:180px;
height:180px;
left:-90px;
bottom:-90px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,255,255,.04),transparent 70%);
pointer-events:none;
}


/*==================================================
SMOOTH TRANSITIONS
==================================================*/

.pa_start_left,
.pa_form_card,
.pa_feature_item,
.pa_submit_btn{
transition:.35s ease;
}


/*==================================================
INPUT HOVER
==================================================*/

.pa_input input:hover,
.pa_input textarea:hover,
.pa_input select:hover{
border-color:rgba(203,164,107,.35);
}


/*==================================================
CUSTOM SCROLLBAR
==================================================*/

.pa_input textarea::-webkit-scrollbar{
width:8px;
}

.pa_input textarea::-webkit-scrollbar-thumb{
background:#cba46b;
border-radius:20px;
}

.pa_input textarea::-webkit-scrollbar-track{
background:#181818;
}


/*==================================================
SELECT
==================================================*/

.pa_input select{
appearance:none;
-webkit-appearance:none;
-moz-appearance:none;

background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 5.5L8 10.3l4.8-4.8' stroke='white' stroke-width='1.8' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

background-repeat:no-repeat;
background-position:right 18px center;
padding-right:55px;
}


/*==================================================
FEATURE ANIMATION
==================================================*/

.pa_feature_item:hover .pa_icon_box{
transform:rotate(-8deg) scale(1.08);
background:#fff;
color:#111;
}


/*==================================================
SECTION TOP & BOTTOM LINE
==================================================*/

.pa_start_project_sec:before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:1px;
background:linear-gradient(90deg,transparent,#cba46b55,transparent);
}

.pa_start_project_sec:after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:1px;
background:linear-gradient(90deg,transparent,#cba46b33,transparent);
}


/*==================================================
TABLET
==================================================*/

@media(max-width:1100px){

.pa_container{
grid-template-columns:1fr;
gap:60px;
}

.pa_start_left{
text-align:center;
}

.pa_start_left>p{
margin:auto;
margin-bottom:40px;
}
.pa_feature_item h4{
    text-align:left;
}
.pa_feature_item p{
    text-align:left;
}
.pa_feature_list{
max-width:760px;
margin:auto;
}

.pa_form_wrapper{
max-width:760px;
margin:auto;
width:100%;
}

}


/*==================================================
MOBILE
==================================================*/

@media(max-width:768px){

.pa_start_project_sec{
padding:80px 20px;
}

.pa_small_title{
font-size:13px;
}

.pa_start_left h2{
font-size:40px;
}

.pa_start_left>p{
font-size:15px;
line-height:1.8;
}

.pa_feature_list{
grid-template-columns:1fr;
gap:18px;
}

.pa_feature_item{
padding:18px;
}

.pa_form_card{
padding:28px;
border-radius:18px;
}

.pa_form_card h3{
font-size:28px;
}

.pa_form_card>p{
font-size:15px;
margin-bottom:25px;
}

.pa_grid{
grid-template-columns:1fr;
gap:0;
margin-bottom:0;
}

.pa_input{
margin-bottom:15px;
}

.pa_input input,
.pa_input select,
.pa_input textarea{
padding:15px 16px;
font-size:15px;
}

.pa_submit_btn{
height:54px;
font-size:15px;
}

}


/*==================================================
SMALL MOBILE
==================================================*/

@media(max-width:480px){

.pa_start_project_sec{
padding:65px 15px;
}

.pa_start_left h2{
font-size:30px;
line-height:1.15;
}

.pa_form_card{
padding:22px;
}

.pa_form_card h3{
font-size:22px;
}

.pa_feature_item{
gap:15px;
}

.pa_icon_box{
width:50px;
height:50px;
}

.pa_icon_box svg{
width:22px;
height:22px;
}

}


/*==================================================
LARGE DESKTOP
==================================================*/

@media(min-width:1500px){

.pa_container{
max-width:1450px;
}

.pa_start_left h2{
font-size:66px;
}

.pa_form_card{
padding:55px;
}

}

.servicehero .hero_row{
  margin-top: 50px;
}

.imgcustom img{
    border: 4px solid #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.work_process{
    background: linear-gradient(rgba(17,17,17,.9),rgba(17,17,17,.9)), url('images/img/section-shape-1.jpg') center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
}
.secontentprocess{
    margin-left: 0px;
}
.icontext{
    background: #fff;
    color: #000;
    width: fit-content;
    padding: 2px 16px;
    font-weight: 600;
    border-radius: 25px;
}
.how-we-work-item{
    box-shadow: rgba(99, 99, 99, 0.5) 0px 2px 8px 0px;
    padding: 20px 14px;
    border-radius: 5px;
}
.how-we-work-item .icon-box {
    margin-bottom: 20px;
}
.how-we-work-list {
    gap: 20px;
}
@media screen and (min-width: 992px) {
    .section-row {
        margin-bottom: 20px;
    }
}



.pa-why-section{
   background:#fff;
}

.pa-container{
   max-width:1320px;
   margin:auto;
   border-top: 1px solid #ccc;
   padding: 50px 0;
}

.pa-heading{
   max-width:760px;
   margin:0 auto 60px;
   text-align:center;
}

.pa-subtitle{
   display:inline-block;
   padding:8px 18px;
   border-radius:50px;
   background:#eef5ff;
   color:#0b67d4;
   font-size:14px;
   font-weight:600;
   letter-spacing:.5px;
   margin-bottom:18px;
}

.pa-heading h2{
   margin:0 0 20px;
   font-size:44px;
   line-height:1.2;
   color:#111;
   font-weight:700;
}

.pa-heading h2 span{
   color:#0b67d4;
}

.pa-heading p{
   margin:0;
   color:#666;
   font-size:17px;
   line-height:1.8;
}

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

.pa-card{
   position:relative;
   padding:35px;
   border-radius:24px;
   background:#fff;
   overflow:hidden;
   transition:.45s ease;
   z-index:1;
}

/* Gradient Border */
.pa-card::before{
   content:"";
   position:absolute;
   inset:0;
   padding:1.5px;
   border-radius:24px;
   background:linear-gradient(135deg,#111827,#374151,#0f172a,#4b5563);
   -webkit-mask:
      linear-gradient(#fff 0 0) content-box,
      linear-gradient(#fff 0 0);
   -webkit-mask-composite:xor;
   mask-composite:exclude;
   pointer-events:none;
   transition:.45s;
}

/* White Background */
.pa-card::after{
   content:"";
   position:absolute;
   inset:2px;
   border-radius:22px;
   background:#fff;
   z-index:-1;
}

.pa-card:hover{
   transform:translateY(-10px);
   box-shadow:
      0 30px 60px rgba(0,0,0,.12),
      0 10px 25px rgba(17,24,39,.08);
}

.pa-card:hover::before{
   background:linear-gradient(135deg,#000,#374151,#0b67d4,#111827,#000);
}

.pa-icon{
   width:74px;
   height:74px;
   border-radius:20px;
   display:flex;
   align-items:center;
   justify-content:center;
   background:linear-gradient(135deg,#0b67d4,#35b8ff);
   margin-bottom:28px;
   transition:.35s;
   box-shadow:0 15px 35px rgba(11,103,212,.25);
}

.pa-card:hover .pa-icon{
   transform:rotate(-8deg) scale(1.08);
}

.pa-icon svg{
   width:34px;
   height:34px;
   stroke:#fff;
   stroke-width:1.8;
   stroke-linecap:round;
   stroke-linejoin:round;
   fill:none;
}

.pa-card h3{
   margin:0 0 16px;
   color:#111;
   font-size:24px;
   line-height:1.3;
}

.pa-card p{
   margin:0;
   color:#666;
   font-size:16px;
   line-height:1.8;
}

@media(max-width:1100px){

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

   .pa-heading h2{
      font-size:38px;
   }

}

@media(max-width:767px){

   .pa-grid{
      grid-template-columns:1fr;
      gap:22px;
   }

   .pa-card{
      padding:30px;
   }

   .pa-heading{
      margin-bottom:45px;
   }

   .pa-heading h2{
      font-size:30px;
   }

   .pa-heading p{
      font-size:16px;
   }

   .pa-card h3{
      font-size:21px;
   }

}

.headsecman{
    display: flex;
    justify-content: center;
}
.headsec-wrap{
    max-width: 800px;
}

.sccsecserv{
    background: linear-gradient(rgba(0, 0, 0, .2), rgba(255, 255, 255, .5)), url(images/img/acbg.png) center center / cover no-repeat;
    opacity: 1;
}

.blog_sigle_content p{
    margin-bottom: 10px;
}
.blog_sigle_content h2{
    margin-top: 25px;
}
.blog_sigle_content ul p{
   display: none;
}
.blog_sigle_content ol p{
   display: none;
}
.blog_sigle_content h3{
    margin-top: 20px;
}
.blog_sigle_content{
    margin-top: -20px;
}
@media(max-width:992px){
.blog_sigle_content{
    margin-top: 0px;
}
}


.privacy_policy_sec ul li p{
    margin-bottom: 0;
}
.privacy_policy_sec p{
    margin-bottom: 10px;
}
.privacy_policy_sec h2{
    margin-top: 25px;
}


.servintrosec{
    background: url(images/img/abs-bg4.png);
    background-position: bottom;
}

.heroimgservicepagecstm::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px; /* Adjust as needed */
    background: linear-gradient(
        to bottom,
        rgba(255,255,255,1) 0%,
        rgba(255,255,255,0.9) 30%,
        rgba(255,255,255,0.7) 50%,
        rgba(255,255,255,0) 100%
    );
    z-index: 2;
    pointer-events: none;
}


.header-sticky{
    transition: all .3s ease;
}

.header-sticky.my-sticky{
    position: fixed !important;
    top:0;
    left:0;
    width:100%;
    z-index:99999;
    background: #fff;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}