


.swiper-slide p{

    font-size: 1.5rem !important;

} 







        /*home slider animation start*/

        /* General styles for smooth transition */

        .swiper-slide {

          opacity: 0;

          transform: scale(0.95);

          transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);

          will-change: transform, opacity;

        }



        .swiper-slide-active {

          opacity: 1;

          transform: scale(1);

        }



        /* 🔥 Fade In */

        @keyframes fadeIn {

          0% { opacity: 0; transform: scale(0.95); }

          100% { opacity: 1; transform: scale(1); }

        }

        .fade-in { animation: fadeIn 0.8s ease-in-out; }



        /* 📌 Slide In Left */

        @keyframes slideInLeft {

          0% { transform: translateX(-40px); opacity: 0; }

          100% { transform: translateX(0); opacity: 1; }

        }

        .slide-in-left { animation: slideInLeft 0.8s ease-in-out; }



        /* 🔍 Zoom In */

        @keyframes zoomIn {

          0% { transform: scale(0.85); opacity: 0; }

          100% { transform: scale(1); opacity: 1; }

        }

        .zoom-in { animation: zoomIn 0.8s ease-in-out; }



        /* 🎨 Morph - Brush Effect (Soft Reveal) */

        @keyframes morphBrush {

          0% { clip-path: circle(0% at 50% 50%); opacity: 0; filter: blur(15px); }

          50% { clip-path: circle(60% at 50% 50%); opacity: 0.7; filter: blur(8px); }

          100% { clip-path: circle(120% at 50% 50%); opacity: 1; filter: blur(0px); }

        }

        .morph-brush { 

          animation: morphBrush 1s ease-in-out;

        }



        /* 🌊 Distortion - Warp Effect */

        @keyframes distortionWarp {

          0% { transform: skewX(-20deg) scaleX(1.5); opacity: 0; filter: blur(15px); }

          50% { transform: skewX(10deg) scaleX(1.2); opacity: 0.7; filter: blur(5px); }

          100% { transform: skewX(0deg) scaleX(1); opacity: 1; filter: blur(0px); }

        }

        .distortion-warp { 

          animation: distortionWarp 1s ease-in-out;

        }



        /* 🔄 3D Columns to Left (Cube Effect) */

        @keyframes threeDColumnsLeft {

          0% { transform: perspective(1200px) rotateY(-90deg); opacity: 0; }

          100% { transform: perspective(1200px) rotateY(0deg); opacity: 1; }

        }

        .threeD-columns-left { 

          animation: threeDColumnsLeft 1s ease-in-out;

        }



        /* 🔄 3D Rows to Left */

        @keyframes threeDRowsLeft {

          0% { transform: perspective(1200px) rotateX(-90deg); opacity: 0; }

          100% { transform: perspective(1200px) rotateX(0deg); opacity: 1; }

        }

        .threeD-rows-left { 

          animation: threeDRowsLeft 1s ease-in-out;

        }



        /* 📄 Fold Effect */

        @keyframes foldEffect {

          0% { 

            transform: perspective(1200px) rotateX(-90deg); 

            opacity: 0; 

          }

          100% { 

            transform: perspective(1200px) rotateX(0deg); 

            opacity: 1; 

          }

        }



        .fold-animation {

          animation: foldEffect 1s ease-in-out;

        }



        /*home slider animation end*/





        .pl-26 {

            padding-left: 26rem;

        }



        .page-id-323 .testimonialLogo {

              background: none !important;

          }

        .testimonialLogo {

              background: #757575 !important;

              width: 180px;

              margin: 20px auto;

              height: 70px;

              display: flex;

              align-items: center;

              justify-content: center;

        }

        .d-flex {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 10%;

        }

        .imgHover { transition: all .2s ease-in-out; }

        .imgHover:hover { transform: scale(1.1); }

        .lh{

            line-height: 35px;

        }

        .slider {

            /* height: 250px; */

            /* margin: auto; */

            /* position: relative; */

            /* width: 90%; */

            /* display: grid; */

            /* place-items: center; */

            justify-content: flex-start;

            width: 100%;

            margin-left: auto;

            margin-right: auto;

            display: flex;

            overflow: hidden;

        }

        .slide-track {

        /*display: flex;*/

        /* width: calc(250px* 18); */

        /* animation: scroll 50slinear infinite; */

        -webkit-animation: loopstuff 30s linear infinite;

        -moz-animation: loopstuff 30s linear infinite;

        -o-animation: loopstuff 30s linear infinite;

        flex: none;

        justify-content: space-between;

        align-items: center;

    /*    display: flex;*/

    }

/*@keyframes scroll {

    0% {

        transform: translateX(0)

    }



    to {

        transform: translateX(calc(-250px * 9))

    }

}*/



 @-webkit-keyframes loopstuff {

                    0% {

                        transform: translateX(0%);

                    }



                    100% {

                        transform: translateX(-100%);

                    }

                }



                @-moz-keyframes loopstuff {

                    0% {

                        transform: translateX(0%);

                    }



                    100% {

                        transform: translateX(-100%);

                    }

                }



                @-o-keyframes loopstuff {

                    0% {

                        transform: translateX(0%);

                    }



                    100% {

                        transform: translateX(-100%);

                    }

                }



                @keyframes loopstuff {

                    0% {

                        transform: translateX(0%);

                    }



                    100% {

                        transform: translateX(-100%);

                    }

                }





        .header_area.sticky {

            position: fixed;

            top: 0;

            left: 0;

            width: 100%;

            background-color: white;

            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

        }

        .gap-15 {

            gap: 10PX;

        }



        .swiper-button-next,

        .swiper-button-prev {

            color: #d32128;

            background: rgb(255, 255, 255, 0.5);

            width: 30px;

            height: 30px;

            border-radius: 50px;

        }



        .swiper-button-next:after,

        .swiper-button-prev:after {

            font-size: 15px;

        }



        @import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");



        #search-box {

            visibility: hidden;

            position: absolute;

            height: 100%;

            width: 100%;

            position: fixed;

            top: 0;

            left: 0;

            right: 0;

            z-index: 999999999;

        }



        #search-box .container {

            display: table;

            width: 100%;

            height: 100%;

        }



        #search-box .container .close {

            position: absolute;

            right: 32px;

            top: 32px;

            width: 32px;

            height: 32px;

            opacity: 0.3;

        }



        #search-box .container .close:hover {

            opacity: 1;

        }



        #search-box .container .close:before,

        #search-box .container .close:after {

            position: absolute;

            left: 15px;

            content: " ";

            height: 33px;

            width: 2px;

            background-color: white;

        }



        #search-box .container .close:before {

            transform: rotate(45deg);

        }



        #search-box .container .close:after {

            transform: rotate(-45deg);

        }



        #search-box .container .search-main {

            display: table-cell;

            vertical-align: middle;

        }



        #search-box .container .search-main .search-inner {

            width: 80%;

            margin: 0 auto;

        }



        #search-box .container .search-main form {

            position: relative;

        }



        #search-box .container .search-main input {

            background: transparent;

            border: none;

            box-shadow: none;

            padding: 12px 74px 12px 0;

            font-size: 72px;

            height: 84px;

            border-bottom: 2px solid white;

            display: block;

            color: white;

            margin-bottom: 0;

            width: 100%;

            transform: scale3d(0, 1, 1);

            transform-origin: 0% 50%;

            transition: transform 3s;

        }



        #search-box .container .search-main input:focus {

            outline: none;

        }



        #search-box .container .search-main button {

            border: 0;

            left: auto;

            outline: none;

            padding: 0;

            position: absolute;

            right: 0;

            top: 0.3em;

            bottom: 0.3em;

            background: transparent;

            font-size: 43px;

        }



        #search-box .container .search-main .search-info {

            display: block;

            color: white;

            text-align: right;

            float: right;

            margin-top: 4px;

        }



        #search-box.open {

            background: rgba(0, 0, 0, 0.8);

            visibility: visible;

            animation: fadein 0.8s;

        }



        #search-box.open .container .search-main input {

            transform: scale3d(1, 1, 1);

            transition-duration: 1s;

        }



        @keyframes fadein {

            from {

                opacity: 0;

            }



            to {

                opacity: 1;

            }

        }



        .f20 {

            font-size: 20px !important;

        }



        .menuLink:hover {

            color: #d32128;

        }



        .redBg:hover {

            background-color: #d32128;

        }



        .redText {

            color: #d32128;

        }



        .red-800 {

            background-color: #d32128;

        }



        body {

            font-family: "Archivo", sans-serif;

        }



        .topRightlogo {

            margin-top: 85px;

        }



        nav.bg-white {

            z-index: 9;

            position: relative;

        }



        .mobmenuicon {

            width: 30px;

            height: 30px;

            display: none;

        }



        /* navbar css */

        .dropdown-menu {

            opacity: 0;

            visibility: hidden;

            transform: translateY(-10px);

            transition: all 0.3s ease-in-out;

        }



        .nav-item:hover .dropdown-menu {

            opacity: 1;

            visibility: visible;

            transform: translateY(0);

        }



        #mobile-menu {

            transition: max-height 0.3s ease-in-out;

            max-height: 0;

            overflow-y: scroll;



        }



        #mobile-menu.active {

            max-height: 1000px;

        }



        .mobile-submenu {

            transition: max-height 0.3s ease-in-out;

            max-height: 0;

            overflow: hidden;

        }



        .mobile-submenu.active {

            max-height: 500px;

        }



        .mobile-toggle svg {

            transition: transform 0.3s ease;

        }



        .mobile-toggle.active svg {

            transform: rotate(180deg);

        }



        @media (max-width: 980px) {

            span.text-7xl.counter {

    font-size: 3.5rem;

}

h2.text-xl.sm\:text-4xl.md\:text-\[4\.2em\].font-black.pt-4 {

    line-height: 4rem;

}



            nav {

                overflow-y: auto;

            }

        }



        /* navbar css end */



        path {

            /*      stroke: white;*/

            /* Border color */

            stroke-width: 1px;

            /* Border thickness */

        }



        .tooltip-content {

            white-space: pre-line;

          }



        /* Tooltip Styling */

        #tooltip {

            position: absolute;

            background: rgba(0, 0, 0, 0.8); /* Keeps the dark background */

            color: #fff; /* Changed to white for better visibility */

            padding: 10px;

            font-size: 14px;

            font-family: Archivo, sans-serif;

            font-weight: bold;

            max-width: 320px;

            text-align: left;

            white-space: nowrap;

            

            /* Smooth animation */

            opacity: 0;

            visibility: hidden;

            transition: opacity 0.5s ease, transform 0.5s ease;

            transform: translateY(10px);

            pointer-events: none; /* Ensures it doesn’t interfere with mouse events */

        }





        /* Tooltip Active (for animation) */

        #tooltip.show {

            opacity: 1;

            visibility: visible;

            transform: translateY(0);

        }



        .tooltip-content {

            font-weight: normal;

            font-size: 13px;

            color: #fff;

        }



        .tooltip-highlight {

            font-weight: bold;

            text-transform: uppercase;

            color: #fff;

        }



        /* Connecting Line */

        #tooltip-line {

            position: absolute;

            width: 2px;

            background: black;

            transition: width 0.5s ease; /* Smooth transition for the connecting line */

            display: none;

        }



        #IN-JK,

        #IN-HR,

        #IN-UT,

        #IN-MP,

        #IN-OR,

        #IN-TG,

        #IN-KL,

        #IN-GA,

        #IN-AS {

            fill: rgb(194, 194, 197);

        }



        #IN-PB,

        #IN-UP,

        #IN-CT,

        #IN-KA,

        #IN-TN,

        #IN-GJ,

        #IN-DL,

        #IN-JH,

        #IN-SK,

        #IN-MZ,

        #IN-TR,

        #IN-NL,

        #IN-AN,

        #IN-DD,

        #IN-DN,

        #IN-PY {

            fill: rgb(194, 194, 197);

        }



        #IN-RJ,

        #IN-MH,

        #IN-BR,

        #IN-WB,

        #IN-AP,

        #IN-HP,

        #IN-MN,

        #IN-ML,

        #IN-AR {

            fill: rgb(238, 237, 237);

        }



        path:hover {

            fill: #d33428 !important;

        }



        .map-container {

            width: 100%;

            max-width: 800px;

            margin: 0 auto;

            padding: 20px;

        }



        .responsive-svg {

            width: 100%;

            height: auto;

            max-height: auto;

        }



        .swiper {

            width: 100%;

            height: auto;

        }



        .swiper-slide {

            display: flex;

            align-items: center;

            justify-content: center;

            flex-direction: column;

        }



        .swiper-pagination-bullet {

            background: #fff;

            opacity: 0.7;

        }



        .twopage.w-50.absolute {

            top: 3px;

        }



        .twopage.w-50.absolute {

            z-index: 1;

        }



        .swiper-pagination-bullet-active {

            background: #fff;

            opacity: 1;

        }



   @media (max-width: 767px) {
     
    .px-6 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }


img.mx-auto.md\:mx-0.w-\[40\%\].mt-10 {
    width: 50%;
}


.homeSlide1, .homeSlide2, .homeSlide3, .homeSlide4, .homeSlide5, .homeSlide6 {

    font-size: 26px !important;

    line-height: 32px !important;

}

.homeSlidecenter3 {

    margin-left: 28% !important; width: auto !important;

}



.d-flex {

    flex-direction: column;

}

    .bgImg {

        padding: 20px;

    }

}


