:root{
    --violet: #3B1332;
	--brown: #7C4B2A;
	--yellow: #D4A437;
}


/* reset css */
	*,:after,:before{box-sizing: border-box;padding: 0;margin: 0;border: none;outline: none;}
	img{max-width: 100%;}
	ul,li{list-style: none;margin: 0;}
	a{text-decoration: none !important;display: inline-block;font-size: 18px;cursor: pointer; font-weight: 400;  color: #131313;}
	select,input,textarea,button{width: 100%;border: none;outline: none; background: transparent;cursor: pointer;font-size: 16px;}
	select:focus,input:focus,textarea:focus,button:focus{border: none;outline: none;}
	input::placeholder, textarea::placeholder {opacity: 1;color: #626262;}  
	textarea{resize: none;}
	p {color: #131313;font-size: 18px;margin: 15px 0;text-align: justify;  line-height: 1.6;}

	iframe{width: 100%;height: 100%;border: none;}
	body{background: #F5F1E8;}

	h1{font-size: 48px;}
	h2{font-size: 42px; color: #cb9313;}
	h3{font-size: 30px; color: var(--brown); font-weight: 500; line-height: 1.3;}
	h4{font-size: 26px;}
	h5{font-size: 24px;}
	h6{font-size: 22px;}

	h2.index-h2 { font-size: 60px; text-align: left; font-weight: 600; background: linear-gradient(to left, #D76511 0%, #f48534 100%); background-clip: border-box; background-clip: border-box; -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
	h3.index-h3 { font-size: 44px; }

	h2.inner-h2 { font-size: 40px; font-weight: 400; line-height: 1.4;}
	h3.inner-h3 { font-size: 30px; font-weight: 600; color: var(--orange);}
	
	h1, h2, h3, h4, h5, h6{font-family: "Alkatra", sans-serif;}
	*,:after,:before, body, a, ul, li, select, input, textarea, button, input::placeholder, textarea::placeholder, p {font-family: "Lato", sans-serif;}
/* reset css */

/* common css */
	.wrapper {width: 100%;overflow: hidden;}
	.fluid-container {width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 20px;}
/* common css */

/*  Resp menu css  */

	html.hc-nav-yscroll {overflow-y: scroll;}
	.desk-resp-ham {display: none; z-index: 1000;}
	.desk-resp-ham ul.toggle-desk {position: absolute;cursor: pointer;width: 30px;right: 32px;bottom: 0px;margin: auto;top: 0px;height: 25px;}
	.desk-resp-ham ul.toggle-desk li { transform: translateY(-50%); list-style: none; display: block; position: absolute; left: 0; height: 3px; right: 0; margin: 0 auto; width: 30px; opacity: 1; background: var(--violet); transition: all .25s ease;  z-index: 1;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 52%;}
	.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 84%;}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%;transform: translateY(-50%) rotate(45deg);}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg);opacity: 0;}
	.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%;transform: translateY(-50%) rotate(-45deg);}
	.inner-desk-ham {display: flex;}
	.desk-resp-ham .sidebar {position: fixed;top: 0;left: -350px;width: 270px;height: 100vh;box-sizing: border-box;text-align: center;transition: .9s;z-index: 9;overflow: scroll;overflow-x: hidden;  background: var(--violet);}
	.desk-resp-ham .sidebar::before {content: '';position: absolute;background: #24293e;top: 0;left: 0;bottom: 0;}
	.desk-resp-ham .sidebar::-webkit-scrollbar {display: none;}
	.desk-resp-ham .sidebar.active { left: 0px; box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637); padding: 0px 0 120px; top: 0px;}
	.desk-resp-ham .sidebar.active > span, .desk-resp-ham .sidebar.active > a{width: 100%;background: none;display: flex;justify-content: center;align-items: center;padding: 20px 10px;position: relative;}
	.desk-resp-ham .sidebar a > img { width: 100%;max-width: 130px;background: none;border-radius: 10px}
	.desk-resp-ham .sidebar ul.menu {position: relative;text-align: center;width: 100%;display: flex;flex-direction: column;gap: 0;margin: 0;}
	.desk-resp-ham .sidebar ul.menu li {list-style: none;width: 100%;cursor: pointer;}
	.nav-dropdown li a {padding: 10px 0 10px 35px !important;}
	.nav-dropdown li a::before { content: ''; position: absolute; left: 2px; width: 6px; height: 6px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(-45deg); top: -2px; bottom: 0; margin: auto; left: 20px;}
	.nav-dropdown li a:hover {background: #fff;color: #24293e!important;}
	.nav-dropdown li a:hover::before, .desk-resp-ham .sidebar ul.menu > li a.act-link::before {border-right: 2px solid #d4a437 ;border-bottom: 2px solid #d4a437;}
	.desk-resp-ham .sidebar ul.menu > li:hover > span, .desk-resp-ham .sidebar ul.menu > li a:hover, .desk-resp-ham .sidebar ul.menu > li a.act-link, .desk-resp-ham .sidebar ul.menu li span.act-link { color: var(--yellow) !important;  font-weight: 600;}
	.desk-resp-ham .sidebar ul.menu li span, .desk-resp-ham .sidebar ul.menu li a {display: flex;gap: 5px;align-items: center;border-bottom: 1px dotted #c9c9c9;position: relative;text-transform: capitalize;color: #fff;width: 100%; max-width: 100%;justify-content: space-between;display: flex;padding: 15px 20px 15px 20px;font-size: 16px;text-align: left;}
	.desk-ham-menu li a.act-link ~ .nav-dropdown > li > a.act-link { left: 0; background: none; color: var(--yellow) !important;}
	.desk-ham-menu li a.act-link::before { border-right: 2px solid #d4a437 !important; border-bottom: 2px solid #d4a437 !important;}
	.nav-dropdown li.act-link a,.nav-dropdown li a:hover a,.desk-resp-ham .sidebar ul.menu>li>a.act-link a{color: #fff !important;}
	.nav-dropdown li a.act-link,.nav-dropdown li a:hover,.desk-resp-ham .sidebar ul.menu>li>a.act-link a {color: #fff !important;}
	.desk-resp-ham .sidebar ul.menu li a i {position: relative;bottom: -2px;font-size: 16px;}
	.desk-resp-ham .sidebar ul.social-icon {position: relative;margin-top: 10%;width: 100%;height: 55px;display: flex;justify-content: center;}
	.desk-resp-ham .sidebar ul.social-icon li a {text-decoration: none;display: flex;justify-content: center;gap: 0;width: 100%;height: 100%;position: relative;color: #111b30;border-radius: 50%;font-size: 25px;}
	.nav-dropdown {display: flex;flex-direction: column;gap: 0px !important;background: #8595a442;}
	.nav-dropdown li a {font-size: 14px !important;}
	.desk-resp-ham .sidebar ul.social-icon li:hover a {color: #fff;}
	.desk-resp-ham .sidebar ul.social-icon a .fa {line-height: 55px;}
	.desk-resp-ham .sidebar ul.menu li > a.dropdown-span img { width: 100%; max-width: 15px !important; transition: 1s ease-in-out; filter: invert(1); background: none;}
	.desk-resp-ham .sidebar ul.menu li:hover > a.dropdown-span img, .desk-resp-ham .sidebar ul.menu li.act-link > a.dropdown-span img { transition: 1s ease-in-out;filter: invert(61%) sepia(66%) saturate(393%) hue-rotate(3deg) brightness(97%) contrast(80%);}
  	.nav-dropdown li {background: var(--dark-yellow)}
  	.desk-resp-ham .sidebar ul.menu li > a.dropdown-span.act-link img {transition: 1s ease-in-out;filter: invert(86%) sepia(21%) saturate(3171%) hue-rotate(336deg) brightness(95%) contrast(93%);}
  	.desk-ham-menu .nav-dropdown-1 li a {padding: 10px 0 10px 50px !important; background: transparent;color: #fff !important;font-size: 14px;position: relative;}
  	.desk-ham-menu .nav-dropdown-1 li a::before {content: "";position: absolute;left: 30px;top: 3px;}
	.resp-home.resp-link{color: var(--yellow) !important;font-weight: 600;}
/*  Resp menu css  */

/* common btn css */
	.common-btn {display: flex; justify-content: flex-start; align-items: center; }
	.common-btn a, .button {display: flex; justify-content: center; align-items: center; gap: 10px; background: var(--brown); color: #fff; width: 100%; max-width: fit-content; min-width: 130px; padding: 10px 15px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin: 15px 0 0; transition: ease-in 0.1s;}
    .common-btn a:hover, .button:hover{background: none; color: var(--brown)}

/* common btn css */ 

/* header css  */
	.header-wrapper {z-index: 1; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;   background: #fff;}
	.header-wrapper.inner{background: #fff;}
	.header-wrapper.inner .nav-links li a, .header-wrapper.inner .nav-links li span {color: #000;}
	.header-wrapper.inner .nav-links li a:hover, .header-wrapper.inner .nav-links li a.act-link, .header-wrapper.inner .nav-links li span:hover, .header-wrapper.inner .nav-links li span.act-link{color: var(--dark-yellow)}
	.header-logo {display: flex;align-items: center;gap: 12px; padding: 5px 0;}
    .header-logo img {width: 100%; max-width: 215px;}
    .header-inner-wrapper {display: flex; justify-content: space-between; align-items: center; gap: 100px; width: 100%; max-width: 100%; }
	.nav-links {display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 100%; max-width: 720px; }
	.nav-links li a, .nav-links li span {padding: 33px 0px; color: #000000; font-weight: 500; font-size: 18px;}
	.nav-links li {position: relative; }
	.logo-img {width: 100%; max-width: 120px; }
	.logo-img img {width: 100%; max-width: 120px; }
	.nav-links > li:last-child a {color: #fff; padding: 10px 15px; margin: 0; background: var(--brown); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
	.nav-links li a:hover, .nav-links li a.act-link, .nav-links li span:hover, .nav-links li span.act-link{color: var(--yellow)}
	.first-child-route li a:hover, .first-child-route li a.act-link{color: var(--yellow) !important;}
    .first-child-route li:last-child a{border-bottom: none;}
	.nav-links li:hover .first-route{opacity: 1;visibility: visible;top: 50px;}  
	.first-route{position: absolute;width: 260px;opacity: 0;visibility: hidden;top: 50px;display: block;transition: 0.5s;left: -50px;margin: auto; z-index: 3;display: flex;border-bottom: 0px solid var(--yellow); background: var(--brown);}
	.first-route li a{display: block;padding: 0 !important;color: var(--dark-blue) !important;text-transform: capitalize;}
	.first-child-route{width: 100%; max-width: 600px; display: flex;flex-direction: column;position: relative; background: var(--light-yellow); padding: 0 20px;}
	.first-child-route li {display: flex; justify-content: flex-start;}
	.first-child-route li:last-child {border-bottom: none;}
	.first-child-route li a{font-size: 16px !important;color: #fff !important;font-weight: initial !important;padding: 12px 0px !important;display: block; line-height: 1.6;margin: 0px 0;width: 100%;max-width: 100%; border-bottom: 1px dashed #fff;}
	header.scrolled-header .header-wrapper.inner{background: #fff;}
    .nav-links li:last-child a:hover, .nav-links li:last-child a.act-link{color: var(--yellow)}
/* header css  */
    .progres-fix{position: fixed;z-index: 100;width: 100%;background-color: transparent;transition: all .3s ease-in-out;opacity: 1; top: 94px;}
    .progress-container {width: 100%;height: 6px;background: transparent;transition: all .3s ease-in-out;opacity: 1;} 
    .progress-bar {height: 100%;background: #7c4b2a;width: 0%;}
    header.scrolled .progres-fix{background: #fff; transition: all .3s ease-in-out;opacity: 1;}
    header.scrolled .progres-fix .progress-container{background: #fff; transition: all .3s ease-in-out;opacity: 1;} 
	header.scrolled-header .header-wrapper {position: fixed; top: 0; left: 0; right: 0; z-index: 99; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; background: #fff; border-bottom: 1px solid #20386b6e; }
	header.scrolled-header .logo-img img {max-width: 100px; }
	header.scrolled-header .header-inner-wrapper > span img, header.scrolled-header .header-inner-wrapper > span {max-width: 100px; }
	.scrolled-header .logo {max-width: 80px; }
	header.scrolled-header .nav-links li a, header.scrolled-header .nav-links li > span {padding: 30px 0; }
	header.scrolled-header .header-inner-wrapper::before, header.scrolled-header .header-inner-wrapper::after {display: none; }
	header.scrolled-header .nav-links li:last-child a {padding: 10px; }
/* scrolled header css */ 

/* footer css  */
    .footer-wrapper{background: #60421B; padding: 30px 0}
    .footer-logo{display: flex; justify-content: center; align-items: center; gap: 30px; padding: 0 0 25px; width: 100%; max-width: 320px; margin: auto;}
    .footer-logo > span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 120px;}
    .footer-logo > span img{width: 100%; max-width: 120px;}
    .footer-text span{display: block; font-family: "Alkatra", sans-serif; color: #fff; font-size: 40px; line-height: 1.1;}
    .footer-text p{color: #fff; font-family: "Alkatra", sans-serif; margin: 0; text-align: center; font-size: 20px;}
    .footer-main-text{border-top: 1px solid #D4D4D491;}
    .footer-main-text p{color: #fff; text-align: center; width: 100%; max-width: 900px; margin: 20px auto 30px;}

    .footer-links{display: flex; justify-content: space-evenly; align-items: flex-start; gap: 20px 30px}
    .footer-links-inner h3{color: #fff; font-size: 26px; font-weight: 500; padding: 0px 0 10px;}
    .footer-links-inner ul li {position: relative;}
    .footer-links-inner:nth-child(1) ul li::before, .footer-links-inner:nth-child(2) ul li::before { content: ""; width: 6px; height: 6px; background-color: #f5e6d3; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
    .footer-links-inner li a span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 20px;}
    .footer-links-inner li a span img{ width: 100%; max-width: 20px; filter: invert(1);}
    .footer-links-inner li a{display: flex; justify-content: flex-start; align-items: center; gap: 20px	; color: #F5F1E8; font-size: 16px; padding: 5px 0 5px 20px;}
    .footer-links-inner li a:hover, .footer-links-inner li a.act-link{color: var(--yellow)}
    .footer-social h3{text-align: center; color: #fff; font-size: 26px; font-weight: 500;}
    .social-icons{display: flex; justify-content: center; align-items: center;}
    .social-icons ul{display: flex; justify-content: center; align-items: center; gap: 20px; padding: 20px 0 0;}
    .social-icons ul li a span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 30px;}
    .social-icons ul li a span img{ width: 100%; max-width: 30px; filter: invert(89%) sepia(25%) saturate(198%) hue-rotate(324deg) brightness(108%) contrast(92%);}
    .footer-social{padding: 30px 0 0;}

	.copyrights-wrapper {background: #38260E; }
	.copyrights {display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 10px 0; flex-wrap: wrap; }
	.copyrights p {font-size: 14px; color: #fff; margin: 0; text-align: center; font-weight: 500; }
	.copyrights a {font-size: 14px; color: #fff; }
	.copyrights a:hover {color: var(--yellow); }
/* footer css  */


/* banner css  */
    .banner-wrapper{position: relative; height: calc(100vh - 96px);}
    .banner-wrapper::before{content: ''; position: absolute; background: linear-gradient(86deg, rgb(88 96 49 / 85%) 20%, rgba(255, 255, 255, 0.16) 76%);top: 0; left:0; width: 100%; height: 100%;}
	.banner-wrapper .fluid-container {height: 100%; display: flex; justify-content: flex-start; align-items: center; }
	.banner-inner-wrapper h1{font-family: "Alkatra", sans-serif; font-size: 40px; line-height: 1.2; color: #ffffff;}
	.banner-inner-wrapper {position: relative; z-index: 0; width: 100%; max-width: 800px;}
	.banner-inner-wrapper span {color: var(--dark-yellow);}
	.banner-inner-wrapper p span{font-size: 42px; color: #fff; text-align: left; line-height: 1.4; font-family: "Alkatra", sans-serif; display: flex; font-size: 50px;}
    .banner-inner-wrapper p{display: flex; gap: 5px;}
/* banner css  */

/* about css  */
    .about-wrapper{padding: 100px 0 80px; position: relative;}
    .about-wrapper::before {content: ''; position: absolute; top: 0; right: 0; width: 185px; height: 390px; background: url(../images/abt-side.webp)no-repeat center center/cover; bottom: 0; margin: auto; opacity: 0.2;}
    .about-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px}
    .about-left-wrapper{width: 100%; max-width: 500px; position: relative;}
    .about-left-wrapper::before{content: ''; position: absolute; top: 25px;; left: 25px; width: 450px; height: 450px; background: url(../images/inside.webp)no-repeat center center/cover; animation: rotateInner 50s linear infinite; transform-origin: center; will-change: transform;}
    .about-left-wrapper::after {content: ''; position: absolute; top: -22px; left: -18px; width: 540px; height: 540px; background: url(../images/outside.webp)no-repeat center center/cover; animation: rotateOuter 55s linear infinite; transform-origin: center; will-change: transform;}

    @keyframes rotateOuter {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
    }

    @keyframes rotateInner {
        from {
            transform: rotate(360deg);
        }
        to {
            transform: rotate(0deg);
        }
    }
    .about-left-wrapper img{width: 100%; max-width: 500px;}
    .about-right-wrapper{width: 100%; max-width: 600px;}
/* about css  */

/* our approach css  */
    .our-approach-wrapper{background: var(--violet); padding: 50px 0; position: relative;}
    .our-approach-wrapper .common-btn{justify-content: center;}
    .our-approach-wrapper::before{content: ''; position: absolute; background: url(../images/plane.webp)no-repeat center center/cover;width: 160px; height: 105px; top: -85px; right: 15px;  animation: planeEntry 4s linear infinite;}
    @keyframes planeEntry {
    0% {
        transform: translateX(80px) translateY(-50px);
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        transform: translateX(-80px) translateY(20px);
        opacity: 0;
    }
    }

    .our-approach-wrapper h2{text-align: center;}
    .our-approach-wrapper h3{text-align: center; color: #fff;}
    .our-approach-inner-wrapper{display: flex; justify-content: center; align-items: flex-start; gap: 30px; padding: 30px 0; flex-wrap: wrap;}
    .our-approach-inner{width: 100%; max-width: 365px;}
    .our-approach-inner h4{text-align: center;}
    .our-approach-inner-wrapper .our-approach-inner:nth-child(1) h4 {color: #F9E060;}
    .our-approach-inner-wrapper .our-approach-inner:nth-child(2) h4 {color: #F9A64B;}
    .our-approach-inner-wrapper .our-approach-inner:nth-child(3) h4 {color: #FF7B71;}
    .our-approach-inner p{color: #F5F1E8; text-align: center;}
    .our-approach-image {position: relative; width: 100%;max-width: 140px; margin: 0 auto 20px;}
    .our-approach-image span:first-child{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 140px; animation: flowerBloom 6s ease-in-out infinite; transform-origin: center; will-change: transform;}
    .our-approach-image span:first-child img { width: 100%; max-width: 140px;}

        @keyframes flowerBloom {
        0% {
            transform: scale(1) rotate(0deg);
        }
        50% {
            transform: scale(1.05) rotate(8deg);
        }
        100% {
            transform: scale(1) rotate(0deg);
        }
    }
    .our-approach-image span:last-child img {content: ''; position: absolute; top: 0; left: 0; width: 50px; bottom: 0; margin: auto; right: 0;}
    .our-approach-inner-wrapper .our-approach-inner:nth-child(1) .our-approach-image span:first-child img {filter: invert(87%) sepia(31%) saturate(801%) hue-rotate(350deg) brightness(103%) contrast(95%);}
    .our-approach-inner-wrapper .our-approach-inner:nth-child(2) .our-approach-image span:first-child img {filter: invert(90%) sepia(23%) saturate(4851%) hue-rotate(322deg) brightness(100%) contrast(96%);}
    .our-approach-inner-wrapper .our-approach-inner:nth-child(3) .our-approach-image span:first-child img {filter: invert(54%) sepia(41%) saturate(663%) hue-rotate(315deg) brightness(101%) contrast(100%);}
/* our approach css  */


/* stage css  */
    .stage-wrapper{padding: 80px 0px 100px; position: relative;}
    .stage-wrapper::before{content: ''; position: absolute; background: url('../images/toys.webp')no-repeat center center/cover;bottom: 0px; left: 5px; width: 230px; height: 230px; animation: toysFloat 6s ease-in-out infinite; will-change: transform;}
    @keyframes toysFloat {
        0%   { transform: translateY(0px) rotate(0deg); }
        50%  { transform: translateY(-12px) rotate(5deg); }
        100% { transform: translateY(0px) rotate(0deg); }
    }
    .stage-wrapper::after{content: ''; position: absolute; background: url('../images/dice-1.webp')no-repeat center center/cover;top: 20px; right: 15px; width: 100px; height: 100px; animation: diceRotateReverse 6s linear infinite;}
    @keyframes diceRotateReverse {
        from {
            transform: rotate(360deg);
        }
        to {
            transform: rotate(0deg);
        }
    }
    .stage-inner-wrapper::after{content: ''; position: absolute; background: url('../images/dice-2.webp')no-repeat center center/cover;top: 135px; right: 20px; width: 80px; height: 80px; animation: rotateDice 6s linear infinite;
        will-change: transform;}
        @keyframes rotateDice {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    .stage-wrapper h2, .stage-wrapper h3{text-align: center;}
    .stage-inner-wrapper{display: flex; justify-content: center; align-items: flex-start; gap: 40px; }
    .stage-inner-image{width: 100%; max-width: 350px; padding: 30px 0 0}
    .stage-inner-image img{width: 100%; max-width: 350px;}
    .stage-inner span{display: block; text-align: center; font-size: 24px; font-weight: 500; font-family: "Alkatra", sans-serif; padding: 20px 0 0}
    .stage-inner p{text-align: center; color: #1D8287; margin: 0; font-size: 20px; font-weight: 500;}
    .stage-inner-wrapper .stage-inner:nth-child(1) span {color: #3B1332;}
    .stage-inner-wrapper .stage-inner:nth-child(2) span {color: #7C4B2A;}
    .stage-inner-wrapper .stage-inner:nth-child(3) span {color: #717171;}
    .stage-wrapper .common-btn{justify-content: center; margin: 20px 0 0;}
/* stage css  */


/* why us css  */
    .why-wrapper{background: #fff; padding: 80px 0;}
    .why-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 30px;}
    .why-left-wrapper{width: 100%; max-width: 650px;}
    .why-left-wrapper h3{padding: 0 0 30px; font-size: 26px;}
    .why-left {display: flex; align-items: center; gap: 15px; margin-bottom: 18px;}
    .why-left-image {width: 100%; max-width: 50px; display: flex; justify-content: center;}
    .why-left-image img { width: 100%; max-width: 40px;}
    .why-left span {width: 100%; max-width: 500px; padding: 16px 20px; border-radius: 14px; font-size: 22px; font-weight: 700; border: 2px solid transparent;}
    .why-left-wrapper .why-left:nth-of-type(1) span { background: #d9f2d9; border-color: #b7e4b7; color: #2e7d32;}
    .why-left-wrapper .why-left:nth-of-type(2) span { background: #f7d6e0; border-color: #f2b6c9; color: #c2185b;}
    .why-left-wrapper .why-left:nth-of-type(3) span { background: #dbe9f6; border-color: #b6d0ea; color: #1565c0;}
    .why-left-wrapper .why-left:nth-of-type(4) span { background: #f3e2d6; border-color: #e4cbb7; color: #6d4c41;}
    .why-left:nth-of-type(1) img {filter: brightness(0) saturate(100%) invert(32%) sepia(25%) saturate(800%) hue-rotate(80deg);}
    .why-left:nth-of-type(2) img {filter: brightness(0) saturate(100%) invert(28%) sepia(60%) saturate(900%) hue-rotate(310deg);}
    .why-left:nth-of-type(3) img {filter: brightness(0) saturate(100%) invert(30%) sepia(70%) saturate(800%) hue-rotate(190deg);}
    .why-left:nth-of-type(4) img {filter: brightness(0) saturate(100%) invert(35%) sepia(30%) saturate(500%) hue-rotate(10deg);}
    .why-right-wrapper{width: 100%; max-width: 500px;}
    .why-right-wrapper img {width: 100%; max-width: 500px;}
/* why us css  */

/* nature css  */
    .custom-shape-divider-bottom-1777027934 {position: absolute; bottom: 0; left: 0; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg);}
    .custom-shape-divider-bottom-1777027934 svg { position: relative; display: block; width: calc(134% + 1.3px); height: 212px;}
    .custom-shape-divider-bottom-1777027934 .shape-fill {fill: #FFFFFF;}
    .custom-shape-divider-top path, .custom-shape-divider-bottom path {fill: #fff;}
    .custom-shape-divider-bottom svg {transform: rotate(180deg);}
    .custom-shape-divider-bottom-1777027934 {position: absolute; bottom: -5px; left: 0; width: 100%; overflow: hidden; line-height: 0;}
    .custom-shape-divider-bottom-1777027934 svg { display: block; width: 100%;}
    .custom-shape-divider-bottom-1777027934 .shape-fill {fill: #ffffff;}
    .custom-shape-divider-bottom{display: flex; position: relative; bottom: -1px;}
    .nature-wrapper{position: relative;}
    .nature-wrapper::before{content:''; position:absolute; top:40px; right:-200px; width:160px; height:140px; background:url('../images/toy-plane.webp') no-repeat center center/contain; z-index:5; animation:planeMove 12s linear infinite;}
    @keyframes planeMove{

        0%{
            left:-200px;
            top:40px;
            transform:rotate(8deg);
        }

        20%{
            top:90px;
            transform:rotate(-6deg);
        }

        40%{
            top:30px;
            transform:rotate(5deg);
        }

        60%{
            top:54px;
            transform:rotate(-8deg);
        }

        80%{
            top:60px;
            transform:rotate(4deg);
        }

        100%{
            left:110%;
            top:40px;
            transform:rotate(0deg);
        }
    }
    .nature-inner-wrapper{padding: 0 0 50px;}
    .nature-inner-wrapper h2, .nature-inner-wrapper h3 {text-align: center;}
    .nature-inner { display: flex; gap: 20px; align-items: stretch;  margin: 30px 0 0;}
    .nature-inner-main {width: 33.33%; display: flex; flex-direction: column; gap: 20px;}
    .nature-inner-main.center {width: 33.33%;}
    .nature-inner-image {position: relative; border-radius: 12px; overflow: hidden; height: 200px;}
    .nature-inner-image.big { height: 100%;}
    .nature-inner-image img {width: 100%; height: 100%; object-fit: cover; display: block;}
    .nature-inner-image::after {content: ""; position: absolute; inset: 0; background: linear-gradient(to top, #604C31, transparent);}
    .nature-inner-image span {position: absolute; bottom: 12px; left: 15px; color: #fff; font-size: 16px; z-index: 2; display: flex; justify-content: center; align-items: center; width: 100%;}

/* nature css  */


/* features wrapper  */
    .our-features-wrapper{background: #fff; padding: 80px 0; position: relative;}
    .our-features-wrapper::before{content:''; position: absolute; background: url(../images/rocket.webp) no-repeat center center/cover; top:0; right: 20px; width: 110px; height: 193px; animation: rocketLaunch 5s ease-in-out infinite; transform-origin: bottom center; will-change: transform;}
    @keyframes rocketLaunch {
        0% {
            transform: translateY(0) rotate(0deg);
        }
        20% {
            transform: translateY(-8px) rotate(-2deg);
        }
        40% {
            transform: translateY(-19px) rotate(2deg);
        }
        60% {
            transform: translateY(-35px) rotate(-1deg);
        }
        80% {
            transform: translateY(-16px) rotate(1deg);
        }
        100% {
            transform: translateY(0) rotate(0deg);
        }
    }
    .our-features-wrapper h2, .our-features-wrapper h3{text-align: center;}
    .our-features-inner-wrapper { display: flex; gap: 25px; justify-content: space-between; margin: 30px 0 0;}
    .our-features-inner {width: 100%; max-width: 400px; padding: 25px; border-radius: 16px; position: relative; text-align: left; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .our-features-inner:nth-child(1) { background: linear-gradient(to bottom, #F6FFFA, #ACD8F9);}
    .our-features-inner:nth-child(2) { background: #1D8287; color: #fff;}
    .our-features-inner:nth-child(3) {background: linear-gradient(to bottom, #F6FFFA, #FFCEE7);}
    .our-features-inner:nth-child(2) p{color: #fff;}
    .our-features-inner .tag {display: inline-block; padding: 6px 12px; border-radius: 6px; font-size: 22px; margin-bottom: 10px; font-weight: 500;}
    .our-features-inner:nth-child(1) .tag { background: #2b6cb0; color: #fff;}
    .our-features-inner:nth-child(2) .tag { background: #f4d03f; color: #000;}
    .our-features-inner:nth-child(3) .tag { background: #d63384; color: #fff;}
    .our-features-inner ul { margin-top: 20px; padding-left: 25px; position: relative;}
    .our-features-inner ul li { position: relative; font-size: 18px; line-height: 1.5;}
    .our-features-inner ul li::before {content: ""; position: absolute; left: -20px; top: 6px; width: 8px; height: 8px; border-radius: 50%;}
    .our-features-inner ul::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; margin-top: -10px;}
    .our-features-inner:nth-child(1) ul li::before {background: #f4b400;}
    .our-features-inner:nth-child(1) ul::after {background: rgba(0,0,0,0.2);}
    .our-features-inner:nth-child(2) ul li::before {background: #f4d03f;}
    .our-features-inner:nth-child(2) ul::after {background: rgba(255,255,255,0.3);}
    .our-features-inner:nth-child(3) ul li::before {background: #f4b400;}
    .our-features-inner:nth-child(3) ul::after {background: rgba(0,0,0,0.2);}
    .our-features-inner span{display: flex; justify-content: center; align-items: center;}
    .our-features-inner img { width: 100%; margin-top: 20px; display: block; max-width: 400px;}
/* features wrapper  */

/* contact css  */

/* MAIN BOX */
    .admission-open-wrapper{padding: 80px 0;}
    .admission-open-inner {display: flex; justify-content: center; align-items: stretch; border-radius: 20px; position: relative;background:  #FFEB87; overflow: hidden;}
    .get-in-touch-form {width: 100%; max-width: 683px; background: #f6f1ea; padding: 30px ; position: relative; z-index: 2;   background: url('../images/contact.webp') no-repeat center center; background-size: cover;  min-height: 500px;}
    .get-in-touch-inner { display: flex; align-items: center; gap: 20px;}
    .get-in-touch-inner img {width: 90px;}
    .get-in-touch-text p {font-size: 24px; margin: 0px 0 0; font-weight: 600; color: #6b4a2f;}
    .get-in-touch-text h2{font-size: 36px;}
    .get-in-touch-form h3 { color: #c2185b; margin: 10px 0;}
    .form-md .contact-form-left{margin: 30px 0 0;}
    .form-group { margin-bottom: 25px; position: relative;}
    .form-group input, .form-group select{width: 100%; padding: 12px 0; background: transparent; border-bottom: 1px solid rgba(0, 0, 0, .37);}
    .form-group label {position: absolute; top: 12px; left: 0; font-size: 16px; font-weight: 600; color: #555; transition: 0.3s;}
    .form-group select { font-size: 16px; font-weight: 600; color: #555;}
    .form-group input:focus + label, .form-group input:valid + label, .form-group select:focus + label, .form-group select:valid + label { top: -10px; font-size: 16px;}
    .form-row {display: flex; gap: 20px;}
    .form-row .form-group {width: 50%;}
    .admisson-open-right { width: 100%; max-width: 550px; position: relative; display: flex; justify-content: center; align-items: center; background: #FFEB87;}
    .admisson-open-right::before{content:''; position: absolute; background: url(../images/sun.webp)no-repeat center center/cover;    top: 68px; left: 45px; width: 150px; height: 150px; z-index: 3; animation: sunRotate 20s linear infinite; transform-origin: center; will-change: transform;}
    @keyframes sunRotate {
        from {
            transform: rotate(0deg);
        }
        to {
            transform: rotate(360deg);
        }
    }
    .admisson-open-right::after{content:''; position: absolute; background: url(../images/flower.webp)no-repeat center center/cover;bottom: 229px; right: 45px; width: 83px; height: 83px; z-index: 3; animation: flowerSway 5s ease-in-out infinite; transform-origin: bottom center; will-change: transform;}

    @keyframes flowerSway {
    0%   { transform: rotate(0deg); }
    25%  { transform: rotate(5deg); }
    50%  { transform: rotate(-5deg); }
    75%  { transform: rotate(3deg); }
    100% { transform: rotate(0deg); }
    }
    .butterfly{position: absolute; width: 100%; max-width: 100px; bottom: 114px; left: 64px; z-index: 2;  animation: butterflyFly 6s ease-in-out infinite; transform-origin: center; will-change: transform;}
    @keyframes butterflyFly {
        0% {
            transform: translate(0, 0) rotate(0deg);
        }
        25% {
            transform: translate(15px, -10px) rotate(5deg);
        }
        50% {
            transform: translate(30px, 5px) rotate(-5deg);
        }
        75% {
            transform: translate(15px, 10px) rotate(4deg);
        }
        100% {
            transform: translate(0, 0) rotate(0deg);
        }
    }
    .bg-shape {position: absolute; width: 100%; z-index: 0; max-width: 400px;}
    .kid-img { position: relative; width: 320px; z-index: 2;}
    input[type="date"]:invalid {color: transparent;}
    input[type="date"]:focus, input[type="date"]:valid {color: #000;}
/* contact css  */

/* inner page css  */
    .inner-page-banner-wrapper {background: url(../images/common-banner.webp) no-repeat center center/cover; width: 100%; height: 400px; position: relative; }
    .banner-text {height: 100%; display: flex; justify-content: flex-end; align-items: flex-start; flex-direction: column; gap: 10px; position: relative; }
    .inner-page-banner-wrapper .fluid-container {height: 100%; }
    .banner-text h1 {color: #fff; text-align: center; font-size: 38px;}
    .banner-text ol {display: flex !important; justify-content: center; align-items: center; gap: 10px; }
    .breadcrumb-migration-approach-img img {width: 100%; max-width: 25px; filter: invert(1); transform-origin: top center; }
    .banner-text nav ol {display: flex; justify-content: flex-start; align-items: center; gap: 20px; padding: 0px 0px 10px; }
    .banner-text nav ol li a, .banner-text nav ol li span {color: #fff; display: flex; justify-content: center; align-items: center; font-size: 15px; font-weight: 500; text-align: center; }
    .breadcrumb-icon {display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: 700; color: #fff; line-height: 1;}
    .active-breadcrumb{border-bottom: 1px solid #fff}
/* inner page css  */

/* sitemap css  */
    .sitemap-wrapper {padding: 80px 0;}
    .sitemap {max-width: 500px;}
    .sitemap > li {margin-bottom: 18px;}
    .sitemap > li > a, .sitemap > li > span {display: block; padding: 14px 18px; background: #fff; border-radius: 10px; color: var(--violet); font-weight: 600; text-decoration: none; box-shadow: 0 4px 12px rgba(0,0,0,0.05); transition: all 0.25s ease;}
    .sitemap > li > a:hover { background: var(--violet); color: #fff;}
    .sitemap li ul { margin-top: 10px; padding-left: 15px;}
    .sitemap li ul li {margin-bottom: 6px;}
    .sitemap li ul li a { display: block; padding: 8px 12px; font-size: 14px; color: #555; text-decoration: none; border-radius: 6px; transition: 0.2s;}
    .sitemap li ul li a:hover { background: rgba(0,0,0,0.04); color: var(--brown);}
/* sitemap css  */

/* error page */ 
	.error-banner-wrapper {height: 400px; position: relative; background: url(../images/common-banner.webp) no-repeat center center/cover;}
	.error-content-wrapper {padding: 50px 0px; }
	.error-content {position: relative; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 30px; }
/* error page */ 

/* overview css  */
    .about-main-wrapper{padding: 80px 0; background: #fff;}
    .about-main-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px;}
    .about-main-right-wrapper{width: 100%; max-width: 600px;}
    .about-main-left-wrapper span{display: flex; justify-content: center; align-items: center; width: 100%; max-width: 500px;}
    .about-main-left-wrapper span img{width: 100%; max-width: 500px;}

    .pillar-wrapper {padding: 80px 0 120px;}
    .heading-about p, .heading-about h2, .heading-about h3{text-align: center;}
    .pillar-inner { display: flex; justify-content: space-between; align-items: stretch; gap: 30px; flex-wrap: wrap; margin: 30px 0 0;}
    .pillar-inner-main {width: 100%; max-width: 366px; background: #fff; padding: 25px; border-radius: 20px; box-shadow: 0 8px 25px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: space-between;}
    .pillar-inner-main:nth-child(2) {transform: translateY(40px);}
    .pillar-inner-main span:first-child {width: 65px; height: 65px; background: #e7efe8; display: flex; align-items: center; justify-content: center; border-radius: 12px; margin-bottom: 15px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .pillar-inner-main span:first-child img {width: 35px; filter: invert(1);}
    .pillar-inner-main{text-align: left;}
    .pillar-inner-main span:last-child{display: flex; justify-content: center; align-items: center;}
    .pillar-inner-main span:last-child img { width: 100%;max-width: 315px; border-radius: 12px;}
    .pillar-inner-main:nth-child(1) span:first-child {background: #e7278e96;}
    .pillar-inner-main:nth-child(2) span:first-child {background: #006d00b8;}
    .pillar-inner-main:nth-child(3) span:first-child {background: #ffcb08cc;}
    .pillar-inner-main:nth-child(1) h4 {color: #e7278e96;}
    .pillar-inner-main:nth-child(2) h4 {color: #006d00b8;}
    .pillar-inner-main:nth-child(3) h4 {color: #ffcb08cc;}

    .why-choose-wrapper{padding: 80px 0;}
    .why-choose-inner{display:flex; align-items:center; justify-content:space-between; margin-top:50px; gap:30px;}
    .why-choose-wrapper h2, .why-choose-wrapper h3{text-align: center;} 
    .why-choose-wrapper .fluid-container > p{text-align: center;} 
    .why-choose-inner:nth-child(even){flex-direction:row-reverse;}
    .why-number{font-size:60px; color:#e2ded8; font-weight:700; width:80px;}
    .why-text{width:50%;}
    .why-img{width:100%; max-width: 400px;}
    .why-img img{ width:100%;  max-width: 400px; border-radius:12px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .why-choose-inner:nth-child(4) .why-text h3{color:#faa64d;}
    .why-choose-inner:nth-child(5) .why-text h3{color:#ff7a71;}
    .why-choose-inner:nth-child(6) .why-text h3{color: #3b1332;}
    .why-choose-inner:nth-child(7) .why-text h3{color: #c2185b;}
    .why-choose-inner:nth-child(8) .why-text h3{color: #1565c0;}
/* overview css  */

/* tender beginning css  */
    .tender-wrapper{padding: 80px 0 65px;}
    .tender-inner-wrapper{width: 100%; max-width: 900px; margin: auto;}
    .tender-inner-wrapper h1{text-align: center; color: var(--violet);}
    .tender-inner-wrapper h2{text-align: center;}
    .tender-inner-wrapper p{text-align: center; font-size: 20px;}

    .feature-wrapper{ padding:50px 0px; background: #3b1332;}
    .about-feature{width: 100%; max-width: 900px; margin: auto;}
    .about-feature h2{text-align: center;}
    .about-feature p{text-align: center; color: #fff;}
    .feature-inner-wrapper{display:flex; justify-content:center; align-items: stretch; gap:70px 30px; flex-wrap:wrap; margin: 70px 0 0;}
    .feature-inner{position:relative; width:100%; max-width: calc(50% - 20px); padding:25px 20px 35px; text-align:center; border-radius:35px; background: #fff;}
    .feature-inner.full-width{width: 100%; max-width: 100%; display: flex; justify-content: center; align-items: center; gap: 40px}
    .feature-image{width:100%; max-width: 400px; margin:auto; overflow:hidden; border-radius:50% 50% 0 0;}
    .feature-image img{width:100%; height:100%; object-fit:cover;}
    .feature-inner h3{ font-size:23px; margin:25px 0 15px; position:relative;}
    .feature-inner h3::before{content:''; position:absolute; width:45px; height:3px; left:0; right:0; bottom:-10px; margin:auto; border-radius:10px;}
    .feature-inner p{text-align: center;}
    .feature-inner:nth-child(1){border:1px solid #8b5cf655;}
    .feature-inner:nth-child(1) h3{color:#8b5cf6;}
    .feature-inner:nth-child(2){border:1px solid #4ade8055;}
    .feature-inner:nth-child(2) h3{color:#4ade80;}
    .feature-inner:nth-child(3){border:1px solid #f59e0b55;}
    .feature-inner:nth-child(3) h3{color:#f59e0b;}
    .feature-inner:nth-child(4){border:1px solid #ec489955;}
    .feature-inner:nth-child(4) h3{color:#ec4899;}
    .feature-inner:nth-child(5){border:1px solid #ffcb085e;}
    .feature-inner:nth-child(5) h3{color: #FFCB08;}
    .feature-inner{position:relative;padding:60px 20px;}
    .feature-icon{position:absolute; top:-35px; left:0; right:0; margin:auto; width:70px; height:70px; border-radius:50%; display:flex; justify-content:center; align-items:center; z-index:2; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: 1px solid #ffffffad;}
    .feature-icon img{width:100%; max-width: 35px; filter: invert(1);}
    .feature-inner:nth-child(1) .feature-icon{background:#8b5cf6;}
    .feature-inner:nth-child(2) .feature-icon{background:#4ade80;}
    .feature-inner:nth-child(3) .feature-icon{background:#f59e0b;}
    .feature-inner:nth-child(4) .feature-icon{background:#ec4899;}
    .feature-inner:nth-child(5) .feature-icon{background: #FFCB08;}
/* tender beginning css  */

/* common -li  */
    .common-li{margin: 15px 0;}
	.common-li li{position: relative; padding: 5px 0 10px 30px; font-size: 18px; line-height: 1.4;}
	.common-li li::before{content:''; position: absolute; background: url(../images/icons/check.webp)no-repeat center center/cover; width: 20px; height: 20px; top:8px; left: 0; filter: invert(70%) sepia(11%) saturate(1810%) hue-rotate(2deg) brightness(95%) contrast(95%);}
	.common-li.inner li::before{content:''; position: absolute; width: 10px; height: 10px; background: #d4a851; border-radius: 50%;top: 11px; left: 0; filter: none}

/* common -li  */

/* lkg css  */
    .kg-tabs{padding: 80px 0 0;}
    .tab-wrapper{ width:100%; display:flex; justify-content:center; margin-bottom:30px;}
    .tab-one{ display:flex; gap:10px; padding:6px; border-radius:12px;}
    .tab-link{padding:10px 20px; font-size:15px; font-weight:600; color:#666; cursor:pointer; border-radius:8px; transition:0.3s; border: 1px solid #ccc; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .tab-link.active{ background:var(--brown); color:#fff;}
    .tab-content .content{display:none;}
    .tab-content .content.active{display:block;}
    .tab-content .tender-wrapper{padding: 0px 0 80px;}
    .reasoning-inner{display:flex; justify-content:space-between; gap:40px; margin:40px 0; position:relative;}
    .reasoning{flex:1; text-align:center; position:relative; z-index:1;}
    .reasoning span{color:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 25px; font-size:26px; font-weight:700;}
    .reasoning p{color:#fff;line-height:1.8;font-size:15px;}
    .about-feature.lkg p{margin: 15px 0;}
/* lkg css  */

/* vision css  */
    .panchabutha-wrapper{ padding:80px 20px; background:#fff;}
    .panchabutha-wrapper h2{text-align: center;}
    .panchabutha-wrapper .fluid-container > p{text-align: center; width: 100%; max-width: 1000px; margin: 15px auto; font-size: 19px;}
    .panchabutha-inner-wrapper{ display:flex; align-items:center; justify-content:center; gap:60px; margin-top:70px;}
    .panchabutha-inner-wrapper:nth-child(even){flex-direction:row-reverse;}
    .panchabutha-inner{width:100%; max-width:600px; padding:20px; background:#fff; border-radius:12px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .panchabutha-img{ width:100%; max-width:400px;}
    .panchabutha-img img{width:100%; max-width:400px; border-radius:10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .panchabutha-inner-wrapper:nth-child(4) .panchabutha-inner{border-left:5px solid #8b5e3c;}
    .panchabutha-inner-wrapper:nth-child(5) .panchabutha-inner{border-right:5px solid #4a90e2;}
    .panchabutha-inner-wrapper:nth-child(6) .panchabutha-inner{border-left:5px solid #ff6b35;}
    .panchabutha-inner-wrapper:nth-child(7) .panchabutha-inner{border-right:5px solid #50b878;}
    .panchabutha-inner-wrapper:nth-child(8) .panchabutha-inner{border-left:5px solid #8e6bbf;}
    .panchabutha-inner-wrapper:nth-child(4) .panchabutha-inner h4{color: #8b5e3c}
    .panchabutha-inner-wrapper:nth-child(5) .panchabutha-inner h4{color: #4a90e2;}
    .panchabutha-inner-wrapper:nth-child(6) .panchabutha-inner h4{color: #ff6b35;}
    .panchabutha-inner-wrapper:nth-child(7) .panchabutha-inner h4{color: #50b878;}
    .panchabutha-inner-wrapper:nth-child(8) .panchabutha-inner h4{color: #8e6bbf;}
/* vision css  */


/* director css  */
    .director-wrapper{padding: 80px 0;}
    .director-inner-wrapper{display: flex; justify-content: center; align-items: center; gap: 50px;}
    .director-left-wrapper{width: 100%;max-width: 500px;}
    .director-left-wrapper img{width: 100%;max-width: 500px;}
    .director-right-wrapper{width: 100%; max-width: 600px;}

    .promise-wrapper{background: var(--violet); padding: 50px 0;}
    .promise-inner-wrapper{width: 100%; max-width: 1000px; margin: auto;}
    .promise-inner-wrapper h2{text-align: center;}
    .promise-inner-wrapper p{text-align: center; color: #fff;}

    .success-wrapper{padding:80px 0;}
    .success-wrapper h2{text-align:center;}
    .success-inner-wrapper{display:flex; align-items:center; justify-content:center; gap:60px;}
    .success-inner-wrapper:nth-child(even){flex-direction:row-reverse;}
    .success-left-wrapper{width:100%; max-width: 700px;}
    .success-right-wrapper{width:100%; max-width: 300px;}
    .success-right-wrapper img{width:100%; max-width: 300px;}
    .success-right-wrapper img{ width:100%; border-radius:20px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .success-inner-wrapper:first-of-type{margin: 30px 0 60px;}
    .success-inner-wrapper:first-of-type .success-right-wrapper img{transform:rotate(-4deg);}
    .success-inner-wrapper:last-of-type .success-right-wrapper img{transform:rotate(4deg);}
/* director css  */ 

/* contact css  */

    .contact-wrapper{padding:80px 0px;}
    .contact-inner-wrapper{display:flex;gap:40px;align-items:flex-start; justify-content: center;}
    .contact-inner-left{width:60%;}
    .contact-inner-right{width:40%;}
    .contact-inner-left .common-btn .contact-inner-right{ width:40%; display:flex; flex-direction:column; gap:20px;}
    .contact-wrapper .form-md{ background:rgba(255,255,255,0.25); backdrop-filter:blur(25px); padding:30px; border-radius:20px; box-shadow:0 15px 40px rgba(0,0,0,0.15);}
    .contact-wrapper .contact-form-left{ display:flex; flex-wrap:wrap; gap:25px;}
    .contact-wrapper .form-group{ width:100%; max-width: 100%; margin:0; position:relative;}
    .contact-wrapper .form-group:last-child{width:100%;}
    .contact-wrapper .form-md input, .contact-wrapper .form-md textarea{width:100%; padding:14px; border-radius:10px; background:#fff; font-size:14px; box-shadow:0 2px 8px rgba(0,0,0,0.05); border-bottom: 0;}
    .contact-wrapper .form-md textarea{height:100px;}
    .contact-wrapper .form-md label{position:absolute; top:50%; left:14px; transform:translateY(-50%); color:#888; background:#fff; padding:0 5px; transition:0.3s;}
    .contact-wrapper .form-md input:focus + label, .contact-wrapper .form-md input:valid + label, .contact-wrapper .form-md textarea:focus + label, .contact-wrapper .form-md textarea:valid + label{ top:-8px; font-size:13px; font-weight:600;}
    .contact-card{background:rgba(255,255,255,0.25); backdrop-filter:blur(20px); padding:25px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,0.1); margin: 0 0 30px}
    .contact-card h3{margin-bottom:15px;}
    .contact-info li{margin-bottom:10px;}
    .contact-info li a{display:flex; align-items:center; gap:20px; font-size:16px;}
    .contact-info li a span{display:flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background: var(--brown); flex-shrink: 0;}
    .contact-info li a span img{width: 100%; max-width: 20px; filter: invert(1);}
    .contact-card > a{display:inline-block; margin-top:10px; font-weight:600; color: var(--violet);}
    .map iframe{width:100%; height:400px;}

/* contact css  */

/* facilities css  */
    .tactile-wrapper{padding: 80px 0;}
    .tactile-wrapper h2{text-align: center;}
    .tactile-inner-wrapper{display: flex; justify-content: center; align-items: stretch; gap: 20px; flex-wrap: wrap; margin: 20px 0 0;}
    .tactile-inner{width: 100%; max-width: 270px; border: 1px solid #ccc; padding: 20px 20px 5px; border-radius: 20px;}
    .tactile-inner span{display: flex; justify-content: center; align-items: center; background: var(--violet); width: 70px; height: 70px; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin: 0 0 20px;}
    .tactile-inner:nth-child(1) span {background: #2e7d32;}
    .tactile-inner:nth-child(2) span {background: #c2185b;}
    .tactile-inner:nth-child(3) span {background: #1565c0;}
    .tactile-inner:nth-child(4) span {background: #6d4c41;}
    .tactile-inner span img{width: 100%; max-width: 40px; filter: invert(1);}
    .tactile-content p{text-align: left;}

    .safety-wrapper{padding: 80px 0; background: #fff;}
    .safety-wrapper h2{text-align: center;}
    .safety-inner-wrapper { width: 100%; display: flex; justify-content: center; align-items: flex-start; gap: 30px; margin: 20px 0 0;}
    .safety-inner-left { display: flex; flex-direction: column; gap: 28px; width: 100%; max-width: 55%;}
    .safety-inner-right {width: 100%;max-width: 38%; display: flex; flex-direction: column; justify-content: center; gap: 22px;}
    .safety-inner {background: #ffffff14; border: 1px solid #ffffff4d; padding: 24px; border-radius: 16px; transition: 0.3s; backdrop-filter: blur(5px);}
    .safety-inner:hover {transform: translateY(-4px);}
    .safety-inner h3 {color: #f4d06f;}
    .safety-inner p {color: #fff; text-align: left;}
    .safety-inner-right .safety-inner { background: #ffffff14; color: #fff;}
    .safety-inner-left .safety-inner:nth-child(1){ background:#fff4e8; border-color:#ffcf99;}
    .safety-inner-left .safety-inner:nth-child(1) h3{color:#d97706;}
    .safety-inner-left .safety-inner:nth-child(1) p{color:#6b4b1f;}
    .safety-inner-left .safety-inner:nth-child(2){ background:#eef7ff; border-color:#9ed0ff;}
    .safety-inner-left .safety-inner:nth-child(2) h3{color:#2563eb;}
    .safety-inner-left .safety-inner:nth-child(2) p{color:#294a74;}
    .safety-inner-left .safety-inner:nth-child(3){ background:#f4f1ff; border-color:#c8b6ff;}
    .safety-inner-left .safety-inner:nth-child(3) h3{color:#7c3aed;}
    .safety-inner-left .safety-inner:nth-child(3) p{color:#4b3f72;}
    .safety-inner-right .safety-inner:nth-child(1){ background:#ecfff3; border-color:#9be7b5;}
    .safety-inner-right .safety-inner:nth-child(1) h3{color:#16a34a;}
    .safety-inner-right .safety-inner:nth-child(1) p{color:#2d5a3d;}
    .safety-inner-right .safety-inner:nth-child(2){ background:#fff1f2; border-color:#ffb3c1;}
    .safety-inner-right .safety-inner:nth-child(2) h3{color:#e11d48;}
    .safety-inner-right .safety-inner:nth-child(2) p{color:#6f2c3f;}

    .facilities-wrapper{padding:80px 0px; background: #fff;}
    .facilities-wrapper h2{text-align: center;}
    .facilities-inner-wrapper{ display:flex; justify-content:center; gap:40px; flex-wrap:wrap; padding: 20px 0 0;}
    .facilities-inner{position:relative; width:100%; max-width:340px; padding-left:75px;}
    .facilities-inner span{position:absolute; left:0; top:5px; width:60px; height:60px; border-radius:50%; display:flex; justify-content:center; align-items:center;}
    .facilities-inner span img{width: 100%; max-width: 35px; filter: invert(1);}
    .facilities-inner:nth-child(1) span{background:#5c8a3d;}
    .facilities-inner:nth-child(2) span{background:#7d59b5;}
    .facilities-inner:nth-child(3) span{background:#d9901c;}
    .facilities-inner:nth-child(1) h3{color:#5c8a3d;}
    .facilities-inner:nth-child(2) h3{color:#7d59b5;}
    .facilities-inner:nth-child(3) h3{color:#d9901c;}

    .health-wrapper {padding: 80px 0 65px;}
    .health-wrapper h2{text-align: center;}
    .health-inner-wrapper { display: flex; justify-content: space-between; align-items: flex-start; gap: 35px; flex-wrap: wrap;}
    .health-inner {width: calc(33.33% - 24px); text-align: center;}
    .health-img {width: 100%; max-width: 200px;  height: 200px; margin: auto auto 25px; border-radius: 50%;background: #ddd; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; overflow: hidden;}
    .health-img img { width: 100%; max-width: 200px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
    .health-inner p {text-align: center;}
/* facilities css  */

/* to top  */
    #to-top {cursor: pointer;position: fixed;bottom: 25px;right: 25px;width: 40px;z-index: 9;border-radius: 50%;rotate: 0deg;}
    #to-top img{filter: invert(92%) sepia(23%) saturate(3400%) hue-rotate(322deg) brightness(106%) contrast(88%);}
/* to top  */