/* Ezulix Boostrap Css */
:root {
   --bs-orange: #F58634;
   --bs-dark-orange: #FF6C00;
   --bs-light-orange: #FF6F04;
   --bs-rgb-orange: rgba(255, 111, 4, 0.9);
   --bs-orange-primary:#FF791B;
   --bs-orange-secondary:#FFEBDD;
   --bs-blue: #0d6efd;
   --bs-black: #000;
   --bs-gray-primary:#E3E3E3;
   --bs-gray-secondary:#F9F7F7;
   --bs-gray-dark-bg:#f0f0f0;
   --bs-white: #fff;
   --bs-dark: #212529;
   --bs-black-gray: #131313;
   --bs-service-gray: #949494;
   --bg-gray: #E8E8E8;
   --bg-gray-light: #f0f0f0;
   --bd-gray-border: #C8C8C8;
   --bg-gray-dark: #d9d9d9;
   --bs-font-sans: "Resolve Sans";
   --ez-icon-family: 'EzulixIcon';
   --bs-gradient: linear-gradient(90deg, var(--bs-orange), var(--bs-dark-orange));
   --bs-gradient-secondary: linear-gradient(90deg , var(--bs-orange) 0%, var(--bs-light-orange) 43%, var(--bs-red) 100%);
   --bs-multi-gradient: linear-gradient(90deg, var(--bs-light-orange) 0%,var(--bs-red) 51%, var(--bs-dark-orange) 100%);
   --bs-gradient-verical: linear-gradient(0deg, var(--bs-orange), var(--bs-dark-orange));
   --color-gray:#1e1e1e;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  
}
/*===============================
     1. Common Section 
=============================*/
* {padding: 0;border: none;outline: 0;font-size: 100%}
body {font-size: 18px;color:#787878;background:#fff;-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;font-family:var(--bs-font-sans)}
a {text-decoration: none;cursor: pointer;webkit-transition: 0.5s all ease-in-out;ms-transition: 0.5s all ease-in-out;o-transition: 0.5s all ease-in-out;moz-transition: 0.5s all ease-in-out;transition: 0.5s all ease-in-out}
a:focus, a:hover, a:visited {text-decoration: none;outline: 0}
a:hover {color: #0a58ca}
h1, h2, h3, h4, h5, h6 {margin: 0;font-family:var(--bs-font-sans)}
.text, p {font-size: 16px;font-family:var(--bs-font-sans)}
button {outline: 0;cursor: pointer}
p {line-height: 1.42857143; color: #373737}
img, svg {vertical-align: middle}
img {width: 100%;display: inline-block;height: auto}
ul li{list-style: none}
.w-100 {width: 100%}
.z_index1{z-index: 1}
.text-white{color:var(--bs-white)}
.text-black{color:var(--bs-black)}
.text-black-gray{color:var(--bs-black-gray)}
.border_50 {border-radius: 50%}
.sub-title {color: var(--bs-light-orange);font-family: var(--bs-font-sans);font-weight: 350;font-size: 22px}
.section-margin{margin-bottom: 55px}
.heading-shape {height: 9px;width: 174px;border-radius: 10px;margin-top: 7px}
.shape-orange {background:var(--bs-light-orange)}
.shape-black {background:var(--bs-black)}
.shape-white {background:var(--bs-white)}
.gray-secion {background: var(--bs-black-gray)}
.orange-secion {background: var(--bs-light-orange)}
.bg-gray-dark {background:var(--bs-gray-dark-bg)}
.section-padding{padding: 70px 0 50px}
.fw-thin{font-weight: 100}
.fw-ultralight{font-weight: 200}
.fw-extralight{font-weight: 250}
.fw-light{font-weight: 300}
.fw-semilight{font-weight: 350}
.fw-regular{font-weight: 400}
.fw-medium{font-weight: 500}
.fw-semibold{font-weight: 600}
.fw-bold{font-weight: 700}
.fw-extrabold{font-weight: 800}
.fw-black{font-weight: 900}
.view-btn{color: #fff;font-size: 16px;letter-spacing: 2px;border: 2px solid var(--bs-orange);padding: 10px 15px;margin-top: 20px;display: inline-block}
.view-btn:hover {background: var(--bs-orange);border: 2px solid var(--bs-orange);color:var(--bs-white);letter-spacing: 2.5px}
.fs-45{font-size: 45px}
.fs-42{font-size: 42px}
.fs-40{font-size: 40px}
.fs-35{font-size: 35px}
.fs-32{font-size: 32px}
.fs-30{font-size: 30px}
.fs-28{font-size: 28px}
.fs-26{font-size: 26px}
.fs-24{font-size: 24px}
.fs-23{font-size: 23px}
.fs-22{font-size: 22px}
.fs-21{font-size: 21px}
.fs-20{font-size: 20px}
.fs-18{font-size: 18px}
.fs-16{font-size: 16px}
/*===============================
    2.  animition Section 
=============================*/
@keyframes zoomIn {
from {opacity: 0;-webkit-transform: scale3d(0.3, 0.3, 0.3);transform: scale3d(0.3, 0.3, 0.3)}
50% {opacity: 1}}
@keyframes zoomOut {
from {opacity: 0;-webkit-transform: scale3d(-1.0, -1.0, -1.0);transform: scale3d(-1.0, -1.0, -1.0)}
50% {opacity: 1}}
/*===============================
    2.  Header Section 
=============================*/
#header {position: fixed;width: 100%;top: 0px;transition: 0.5s all ease-in-out;z-index: 9}
#header:hover {background:var(--bs-black)}
.sticky-header{background:var(--bs-black)}
.header-logo img {width: 197px}
.main-menu {width: 100%}
.menu-navbar .btn{color: #fff;font-size: 20px;cursor: pointer;display: none}
.menu-navbar .btn.close-btn {position: absolute;right: 1px;top: 46px;background: var(--bs-blue);border-radius: 51%;padding: 2px;width: 35px;height: 35px;line-height: 32px}
.menu-navbar {align-items: center;padding-right: 35px}
.menu-navbar .menu-nav{display: inline-flex}
.menu-nav li{list-style: none}
.menu-nav li a {transition: all 0.3s ease;font-weight: 350}
.nav-link {font-size: 18px}
.nav-link:focus {color: var(--bs-orange)}
.menu-nav li a:hover {color: var(--bs-orange)}
.dropdown-nav::after {content: "\ea3e";font-family: var(--ez-icon-family);top: 3px;position: relative}
.header-section input{display: none}
 .menu-nav .mobile-item{display: none}
.demo-btn a {background: var(--bs-gradient-secondary);padding: 10px 15px;border-radius: 9px;color: #fff;font-weight: 600;background-size: 200% auto}
.demo-btn a:hover {background-position: right center}
.nav-item {padding: 22px 0}
.mega-menu {position: absolute;right: 0;width: 960px;top: 110px;opacity: 0;visibility: hidden;transition: 0.05s all ease-in}
.mega-menu-container{background:var(--bs-gray-primary);padding:0px 0 0 12px;display:flex;width:100%;justify-content:space-between}
.megamenu-block {padding-top: 20px}
.single-megamenu {width: calc(50% - 0px)}
.single-megamenu::after {background: var(--bs-white);width: 2px;height: 100%;position: absolute;right: 31px;content: "";top: 0}
.single-megamenu:last-child::after {display: none}
.single-megamenu .menu-title {color: var(--bs-orange);font-size: 16px;font-weight: 600;line-height: 10px;padding-bottom: 10px}
.mega-sub-menu li a{font-size:16px;display:block;line-height:16px;margin:5px 0;transition:0.5s all ease-in-out;width: fit-content;color:var(--bs-black-gray)}
.mega-sub-menu li a:hover {color: var(--bs-orange)}
.menu-nav .megamenu-block li a:hover {padding-left: 5px}
.mega-menu a {font-size: 16px;color: var(--bs-black-gray)}
.menu-nav li:hover .mega-menu {transition: all 0.3s ease;top: 89px;opacity: 1;visibility: visible}
.company-megamenu-wrap a:hover, .fintech-package:hover, .single-fintech:hover, .multi-mega_submenu a:hover, .industry-menu:hover, .expertise-solution-menu a:hover{padding-left: 5px}






/* Company-megamenu-subdropdown-css */
.company-megamenu {right: auto;width: 700px}
.company-container-megamenu .single-megamenu {width: calc(100% - 0px);padding-top: 20px;}
.company-menu{margin: 15px 0;height: 65px}
.company-menu i:nth-child(1){z-index: 1;transition: 0.5s;color: var(--bs-orange);width: 60px;}
.company-menu i:nth-child(2) {transition: 0.5s;color: #c9c9c9;width: 50px;font-size: 28px;margin-left: -34px;bottom: -9px}
.company-menu .ezulix-aboutus {font-size: 40px}
.company-menu .ezulix-blog {font-size: 50px}
.company-menu i:nth-child(1).ezulix-attendance {font-size: 38px}
.company-menu .ezulix-career {font-size: 47px}
.megamenu-right{height: 100%;padding:30px 18px 24px}
.header-megamenu-right {background: var(--bs-gradient)}
.company-megamenu p {font-size: 20px;font-weight: 350;line-height: 18px;padding-bottom: 15px}
.company-contact-info:hover {color: var(--bs-white) !important}
.ezulix-dot-shape {width: 150px;position: absolute;z-index: 0;left: -17px;top: 40px;opacity: 0.4}
.ezulix-favi_icons {font-size: 186px;color: #fff}
.company-contact-title {font-size: 20px;font-weight: 350;line-height: 18px;padding-top: 32px;}
.company-megamenu-bottom a {display: inline-block;padding: 0 10px}
.company-megamenu-bottom a:first-child::after {content:"";background:#131313;width: 2px;height: 17px;position: absolute;top: 4px;right: 0}

/* expertise-megamenu-subdropdown-css */
.expertise-solution-menu li a {margin: 7px 0}
.header-socials {border-top: 2px solid var(--bs-white);padding:5px 0 10px;margin-top: 10px;line-height: normal}
.social-title {color: #F58634;font-weight: 350;line-height: 30px;font-size: 18px}
.header-socials a{display: inline-block;position: relative;margin:0 20px 0 0;line-height: 20px;}
.header-socials a:last-child {margin-right:0}
.header-socials a::after {background: var(--bs-white);width: 1px;height: 17px;position: absolute;right: -11px;top: 3px;content: ""}
.header-socials a:last-child::after {display:none}
.header-socials a a {font-size: 14px;color: #131313}
.right-top-title {font-weight: 600;font-size: 18px;line-height: 24px}
.right-megamenu-content {padding: 50px 0 0 10px}
.right-top-text {font-size: 14px;font-weight: 350;line-height: 18px}
.contact-title {font-size: 20px;font-weight: 350;line-height: 18px;padding-top: 65px;}
.contact-info:hover {color: var(--bs-white) !important}
.contact-info {font-size: 16px}
.right-megamenu-img {padding-top: 15px}
.dot-shape {width: 106px;position: absolute;z-index: 0;left: -17px;top: 0}
.free-btn {line-height: normal;position: absolute;top: 50%;text-align: center;width: 100%;left: 0;}
.free-btn:hover {color: var(--bs-black) !important}
.quota-link {font-size: 18px}
.quota-arrow{background:var(--bs-gradient);color:var(--bs-white);display:inline-block;margin-left:7px;padding:5px;position: relative;top: 2px}
.free-btn:hover {letter-spacing: .5px}



/* fintech-megamenu-subdropdown-css */
.single-fintech-megamenu::after {height: 90% !important;top: auto !important;bottom: 0}
.fintech-subheading-border{position: relative;padding-bottom: 4px;font-size: 22px}
.fintech-subheading-border::before {background: var(--bs-dark-orange);width: 100%;height: 1px;position: absolute;right: 0;content: "";bottom: 0%}
.fintech-submenu-software-image{width: 70px;padding-right: 10px}
.single-fintech-megamenu{padding-right: 0 !important}
.fintech-megamenu-subdropdown a{width: 50%;float: left}
.single-fintech-megamenu a {height: 55px}
.fintech-megamenu-subdropdown i {padding-right: 15px;font-size: 40px;z-index: 1;transition: 0.5s;color: var(--bs-orange);width: 70px}
.single-fintech .ezulix-bbps-menu, .single-fintech .ezulix-vehicle-rc-verifitation-api {font-size: 34px}
.single-fintech .ezulix-voter-id-verification, .single-fintech .ezulix-uti-menu{font-size: 30px}
.single-fintech .ezulix-cibil-score-menu {font-size: 28px}
.fintech-megamenu-list ul li{display: inline-block;padding-right: 10px;border-right: 1px solid var(--bs-white);font-size: 16px;margin: 5px}
.fintech-megamenu-list ul li a{text-decoration: none;color: var(--bs-white)}
.fintech-megamenu-list ul li a:hover{color: var(--bs-black)}
.explore-info {line-height: normal;padding: 25px 0 25px 23px}
.explor-title.text-white {font-size: 18px;font-weight: 600;padding-bottom: 4px}
.explore-info p {font-size: 14px;font-weight: 350}
.explore-contact {padding-right: 30px}
.explore-contact span {font-size: 18px;font-weight: 600}
.explore-contact i {background: var(--bs-white);color: var(--bs-orange);padding: 5px}
.explore-contact a:hover {letter-spacing: 1px;padding-right: 10px}
.fintech-megamenu-list a {
	color: var(--bs-white);
	display: inline-block;
	padding-right: 10px;
	border-right: 1px solid var(--bs-white);
	font-size: 16px;
	margin: 5px;
}
.fintech-megamenu-list a:hover {
	color: var(--bs-black-gray) !important;
}




/* industry-megamenu-subdropdown-css */
.industry-megamenu a {height: 65px}
.industry-menu i:nth-child(1) {font-size: 40px;z-index: 1;transition: 0.5s;color: var(--bs-orange);width: 50px;text-align: center}
.industry-menu i:nth-child(2) {transition: 0.5s;color: #c9c9c9;width: 40px;font-size: 28px;bottom: -9px;margin-left: -22px}
.industry-menu .ezulix-gaming {font-size: 32px !important}
.industry-menu .ezulix-gaming {font-size: 31px}
.industry-menu .ezulix-sales_market {font-size: 35px !important}
.industry-contact-info{background: url("../image/background/header_bg.webp")}
.industry-contact-info::after{background:var(--bs-gradient);content:"";position:absolute;top:0;width:100%;height:100%;z-index:-1}

 /*=========================================
    3. Footer Section
==========================================*/
.footer-section {background: url("../image/background/footer_bg.webp");background-size: cover;z-index: 1;padding: 68px 0 0;background-position: center}
.footer-section::before {background: var(--bs-black);content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;opacity: 0.9}
.footer-logo img {width: 197px;margin-bottom: 15px}
.footer-awards img {width: 77px;transition: 0.5s all ease-in-out}
.footer-awards img:hover {transform: scale(1.1)}
.single-details {padding-top: 10px}
.desc-widget-title {color: var(--bs-light-orange);font-size: 20px;font-weight: 400;padding-right: 10px}
.desc-add {display: inline-table}
.desc-add, .desc-time, .desc-off {font-size: 18px;font-weight: 350}
.desc-contact, .desc-mail {font-size: 18px;font-weight: 350}
.mail-widget-list .desc-mail:first-child {padding-right: 25px}
.mail-widget-list .desc-mail:first-child::after {background: var(--bs-white);width: 2px;height: 17px;position: absolute;top: 2px;content: "";right: 10px}
.desc-contact:hover, .desc-mail:hover {color: var(--bs-primary)}
.footer-awards {padding-top: 25px;margin-top: 15px}
.footer-awards::before {background: linear-gradient(to right, var(--bs-orange), var(--bs-white));width: 100%;height: 2px;content: "";position: absolute;top: 0;border-radius: 10px}
.widget-inner-list ul {margin-bottom: 10px}
.footer-widget-title h5 {color: var(--bs-light-orange);font-size: 25px;font-weight: 400;padding-bottom: 5px;margin-bottom: 10px}
.footer-widget-title h5::before {background: linear-gradient(to right, var(--bs-orange), var(--bs-white));width: 100%;height: 2px;content: "";position: absolute;bottom: 0;border-radius: 10px}
.widget-inner-list a {color: var(--bs-white);font-size: 18px;font-weight: 350;padding: 3px 0;display: block}
.widget-inner-list a:hover {color: var(--bs-light-orange);padding: 3px 0 3px 2px}
.footer-social ul {
	display: flex;
	align-items: center;
}
.footer-social li {
	padding-right: 18px;
	margin-top: 10px;
}
.footer-social a {color: var(--bs-white)}
.footer-social a:hover {color: var(--bs-light-orange)}
.widget-inner-list a::before {content: "\ea3c";font-family: 'EzulixIcon';opacity: 0;font-size: 0;transition: 0.5s all ease-in-out}
.widget-inner-list a:hover::before {opacity: 1;font-size: 16px}
.footer-social a i {font-size: 27px;display: block}
.footer-social a .ezulix-linkedin_fill {font-size: 24px}
.footer-social a .ezulix-youtube-play {font-size: 30px}
.footer-social li:last-child i {padding-right: 0}
.copyright {margin-top: 30px}
.copyright::before {background: linear-gradient(to right, var(--bs-orange), var(--bs-white));width: 98%;height: 2px;content: "";position: absolute;top: 0;left: 0;right: 0;margin: 0 auto;border-radius: 10px}
.copyright p {font-size: 16px;font-weight: 350;padding: 45px 0}

/*=========================================
    4. Form Section
==========================================*/

input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"] {width: 100%;min-height: 44px;padding: 3px 20px;color:var(--bs-gray-dark);outline: 0;transition: .5s;font-weight: 400;font-size: 16px}
input[type="email"]::placeholder, input[type="number"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="text"]::placeholder, input[type="url"]::placeholder {color: var(--bs-secondary);font-weight: 350;font-size: 16px}
input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus {border-color: var(--bs-light-orange);box-shadow: none;background: #f7f7f7;color:var(--color-gray)}
textarea.form-control:focus {border-color:var(--bs-light-orange);box-shadow:none;color:var(--color-gray)}
textarea::-moz-placeholder, textarea::placeholder {color:var(--bs-secondary);font-weight: 350;font-size: 16px}
textarea {width:100%;padding:10px 20px;color: var(--bs-gray-dark);border:1px solid #f5f5f5;outline:0;font-weight: 400;font-size: 16px;resize:none} 


/*============================
    Breadcrumb section
=============================*/
.breadcumb-section {padding: 30px 0}
.breadcumb-links {color: var(--bs-black);font-size: 24px}
.breadcumb-links:hover {color: var(--bs-light-orange)}
.breadcumb-divid {padding: 0 10px;font-size: 23px;color: var(--bs-black)}
.breadcumb-active {color: var(--bs-light-orange);font-size: 24px}
.error {color: red}

/*============================
    All Page Banner Section
=============================*/
.service-banner-section {overflow-x: hidden}
.service-banner {top: 0;left: 0;width: 100%;height: 750px;-o-object-fit: cover;object-fit: cover;-webkit-user-select: none;-moz-user-select: none;user-select: none;pointer-events: none;object-position: top}
.service-banner-section::after {background: linear-gradient(90deg, var(--bs-black) 16%, transparent 100%);height: 750px;content: "";position: absolute;top: 0;left: 0;width: 100%;z-index: 0;opacity: 0.95}
.banner-content-wrapper {z-index: 1;height: 750px}
.service-banner-details {top: 55%;width: 700px;transform: translateY(-50%)}
.service-banner-details h1 {margin-bottom: 15px}
.service-banner-details p {line-height: 32px}
.social-media a {color: var(--bs-white);font-size: 21px;padding-bottom:10px;display: block}
.social-media a:hover {color: var(--bs-orange)}
.social-media {padding-top: 100px;width: 25px;float: right}
.scroll-text::after {background: #fff;width: 2px;height: 74px;content: "";position: absolute;top: 0px;left: 0;right: 0;margin: 0 auto}
.scroll-text p {text-align: right;letter-spacing: 11px;font-weight: 350;display: grid;position: absolute;top: 80px;transform: rotate(180deg)}
.scroll-text p span {transform: rotateZ(-270deg)}
.banner-content-wrapper .ezulix-long-arrow-right::before {content: "\ea3f"}
/* Move top bottom */
.img_bounce {
  animation: img_bounce 3s ease-in-out 0s infinite alternate;
}
@keyframes img_bounce {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
}
/* Move Left Right & hal around */
.bubble_mover {
  left: 187px;
  -webkit-animation-name: bubble_mover;
  animation-name: bubble_mover;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  animation-duration: 10s;
}
@keyframes bubble_mover {
  0% {
    -webkit-transform: translateY(0px) translateX(0) rotate(0);
    transform: translateY(0px) translateX(0) rotate(0);
  }
  30% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
  50% {
    -webkit-transform: translateY(50px) translateX(100px) rotate(45deg);
    transform: translateY(50px) translateX(100px) rotate(45deg);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
  }
  80% {
    -webkit-transform: translateY(30px) translateX(50px) rotate(15deg);
    transform: translateY(30px) translateX(50px) rotate(15deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
  }
  100% {
    -webkit-transform: translateY(0px) translateX(0) rotate(0);
    transform: translateY(0px) translateX(0) rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
  }
}
/* Move Left Right */
.move_horizontal {
  -webkit-animation: move_horizontal 3000ms infinite ease-in-out;
  animation: move_horizontal 3000ms infinite ease-in-out;
}
@-webkit-keyframes move_horizontal {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
  }
  50% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
  }
}
@keyframes move_horizontal {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
  }
  50% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
  }
}
@media (min-width:1600px) and (max-width:1919px) {
  /*** ----------------------------------------
         Service banner Section
  --------------------------------------*/
     .service-banner {height: 650px}
     .service-banner-section::after {height: 650px}
     .banner-content-wrapper {height: 650px}
     .social-media a {padding-bottom: 5px}
     .scroll-text::after {height: 50px}
     .scroll-text p {top: 70px}
     .scroll-text p span {line-height: 16px}
  }
@media (min-width:1400px) and (max-width:1599px) {
  /*** ----------------------------------------
         Service banner Section
  --------------------------------------*/
     .service-banner {height: 600px}
     .service-banner-section::after {height: 600px}
     .banner-content-wrapper {height: 600px}
     .social-media a {padding-bottom: 5px}
     .scroll-text::after {height: 50px}
     .scroll-text p {top: 60px}
     .scroll-text p span {line-height: 16px}
  }
@media (min-width:1200px) and (max-width:1399px) {
.header-section .container {max-width: 100%}
  /*** ----------------------------------------
         Service banner Section
  --------------------------------------*/
     .service-banner {height: 550px}
     .service-banner-section::after {height: 550px}
     .banner-content-wrapper {height: 550px}
     .social-media a {padding-bottom: 5px}
     .scroll-text::after {height: 40px}
     .scroll-text p {top: 45px}
     .scroll-text p span {line-height: 16px}
  }
@media (min-width:1025px) and (max-width:1199px) {
/*===== Haader ====*/    
.nav-link {padding-left:0;font-size: 16px}
.menu-navbar {padding-right:0}
.mega-menu {right: -156px}
.header-section .container {max-width: 100%}
}
@media (min-width:992px) and (max-width:1199px) {
  .fs-48{font-size: 34px !important} 
  .fs-45{font-size: 32px !important}
  .fs-42{font-size: 32px !important}
  .fs-40{font-size: 30px !important}
  .fs-38{font-size: 30px !important}
  .fs-35{font-size: 28px !important}
  .fs-32{font-size: 26px !important}
  .fs-30{font-size: 26px !important}
  .fs-28{font-size: 24px !important}
  .fs-26{font-size: 22px !important}
  .fs-24{font-size: 20px !important}
  .fs-23{font-size: 20px !important}
  .fs-22{font-size: 20px !important}
  .fs-21{font-size: 20px !important}
  .fs-20{font-size: 18px !important}
    /*** ----------------------------------------
          Service Banner Section
  --------------------------------------------*/
  .service-banner {height: 500px}
  .service-banner-section::after {height: 500px}
  .banner-content-wrapper {height: 500px}
  .service-banner-details {top: 57%;transform: translateY(-50%)}
  .social-media a {padding-bottom: 5px}
  .scroll-text::after {height: 35px}
  .scroll-text p {top: 35px}
  .scroll-text p span {line-height: 16px}
}

@media only screen and (min-width:992px) {
/* Footer */    
.awards-widget {width: 77%}  
}

@media (min-width:768px) and (max-width:991px) {
.fs-48{font-size: 32px !important} 
.fs-45{font-size: 32px !important}
.fs-42{font-size: 32px !important}
.fs-40{font-size: 30px !important}
.fs-38{font-size: 30px !important}
.fs-35{font-size: 28px !important}
.fs-32{font-size: 26px !important}
.fs-30{font-size: 26px !important}
.fs-28{font-size: 22px !important}
.fs-26{font-size: 20px !important}
.fs-24{font-size: 18px !important}
.fs-23{font-size: 18px !important}
.fs-22{font-size: 18px !important}
.fs-21{font-size: 18px !important}
.fs-20{font-size: 16px !important}
.fs-18{font-size: 16px !important}
    /*** ----------------------------------------
          Service Banner Section
  --------------------------------------------*/
.service-banner {height: 450px}
.service-banner-section::after {height: 450px}
.banner-content-wrapper {height: 450px}
.service-banner-details {top: 50%;width: 67%;transform: translateY(-50%)}
.social-media a {padding-bottom: 5px}
.scroll-text::after {height: 20px}
.social-media {
	padding-top: 80px
}
.scroll-text p {top: 25px}
.scroll-text p span {line-height: 16px}
/* Footer */
.footer-logo img {width: 200px}    
}

@media only screen and (min-width:1025px) {
/*===== Haader ====*/    
.megamenu-block {display: flex}
.menu-social {display: none}
.mobile-logo {display: none}
.company-megamenu-bottom {
	display: grid;
	grid-template-columns: 55% 45%;
}
.industry-megamenu:nth-child(1), .industry-megamenu:nth-child(2) {padding-right: 27px}
.single-fintech-megamenu:first-child{width: 38%}
.single-fintech-megamenu:last-child{width: 62%}
}

@media only screen and (max-width:1024px) {
/*===== Haader ====*/  
#header {padding: 15px 0}  

.mega-menu-container {padding: 0}
.mobile-logo {background: #fff;padding: 20px}
.mobile-logo img {width: 250px}
#menu-btn:checked ~ .menu-nav{left: 0%}
#menu-btn:checked ~ .btn.menu-btn{display: none}
#close-btn:checked ~ .btn.menu-btn{display: block  }
.header-dropdown-links, .header-megamenu-right {width: 100%}
.nav-link {line-height: 34px;border-bottom: 1px solid #2b2c2d}
.mobile-item::after {content: "\ea3e";font-family: var(--ez-icon-family);top: 8px;position: absolute;right: 0}
.single-megamenu::after {display: none}
.social-text {display: none}
.header-socials a::after {right: -13px;top: 0px}
.right-megamenu-content {padding: 0 0 0 10px}
.right-top-title {padding-bottom: 10px}
.contact-title {padding-top: 24px;}
.company-megamenu-bottom a:first-child::after {display: none}
.company-megamenu-bottom a {display: block;line-height: 20px}
.fintech-urls li {display: block;padding-top: 0}
.fintech-urls li::after {display: none}   
.fintech-megamenu-subdropdown a {width: 100%} 
.industry-contact-info {background-size: cover;background-position-x: 74%}
.multi-mega_submenu a, .expertise-solution-menu a {line-height: 30px}
.explore-info {padding: 37px 0 10px 23px}
.explore-contact {padding: 0 0 0 30px;text-align: left !important}
.menu-navbar .btn {display: block}
.menu-nav .dropdown-nav {display: none}
.menu-nav .mobile-item {display: block;cursor: pointer;font-weight: 350}
.mobile-item:hover {color: var(--bs-orange)}
.menu-navbar .menu-nav {position: fixed;height: 100vh;width: 100%;max-width: 350px;top: 0;left: -100%;background: #242526;display: block;line-height: 50px;overflow-y: auto;box-shadow: 0px 15px 15px rgba(0, 0, 0, 0.18);transition: all 0.3s ease;padding: 15px !important;z-index:1}
.mega-menu {position: static;top: 65px;opacity:1;visibility:visible;max-height: 0px;overflow: hidden;transition: all 0.3s ease;width: 100%}
.menu-nav li:hover .drop-menu, .menu-nav li:hover .mega-menu {transition:all 0.3s ease;top:92px;opacity:1;visibility:visible}
.mega-menu .single-megamenu {width: 100%;margin-bottom: 15px;border-top: 1px solid rgba(255, 255, 255, 0.08)}
.mega-menu .single-megamenu:nth-child(1), .mega-menu .single-megamenu:nth-child(2) {border-top: 0px}
.single-megamenu .menu-title {font-size: 19px}
.mega-sub-menu {border-left: 0px;padding-left: 15px}
.mega-sub-menu li {margin: 0}
.industry-contact-info .col-sm-12 {width: 100%}
.menu-nav .drop-menu {position: static;opacity: 1;top: 65px;visibility: visible;width: 100%;max-height: 0px;overflow: hidden;transition: all 0.3s ease}
#showDrop:checked ~ .drop-menu,
.megamenu_show:checked ~ .mega-menu{max-height: 100%}  
.menu-navbar .btn.menu-btn {position: absolute;right: -158px;top: -21px}
.demo-btn {position: relative;left: -100px}  
}
@media only screen and (max-width:991px) {
.awards-widget {padding-bottom: 25px}
.bottmlnk-list::after {background: linear-gradient(to right, var(--bs-orange), var(--bs-white));width: 100%;height: 2px;content: "";position: absolute;top: 0;border-radius: 10px}
.bottmlnk-list {padding: 30px 0}
.copyright::before {width: 96%;}
}
@media only screen and (max-width:767px) {
.fs-48{font-size: 30px !important}
.fs-45{font-size: 30px !important}
.fs-42{font-size: 30px !important}
.fs-40{font-size: 30px !important}
.fs-38{font-size: 30px !important}
.fs-35{font-size: 26px !important}
.fs-32{font-size: 24px !important}
.fs-30{font-size: 24px !important}
.fs-28{font-size: 22px !important}
.fs-26{font-size: 20px !important}
.fs-24{font-size: 18px !important}
.fs-23{font-size: 18px !important}
.fs-22{font-size: 16px !important}
.fs-21{font-size: 16px !important}
.fs-20{font-size: 16px !important}
.fs-18{font-size: 16px !important}
/*===== Haader ====*/    
.header-logo img {width: 150px;height: auto}
   /*** ----------------------------------------
            Service Pge Banner Section
  -------------------------------------------*/
.service-banner {height: 400px}
.service-banner-section::after {height: 400px}
.banner-content-wrapper {height: 400px}
.service-banner-details {top: 50%;width: 67%;transform: translateY(-50%)}
.banner-content-wrapper .col-lg-6:nth-child(2) {display: none}

/*** Footer ***/  
.footer-logo img {width: 150px}    
.time-widget p:first-child {float: none}
}

@media only screen and (min-width:576px) {
.bottmlnk-list {text-align: right;display: flex;width: 100%;justify-content: space-between}
}
@media only screen and (max-width:575px) {
/*===== Haader ====*/    
.header-logo img {width: 130px}
.demo-btn a {padding: 10px 10px}
.service-banner-details {width: 94%} 
/* Footer */    
.footer-awards {display: inline-block}
.bottmlnk-list a {color: #fff;display: block;padding-bottom: 10px}
}

@media only screen and (min-width:421px) {
/*===== Haader ====*/    
.multi-mega_submenu a {width: 49%;float: left}
}

@media only screen and (max-width:420px) {
/*===== Haader ====*/    
.demo-btn a {font-size: 12px;position: relative;top: -2px}
.menu-navbar .btn.menu-btn {right: -111px}
.demo-btn {left: -70px}
}

@media only screen and (max-width:340px) {
/*===== Haader ====*/    
  .menu-navbar {padding-right: 0}
  .footer-social ul {display: block}
}

 /* footer-bottom */
.bottmlnk-list a {color: var(--bs-white);font-weight: 350}
.bottmlnk-list {padding: 45px 0}