#sub-banner-section{ padding: 170px 0px 75px 0px; margin: 0px 0px; text-align: center; position: relative; z-index: 1;}
#sub-banner-section::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/slide-bg.jpg) no-repeat;background-size: cover;background-position: center;z-index: -1;opacity: .65;}
#sub-banner-section h1{ font-size: 32px; font-weight: 700; color: #161d41; text-transform: uppercase; margin: 0px 0px 0px 0px;}

#about-us{ margin: 0px 0px; padding: 75px 0px; position: relative;}
.about-info{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.about-data{ margin: 0px 0px; padding: 0px 50px 0px 0px; position: relative;}
.about-img{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.about-img:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(167deg, rgb(24 22 147 / 0%) 0%, rgb(60 0 115 / 82%) 100%);border-radius: 30px;}
.about-img img{ border-radius: 30px; width: 100%;}

#our-services{ margin: 0px 0px; padding: 75px 0px; position: relative;}
.service-data{ max-width: 900px; text-align: center; margin: 0px auto 50px auto;}
.services-list{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.service-content{ padding: 25px 25px; border: 2px solid #ccc; border-radius: 15px; position: relative;}
.service-content a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11;}
.ser-img{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative; overflow: hidden;}
.ser-img img{ border-radius: 15px 15px 0px 0px; transition: all ease 0.5s;}
.ser-img:after {content: ""; position: absolute; width: 200%; height: 0%; left: 50%; top: 50%; z-index: 1; background-color: rgba(255, 255, 255, 0.3); -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); transition: none;  }
.service-content:hover .ser-img:after{height: 250%; -webkit-transition: all 600ms linear; transition: all 600ms linear; background-color: transparent; } 
.service-content:hover .ser-img img{ transform: scale(1.1) rotate(3deg);}
.service-box{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.service-box h3{ font-size: 20px; color: #161D41; margin: 0px 0px 15px 0px;}

#aproach-section{ padding: 75px 0px; margin: 0px 0px 0px 0px; position: relative; background: url(../img/services-bg.jpg) no-repeat;}
#aproach-section h3{ font-size: 20px; color: #4A3DAC; font-weight: 700; margin: 0px 0px 20px 0px; text-transform: uppercase;}
.approach-info { margin: 0px 0px 50px 0px; padding: 0px 0px; position: relative;}
.offer-section { margin: 0px 0px 50px 0px; padding: 0px 0px; position: relative;}
.offer-list{padding: 55px 35px 35px 35px;background: #fff;border-radius: 20px;border: 1px solid #e2e2e2;position: relative;z-index: 1; height: 100%;}
.offer-list span{position: absolute;top: -15px;left: 28px;font-size: 85px;font-weight: 700;z-index: -1;opacity: 0.03;}
.offer-list h4 { font-size: 22px; font-weight: 600; margin: 0px 0px 15px 0px; color: #161d41;}

#lead-process{padding: 100px 0px 150px 0px;background: #fff;position: relative;z-index: 1;}
#lead-process::before{ content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 75%; height: 80%; background: url(../img/lead-bg.jpg) no-repeat; background-size: cover; background-position: right;}
#lead-process h3{ font-size: 20px; color: #4A3DAC; font-weight: 700; margin: 0px 0px 20px 0px; text-transform: uppercase;}
.lead-process-info { padding: 50px; background: #fff; position: relative; margin: -50px 0px 0px 0px; z-index: 1;}
#experience-section{ margin: 0px 0px 0px 0px; padding: 35px 0px 0px 0px; position: relative;}
#experience-section::before{content: '';display: block;position: absolute;top: 0;left:0;width: 90px;height: 90px;background: url(../img/page-icon.png) no-repeat;background-size: contain;transform: rotate(45deg);opacity: .05; transition: all ease 0.5s;}
#experience-section:hover::before{ transform: rotate(25deg); opacity: .07;}
.experinece-data{ margin: 0px 0px; padding: 0px 0px; position: relative;}
.experience-top{ margin: 0px auto 35px auto; max-width: 650px; text-align: center; position: relative;}
.mantra-top{ margin: 0px 0px 30px 0px; padding: 0px 0px; position: relative; text-align: center;}
.faq-accordion { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative;}
.faq-accordion h2{ font-size: 26px; color: #444; margin: 0px 0px 20px 0px; font-weight: 600;}
.faq-accordion .accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
    transition: all 0.5s;
    filter: brightness(0) saturate(100%) invert(12%) sepia(12%) saturate(600%) hue-rotate(240deg) brightness(61%) contrast(101%);
    mix-blend-mode: hard-light;
    }
.faq-accordion .accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");}
.faq-accordion .accordion-button::after {transition: all 0.5s;}
.faq-accordion .accordion-button:focus{ box-shadow: none; background: transparent;}
.faq-accordion .accordion-item{border: 2px solid #4A3DAC;margin: 0px 0px 15px 0px;padding: 0px 25px;border-radius: 10px;}
.faq-accordion .accordion-item:not(:first-of-type){border-top: 2px solid #4A3DAC;}
.faq-accordion .accordion-button:not(.collapsed){background: transparent;color: #4A3DAC;box-shadow: none;border-bottom: 2px solid #4A3DAC;}
.faq-accordion .accordion-button{font-size: 22px;color: #444;font-weight: 600;line-height: 1.5;padding:25px 0px;}
.faq-accordion .accordion-body{ padding: 25px 0px;}

.experinece-data .experience-counter{ margin: 0px 0px; padding: 35px 30px; position: relative; z-index: 1; background: #161D41; border-radius: 100px 100px 100px 100px;}
.experinece-data .progress-content{ margin: 0px 0px; padding: 0px 30px; position: relative; text-align: center; border-right: 1px solid #ffffff24;}
.experinece-data .progress-content h3{ font-size: clamp(1.5rem, 2vw + 1rem, 3.5rem); color: transparent; font-weight: 700; margin: 0px 0px; -webkit-text-stroke: 1px #fff; position: relative; display: flex;align-items: flex-start;margin-bottom: 2px;width: 100%;justify-content: center;}
.experinece-data .progress-content p{ font-size: 22px; color: #fff; margin: 0px 0px 0px 0px;}
.experinece-data .progress-content .counter {position: relative;display: flex;overflow: hidden;height: 55px;text-align: center;padding-right: 10px;align-items: flex-end;justify-content: center;}
.experinece-data .progress-content .counter > span { z-index: 1; display: flex; flex-direction: column; height: 100%; width: 27px; transition: transform 2s ease; transform: translateY(0); align-items: center;}
.experinece-data .progress-content .counter > span span { flex: 0 0 100%; height: 100%;}
.experinece-data .progress-content:last-child .counter > span:last-child span{ margin: 0px 0px 0px 0px;}

#different-mantra{ margin: -75px 0px 0px 0px; padding: 125px 0px 75px 0px; position: relative; background: url(../img/services-bg.jpg) no-repeat; background-size: cover;}

#client-section{ padding: 75px 0px; margin: 0px 0px; position: relative;}
.clien-logo-section{ margin: 50px 0px 0px 0px; padding: 0px 0px; position: relative;}
.client-logo{width: 100%;height: 100%;border: 1px solid #ccc;padding: 55px 35px;display: flex;justify-content: center;align-items: center;}
.client-logo img{filter: grayscale(1);max-height: 60px;}

#testimonail-section{ padding: 75px 0px; margin: 0px 0px 0px 0px; position: relative;}
.testimonial-main{max-width: 1100px;margin: 0px 0px 50px 0px;padding: 80px 50px 50px 50px;position: relative;border-bottom: 1px dashed #161d40;}
.testimonial-main::before{content: '';display: block;position: absolute;top: 25px;left: 0;background: url(../img/quote.png) no-repeat;width: 42px;height: 32px;background-size: contain;}
.testimonial-main p{ margin: 0px 0px 20px 0px;}
.testimonial-main h3{ font-size: 20px; color: #4A3DAC; font-weight: 600; text-transform: uppercase;}

#blog-page{ margin: 0px 0px; padding: 75px 0px; position: relative;}
.blog-main{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.blog-main .blog-info{ margin: 0px 0px; padding: 25px 25px; position: relative; z-index: 1;}
.blog-main .blog-info a{ display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 11;}
.blog-main .blog-info::before{ content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 100%; height: 55%; border: 2px solid #444; border-radius: 15px; z-index: -1;}
.blog-main .blog-info .blog-img{ margin: 0px 0px 20px 0px; padding: 0px 0px; position: relative; overflow: hidden;}
.blog-main .blog-info .blog-img img{ border-radius: 10px; max-height: 220px; width: 100%; object-fit: cover; transition: all ease 0.5s;}
.blog-main .blog-info .blog-content{ margin: 0px 0px 0px 0px; padding: 0px 50px 0px 0px; position: relative;}
.blog-main .blog-info .blog-content h3{ font-size: 17px; color: #444; font-weight: 600;}

#contact-page{ padding: 75px 0px; margin: 0px 0px 0px 0px; position: relative;}
.contact-info { margin: 0px 0px 50px 0px; padding: 0px 50px 0px 0px; position: sticky; top: 100px;}
.contact-info p{ font-size: 18px; color: #444; line-height: 1.6;}
.contact-info p.large-text{font-size: clamp(1.5rem, 2vw + 1rem, 2.3rem);color: #333;font-weight: 700;line-height: 1.3;}
.contact-address{margin: 30px 0px 15px 0px;padding: 35px 25px 35px 100px;border: 2px solid #4a3dac;border-radius: 15px;}
.contact-address h3{font-size: 20px;font-weight: 600;color: #4a3dac;margin: 0px 0px 10px 0px;}
.contact-address p{ font-size: 18px; margin: 0px 0px 0px 0px;}
.contact-address span { max-width: 55px; position: absolute; left: 30px; object-fit: contain;}
.contact-address span img{ max-width: 100%;}
.connect{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.connect li{ list-style: none; position: relative; margin: 0px 0px 7px 0px;}
.connect li a{ color: #444; font-size: 18px;}

.contact-form{padding:50px 50px;margin: 0px 0px 0px 0px;background: #4A3DAC;position: relative;z-index: 1;border-radius: 15px;}
.contact-form::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../img/welcome-bg.jpg) no-repeat;background-size: cover;opacity: .17;z-index: -1;border-radius: 15px;mix-blend-mode: multiply;}
.contact-form h2{font-size: clamp(1.5rem, 2vw + 1rem, 2.5rem);font-weight: 600;margin: 0px 0px 25px 0px;color: #fff;}
.contact-form .form-group{margin: 0px 0px 25px 0px;padding: 0px 0px;position: relative;}
.contact-form .form-group input{width: 100%;padding: 10px 20px;height: 55px;font-size: 18px; color: #444; background: #ffffff;border:none;border-radius: 10px;transition: all ease 0.5s;} 
.contact-form .form-group textarea{width: 100%;padding: 10px 20px;height: 185px;font-size: 18px; color: #444; background: #ffffff;border:none;border-radius: 10px;transition: all ease 0.5s; resize: none;} 
.contact-form .form-group input::placeholder, .contact-form .form-group textarea::placeholder{ font-size: 15px; color: #444; font-weight: 500;}
.submit{ display: inline-block; background: transparent; border: 2px solid #fff; color: #fff; padding: 15px 50px; border-radius: 10px;}

#team-section{ padding: 75px 0px; margin: 0px 0px; position: relative;}
.team-text{margin: 0px auto 70px auto;position: relative;padding: 0px 0px;text-align: center;max-width: 750px;}
.team-data{ margin: 0px 0px 0px 0px; padding: 0px 0px; position: relative;}
.team-data .team-info{margin: 0px auto;padding: 0px 0px;position: relative;max-width: 340px;}
.team-data .team-info .team-img{margin: 0px 0px 20px;padding: 0px 0px;position: relative;z-index: 1; overflow: hidden;}
.team-data .team-info .team-img::before{content:'';display: block;position: absolute;left: 0;bottom: 0;width: 100%;height: 82%;background: #543ac5;z-index: -1;border-radius: 35px;}
.team-data .team-info .team-img .social-team{position: absolute;bottom: 0px;padding: 25px 25px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;width: 100%;margin: 0px 0px 0px 0px;border-radius: 0px 0px 35px 35px;z-index: 1;transition: all ease 0.5s;transform: translateY(101%);}
.team-data .team-info .team-img .social-team::before{content: '';display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: rgb(255 255 255 / 21%);backdrop-filter: blur(13px) brightness(0.9);z-index: -1;}
.team-data .team-info .team-img .social-team li{ list-style: none; padding: 0px 10px;}
.team-data .team-info .team-img .social-team li a{ display: block;}
.team-data .team-info .team-img .social-team li img{max-width: 22px; object-fit: contain;}
.team-data .team-info .team-content{ margin: 0px 0px; padding: 0px 0px; position: relative; text-align: center;}
.team-data .team-info .team-content h3{font-size: 25px;color: #444;font-weight: 700;text-transform: uppercase;margin: 0px 0px 0px 0px;}
.team-data .team-info .team-content small{ font-size: 16px; color: #4A3DAC; font-weight: 500;}
.team-data .team-info:hover .team-img .social-team{transform: translateY(1px);}

.other_pages {position: fixed;right: 0;height: 100%; width: auto; position: fixed; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; right: 0; top: 0; z-index: 48;padding-right: 0;}
.other_pages ul { margin: 0px 0px; padding: 0px 0px; width: 0px; font-weight: 700; color: #000; transition: all ease-in-out 0.3s;position: relative;background: transparent;box-shadow: -10px 0px 30px -20px rgb(0 0 0 / 30%);display: block !important;height: auto !important;}
.other_pages ul:before {content: '';position: absolute;left: 0;width: 100%;height: 100%;background-color: rgb(255 255 255 / 90%); backdrop-filter: blur(5px) brightness(1);opacity: 0;transition: 0.4s all;}
.other_pages ul li {width: 100%; height: 40px; line-height: 64px; border-bottom: none; overflow: hidden; position: relative; transition: height ease-in-out 0.3s 0.3s;padding-right: 0;z-index: 1;}
.other_pages ul li a {padding-left: 20px; width: 100%;position: relative;display: block;padding-right: 30px;}
.other_pages ul li a .sidebar-number {color: #f6861f; margin: 0 16px 0 32px; opacity: 0; transform: translate3d(32px, 0, 0); display: inline-block; font-weight: 500;transition: all ease-in-out 0.2s;}
.other_pages ul li a .sidebar-dash {margin: 0 0 0 0; width: 23px; height: 2px; background: #3d2aec; display: inline-block; vertical-align: middle; position: absolute; top: 50%;filter: saturate(0.3);}
.other_pages ul li a .sidebar-label {color: #2b2a29; margin: 0 0 0 48px; opacity: 0; display: inline-block; transition: 0.4s all;/* text-align: left; */font-size: 16px;font-weight: 600; letter-spacing: 0.2px; }
.other_pages ul li:hover a .sidebar-label {/* color: #ffffff; */}
.other_pages ul li a .sidebar-border {display: block; position: absolute; bottom: 0; right: 0; width: 0%; height: 1px; background:rgb(0 94 168 / 21%); transition: all ease-in-out 0.2s;z-index: 33;}
.other_pages li.sidebar-item:before {content: ""; display: block; position: absolute; top: 0; right: 0; height: 100%; width: 0%; background: rgb(0 0 0 / 8%); z-index: -1; opacity: 0; transition: all ease-out 0.3s;}
.other_pages li.sidebar-item:hover:before,.other_pages li.sidebar-item.active:before {width: 100%;opacity: 1;}
.other_pages ul.result_hover:before {opacity: 1;}
.other_pages ul.result_hover{width: 100%; transition: width ease-in-out 0.3s 0.3s;display: block !important;height: auto !important;}
.other_pages ul.result_hover li {height: 64px; transition: height ease-in-out 0.3s; }
.other_pages ul.result_hover li a .sidebar-number {opacity: 1; transform: translate3d(0, 0, 0); transition: all ease-in-out 0.4s 0.4s; transition-property: opacity, transform; margin: 0px 16px 0 30px;}
.other_pages ul.result_hover li a .sidebar-dash {width: 23px; margin: 0; transition: height ease-in-out 0.3s; transition-property: width, margin; filter: saturate(1);}
.other_pages ul.result_hover li a .sidebar-label {opacity: 1; transition: opacity ease-in-out 0.4s 0.4s; margin-left: 35px;}
.other_pages ul.result_hover li a .sidebar-border {width: 100%; transition: width ease-in-out 0.4s 0.4s; }
.other_pages ul li:last-child a .sidebar-border {display: none;}
.other_page_toggle {width: 45px;height: 45px;}
.other_page_toggle a.page_toggle {position: relative;width: 45px;border-radius: 5px 0px 0px 5px;height: 175px;background: linear-gradient(90deg, rgb(65 45 192) 0%, rgb(101 56 180) 100%);display: block;}
.other_page_toggle a.page_toggle h5{font-size: 16px;font-weight: 500;position: absolute;left: 0;writing-mode: vertical-lr;transform: rotate(180deg);bottom: 0;color: #fff;text-transform: uppercase;padding: 15px 13px;margin: 0px 0px;}
.other_page_toggle .page_toggle span {position: relative; height: 100%; width: 100%; display: inline-block; transition: background 0.3s; } 
.other_page_toggle .page_toggle span:after {content: ""; position: absolute; top: 15%; left: 50%; transform: translate3d(-50%, -50%, 0px); height: 5px; width: 5px; border-radius: 50%; background-color: #fff; box-shadow: -10px -10px 0 0 #fff, 0px -10px 0 0 #fff, 10px -10px 0 0 #fff, -10px 0px 0 0 #fff, 10px 0px 0 0 #fff, -10px 10px 0 0 #fff, 0px 10px 0 0 #fff, 10px 10px 0 0 #fff; transition: 0.4s all; }
.other_pages .page_toggle.show span:after {box-shadow: -10px -10px 0 0 #fff, 5px -5px 0 0 #fff, 10px -10px 0 0 #fff, -5px -5px 0 0 #fff, 5px 5px 0 0 #fff, -10px 10px 0 0 #fff, -5px 5px 0 0 #fff, 10px 10px 0 0 #fff; width: 4px; height: 4px; }