/* 1921px to 2304px only */
@media only screen 
and (min-width: 1921px)
and (max-width: 2304px) {
.visualizer-tabs-section2 .aiSwiper2Cards {
height: 980px;
}
}

/* 2560px and above */
@media only screen 
and (min-width: 2560px) {
.visualizer-tabs-section2 .aiSwiper2Cards {
height: 810px;
}
}

@media (min-width: 1600px) and (max-width: 1919px) {

.common-ttle{ font-size: 46px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}

}

/* 
@media  screen and (max-width: 1440px) {
.common-ttle{ font-size: 46px;}
.common-desc{ font-size: 20px;}
.common-cta{ font-size: 15px;}
#value-creation .creationRight {padding: 40px;}
}
*/
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
.ai-banner .content h1 {font-size: 40px;}
.top-navbar {height: 83px;}
.ai-banner {margin-top: 20px;}

.visualizer-tabs-section2 .aiSwiper2Cards {
padding: 130px 40px 70px;
height: 600px;
}
.visualizer-tabs-section2 .aiSwiper2Cards h2 { font-size: 30px; }
.certainty-section h2 { font-size: 56px; }
.certainty-section p { font-size: 24px; }
.visualizer-tabs-section .step-left h3 {font-size: 30px;}
.visualizer-tabs-section .step-left p {font-size: 18px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
.top-navbar .enquire-btn {height: 40px;padding: 0px 18px;font-size: 13px;}
.ai-banner .content h1 {font-size: 40px;}
.top-navbar {height: 83px;}
.ai-banner {margin-top: 20px;}

.visualizer-tabs-section2 .aiSwiper2Cards {
padding: 130px 40px 70px;
height: 600px;
}
.visualizer-tabs-section2 .aiSwiper2Cards h2 { font-size: 30px; }
.certainty-section h2 {font-size: 56px;}
.certainty-section p {font-size: 25px;line-height: 1.25;}
.visualizer-tabs-section .step-left h3 {font-size: 30px;}
.visualizer-tabs-section .step-left p {font-size: 18px;}
}


/* 3. scale and layout setting at 150% */
@media (resolution: 1.5dppx) {

}



/* 4. scale and layout setting at 175% */
@media (resolution: 1.75dppx) {
}

/* Medium */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.top-navbar .logo img { width: auto; }
.ai-banner .content .btn-groups {gap: 8px;}
.ai-banner .content .btn-groups .btn,.beauty-section .btn {height: 40px;
padding: 0px 15px;
font-size: 13px;}
.top-navbar .enquire-btn {
height: 40px;
padding: 0 20px;
font-size: 14px;
}
.beauty-section h3 {font-size: 23px;}
.common-ttle, .common-ttle2 {font-size: 40px;}
.certainty-section p {font-size: 25px;}

.visualizer-tabs-section .step-left {
max-width: 260px;
}

.visualizer-tabs-section2 .aiSwiper2Cards {padding: 70px 30px;}
.visualizer-tabs-section2 .aiSwiper2Cards h2 {transform: translate(0px, 0px);}
.visualizer-tabs-section2 .aiSwiper2Cards p {opacity: 1;visibility: visible;transform: translate(0px,0px); padding-bottom: 30px; }
.visualizer-tabs-section2 .aiSwiper2Cards {height: auto;}

}


/* Small */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait)   {

.certainty-section {margin-top: -1px;}
.ai-banner .content h1 {font-size: 37px;
line-height: 1.45; letter-spacing: -1.9px;}
.ai-banner .content h1 br {display: none;}

.visualizer-tabs-section2 .aiSwiper2Cards h2 {transform: translate(0px, 0px);}
.visualizer-tabs-section2 .aiSwiper2Cards p {opacity: 1;visibility: visible;transform: translate(0px,0px); padding-bottom: 30px; }
.visualizer-tabs-section2 .aiSwiper2Cards {height: auto;}
.visualizer-tabs-section2 .swiper {
padding-top: 0px;
}
.common-ttle, .common-ttle2 {font-size: 40px;}

.beauty-section { overflow: hidden; background-color: #fff; }
.beauty-section .container { position: relative; top: 0px;  padding: 40px 10px; }
.beauty-section-img img {
height: 480px;
overflow: hidden;
width: 100%;
object-fit: cover;
}
.beauty-section h3 {font-size: 20px;}
.visualizer-tabs-section2 .swiper-button-next {
    display: block;
} 
}


/* Extra small */
@media (min-width: 320px) and (max-width: 767px) {
.top-navbar .enquire-btn {height: 35px;
padding: 0px 11px;
font-size: 12px;}
.ai-banner .content h1 {font-size: 25px;line-height: 1.45;}
.ai-banner .content h1 br {display: none;}
.top-navbar {height: 83px;}
.ai-banner {margin-top:0px; height: auto; }
.top-navbar .logo img {width: 170px;}
.ai-banner .content .btn-groups {gap: 8px;}
.ai-banner .content .btn-groups .btn,.beauty-section .btn {height: 40px;
padding: 0px 15px;
font-size: 13px;}
.ai-banner .content .btn-groups {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 300px;
margin: 0 auto;
gap: 10px;
opacity: 1 !important;
transform: none !important;
}
.ai-banner .content .btn-groups .btn {
width: 100%;
justify-content: center;
}
.ai-banner .content { position: relative; top:0px;
left: 0%;
transform: translateX(0%);
text-align: center;
width: 100%;
max-width: 980px;
padding: 26px 20px;}
.ai-banner .bg-video {
position: relative;
top: 0px;
left: 0px;
width: 100%;
object-fit: cover;
transform: translate(0%, 0%);
z-index: 0;
filter: none;
height: 490px;
overflow: hidden;
}
.certainty-section h2 {letter-spacing: -1.5px;}
.certainty-section p {
line-height: 1.4;
}
.certainty-section .highlight-text {
font-size: 20px;
}
.certainty-section {
padding-top: 130px;
}
.certainty-section .bannerScroll {
display: flex;
top: 18px;
transform: translate(-50%, 0);
}
.certainty-section .bannerScroll .scrollLine {
height: 78px;
}
.visualizer-tabs-section {
padding: 40px 0 50px;
overflow: hidden;
}
.common-ttle, .common-ttle2 {letter-spacing: -1px;font-size: 26px;}
.visualizer-tabs-section .step-left h3 {font-size: 26px;}
.visualizer-tabs-section .custom-tabs .nav-link,.visualizer-tabs-section2 .custom-tabs .nav-link {font-size: 16px;}
.visualizer-tabs-section .custom-tabs,.visualizer-tabs-section2 .custom-tabs {gap: 26px;}
.visualizer-tabs-section .mt-5,.visualizer-tabs-section2 .mt-5 {
margin-top: 2rem !important;
}

.visualizer-tabs-section .swiper-button-next, .visualizer-tabs-section .swiper-button-prev {
width: 54px;
height: 54px;
top: 30px;
color: #111;
}
.visualizer-tabs-section .swiper-button-next {
right: 20px;
}
.visualizer-tabs-section .swiper-button-next img {
width: 100%;
}

.visualizer-tabs-section .step-card {padding: 30px 30px;}
.visualizer-tabs-section2 .aiSwiper2Cards {padding: 20px;}
.visualizer-tabs-section2 .aiSwiper2Cards h2 {font-size: 24px;transform: translate(0px, 0px);}
.visualizer-tabs-section2 .aiSwiper2Cards p {font-size: 17px;opacity: 1;visibility: visible;transform: translate(0px,0px); padding-bottom: 30px; }
.visualizer-tabs-section2 .aiSwiper2Cards {height: auto;}
.visualizer-tabs-section2 .swiper {
padding-top: 0px;
}

.visualizer-tabs-section2 .aiSwiper2Cards .aiSwiper2CardsImg { padding-top: 40px; }
.visualizer-tabs-section2 .swiper-button-next, .visualizer-tabs-section2 .swiper-button-prev {
width: 54px;
height: 54px;
top: 30px;
color: #111;
}
.visualizer-tabs-section2 .swiper-button-next {
right: 20px;
}
.visualizer-tabs-section2 .swiper-button-next img {
width: 100%;
}


.beauty-section { overflow: hidden; background-color: #fff; }
.beauty-section .container { position: relative; top: 0px;  padding: 40px 10px; }
.beauty-section-img img {
height: 280px;
overflow: hidden;
width: 100%;
object-fit: cover;
}
.beauty-section h3 {font-size: 20px;}
.beauty-section .fade-item {
opacity: 1 !important;
transform: none !important;
}

.custom-footer .footer-top,.custom-footer .footer-bottom {align-items: center;}
.custom-footer .footer-top {
flex-direction: column;
gap: 10px;
}
.custom-footer .footer-logo img {
width: auto;
}
.bannerScroll { display: none; }
.visualizer-tabs-section2 .swiper-button-next {
    display: block;
} 
.purva-popup { display: block; width: 100%; }
.popup-right {
    width: 100%;
    padding: 20px 0px;
    position: relative;
}
.popup-right .field input, .popup-right select {padding: 6px;font-size: 13px;}
.popup-right .field {margin-bottom: 13px;}
}


/* iPad Pro 12.9" - Portrait */
@media only screen 
and (min-device-width: 1024px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 2) {
.beauty-section .container {
position: absolute;
top: 0px;
padding: 40px 10px;
}
}

/* iPad Pro 12.9" - Landscape */
@media only screen 
and (min-device-width: 1366px) 
and (max-device-width: 1366px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 2) {
/* Your CSS styles for 12.9" Landscape go here */
}



/* iPad Air Portrait (820 × 1180) */
@media only screen 
and (min-width: 820px) 
and (max-width: 834px)
and (min-height: 1180px) {

.beauty-section .container {
position: absolute;
top: 0px;
padding: 40px 10px;
}

}

/* iPad Air Landscape (1180 × 820) */
@media only screen 
and (min-width: 1180px) 
and (max-width: 1194px)
and (max-height: 834px) {

.beauty-section .container {
position: absolute;
top: 0px;
padding: 40px 10px;
}

}