/*
Theme Name: Tobel Child
Theme URI: https://tobel.qodeinteractive.com
Description: A child theme of Tobel
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.3
Text Domain: tobel
Template: tobel
*/

#menu-uplift-menu-1 li:last-child span, #menu-uplift-menu-2 li:last-child span {
    color:#fff!important;
    background: #3a4fa1;
    padding:8px 12px;
    font-weight:500;
}
body .qodef-m-text {
 font-size:16px!important;
 letter-spacing: .1px!important;
 text-transform: capitalize;
}
body .ups-home-contact .qodef-m-text{
    font-family: 'as-custom-font';
    text-transform: capitalize;
    font-size: 20px !important;
}
.as-rev-btns:nth-child(1) a {
    margin-right:25px!important;
}
.as-capabilities-images h5.qodef-e-title.entry-title {
    text-transform:capitalize;
    text-align:center;
    color:#13212e;
}
.as-capabilities-images .qodef-e.qodef-grid-item{
    border-right:1px solid #3a4fa1;

}
.as-capabilities-images .qodef-e.qodef-grid-item:last-child{
    border-right:unset;
}

.as-capabilities-images  .qodef-e-content {
    margin-top:15px!important;
}
.as-industries .qodef-e-content {
    margin-top:20px!important;
}
.quality-section span.qodef-e-logo img {
    width: 65%;
}
.as-industries a.qodef-e-title-link {
    text-align:left;
    text-transform:capitalize;
    font-size:22px;
    color:#13212e;
}
.as-industries{
    padding-bottom:60px;
}
.as-industries a.qodef-e-title-link:hover{
    color:unset;
}
.as-why-choose .elementor-image-box-wrapper figure{
    width:100%!important;
    display:flex;
    justify-content: center;
        margin-bottom: 0 !important;
}
.as-why-choose p {
    font-size:15px;
}
.as-why-choose .elementor-image-box-wrapper img{
    width:150px;
}
.as-why-choose h5.elementor-image-box-title {
    margin-top:0px;
    margin-bottom:5px;
}
svg.qodef-main-arrow {
    color: #3A4FA1;
}

.quality-section h4.qodef-m-title {
    font-size: clamp(1.5rem, 2.7vw, 2.5625rem) !important;
    line-height: 1.25 !important;
    font-weight: 600;
    text-transform: capitalize;
    word-break: break-word;
}
.quality-section .elementor-column {
    display: flex;
    align-items: center;
}
.quality-section span.qodef-e.qodef-grid-item {
    margin-bottom:15px!important;
}
span.qodef-e.qodef-grid-item:nth-child(2) {
    position:relative;
    top:35px;
}
span.qodef-e.qodef-grid-item:nth-child(4){
    position:relative;
    top:-15px;
}
span.qodef-e.qodef-grid-item:nth-child(2) img{
  transform: scale(1.2);  
}
.certified-section h4.qodef-m-title {
    font-size: clamp(1.75rem, 5.2vw, 5.3125rem) !important;
    line-height: 1.2 !important;
    word-break: break-word;
    letter-spacing: normal;
    font-weight:100;
    border-bottom: 1px solid;
}
    

body .as-capabilities-link span.qodef-m-text {
 font-size:18px!important;  
 font-family: 'as-custom-font';
 font-weight: 600;
}
body .as-capabilities-link span.qodef-m-text { display: inline-flex; align-items: center; gap: 10px; }
body .as-capabilities-link span.qodef-m-text::after {
  content: "sss";
  width: 24px; height: 12px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12'%3E%3Cpath d='M0 6h21M16 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat center / contain;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 12'%3E%3Cpath d='M0 6h21M16 1l5 5-5 5' fill='none' stroke='%23000' stroke-width='1.2'/%3E%3C/svg%3E") no-repeat center / contain;
  transition: transform .3s ease;
  margin-left:5px
}
body .as-capabilities-link .qodef-button:hover span.qodef-m-text::after { transform: translateX(5px); }

#qodef-back-to-top polyline{
    color:#fff!important;
}


#qodef-back-to-top:hover polyline{
    color:rgb(58,79,161)!important;
}
#qodef-back-to-top:hover span.qodef-back-to-top-icon {
   border-color:rgb(58,79,161)!important;
}

.as-site-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 24px 0px;
    min-height: 105px;
    box-sizing: border-box;
    font-family: 'as-custom-font';
    font-size: 11px;
    line-height: 1.15;
  }

.as-site-footer .footer-left p {
    margin: 0;
    text-align: left;
  }

.as-site-footer .footer-right {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: -8px; /* flag sits slightly above the text line */
    white-space: nowrap;
    }

.as-site-footer .footer-right a {
    text-decoration: none;
    padding-top: 8px; /* keeps link text aligned with the left text */
    }

.as-site-footer .footer-flag {
    display: block;
    width: 34px;
    height: 21px;
    }
    .as-site-footer p, .as-site-footer a {
        color: #a7c6e9 !important;
    font-family: 'as-custom-font';
    font-size: 15px;
    line-height: 20px;
}

div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(1) {
    width: 25%!important;
    padding-right:unset!important;
}

div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(2) {
    width:50%!important;
    padding-right:unset!important;
}
div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(3){
    width:25%!important;
}

div#qodef-page-footer-top-area-inner ul.wp-block-list {
    display:flex;
    justify-content:space-between;
}

div#qodef-page-footer-top-area-inner ul.wp-block-list li{
    color:#a7c6e9;
    margin-bottom:0px!important;
}

div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear {
    display:flex;
    align-items:center;
}



.qodef-section-title .qodef-m-subtitle {
    padding-bottom: 27px;
    letter-spacing: .1px;
    font-weight: 500;
    font-family:inherit!important;
}
.ups-why-choose-us .why-choose-col .elementor-container{
    width:auto!important;
    gap:20px;
}

.ups-why-choose-us .why-choose-col .elementor-column{
    border:1px solid #ccab76;
    background:#161715;
    padding:10px;
}
.ups-why-choose-us .why-choose-col .elementor-column h4{
    font-weight:300;
    text-transform: capitalize;
}
.ups-why-choose-us .why-choose-col .elementor-column .elementor-widget-wrap{
    align-content:space-between;
}
.ups-why-choose-us .qodef-section-title .qodef-m-subtitle{
        font-size: 17px;
    line-height: 27px;
    padding: 0px;
    font-weight:300;
}
.ups-why-choose-us p.qodef-m-text{
    color: #fff;
    width: 51%;
    margin: 0 auto;
    font-size: 13px !important;
    margin-top: 40px;
}
.why-choose-col > .elementor-container > .elementor-column {
    transition: background-color 0.3s ease;
}
.why-choose-col > .elementor-container > .elementor-column:hover {
    background-color: #C8A763;
}
.why-choose-col > .elementor-container > .elementor-column:hover h4{
    color:#000!important;
}
.why-choose-col > .elementor-container > .elementor-column:hover a{
    color:#fff!important;
}

.ups-our-clients .qodef-section-title .qodef-m-subtitle{
    line-height: 24px;
    padding: 0px;
    font-weight: 400;
}
.ups-testimonials h3.qodef-e-static-title {
    color: #fff;
    font-weight:400;
}
.ups-testimonials .qodef-testimonials-list .qodef-e-static-holder:before, .ups-testimonials .qodef-e-author-job{
    color:#fff;
}
.ups-testimonials p.qodef-e-static-subtitle {
    color:#ffffff8c!important;
}
.ups-blogs .qodef-e-info {
    display:none;
}
.ups-blogs .qodef-e-read-more a:after{
    content:unset;
}
.ups-blogs span.qodef-m-text {
  color:#ccab76;
}

.ups-blogs .swiper-pagination-bullets{
    justify-content:center;
}
.why-custom-font span{
    position:relative;
    left: -23px;
}
.ups-blogs .swiper-pagination-bullet-active:after{
    content:none!important;
}
.ups-blogs .qodef-blog .qodef-blog-item{
    margin-bottom:20px!important;
}

#qodef-page-footer-top-area h5.qodef-widget-title {
    color: #ccab76!important;
}
.ups-social-container {
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content:end;
}
.ups-social-container .social-icon{
  width: 25px;
  height: 25px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.ups-social-container .social-icon svg {
  color: #a7c6e9;
  width: 100%;
  height: 100%;
}
.ups-social-container .social-icon:hover {
  opacity: 0.8;
  transform: translateY(-2px);
}
.ups-home-carousel .qodef-portfolio-list .qodef-e-media-image a{
    max-height:500px;
}
nav.qodef-header-navigation #menu-uplift-menu-1 li a span {
    font-family: 'as-custom-font';
    letter-spacing: .1em;
    font-size: 12px;
    color: #13212e;
    font-weight: 600;
}
body .qodef-header-sticky span.qodef-menu-item-text {
    font-family: 'as-custom-font';
    letter-spacing: .1em;
    font-size: 12px;
    color: #13212e;
    font-weight: 600;
}

#menu-uplift-menu-1 li:last-child span:hover{
    color:#fff!important;
}
#menu-uplift-menu-1 li:last-child span:hover, #menu-uplift-menu-2 li:last-child span:hover{
    color: #3a4fa1!important;
    background:#fff;
    border:1px solid #3a4fa1;
}
nav.qodef-header-navigation #menu-uplift-menu-1 li a, nav.qodef-header-navigation #menu-uplift-menu-1 li{
    height:auto;
}
nav.qodef-header-navigation #menu-uplift-menu-1 li a:hover:after{
    content: unset;
}
nav.qodef-header-navigation #menu-uplift-menu-1 li a:hover span{
    color: #ccab76;
}
body .qodef-button.qodef-layout--textual:after{
    width: 0px;
        transform-origin: right center;
    transform: scaleX(0);
    transition: transform .3s ease-in-out;
}
body .qodef-button.qodef-layout--textual:hover:after{
        width: 100%;
    height: 1px;
    right: 0%;
    top: calc(89% - 1px);
    transform: scaleX(1);
    display: none;
}
.ups-service-btn{
    text-align:left;
}
.wp-singular h1.qodef-m-title.entry-title {
  font-size: 55px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    text-transform: capitalize;
}

.ups-about-col1{
    font-size: 29px;
    line-height: 33px;
}
.wp-singular .qodef-page-title.qodef-title--divided .qodef-m-content .qodef-m-content-bottom{
    background-position: bottom;
}
.elementor-column.ups-about-col1 {
    width:100%!important;
}
section.ups-about-midtext h4.qodef-m-title {
    text-transform:lowercase;
    font-size: 36px;
    font-weight: 500;
}
section.ups-about-midtext h4.qodef-m-title:first-letter, .ups-about-aim h3.qodef-m-title:first-letter{
    text-transform:capitalize;
}
.ups-about-aim h3.qodef-m-title {
    font-size:60px;
}
.ups-about-aim-p p{
    font-size: 23px;
    line-height: 32px;
    max-width: 80%;
}
.elementor-element.ups-why-chose-col1 span{
    color:#000;
    font-size:20px;
    font-weight:500;
}

.elementor-element.ups-why-chose-col1 p{
    color:#ccab76;
    font-weight:500;
    font-size:20px;
}
#ups-why-chose-col2 h4{
    font-weight:700;
    font-size:22px;
    text-transform:capitalize;
    
}
#ups-why-chose-col2 .elementor-widget-text-editor p{
    font-size:20px;
    color:#000;
    opacity:.8;
    font-weight:300;
    
}
#qodef-page-header-inner{
    padding-top:20px;
}
#qodef-page-header{
    background:#000;
}

.ups-home-carousel a.qodef-e-title-link{
    text-align: left;
    max-width: 250px;
    font-size: 25px;
    line-height: 25px;
}
.ups-home-carousel h5.qodef-e-title.entry-title{
    font-weight:400;
}
.ups-home-carousel a.qodef-e-title-link:hover{
    color:#ccab76;
}
.ups-home-carousel .qodef-e-info {
 display:none;
}
.qodef-button.qodef-layout--filled.qodef-html--link:hover{
    background-color: #ccab76;
}
.ups-home-carousel h5.qodef-m-title {
    font-size:24px;
}
.ups-servicespafe-sec2 .elementor-column img{
    max-height: 456px;
    max-width: 370px;
}
.ups-servicespafe-sec2 h4.qodef-m-title {
    margin-top:30px;
    font-size: 35px;
    text-transform: none;
    line-height: 30px;
    font-weight: 400;
}
.ups-servicespafe-sec2 p.qodef-m-text{
    max-width: 350px!important;
    font-size: 20px!important;
}
.ups-servicepage-sec .qodef-section-title .qodef-m-text {
    width:30%;
    font-size: 21px!important;
}
.ups-blogs .qodef-e-media-image img{
    max-height:516px;
}
body #qodef-page-footer-top-area-inner{
     padding: 60px 0 60px;   
}
body .qodef-header-sticky{
    height:90px;
    box-shadow: 0 3px 24px rgba(0, 0, 0, .08);
}
body #qodef-page-header .qodef-header-sticky-inner  .qodef-header-logo-link img.qodef--main{
    height: 67px;
    max-height:60%;
}
body .qodef-header-sticky .qodef-header-navigation{
    display:flex;
    justify-content:center;
    width:100%;
}
span.ups-wishlist-icon{
    display:none;
}
.qodef-header-sticky li.menu-item a::after,
.qodef-header-sticky li.menu-item:hover a::after {
    display: none !important;
    content: none !important;
}
li.current_page_item a::after, .qodef-header-navigation>ul>li.current-menu-item>a:after{
    content:none!important;
}


.qodef-header-sticky li.menu-item:hover a,
.qodef-header-sticky li.menu-item:hover .qodef-menu-item-text {
    color: #CCAB76 !important;
}
.ups-testimonials .swiper-button-prev  {
    right:unset!important;
    top: 50%!important;
}
.ups-testimonials .swiper-button-next{
    top:50%!important;
} 

.ups-testimonials .qodef-e-static-holder, .ups-testimonials .qodef-e-content{
    padding-left:60px;
}
.ups-testimonials .swiper-button-prev:hover svg.qodef-fake-arrow, .ups-testimonials .swiper-button-next:hover svg.qodef-fake-arrow,
.ups-blogs .swiper-button-prev:hover svg.qodef-fake-arrow, .ups-blogs .swiper-button-next:hover svg.qodef-fake-arrow{
    position:unset;
    display:none;
}

.ups-testimonials .swiper-button-prev:hover .qodef-main-arrow, .ups-testimonials .swiper-button-next:hover .qodef-main-arrow,
.ups-blogs .swiper-button-prev:hover .qodef-main-arrow, .ups-blogs .swiper-button-next:hover .qodef-main-arrow{
    clip-path:unset;
}

.ups-testimonials .qodef-main-arrow{
   stroke: azure; 
}
.ups-blogs .swiper-button-next, .ups-blogs .swiper-button-prev{
    top:30%!important;
    color:#fff;
}
.qodef-header-standard--center #qodef-page-header-inner .qodef-widget-holder{
 display: none;    
}

#qodef-page-mobile-header  .qodef-opener-icon.qodef-source--svg-path span svg{
  fill:#fff;  
}
.ups-home-carousel-01{
    text-align:center;
    margin-bottom:0px!important;
}
.ups-home-carousel-02 h1.qodef-m-title {
    font-weight:300;
    text-transform:capitalize;
}
.ups-home-carousel .ups-home-carousel-02 .qodef-m-text{
    margin-top: 8px;
    font-size: 24px!important;
    letter-spacing: -1px!important;
    font-weight: 400;
}
.ups-home-carousel-03 p{
   font-size: 26px; 
}
.ups-home-carousel-04 h5{
    font-weight:500;
}
.ups-home-carousel-04 h4{
    font-size:30px;
}

.ups-home-carousel-04 .qodef-m-text p {
    font-weight:400;
    margin:0px;
    font-size:19px;
}

.ups-home-carousel .qodef-portfolio-list .qodef-e-media-image{
     width: 460px;   
}

.ups-why-choose-01 .elementor-container{
    width:100%!important;
}

.ups-why-chose-sec2 .elementor-icon-box-wrapper h3{
    margin-top: 10px;
    font-size:30px;
}
/*.ups-why-chose-sec2 span.elementor-icon {*/
/*    position: relative;*/
/*    left: -15px;*/
/*}*/
.ups-why-chose-sec2 .elementor-icon-box-wrapper  p.elementor-icon-box-description {
    font-size: 19px;
    width: 80%;
}
.ups-why-chose-sec2 span.elementor-icon svg{
    width:90px;
}

.ups-our-story .ups-home-carousel-01{
    text-align:left;
}

.our-story02 .qodef-section-title .qodef-m-text{
    font-weight: 500;
    font-size: 30px !important;
    line-height: 36px;
}
.our-story-03 .qodef-section-title .qodef-m-subtitle{
    font-weight:400;
    padding-bottom:0px;   
}
.our-story-03 h2.qodef-m-title{
    font-weight:400
}
.ups-services-1 h4.qodef-m-title {
    font-size:40px;
}

.ups-services-1 .qodef-m-text span{
    font-weight:400;
    font-size:20px;
}
.our-services-cols h2{
    color: #000000;
    font-size: 37px;
    text-transform: capitalize;
    font-weight: 400;
}

body .our-services-cols .qodef-section-title .qodef-m-text{
    font-weight:400;
    font-size:19px!important;
}

body sr7-slide a.tobel-btn:first-of-type,
body .wp-block-themepunch-revslider a:first-of-type {
    background-color: #3a4fa1 !important;
    border-color: #3a4fa1 !important;
    color: #FFFFFF !important;
}

body sr7-slide a.tobel-btn:first-of-type:hover,
body .wp-block-themepunch-revslider a:first-of-type:hover {
    background-color: #FFFFFF !important;
    color: #B59175 !important;
    border-color: #FFFFFF !important;
}

body sr7-slide a.tobel-btn,
body .wp-block-themepunch-revslider a{
    text-transform:capitalize!important;
}
.our-capabilities-section h3.qodef-m-title {
    font-size: 40px;
    font-weight:600;
    text-transform:capitalize;
    line-height:40px;;
}

.our-capabilities-section .qodef-section-title .qodef-m-subtitle{
    font-weight:300;
}

.as-capabilities-link .elementor-widget-container {
    text-align:right;
}

/*media queries*/
/* ==========================================================================
   1. LARGE DESKTOP & DEFAULT STYLES (1400px and above)
   ========================================================================== */
.mobile-break {
    display: none;
}

section.as-why-choose .elementor-column:nth-child(1) {
    width: 30% !important;
}

section.as-why-choose .elementor-column {
    width: 14% !important;
    border-right: 1px solid #ffffff8f;
}

section.as-why-choose .elementor-column:last-child {
    border-right: none !important;
}

section.as-why-choose .elementor-column:nth-child(1) h2 {
    font-size: clamp(1.5rem, 2.5vw, 3rem);
    word-break: break-word;
}

section.as-why-choose .elementor-column:nth-child(1) p {
    font-size: clamp(0.875rem, 1.1vw, 1.125rem);
    line-height: 1.5;
    word-break: break-word;
}


/* ==========================================================================
   1. DEFAULT & LARGE DESKTOP STYLES (1025px and above)
   ========================================================================== */
.mobile-break {
    display: none;
}

/* Certified Section */
.certified-section h4.qodef-m-title {
    font-size: clamp(1.75rem, 5.2vw, 5.3125rem) !important;
    line-height: 1.2 !important;
    word-break: break-word;
    letter-spacing: normal;
}

/* Why Choose Section */
section.as-why-choose .elementor-column:nth-child(1) {
    width: 30% !important;
}

section.as-why-choose .elementor-column {
    width: 14% !important;
    border-right: 1px solid #ffffff8f;
}

section.as-why-choose .elementor-column:last-child {
    border-right: none !important;
}

section.as-why-choose .elementor-column:nth-child(1) h2 {
    font-size: clamp(1.5rem, 2.5vw, 3rem);
    word-break: break-word;
}

section.as-why-choose .elementor-column:nth-child(1) p {
    font-size: clamp(0.875rem, 1.1vw, 1.125rem);
    line-height: 1.5;
    word-break: break-word;
}

/* Quality Section */
.quality-section h4.qodef-m-title {
    font-size: clamp(1.5rem, 2.7vw, 2.5625rem) !important;
    line-height: 1.25 !important;
    font-weight: 600;
    text-transform: capitalize;
    word-break: break-word;
}

.quality-section .elementor-column {
    display: flex;
    align-items: center;
}

/* Footer Top Area Desktop */
div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(1) {
    width: 25% !important;
    padding-right: unset !important;
}

div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(2) {
    width: 50% !important;
    padding-right: unset !important;
}

div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(3) {
    width: 25% !important;
    text-align: right !important;
}


/* ==========================================================================
   2. DESKTOP / LAPTOP BREAKPOINT (1100px to 1399px)
   ========================================================================== */
@media (min-width: 1100px) and (max-width: 1399px) {
    .qodef-header-standard--center #qodef-page-header-inner .qodef-header-navigation {
        width: 600px;
    }
    .our-services-cols h2 {
        font-size: 25px;
    }
    .our-services-cols .elementor-widget-wrap.elementor-element-populated {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }
}


/* ==========================================================================
   3. DESKTOP / MOBILE HEADER SWITCH (1099px and below)
   ========================================================================== */
@media only screen and (max-width: 1099px) {
    #qodef-page-mobile-header {
        display: block !important;
    }
    #qodef-page-header {
        display: none !important;
    }
    #qodef-page-mobile-header .qodef-opener-icon.qodef-source--svg-path span svg{
        fill:#000!important;
    }
}


/* ==========================================================================
   4. TABLET & IPAD VIEWPORT (1024px and below)
   ========================================================================== */
@media only screen and (max-width: 1024px) {
    .quality-section .elementor-column.elementor-col-50 {
        width: 100% !important;
    }

    .quality-section h4.qodef-m-title {
        font-size: clamp(1.375rem, 3.5vw, 2rem) !important;
        text-align: center;
        margin-bottom: 25px;
    }

    /* Certifications / Logos grid ko center align karein */
    .quality-section .qodef-clients-list .qodef-grid-inner {
        justify-content: center !important;
        align-items: center !important;
    }

    .ups-home-contact-col1 {
        height: 678px;
    }

    .our-services-cols-1 {
        height: 400px;
    }

    .certified-section h4.qodef-m-title {
        font-size: clamp(1.75rem, 6vw, 3.5rem) !important;
        text-align: center;
    }

    /* Why Choose Section Tablet Layout Adjustments */
    section.as-why-choose .elementor-column:nth-child(1) {
        width: 100% !important;
        border-right: none !important;
        margin-bottom: 20px;
    }
    section.as-why-choose .elementor-column {
        width: 20% !important;
        border-right: 1px solid #ffffff8f;
    }
    section.as-why-choose .elementor-column:last-child {
        border-right: none !important;
    }

    /* Footer Top Area Tablet */
    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 20px !important;
    }

    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(1) {
        width: 30% !important;
        text-align: left !important;
    }

    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(2) {
        width: 100% !important;
        order: 3 !important;
        text-align: center !important;
    }

    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(3) {
        width: 65% !important;
        text-align: right !important;
    }
}


/* ==========================================================================
   5. SMALL TABLET / PORTRAIT (768px and below)
   ========================================================================== */
@media only screen and (max-width: 768px) {
    .our-services-cols-1 {
        width: 100%;
    }
}


/* ==========================================================================
   6. MOBILE VIEWPORT (767px and below)
   ========================================================================== */
@media only screen and (max-width: 767px) {
    .quality-section h4.qodef-m-title {
        font-size: clamp(1.25rem, 5vw, 1.625rem) !important;
        line-height: 1.35 !important;
        text-align: center;
    }

    /* Mobile par logos 2 per row clean grid mein set ho jayenge */
    .quality-section .qodef-clients-list .qodef-grid-inner {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 -10px !important;
    }

    /* Clearfix Pseudo elements ka layout override karna */
    .quality-section .qodef-clients-list .qodef-grid-inner::before,
    .quality-section .qodef-clients-list .qodef-grid-inner::after {
        display: none !important;
    }

    /* Har item ko exact 50% width dena taaki layout break ya empty gap na aaye */
    .quality-section .qodef-clients-list .qodef-grid-item {
        width: 50% !important;
        max-width: 50% !important;
        flex: 0 0 50% !important;
        float: none !important;
        clear: none !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    /* Images ko auto-scale karke container ke under limit rakhna */
    .quality-section .qodef-clients-list .qodef-grid-item img,
    .quality-section .qodef-clients-list .qodef-grid-item a {
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        margin: 0 auto !important;
    }

    span.qodef-e.qodef-grid-item:nth-child(2) {
        position: unset;
        top: unset;
    }
    
    body h2, body .qodef-h2 {
        font-size: 33px; 
        line-height: 40px;
    }
    
    .ups-why-choose-us .qodef-section-title .qodef-m-subtitle {
        width: 100%;
    }

    body h3, body .qodef-h3 {
        font-size: 29px; 
        line-height: 35px;
    }

    .ups-home-parallex h2, .ups-home-parallex .qodef-section-title .qodef-m-subtitle {
        font-size: 40px !important;
        line-height: 45px;
    }

    .as-site-footer {
        flex-direction: column;
    }

    .as-site-footer .footer-right {
        margin-top: 0;
    }

    .as-site-footer .footer-right a {
        padding-top: 0;
    }

    .mobile-break {
        display: block !important;
    }

    .as-rev-btns {
        flex-direction: column;
        gap: 0px !important;
        align-items: unset !important;
    }

    /* Why Choose Section Mobile Grid (2 per row) */
    section.as-why-choose .elementor-column:nth-child(1) {
        width: 100% !important;
        border-right: none !important;
        margin-bottom: 20px;
    }

    section.as-why-choose .elementor-column {
        width: 50% !important;
        border-right: none !important;
        border-bottom: 1px solid #ffffff8f;
        padding: 15px 0;
    }

    .our-capabilities-section p br {
        display: none;
    }

    /* Footer Top Area Mobile */
    /* Footer Top Area Mobile (Updated: Logo -> Menu (Block) -> Social Icons) */
    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 20px !important;
    }

    /* Column Order Override */
    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(1) {
        order: 1 !important; /* 1. Logo top par */
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
        padding-bottom: 10px !important;
    }

    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(2) {
        order: 2 !important; /* 2. Menu middle mein */
        width: 100% !important;
        text-align: center !important;
    }

    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(3) {
        order: 3 !important; /* 3. Social Icons menu ke neeche */
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Logo Image Centering */
    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(1) img,
    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(1) a {
        margin: 0 auto !important;
        display: block !important;
    }

    /* Menu Links in Vertical Block Layout */
    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(2) ul {
        display: block !important; /* Flex override karke block kar diya */
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
    }

    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(2) ul li {
        display: block !important;
        margin-bottom: 12px !important;
        text-align: center !important;
    }

    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(2) ul li:last-child {
        margin-bottom: 0 !important;
    }

    /* Social Icons Flex/Center Alignment */
    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(3) .widget,
    div#qodef-page-footer-top-area-inner .qodef-grid-inner.clear .qodef-grid-item:nth-child(3) div {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 15px !important;
        width: 100% !important;
    }
    body #qodef-page-footer-top-area-inner{
        padding:0px;
    }
}