/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/




@keyframes duskGradient {
    0%   { background-position: 0% 0%; }
    100% { background-position: 0% 100%; }
}

.light-bg-text {
    background: linear-gradient(
        to bottom,
        #e9ddf0 0%,
        #c9aede 20%,
        #a87fc9 40%,
        #7e57a8 60%,
        #533177 80%,
        #2e1a4a 100%
    );
    background-size: 100% 250%;
    animation: duskGradient 16s ease-in-out infinite alternate;
    opacity: 0.25;

    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
}
/* Ab movement range 10px (5px/4px) ke aas-paas hogi */
@keyframes floatA { 0%{transform:translate(0,0)} 20%{transform:translate(5px,-5px)} 40%{transform:translate(-4px,5px)} 60%{transform:translate(5px,4px)} 80%{transform:translate(-5px,-4px)} 100%{transform:translate(0,0)} }

@keyframes floatB { 0%{transform:translate(0,0)} 25%{transform:translate(-5px,5px)} 50%{transform:translate(4px,-5px)} 75%{transform:translate(-5px,-4px)} 100%{transform:translate(0,0)} }

@keyframes floatC { 0%{transform:translate(0,0)} 18%{transform:translate(5px,4px)} 38%{transform:translate(-5px,-4px)} 58%{transform:translate(4px,-5px)} 80%{transform:translate(-4px,5px)} 100%{transform:translate(0,0)} }

@keyframes floatD { 0%{transform:translate(0,0)} 22%{transform:translate(-4px,-5px)} 44%{transform:translate(5px,4px)} 66%{transform:translate(-5px,5px)} 88%{transform:translate(4px,-4px)} 100%{transform:translate(0,0)} }

@keyframes floatE { 0%{transform:translate(0,0)} 30%{transform:translate(5px,-4px)} 55%{transform:translate(-5px,-5px)} 78%{transform:translate(5px,5px)} 100%{transform:translate(0,0)} }

@keyframes floatF { 0%{transform:translate(0,0)} 15%{transform:translate(-5px,4px)} 35%{transform:translate(4px,5px)} 60%{transform:translate(-4px,-5px)} 85%{transform:translate(5px,-4px)} 100%{transform:translate(0,0)} }

@keyframes floatG { 0%{transform:translate(0,0)} 28%{transform:translate(5px,5px)} 50%{transform:translate(-5px,4px)} 72%{transform:translate(4px,-5px)} 100%{transform:translate(0,0)} }

/* Animations remain the same */
.float-1 img { animation: floatA 18s ease-in-out infinite; }
.float-2 img { animation: floatB 18s ease-in-out infinite; animation-delay: -4s; }
.float-3 img { animation: floatC 18s ease-in-out infinite; animation-delay: -9s; }
.float-4 img { animation: floatD 18s ease-in-out infinite; animation-delay: -2s; }
.float-5 img { animation: floatE 18s ease-in-out infinite; animation-delay: -4s; }
.float-6 img { animation: floatF 18s ease-in-out infinite; animation-delay: -4s; }
.float-7 img { animation: floatG 18s ease-in-out infinite; animation-delay: -2s; }



.siteheader.elementor-sticky--effects {
    background: rgba(244, 239, 246, 0.86) !important;
    backdrop-filter: blur(14px);
    border-bottom: 1px solid rgba(83, 23, 117, 0.1) !important;
    transition: background 0.7s, border-color 0.7s !important;
}

section#homestudy {
    background: linear-gradient(180deg, rgba(83, 23, 117, 0.03) 0%, transparent 16%), linear-gradient(180deg, #f5f0f6 0%, #eee5ef 100%);
}

.prebar .elementor-heading-title::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 1px;
    background: rgba(83, 23, 117, 0.2);
    margin-right: 8px;
    vertical-align: middle;
}

div#setminheight {
    min-height: 450px;
}

#HomeTop {
    position: relative;
    width: 100%;
    overflow: hidden;
    background:
        /* Pehli line (Horizontal) - Same rakhi hai */
        linear-gradient(90deg, rgba(83, 23, 117, 0.12), rgba(83, 23, 117, 0.04)) no-repeat center calc(100% - 200px) / 92vw 1px,
        
        /* Dusri line (Vertical) - Yeh change hui hai */
        /* '38%' position set ki hai aur '1px 100%' size rakha hai */
        linear-gradient(to bottom, transparent, rgba(83, 23, 117, 0.14) 20%, rgba(83, 23, 117, 0.08) 80%, transparent) no-repeat 39.5% top / 1px 100%,
        
        linear-gradient(90deg, rgba(83, 23, 117, 0.14), transparent 22%, transparent 70%, rgba(83, 23, 117, 0.1)),
        radial-gradient(circle at 12% 12%, rgba(83, 23, 117, 0.14), transparent 30%),
        linear-gradient(rgb(241, 233, 245) 0%, rgb(238, 230, 234) 34%, rgb(233, 224, 218) 100%);
}

/* Tablet: 768px se 1024px tak */
@media (max-width: 1024px) {
    #hHomeTop {
        background-position: center calc(100% - 200px), 45% top, 0% 0%, 12% 12%, 0% 0%;
    }
}

/* Mobile: 767px se kam */
@media (max-width: 767px) {
    #hHomeTop {
        /* Right se 10% dur ka matlab hai left se 90% position */
        background-position: center calc(100% - 200px), 90% top, 0% 0%, 12% 12%, 0% 0%;
    }
}

/* Tablet aur Mobile (1024px ya usse kam) ke liye lines remove karna */
@media (max-width: 1024px) {
    #HomeTop {
        background: 
            linear-gradient(90deg, rgba(83, 23, 117, 0.14), transparent 22%, transparent 70%, rgba(83, 23, 117, 0.1)),
            radial-gradient(circle at 12% 12%, rgba(83, 23, 117, 0.14), transparent 30%),
            linear-gradient(rgb(241, 233, 245) 0%, rgb(238, 230, 234) 34%, rgb(233, 224, 218) 100%);
    }
}

#homePractice {
    position: relative;
    width: 100%;
    overflow: hidden;
    background:
        linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.02) 52%, transparent 52.2%),
        linear-gradient(transparent 0%, rgba(255, 255, 255, 0.03) 73%, transparent 73.2%),
        radial-gradient(circle at 18% 22%, rgba(114, 67, 146, 0.28), transparent 30%),
        linear-gradient(rgb(32, 20, 40) 0%, rgb(23, 16, 31) 100%);
}

form.elementor-form input, form.elementor-form textarea {
    border-top: 0px !important;
    box-shadow: none !important;
    outline: none !important;
    padding: 10px 0px;
}

.bannerbg {
    background: radial-gradient(circle at 14% 12%, rgba(83, 23, 117, 0.09), transparent 28%), linear-gradient(rgb(246, 241, 248) 0%, rgb(242, 237, 232) 100%);
    transform: translateY(0px);
    transition: opacity 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s, transform 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.2s !important;
}

.spanflex h4.elementor-heading-title {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.casetopic li {
    border: 1px solid rgba(83, 23, 117, 0.18);
    background: rgba(83, 23, 117, 0.03);
    padding: 6px 10px !important;
}

.casetopic ul {
    gap: 10px !important;
}

.swiper-fade .swiper-slide {
    pointer-events: auto !important;
    transition-property: opacity;
}

#hometopsection {
    background-image: url('/wp-content/uploads/2026/06/hero_HP1.png') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#hometopsection > .elementor-background-overlay {
    background-image: 
        linear-gradient(
            to right,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 0.85) 25%,
            rgba(240, 235, 245, 0.40) 50%,
            rgba(240, 235, 245, 0.00) 70%
        ),
        linear-gradient(
            to top,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 0.60) 20%,
            rgba(240, 235, 245, 0.00) 45%
        ) !important;
    opacity: 1 !important;
}

#HomeStudiesSeciton {
    background-image: url('/wp-content/uploads/2026/06/hero_LP4.png') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#HomeStudiesSeciton > .elementor-background-overlay {
    background-image: 
        linear-gradient(
            to right,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 1.0) 55%,
            rgba(240, 235, 245, 0.40) 72%,
            rgba(240, 235, 245, 0.00) 88%
        ),
        linear-gradient(
            to top,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 0.30) 12%,
            rgba(240, 235, 245, 0.00) 25%
        ) !important;
    opacity: 1 !important;
}



#DesignPrinciplesSeciton {
    background-image: url('/wp-content/uploads/2026/06/hero_MP3.png') !important;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

#DesignPrinciplesSeciton > .elementor-background-overlay {
    background-image: 
        linear-gradient(
            to right,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 1.0) 55%,
            rgba(240, 235, 245, 0.40) 72%,
            rgba(240, 235, 245, 0.00) 88%
        ),
        linear-gradient(
            to top,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 0.30) 12%,
            rgba(240, 235, 245, 0.00) 25%
        ) !important;
    opacity: 1 !important;
}


/* 
.RightLightsection {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.RightLightsection > .elementor-background-overlay {
    background-image: 
        linear-gradient(
            to right,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 1.0) 55%,
            rgba(240, 235, 245, 0.40) 72%,
            rgba(240, 235, 245, 0.00) 88%
        ),
        linear-gradient(
            to bottom,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 0.30) 10%,
            rgba(240, 235, 245, 0.00) 22%
        ),
        linear-gradient(
            to top,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 0.30) 10%,
            rgba(240, 235, 245, 0.00) 22%
        ) !important;
    opacity: 1 !important;
}

.LeftLightsection {
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
}
.LeftLightsection > .elementor-background-overlay {
    background-image: 
        linear-gradient(
            to left,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 1.0) 55%,
            rgba(240, 235, 245, 0.40) 72%,
            rgba(240, 235, 245, 0.00) 88%
        ),
        linear-gradient(
            to bottom,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 0.30) 10%,
            rgba(240, 235, 245, 0.00) 22%
        ),
        linear-gradient(
            to top,
            rgba(240, 235, 245, 1.0) 0%,
            rgba(240, 235, 245, 0.30) 10%,
            rgba(240, 235, 245, 0.00) 22%
        ) !important;
    opacity: 1 !important;
} */

#light14 {
    background-image: url('/wp-content/uploads/2026/06/hero_MP3.png') !important;
}
#light24 {
    background-image: url('/wp-content/uploads/2026/06/hero_MP3.png') !important;
}
#light34 {
    background-image: url('/wp-content/uploads/2026/06/hero_MP3.png') !important;
}
#light44 {
    background-image: url('/wp-content/uploads/2026/06/hero_MP3.png') !important;
}
#ContactFormSectionn {
    background-image: url('/wp-content/uploads/2026/06/pexels-photo-2119713-scaled.avif') !important;
}


/* ── MOBILE ── */
@media (max-width: 767px) {

    #hometopsection {
        background-position: center center !important;
        background-size: cover !important;
    }

    #hometopsection > .elementor-background-overlay {
        background-image: 
            linear-gradient(
                to bottom,
                rgba(240, 235, 245, 0.00) 0%,
                rgba(240, 235, 245, 0.60) 50%,
                rgba(240, 235, 245, 1.00) 75%,
                rgba(240, 235, 245, 1.00) 100%
            ),
            linear-gradient(
                to right,
                rgba(240, 235, 245, 0.90) 0%,
                rgba(240, 235, 245, 0.40) 50%,
                rgba(240, 235, 245, 0.00) 100%
            ) !important;
        opacity: 1 !important;
    }

    #HomeStudiesSeciton {
        background-position: center top !important;
        background-size: cover !important;
    }

    #HomeStudiesSeciton > .elementor-background-overlay {
        background-image: 
            linear-gradient(
                to bottom,
                rgba(240, 235, 245, 0.00) 0%,
                rgba(240, 235, 245, 0.70) 40%,
                rgba(240, 235, 245, 1.00) 65%,
                rgba(240, 235, 245, 1.00) 100%
            ),
            linear-gradient(
                to right,
                rgba(240, 235, 245, 0.90) 0%,
                rgba(240, 235, 245, 0.30) 50%,
                rgba(240, 235, 245, 0.00) 100%
            ) !important;
        opacity: 1 !important;
    }
	
	#DesignPrinciplesSeciton {
        background-position: center top !important;
        background-size: cover !important;
    }

    #DesignPrinciplesSeciton > .elementor-background-overlay {
        background-image: 
            linear-gradient(
				to bottom, 
				#f0ebf599 0%, 
				#f0ebf587 40%, 
				#ffffffb5 65%, 
				#f0ebf599 100%
			), 
			linear-gradient(
				to right, 
				#f0ebf5 0%, 
				#f0ebf5c7 50%,
				#f0ebf599 100%
			) !important;
        opacity: 1 !important;
    }
	#ContactFormSectionn {
        background-position: center top !important;
        background-size: cover !important;
    }

    #ContactFormSectionn > .elementor-background-overlay {
        background-image: 
            linear-gradient(
				to bottom, 
				#f0ebf599 0%, 
				#f0ebf587 40%, 
				#ffffffb5 65%, 
				#f0ebf599 100%
			), 
			linear-gradient(
				to right, 
				#f0ebf5 0%, 
				#f0ebf5c7 50%,
				#f0ebf599 100%
			) !important;
        opacity: 1 !important;
    }
}














/* ================================================
   SQUARE — zoomscrolleffect (700px container)
   ================================================ */
.zoomscrolleffect {
    width: 100%;
    height: 700px;
    overflow: hidden;
    position: relative;
}
.zoomscrolleffect a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.zoomscrolleffect img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 950px;
    object-fit: cover;
    display: block;
    will-change: transform;
    transition: transform 0.1s linear;
}
@media (max-width: 280px) {
    .zoomscrolleffect { height: 200px; }
    .zoomscrolleffect img { height: 380px !important; }
}
@media (max-width: 767px) {
    .zoomscrolleffect { height: 300px; }
    .zoomscrolleffect img { height: 480px !important; }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .zoomscrolleffect { height: 450px; }
    .zoomscrolleffect img { height: 650px !important; }
}
@media (max-width: 1280px) and (min-width: 1024px) {
    .zoomscrolleffect { height: 550px; }
    .zoomscrolleffect img { height: 750px !important; }
}
@media (min-width: 1280px) and (max-width: 1400px) {
    .zoomscrolleffect { height: 650px; }
    .zoomscrolleffect img { height: 880px !important; }
}
@media (min-width: 1400px) {
    .zoomscrolleffect { height: 700px; }
    .zoomscrolleffect img { height: 950px !important; }
}


/* ================================================
   HORIZONTAL — zoomscrolleffecthorizontal (500px container)
   ================================================ */
.zoomscrolleffecthorizontal {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative;
}
.zoomscrolleffecthorizontal a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.zoomscrolleffecthorizontal img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 650px;
    object-fit: cover;
    display: block;
    will-change: transform;
    transition: transform 0.1s linear;
}
@media (max-width: 280px) {
    .zoomscrolleffecthorizontal { height: 150px; }
    .zoomscrolleffecthorizontal img { height: 300px !important; }
}
@media (max-width: 767px) {
    .zoomscrolleffecthorizontal { height: 200px; }
    .zoomscrolleffecthorizontal img { height: 350px !important; }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .zoomscrolleffecthorizontal { height: 300px; }
    .zoomscrolleffecthorizontal img { height: 450px !important; }
}
@media (max-width: 1280px) and (min-width: 1024px) {
    .zoomscrolleffecthorizontal { height: 380px; }
    .zoomscrolleffecthorizontal img { height: 530px !important; }
}
@media (min-width: 1280px) and (max-width: 1400px) {
    .zoomscrolleffecthorizontal { height: 440px; }
    .zoomscrolleffecthorizontal img { height: 590px !important; }
}
@media (min-width: 1400px) {
    .zoomscrolleffecthorizontal { height: 500px; }
    .zoomscrolleffecthorizontal img { height: 650px !important; }
}


/* ================================================
   VERTICAL — zoomscrolleffectvertical (900px container)
   ================================================ */
.zoomscrolleffectvertical {
    width: 100%;
    height: 900px;
    overflow: hidden;
    position: relative;
}
.zoomscrolleffectvertical a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.zoomscrolleffectvertical img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1500px;
    object-fit: cover;
    display: block;
    will-change: transform;
    transition: transform 0.1s linear;
}
@media (max-width: 280px) {
    .zoomscrolleffectvertical { height: 250px; }
    .zoomscrolleffectvertical img { height: 380px !important; }
}
@media (max-width: 767px) {
    .zoomscrolleffectvertical { height: 300px; }
    .zoomscrolleffectvertical img { height: 450px !important; }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .zoomscrolleffectvertical { height: 500px; }
    .zoomscrolleffectvertical img { height: 800px !important; }
}
@media (max-width: 1280px) and (min-width: 1024px) {
    .zoomscrolleffectvertical { height: 650px; }
    .zoomscrolleffectvertical img { height: 1050px !important; }
}
@media (min-width: 1280px) and (max-width: 1400px) {
    .zoomscrolleffectvertical { height: 800px; }
    .zoomscrolleffectvertical img { height: 1300px !important; }
}
@media (min-width: 1400px) {
    .zoomscrolleffectvertical { height: 900px; }
    .zoomscrolleffectvertical img { height: 1500px !important; }
}


/* ================================================
   VERTICAL SLIDER — VerticleSlider (900px tall portrait)
   ================================================ */
.VerticleSlider .swiper-pagination-bullets {
    display: none !important;
}
.VerticleSlider .elementor-image-carousel-wrapper {
    position: relative !important;
    padding: 0px !important;
}
.VerticleSlider .swiper-slide {
    overflow: hidden;
    height: 900px !important;
}
.VerticleSlider .swiper-slide-image {
    width: 100%;
    height: 1500px !important;
    object-fit: cover;
    display: block;
    will-change: transform;
    transition: transform 0.1s linear;
    position: relative;
    top: 0;
}
@media (max-width: 280px) {
    .VerticleSlider .swiper-slide { height: 250px !important; }
    .VerticleSlider .swiper-slide-image { height: 333px !important; }
}
@media (max-width: 767px) {
    .VerticleSlider .swiper-slide { height: 300px !important; }
    .VerticleSlider .swiper-slide-image { height: 400px !important; }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .VerticleSlider .swiper-slide { height: 550px !important; }
    .VerticleSlider .swiper-slide-image { height: 665px !important; }
}
@media (max-width: 1280px) and (min-width: 1024px) {
    .VerticleSlider .swiper-slide { height: 650px !important; }
    .VerticleSlider .swiper-slide-image { height: 865px !important; }
}
@media (min-width: 1280px) and (max-width: 1400px) {
    .VerticleSlider .swiper-slide { height: 800px !important; }
    .VerticleSlider .swiper-slide-image { height: 1065px !important; }
}
@media (min-width: 1400px) {
    .VerticleSlider .swiper-slide { height: 900px !important; }
    .VerticleSlider .swiper-slide-image { height: 1200px !important; }
}

/* ================================================
   HORIZONTAL SLIDER — HorizontalSlider (500px landscape)
   ================================================ */
.HorizontalSlider .swiper-pagination-bullets {
    display: none !important;
}
.HorizontalSlider .elementor-image-carousel-wrapper {
    position: relative !important;
}
.HorizontalSlider .swiper-slide {
    overflow: hidden;
    height: 500px !important;
}
.HorizontalSlider .swiper-slide-image {
    width: 100%;
    height: 650px !important;
    object-fit: cover;
    display: block;
    will-change: transform;
    transition: transform 0.1s linear;
    position: relative;
    top: 0;
}
@media (max-width: 280px) {
    .HorizontalSlider .swiper-slide { height: 150px !important; }
    .HorizontalSlider .swiper-slide-image { height: 300px !important; }
}
@media (max-width: 767px) {
    .HorizontalSlider .swiper-slide { height: 200px !important; }
    .HorizontalSlider .swiper-slide-image { height: 350px !important; }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .HorizontalSlider .swiper-slide { height: 300px !important; }
    .HorizontalSlider .swiper-slide-image { height: 450px !important; }
}
@media (max-width: 1280px) and (min-width: 1024px) {
    .HorizontalSlider .swiper-slide { height: 380px !important; }
    .HorizontalSlider .swiper-slide-image { height: 530px !important; }
}
@media (min-width: 1280px) and (max-width: 1400px) {
    .HorizontalSlider .swiper-slide { height: 440px !important; }
    .HorizontalSlider .swiper-slide-image { height: 590px !important; }
}
@media (min-width: 1400px) {
    .HorizontalSlider .swiper-slide { height: 500px !important; }
    .HorizontalSlider .swiper-slide-image { height: 650px !important; }
}







/* ================================================
   ZOOM SCROLL SLIDER — same size as zoomscrolleffect (700px)
   ================================================ */
.ZoomScrollSlider .swiper-pagination-bullets {
    display: none !important;
}
.ZoomScrollSlider .elementor-image-carousel-wrapper {
    position: relative !important;
    padding: 0px !important;
}
.ZoomScrollSlider .swiper-slide {
    overflow: hidden;
    height: 700px !important;
}
.ZoomScrollSlider .swiper-slide-image {
    width: 100%;
    height: 950px !important;
    object-fit: cover;
    display: block;
    will-change: transform;
    transition: transform 0.1s linear;
    position: relative;
    top: 0;
}
@media (max-width: 280px) {
    .ZoomScrollSlider .swiper-slide { height: 200px !important; }
    .ZoomScrollSlider .swiper-slide-image { height: 380px !important; }
}
@media (max-width: 767px) {
    .ZoomScrollSlider .swiper-slide { height: 300px !important; }
    .ZoomScrollSlider .swiper-slide-image { height: 480px !important; }
}
@media (max-width: 1024px) and (min-width: 768px) {
    .ZoomScrollSlider .swiper-slide { height: 450px !important; }
    .ZoomScrollSlider .swiper-slide-image { height: 650px !important; }
}
@media (max-width: 1280px) and (min-width: 1024px) {
    .ZoomScrollSlider .swiper-slide { height: 550px !important; }
    .ZoomScrollSlider .swiper-slide-image { height: 750px !important; }
}
@media (min-width: 1280px) and (max-width: 1400px) {
    .ZoomScrollSlider .swiper-slide { height: 650px !important; }
    .ZoomScrollSlider .swiper-slide-image { height: 880px !important; }
}
@media (min-width: 1400px) {
    .ZoomScrollSlider .swiper-slide { height: 700px !important; }
    .ZoomScrollSlider .swiper-slide-image { height: 950px !important; }
}