/*
00. Library override(ex. bootstrap etc) --------------------
01. Text and Typography ------------------------------------
02. Common element(ul,ol,li,body,div etc.) -----------------
03. Common class(padding, margin etc.) ---------------------
04. Header styles ------------------------------------------
05. Footer styles-------------------------------------------
06. Common content------------------------------------------
07. Pages and Posts-----------------------------------------
08. Extra styles--------------------------------------------
09. Media Query---------------------------------------------
*/
	/* End Table of Contents */

/* 00. Library override(ex. bootstrap etc) start*/
/* 00. Library override(ex. bootstrap etc)   end*/


/* 01. Text and Typography start */

.heading-text{
    font-family: "Sour Gummy", Sans-serif;
    font-size: 48px;
    font-weight: 500;
    letter-spacing: 1px;
}

/* Text Animation css start */
.animated-text{
    overflow:hidden;
    
}

.animated-text .word{
    display:inline-block;
    overflow:hidden;
    vertical-align:top;
   
}

.animated-text .word > span{
    display:inline-block;
    transform:translateY(120%);
    opacity:0;
}

/* Start animation only after .animate class is added */
.animated-text.animate .word > span{
    animation:wordReveal .8s cubic-bezier(.22,1,.36,1) forwards;
}

@keyframes wordReveal{
    from{
        transform:translateY(120%);
        opacity:0;
    }
    to{
        transform:translateY(0);
        opacity:1;
    }
}
/* Text Animation css end */


/* 01. Text and Typography end */


/* 02. Common element(ul,ol,li,body,div etc.) start*/
body{
    margin-bottom: 0px !important;
}
/* 02. Common element(ul,ol,li,body,div etc.) end*/


/*03. Common class(padding, margin etc.) start*/
/*03. Common class(padding, margin etc.) end*/


/*04. Header styles start*/

/* Main Button */
#header-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #FF5A1F;
    border-radius: 999px;
    padding: 16px 18px;
    cursor: pointer;
    transition: all 0.4s ease;
}

/* Purple Circle */
#header-btn::before {
    content: "";
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 39px;
    height: 39px;
    background: #6D4FA0;
    border-radius: 50%;
    transition: all 0.45s cubic-bezier(.4, 0, .2, 1);
    z-index: 1;
}

/* Text */
#header-btn .e-n-menu-title-text {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    transition: color .3s ease;
}

/* Move Circle on Hover */
#header-btn:hover::before {
left: calc(100% - 45px);
}


/* Keep text above circle */
#header-btn .e-n-menu-title-container {
    position: relative;
    z-index: 2;
}
/*04. Header styles end*/


/*05. Footer styles start*/ 
.phone-box h3,
.email-box h3{
    margin-top:0px;
}

.phone-box .elementor-icon-box-icon .elementor-icon,
.email-box .elementor-icon-box-icon .elementor-icon{
    border-radius:100%;
}

.phone-box .elementor-icon-box-icon .elementor-icon{
    background: #6D4FA0;
}
.email-box .elementor-icon-box-icon .elementor-icon{
  background: #FF5A1F;
}
/*05. Footer styles end*/


/*06. Common content start*/ 
/*06. Common content end*/


/*07. Pages and Posts satrt*/
	/*Homepage satrt*/
        .hand-animation img {
            opacity: 1;
            animation: handsFloat 3.5s ease-in-out infinite;
            transform:translateY(-20px);
        }

        @keyframes handsFloat {
            0% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-8px);
            }

            100% {
                transform: translateY(0);
            }
        }  

        .leaf-animation img {
            animation: naturalLeafWind 6s ease-in-out infinite;
            transform-origin: 50% 100%;
            will-change: transform;
        }

        @keyframes naturalLeafWind {
            0% {
                transform: translateY(0) rotate(0deg);
            }

            20% {
                transform: translateY(-2px) rotate(0.3deg);
            }

            45% {
                transform: translateY(-4px) rotate(-0.4deg);
            }

            70% {
                transform: translateY(-2px) rotate(0.25deg);
            }

            100% {
                transform: translateY(0) rotate(0deg);
            }
        }

        .about-section {
            position: relative;
            overflow: visible;
        }

        /* Drawing Section */
        .about-section .drawing-section {
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 100%;
            height: 100% !important;
            max-height: 100%;
            pointer-events: none;
            z-index: auto; /* Important */
        }

        /* Elementor Inner Container */
        .about-section .drawing-section > .e-con-inner {
            position: relative;
            width: 100%;
            height: 100%;
        }

        /* Front SVG */
        .about-section .front-side {
            position: absolute;
            inset: 0;
            right: 50%;
            transform: translateX(0%);
            z-index: 3;
        }

        .about-section .front-side img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        /* Back SVG */
        .about-section .back-side {
            position: absolute;
            inset: 0;
            left: 50%;
            transform: translateX(0%);
            z-index: 1;
        }

        .about-section .back-side img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            display: block;
        }

        /* Rotate Image Section */
        .about-section .rotate-image-section {
            position: relative;
            z-index: 2;
            overflow: visible !important;
        }

        /* Image Slider */
        .rotate-image-slider {
            cursor: grab;
            user-select: none;
            overflow: visible !important;
            z-index: 2;
        }

        .rotate-image-slider .swiper {
            overflow: visible !important;
        }

        .rotate-image-slider .swiper-wrapper {
            display: flex;
            flex-wrap: nowrap;
            will-change: transform;
            cursor: grab;
            overflow: visible !important;
        }

        .rotate-image-slider:active {
            cursor: grabbing;
        }

        .rotate-image-slider .swiper-slide {
            flex-shrink: 0;
            width: auto !important;
            margin-right: 30px;
        }

        .rotate-image-slider img {
            display: block;
            pointer-events: none;
            user-select: none;
            -webkit-user-drag: none;
        }

        .rotate-image-slider {
            cursor: grab;
            user-select: none;
            overflow: hidden;
            z-index: 1;
        }

        .rotate-image-slider .swiper {
            overflow: hidden;
        }

        .rotate-image-slider .swiper-wrapper {
            display: flex;
            flex-wrap: nowrap;
            will-change: transform;
            cursor: grab;
        }
        .rotate-image-slider:active {
            cursor: grabbing;
        }

        .rotate-image-slider .swiper-slide {
            flex-shrink: 0;
            width: auto !important;
            margin-right: 30px;
        }

        .rotate-image-slider img {
            display: block;
            pointer-events: none;
            user-select: none;
            -webkit-user-drag: none;
        }

        .rotate-image-section{
            overflow: visible !important;
        }

        .rotate-image-slider{
            overflow: visible !important;
        }

        .rotate-image-slider .swiper{
            overflow: visible !important;
        }

        .rotate-image-slider .swiper-wrapper{
            overflow: visible !important;
        }


	/*Homepage end	*/

    .why-partner .custom-partner-section{
        max-width: 1430px;
        margin: 0 auto;
        padding: 0px 80px;
    } 
      
.banner-element {
    display: inline-block;
    animation: smoothFloat 3s cubic-bezier(0.445, 0.05, 0.55, 0.95) infinite;
    will-change: transform;
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* Stagger the animation */
.banner-element:nth-child(1) {
    animation-delay: 0s;
}

.banner-element:nth-child(2) {
    animation-delay: 0.4s;
}

.banner-element:nth-child(3) {
    animation-delay: 0.8s;
}

@keyframes smoothFloat {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, -18px, 0);
    }
}

/* Circle animation start */
  .about-section {
    position: relative;
    overflow: hidden;
  }

  .about-section .elementor-circle-canvas-wrapper {
    position: absolute ;
    top: 0;
    left: 0 ;
    right: 0 ;
    bottom: 0 ;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    pointer-events: none;
    z-index: 0;
  }

  .about-section .elementor-circle-canvas-wrapper canvas {
    width: 100%;
    display: block;
  }
/* Circle animation end */

/*07. Pages and Posts end*/


/* 08. Extra styles start*/
/* 08. Extra styles end*/


/*09. Media Query start*/
		@media screen and (min-width: 992px) {

		}
		@media screen and (min-width: 768px) {

		}

		@media screen and (max-width: 1199px) {

		}

	/*Tablet*/
		@media screen and (max-width: 991px) {
            .why-partner .custom-partner-section{
                padding: 0px 0px;
            } 
		}

	/*Small Device*/
		@media screen and (max-width: 767px) {
            .rotate-image-slider .swiper-slide {
                margin-right: 20px;
            }
            .heading-text{
                font-size: 38px;
            }
            .about-section .drawing-section {
                height:100%;
                max-height: 100%;
            }
            #header-btn {
                width: max-content !important;
            }

            .main-header .e-n-menu-wrapper{
                background: #fff !important;
                padding: 20px !important;
            }
            #wpCircleCanvasWrapper{
                display: none;
            }
            .letters{
                overflow: hidden;
            }
		}

	/*Mobile Device*/
		@media screen and (max-width: 540px) {
            .student-slider-wave::before{
                top: 0px;
            }
		}

	/*Extra Small Mobile Device*/
		@media screen and (max-width: 480px) {
            .heading-text{
                font-size: 28px;
            }
            /* Partner slider css start */
            .partner-slider .elementor-swiper-button.elementor-swiper-button-prev{
                    left: -15px !important;
            }
            .partner-slider .elementor-swiper-button.elementor-swiper-button-next{
                    right: -15px !important;
            }


            /* Partner slider css end */
		}
		@media screen and (max-width: 420px) {

		}
/*09. Media Query end*/