h1, h2, h3, h4, h5, h6, p, span, ul, li, a, .btn-default, textarea {margin: 0;padding: 0;}
* {margin: 0;padding: 0;}
a {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {text-decoration: none;}
h2 {text-transform: capitalize;}
p{font-size: 16px;}
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {background-color: #ebebeb;-webkit-border-radius: 10px;border-radius: 10px}
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background: #2f2e6678}
::-moz-selection {color: #fff;background: #2F2E66}
::selection {color: #fff;background: #2F2E66}
@font-face {font-family: 'display-semi-bold';src: url('../fonts/euclid-circular-semi-bold.woff') format('woff');}
@font-face {font-family: 'display-bold';src: url('../fonts/euclid-circular-bold.woff') format('woff');}
@font-face {font-family: 'display-regular';src: url('../fonts/euclid-circular-regular.woff') format('woff');}
@font-face {font-family: 'display-bold';src: url('../fonts/euclid-circular-medium.woff') format('woff');}
 h1, h2, h3, h4 {font-family: 'display-semi-bold';text-transform: capitalize;}
 h5, h6, p, a, li{font-family: 'display-regular'!important;}
/* ************************************ */

/*RESPONSIVE NAVIGATION*/
.mobile-menu {display: none}
.mobile-menu .circle {width: 40px;height: 40px;line-height: 40px;color: #fff;border-radius: 50%;background: #2F2E66;margin: 0 auto;font-size: 16px;position: fixed;right: 20px;top: 15px;display: flex;justify-content: center;align-items: center;z-index: 2;border: 2px solid #fff}
.mobile-menu .mobile-cross {width: 40px;height: 40px;line-height: 40px;color: #fff;border-radius: 50%;background: #2F2E66;margin: 0 auto;font-size: 16px;position: fixed;right: 10px;top: 10px;display: flex;justify-content: center;align-items: center;z-index: 99999;border: 2px solid #fff}
.mobile-menu .nveMenu {position: fixed;top: 0;left: 0;right: 0;width: 280px;height: 100%;background: #fff;opacity: 0;visibility: hidden;z-index: 999;transform: translateX(-320px);transition: all .5s cubic-bezier(.7, 0, .3, 1);padding: 40px 20px;border: 2px solid #fff}
.mobile-menu .nveMenu.is-opened {opacity: 1;visibility: visible;transform: translateX(0)}
.mobile-menu .overlay {position: fixed;top: 0;right: 0;width: calc(100% - 280px);height: 100%;background: rgba(0, 0, 0, .71);opacity: 0;visibility: hidden;transition: all .5s cubic-bezier(.7, 0, .3, 1)}
.mobile-menu .overlay.is-on {opacity: 1;visibility: visible;z-index: 999}
.mobile-menu .navlinks li {display: block;padding: 8px 0}
.mobile-menu .navlinks li a {text-transform: uppercase;color: #666;font-weight: 700;text-decoration: none}
.mobile-menu .navlinks li a:hover {text-decoration: none}
.mobile-dropdown button {background: 0 0;border: none;text-transform: uppercase;color: #666;font-weight: 700;text-decoration: none}
.mobile-dropdown ul.dropdown-menu.show {border-radius: 0 0 20px 20px;border: none;height: 225px;padding: 15px;box-shadow: 0 15px 35px #00000029;overflow: auto}
/*RESPONSIVE NAVIGATION*/
/* PRELOADER START */
.preloader {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 9999;background-image: url('../images/preloader.gif');background-repeat: no-repeat;background-color: #FFF;background-position: center;}
/* PRELOADER END */
.active-class {border: 2px solid #000;}
.active-header {background-color: #ffffff2e!important;top: 0;backdrop-filter: blur(7px);}
/* ************************************ */
.header {position: absolute;z-index: 99;height: 80px;top: 0px;width: 100%;background: #0000001f;padding: 20px 0;-webkit-transition: all ease-out .5s;-moz-transition: all ease-out .5s;-o-transition: all ease-out .5s;transition: all ease-out .5s;border-bottom: 2px solid transparent}
.activ-header {bacground-color: #ffffff!important;top: 0;	box-shadow: 0 3px 30px #00000029;}
.second-header {	background: #fff;	display: none;	visibility: hidden;	position: fixed;	transition: all .75s linear!important;	width: 100%;	border-bottom: 1px solid #f2653a;	padding: 10px 0;	line-height: 0}
.second-header.sticky-header {display: flex;visibility: visible;transition: all .75s linear!important;top: -100px;transform: translateY(100px);z-index: 200}
.second-header .dropdown-nav {margin: 12px 0;padding: 10px 15px 0 15px}
.second-header-dropdown li a:hover {color: #f2653a}
.second-header ul.nav.navbar-na {line-height: 70px;top: 0}
.main-logo {width: 200px;}
.main-header-bg {background: transparent;/* box-shadow: 0 3px 30px #00000029; */line-height: 70px;padding: 5px 0}
.main-header-bg .main-header {display: flex;justify-content: space-between}
.main-header-bg .main-header ul {list-style: none;text-transform: uppercase}
.main-header .main-navigation ul li a {color: #000;text-decoration: none;padding: 0 10px;margin: 0px 15px;font-weight: 600;font-size: 16px;}
.main-header .main-navigation ul li a:hover {color: #FF3F00;}
.main-header .dropdown .dropdown-menu {box-shadow: 0 15px 35px #00000029;border-radius: 10px;opacity: 1;top: 63px;padding: 10px 20px;background-color: rgb(255 255 255 / 36%);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px)}
.main-header .dropdown .dropdown-menu ul li a {letter-spacing: 0;color: #000;text-transform: uppercase;font-size: 14px;padding: 0 10px 0 40px}
.main-navigation ul.nav li.dropdown:hover ul.dropdown-menu {display: block}
.main-navigation .dropdown-menu {line-height: 40px;width: max-content}
.main-dropdown-arrow .button {position: relative}
.main-dropdown-arrow .button:after {content: "";position: absolute;top: 50%;margin-top: -3px;left: -5px;width: 8px;height: 8px;border: 2px solid #FF3F00;border-left: 0;transform: rotate(316deg);border-top: 0;transition: all .3s ease}
.main-dropdown-arrow .button:hover:after {left: 3px;left: 3px}
.navi-drop-hr {width: 95%!important;margin: 0}
.main-banner-bg {margin: 100px 0 0 0;padding: 60px 0;background-size: cover;background-repeat: no-repeat}
.main-banner-bg h5 {color: #FF3F00;padding: 10px 0;text-transform: uppercase}
.main-banner-bg h1 {font-size: 40px;font-weight: 700;color: #fff;text-transform: uppercase;line-height: 56px}
.main-banner-bg p {font-size: 15px;color: #fff}
.main-navigation .nav-link {font-weight: bold;font-size: 14px;text-transform: uppercase;text-decoration: none;color: #031D44;padding: 20px 0px;display: inline-block;position: relative;opacity: 0.75;}
.main-navigation .nav-link:hover {opacity: 1;}
.main-navigation .nav-link::before {transition: 0.5s;height: 2px;content: "";position: absolute;background-color: #FF3F00;}
.main-navigation .nav-link-ltr::before {width: 0%;bottom: 15px;}
.main-navigation .nav-link-ltr:hover::before {width: 100%;}

/* Main Buttons */
.main-header-btn a {border-radius: 25px;font-weight: bold!important;border: 2px solid #E51860;color: #FF3F00!important;padding: 10px 20px!important;transition: 0.3s;}
.main-header-btn a:hover {color: #fff!important;border: 2px solid #f28119;background-color: #f28119;}
.main-btn-1, .main-btn-2, .main-btn-3 {margin: 30px 0 10px 0;}
.main-btn-2 a {border-radius: 25px;padding: 10px 25px;transition: 0.3s;color: #fff;border: 1px solid #fff;font-family: 'display-regular'}
.main-btn-2 a:hover {background-color: #f28119;color: #fff;}
.main-btn-1, .main-btn-1 button {background: linear-gradient(90deg, rgba(229, 24, 96, 1) 0%, rgba(242, 129, 25, 1) 100%);border: none;font-size: 14px;
color: #fff;text-transform: uppercase;padding: 10px 30px!important;padding: 1.4rem 2.1rem;transition: color 0.1s cubic-bezier(0.16, 0.08, 0.355, 1), background 0.1s cubic-bezier(0.16, 0.08, 0.355, 1);
display: inline-block;cursor: pointer;min-width: 11rem;outline: none;vertical-align: middle;text-align: center;position: relative;overflow: hidden;border-radius: 50px;}
.main-btn-1:hover,button:hover {border-color: #2a2a2a;color: #fff;}
.main-btn-1-arrow {position: relative;transition: background-color 300ms ease-out;}
.main-btn-1-arrow span {display: inline-block;position: relative;transition: all 300ms ease-out;will-change: transform;font-family: 'display-semi-bold'}
.main-btn-1-arrow:hover span {transform: translate3d(-1rem, 0, 0);font-family: 'display-regular'}
.main-btn-1-arrow svg {position: absolute;width: 1.1em;right: 0px;right: 0rem;opacity: 0;top: 50%;transform: translateY(-50%);transition: all 300ms ease-out;will-change: right, opacity;}
.main-btn-1-arrow svg * {stroke-width: 5;stroke-color: transparent;}
.main-btn-1-arrow:hover svg {opacity: 1;right: -2rem;}

/* Main Intro */

.main-intro-bg {padding: 10% 0 50px 0;background-image: url('../images/banner/main-banner.webp');background-size: cover;background-repeat: no-repeat;height: 770px;}
.main-intro-img {position: relative;margin: 60px 0 0 0;}
.main-intro-img:after {content: '';background-image: url('../images/vector.webp');background-size: cover;background-repeat: no-repeat;background-position: right;width: 250px;height: 150px;position: absolute;right: 0px;top: -60px;z-index: -1;}
.main-intro-content h5 {color: #282354;font-size: 25px;}
.main-intro-content h1 {font-size: 60px;color: #282354;}
.main-intro-content p {padding: 5px 0 10px 0;font-size: 16px;}
.main-intro-content {height: 220px;}
.main-intro-bg .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0;display: flex;justify-content: start;position: absolute;bottom: 12%;}
.main-intro-bg .owl-theme .owl-dots .owl-dot span {background: #ff3f0059;}
.main-intro-bg .owl-theme .owl-dots .owl-dot.active span, .main-intro-bg .owl-theme .owl-dots .owl-dot:hover span {background: #ff3f00;box-shadow: 0 0 10px 5px #ff3f008f;}
/* Company Abt */
.company-abt-bg {padding: 50px 0;background-color: #282354;border-radius: 100px 0 0 0;position: relative;}
.company-abt-img {animation: element-1 10s ease-in-out infinite;position: absolute;top: -70px;width: 29%;}
.icon-animation {animation: element-2 3s ease-in-out infinite;}
.company-abt-img img{width: 90%;}
.abt-img-radio {aspect-ratio: 6/4!important;}

/*keyframes*/
@keyframes element-1 {0% {transform: translatey(0px);}50% {transform: translatey(40px);}100% {transform: translatey(0px);}}
@keyframes element-2 {0% {transform: translatey(0px);}50% {transform: translatey(10px);}100% {transform: translatey(0px);}}
.company-abt h2 {font-size: 50px;color: #fff;}
.company-abt h5 {color: #fff;padding: 25px 0;}
.company-abt p {color: #fff;padding: 0;text-align: justify;}
.company-abt button {color: #FF3F00;padding: 10px 0;font-weight: 600;border: none;margin: 5% 0 0 0;background-color: transparent;}
.company-abt-details p {color: #fff;padding: 30px 0 0 0;text-align: justify;}

/* Services */
.services-bg {position: relative;/* background-color: #282354; */}
.services-head h2 {font-size: 50px;color: #fff;}
.services-caro-head {padding: 50px 0;height: 800px;}
.services-caro-head-clr-1 {background-color: #1786bb;}
.services-caro-head-clr-2 {background-color: #2f2e66;}
.services-caro-head-clr-3 {background-color: #dd4f4a;}
.services-caro-head-clr-4 {background-color: #8a8a8a;}
.services-caro-head-clr-5 {background-color: #0e2041;}
.services-content h1 {font-size: 90px;font-weight: 900;background-image: linear-gradient(to bottom, #fff, #cbc6c600);color: rgba(0, 0, 0, 0);-webkit-background-clip: text;background-clip: text;position: relative;bottom: -47px;}
.services-content h3 {color: #fff;font-size: 50px;}
.services-content p {color: #fff;padding: 10px 0;font-size:14px;text-align: justify;}
.services-bg .owl-theme .owl-dots, .owl-theme .owl-nav {text-align: center;-webkit-tap-highlight-color: transparent;position: absolute;transform: rotate(90deg);top: 42%;left: -91px;}
.services-bg .owl-theme .owl-dots .owl-dot span {width: 3px;height: 15px;margin: 15px 25px 0 25px;background: #D6D6D6;display: block;-webkit-backface-visibility: visible;transition: opacity .2s ease;border-radius: 30px;transition: 0.3s;}
.services-bg .owl-theme .owl-dots .owl-dot.active span, .services-bg .owl-theme .owl-dots .owl-dot:hover span {width: 3px;height: 43px;background: #fff;}
.services-bg .owl-dots {counter-reset: dots;color: #fff;transition: 0.3s;}
.services-bg .owl-theme .owl-dots .owl-dot:before {counter-increment: dots;content: counter(dots);display: inline-block;transform: rotate(270deg);}
.services-img {padding: 10%;}

/* CTA 1*/
.cta-1-bg {padding: 50px 0;background-color: #282354;background-repeat: no-repeat;background-size: contain;background-position: center;}
.cta-1-content {padding: 20px 0;}
.cta-1-content h3 {font-size: 50px;color: #fff;padding: 0 0 5px 0;}
.cta-1-content p {color: #fff;padding: 0 0 8px 0;}
.cta-1-content-icon  {background-color: #fff;border-radius: 50px;width: 50px;height: 50px; margin: 0 auto;display: flex;justify-content: center; align-items: center;}
.cta-1-content h5 {color: #fff;font-size: 16px;padding: 16px 0 0 0;}
.cta-1-content a {color: #fff;transition: 0.3s;padding: 5px 0;font-weight: bold;font-size: 20px;}
.cta-1-content a:hover {color: #FF3F00;}


/* Features */
.features-bg {padding: 50px 0 150px 0;}
.features-content h2 {font-size: 50px;color: #2F2E66;}
.features-content p {color: #000;padding: 10px 0;}
.features-card {box-shadow: 0 0 15px 1px #d0e0feba;padding: 30px;border-radius: 15px;margin: 10px;width: 240px;transition: 0.5s;border: 2px solid #d9e5f0a6;}
.features-card:hover {border: 2px solid #f28119;}
.features-card:hover h6 {color: #f28119;}

.features-card img {width: 50px;}
.features-card h6 {color: #000;padding: 20px 0 10px 0;font-weight: 600;text-transform: capitalize;}

/* CTA 2 */
.cta-2-bg {padding: 50px 0;background-color: #282354;position: relative;border-radius: 0 100px 0 0;}
.cta-2-content h3 {color: #fff;padding: 0 0 15px 0;font-size: 45px;}
/*.cta-2-foot {background-image: url('../images/cta-2-bg.webp');background-size: cover;background-repeat: no-repeat;}*/
.cta-2-foot1{position: absolute;right: 8%;bottom: 0;width: 420px;}
.cta-2-foot2{position: absolute;right: 25px;bottom: 45px;width: 375px;animation: element-3 8s ease-in-out infinite;}
@keyframes element-3 {0% {transform: translatey(0px);}50% {transform: translatey(40px);}100% {transform: translatey(0px);}}


/* Technologies */
.technologies-bg {padding: 50px 0;}
.technologies-content h2 {font-size: 50px;padding: 0 0 25px 0;color: #333333;}
.technologies-bg .nav-tabs .nav-item.show .nav-link, .technologies-bg .nav-tabs .nav-link.active {color: #ff3f00;background-color: #fff;border-color: #fff0 #ffffff00 #FF3F00;transition: .3s;border-bottom: 3px solid #FF3F00;}
.technologies-bg .nav-tabs .nav-link {margin-bottom: 0px;background: 0 0;border: none;font-size: 16px;font-weight: 600;transition: 0.5s;margin: 0 20px;}
.technologies-bg .nav-tabs .nav-link:hover {color: #ff3f00;}
.technologies-bg .nav-tabs {border-bottom: 1px solid #cecece61;}
.technologies-card {margin: 20px;padding: 10px;}
.technologies-card h6{padding: 15px 0 0 0;font-weight: 600;}
.technologies-card img{width: 60px!important;margin: auto;}
.technologies-bg a{color: #333333;}

/* Approach */
.approach-bg {padding: 50px 0;}
.approach-head h2 {font-size: 50px;color: #333333;}
.approach-head p {padding: 0 0 10px 0;}
.approach-content {padding: 4% 1% 7% 15px;margin: 15px 0;border: 2px solid #d9e5f0a6;box-shadow: 0 0 15px 1px #d0e0feba;}
.approach-content h3 {color: #333333;padding: 0;font-size: 25px;}
.approach-content p{padding: 5px 5% 0px 10%;font-size: 15px;text-align: justify;}
.approach-content img{width: 55px;margin: 0 10px 0 0px;}
.approach-content-head {padding: 20px 0;}
.approach-content-head h2{font-size: 50px;line-height: 65px;padding: 0 0 20px 0;color: #333333;}
.approach-content-head p{font-size: 17px;}
.approach-content-img {padding: 20px 0;animation: element-3 30s ease-in-out infinite;}
@keyframes element-4 {0% {transform: translatey(0px);}50% {transform: translatey(40px);}100% {transform: translatey(0px);}}
/* Counter */
.counter-bg {padding: 50px 0;position: relative;}
.counter-head h2 {font-size: 50px;color: #333333;padding: 0 0 15px 0;}
.counter-head p, .counter-card h5{color: #666666;}
.counter-card {padding: 15px;box-shadow: 0 20px 40px 5px #cecece7a;border-radius: 25px;margin: 30px 15%;transition: 0.3s;border: 2px solid #d9e5f0a6;background-color: #fff;background: #ffffff;/* background: linear-gradient(180deg, #ffffff 0%, #fff1dd 70%, #FFF1DD 100%); */}
.counter-card span.count {color: #2F2E66;font-size: 55px;font-weight: bold;font-family: 'display-semi-bold'}
.counter-card .counter-inner h5 {color: #000;font-size: 25px;}
.counter-bg:after {content: "";position: absolute;bottom: 0px;left: 0;height: 160px;background-color: #fff1dd;width: 100%;z-index: -1;}
/* Reviews */
.reviews-bg {padding: 50px 0;}
.reviews-content h2 {font-size: 50px;color: #333333;}
.reviews-content p{padding: 10px 20px 15px 20px;}
.reviews-inner {border-radius: 10px;margin: 20px 15px;box-shadow: 0 0px 25px 0 #00000005;padding: 18px;border: 1px solid transparent;transition: .3s;background-color: #ffffff8f;}
.reviews-inner:hover{box-shadow: 20px 20px 25px 0 #00000015;}
.reviews-inner h4 {font-size: 22px;font-weight: bold;color: #fff;height: 85px;overflow: auto;padding: 15px 0;}
.reviews-inner p {color: #000;padding: 15px 10px;height: 170px;overflow: auto;font-size: 14px;text-align: justify;}
.reviews-inner-content {padding: 0 0 0 10px;}
.reviews-icon-img img {width: 100px!important;height: 25px;}
.reviews-logo {width: 70px!important;}
.reviews-inner-content h5{font-weight: 700;color: #333333;font-size: 20px;}
.reviews-inner-content h6{color: #9D9CC8;font-size: 14px;}

/* Footer */
.footer-bg {background-color: #110E2C;padding: 30px 0}
.footer-content-1 p {font-size: 15px;color: #fff;padding: 20px 0 10px 0;text-align: start;}
.social-icons a {display: inline-block;background-color: #fff;border-radius: 50px;width: 40px!important;height: 40px!important;padding: 11px;font-size: 20px;color: #110E2C;margin: 20px 0;}
.social-icons i {display: flex;justify-content: center;align-items: center;}
.footer-content-2 h4, .footer-content-3 h4 {color: #fff;font-size: 25px;font-weight: 700;padding: 0 0 20px 0;}
.footer-content-2 ul li {color: #FF3F00;margin: 5px 0px 5px 17px;}
.footer-content-2 ul li a {color: #fff;text-decoration: none;transition: 0.3s;font-size: 15px;}
.footer-content-2 ul li a:hover {color: #FF3F00;text-decoration: none}
.footer-content-3 {color: #fff}
.footer-content-3 ul {list-style: none}
.footer-content-3 ul li {display: flex;padding: 5px 0;font-size: 15px;}
.footer-content-3 li i {padding: 4px 10px 0 0}
.footer-content-3 a {color: #fff;text-decoration: none;font-size: 15px;}
.footer-content-3 a:hover {color: #FF3F00}
.footer-hr {height: 1px!important;color: #fff;margin: 35px 0 20px 0;opacity: 1}
.footer-btm {display: flex;justify-content: space-between;color: #fff}
.footer-btm a {color: #fff;text-decoration: none}
.footer-btm a:hover {color: #FF3F00;text-decoration: none}
.footer-logo {width: 180px}
.footer-content-3 li img {width: 18px;margin: 0 9px 0 0;}
/* ------------------------------- */
.btm-sec-shade{background: rgb(255,241,221);background: linear-gradient(180deg, rgba(255,241,221,1) 0%, rgba(235,233,249,1) 50%, rgba(255,255,255,1) 100%);}
.faqs-bg {margin: 0;padding: 50px 0;}
.faqs-bg .accordion-button:not(.collapsed) {color: #333333;background-color: #fff;border: none;}
.faqs-bg .accordion-button:focus {z-index: 3;border-color: #2f2e668a;outline: 0;box-shadow: 0 0 0 0.25rem #2f2e668a;}
.faqs-bg .accordion-collapse,.faqs-bg .accordion-button {border: none;background-color: #fff;color: #282354;}
.faqs-bg .accordion-body p{color: #666666;}
.faqs-bg .accordion-item {margin: 20px 0;}
/* .faqs-bg .card {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);background-color: #fff;border-radius: 10px;cursor: pointer;margin: 15px 10px;}
.faqs-bg .card .content {width: 100%;height: 100%;position: relative;overflow: hidden;}
.faqs-bg .card .content .back {position: absolute;width: 100%;height: 100%;background: linear-gradient(90deg, rgba(229, 24, 96, 1) 0%, rgba(242, 129, 25, 1) 100%);transition: 1s;z-index: 1;padding: 10px;border-radius: 10px;padding: 50px 30px;color: #fff;}
.faqs-bg .front {padding: 50px 30px;height: 440px;}
.faqs-bg .front h2 {font-size: 60px;padding: 0 0 50px 0;-webkit-text-stroke: 1px #FF3F00;color: #fff;text-shadow: 3px 3px 0 #FF3F00, -1px -1px 0 #f28119, 1px -1px 0 #FF3F00, -1px 1px 0 #f28119, 1px 1px 0 #FF3F00;}
.faqs-bg .front h3 {font-size: 25px;}
.faqs-bg .back h2 {font-size: 60px;padding: 0 0 30px 0;color: #fff;text-shadow: 3px 3px 0 #f28119, -1px -1px 0 #f28119, 1px -1px 0 #f28119, -1px 1px 0 #f28119, 1px 1px 0 #f28119;}
.faqs-bg .from-right {top: 0%;right: -100%;}
.faqs-bg .card:hover .content .from-right {right: 0;}
.faqs-bg .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 10px;display: flex;justify-content: start;}
.faqs-bg .owl-theme .owl-dots .owl-dot span {background: #ff3f0059;}
.faqs-bg .owl-theme .owl-dots .owl-dot.active span, .faqs-bg .owl-theme .owl-dots .owl-dot:hover span {background: #ff3f00;box-shadow: 0 0 10px 2px #ff3f008f;} */

/* CTA 3 */
.cta-3-bg {padding: 50px 0;background-color: #110E2C;border-radius: 0 100px 0 0;color: #fff;}
.cta-3-content h4{font-size: 45px;padding: 0 0 10px 0;}

/*  Services */
.blog-bg {padding: 50px 0 24% 0;position: relative;}
.blog-carousel {position: absolute;width: 83%;}
.blog-content h2, .blog-content h4 {color: #2F2E66;font-size: 60px;}
.blog-card {background-color: #FCFCFD;transition: .8s;margin: 20px 0 10px 0;border-radius: 10px;}
/* .blog-card:hover {box-shadow: 0 0 8px 0px #d0e0feba;border-radius: 15px;background-color: #fefeff;border: 1px solid #FF3F00;} */
.blog-card h3 {padding: 10px 0 5px 0;color: #2F2E66;height: 80px;font-size: 22px;}
.blog-card p {height: auto;overflow: auto;}
.blog-box {margin: 0 0 0 auto;}
.blog-bg .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 0;display: flex;}
.blog-bg .owl-theme .owl-dots .owl-dot span {background: #ff3f0059;}
.blog-bg .owl-theme .owl-dots .owl-dot.active span, .blog-bg .owl-theme .owl-dots .owl-dot:hover span {background: #ff3f00;box-shadow: 0 0 10px 2px #ff3f008f;}

/* ABOUT START */
.main-abt-bg {padding: 120px 0 100px 0;background-image: url('../images/banner/main-banner.webp');background-size: cover;background-repeat: no-repeat;}
.abt-info-2-bg {padding: 50px 0;margin: 8% 0;background: rgb(229,24,96);background: linear-gradient(90deg, rgba(229,24,96,1) 0%, rgba(242,129,25,1) 58%, rgba(255,255,255,1) 90%);border-radius: 100px 0 0 0;position: relative;}
.abt-info-2-bg::before {content: "";position: absolute;top: -190px;left: 0;height: 290px;background-image: url('../images/banner/main-banner.webp');/* background-size: cover; */background-position: revert;width: 100%;z-index: -1;}
.abt-info-2-content h4 {font-size: 50px;color: #fff;padding: 0 0 5px 0;}
.abt-info-2-content p {padding: 0 0 8px 0;color: #fff;font-size: 18px;}
.abt-info-2-content input {border-radius: 25px;}
.abt-info-foot{position: absolute;right: 0;padding: 0;top: -64%;}
.abt-info-foot p{background-color: #fff;padding: 12%;height: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 0 15px 0px #6666663d;}
.abt-img {position: relative;aspect-ratio: 9/4;overflow: hidden;cursor: pointer;z-index: 1;}
.abt-img {position: relative;aspect-ratio: 9/4;overflow: hidden;cursor: pointer;z-index: 1;}
.abt-img img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;z-index: -1;transition: 0.7s;}
.abt-img:hover img {transform: scale(1.15);}
.abtimg-head p{background-color: #fff;padding: 20px;position: relative;top: -35px;margin: 0 5%;z-index: 1;font-size: 18px;text-align: justify;}
.head-banner-bg {padding: 5% 0;background: rgb(229,24,96);background: linear-gradient(90deg, rgba(229,24,96,1) 0%, rgba(242,129,25,1) 100%);border-radius: 100px 0 0 0;position: relative;margin: 6% 0 0 0;}
.portfolio-foot img {width: 350px;position: absolute;right: 10%;bottom: 0;top: -10%;}
.portfolio-foot2 img {width: 350px;position: absolute;right: 10%;bottom: 0;top: 4%;}

/* Expertise */
.expertise-bg{padding: 50px 0;}
.expertise-head button img {width: 40px;height: 40px;padding: 4px;margin: 0 8px 0 0px;}
.expertise-head .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #FF3F00;background-color:  transparent;}
.expertise-head .nav-link {text-align: start;color: #000;}
.expertise-img {border-radius: 25px;border: 1px solid #FF3F00;display: inline-block;width: 50px;height: 50px;margin: 0 10px 0px 0px;padding: 5px;}
.expertise-head .nav-pills .nav-link.active, .nav-pills .show>.nav-link img {filter: brightness(0) invert(1);transition-duration: .3s;}
.expertise-cart {padding: 30px;border-width: 3px;border-style: solid;border-image: linear-gradient(to bottom,#E51860,rgba(0, 0, 0, 0) ) 1 100%;background-color: #ff3f0008;}
.expertise-cart h3 {font-size: 40px;padding: 0px 0 25px 0;}
.expertise-cart p{padding: 5px 0;font-size: 18px;}
.expertise-cart ul {padding: 10px 0px 0 15px;}
.expertise-bg h2{font-size: 50px;color:#333333;margin: 30px 0;}

/* Portfolio */
.gallery-title {font-size: 36px;color: teal;text-align: center;font-weight: 500;margin-bottom: 70px}
/* .gallery-title:after {content: "";position: absolute;width: 7.5%;left: 46.5%;height: 45px;border-bottom: 1px solid #E51860;;} */
.filter-button {font-size: 18px;text-align: center;color: #969696;margin-bottom: 30px;padding: 5px 20px;border: none;background-color: transparent;text-transform: capitalize;}
.filter-button:hover {border-bottom: 3px solid #E51860;color: #000;}
.filter-button:active {background-color: #E51860!important;color: #fff;}
.port-image {width: 100%;}
.gallery_product {margin-bottom: 30px;}
.amz-header-bg {padding: 50px 0;}
.main-port-bg {padding: 70px 0;}
.port-tabs {position: relative;}
.port-tabs::before {content: "";position: absolute;border-bottom: 1px solid #d9e5f0;width: 73%;margin: 0 -5px;top: 40px;left: 14%;right: 0;}
.filter-button-all {border-bottom: 3px solid #E51860;color: #000;}
.gallery_product {display: block;width: 100%;height: 400px;overflow: hidden;position: relative;border-radius: 1px;margin: 15px auto;}
.gallery_product img {bottom: -1320px;width: 100%;height: auto;position: absolute;z-index: 0;margin:0;padding:0;-webkit-transition: top 11s;-moz-transition: top 11s;-ms-transition: top 11s;-o-transition: top 11s;transition: bottom 11s;}
.gallery_product:hover img {bottom: 0;-webkit-transition: all 11s;-moz-transition: all 11s;-ms-transition: all 11s;-o-transition: all 11s;transition: all 11s;}

/* Porfolio Home Page */
.portfolio-bg {background: linear-gradient(90deg, rgba(229, 24, 96, 1) 0%, rgba(242, 129, 25, 1) 100%);padding: 50px 0;border-radius: 0 0 0 100px;position: relative;height: 900px;}
.portfolio-head h2 {font-size: 50px;color: #fff;padding: 0px 0 0 0;}
.portfolio-carousel .item img{object-fit: fill;border-radius: 25px;padding: 10px 0 0 0;}
.portfolio-inner{position: absolute;width: 84.3%;margin: 4% 0 0 0;padding: 0;}

/* Contact Us */
.contact-bg {padding: 50px 0;}
.contact-stats-head {background-image: url("../images/cnt-bg.png"), linear-gradient(90deg, #282354 0%, #282354 100%);background-size: contain;background-repeat: no-repeat;padding: 40px 20px;color: #0F2851;border-radius: 50px;border: 1px solid #FCFCFD;}
.contact-stats-content h3{color: #fff;}
.contact-stats-content p {padding: 10px 0;color: #fff;}
.contact-stats-content a {margin: 0;}
.contact-form input, .contact-form textarea {border-top: transparent;border-left: transparent;border-right: transparent;border-bottom: 2px solid #0F2851;background: transparent;}
.contact-content h2 {font-size: 60px;color: #0F2851;}
.contact-content b, .contact-content p {padding: 10px 0;}
.contact-form .form-floating>label {color: #0F2851;font-weight: 600;}
.form-floating>label {left: 12px;}

/* Terms And Privacy */
.terms-bg{padding: 50px 0;}
.terms-bg h3{color: #2F2E66;text-transform: capitalize;padding:0 0 10px 0;}
.terms-bg p{padding: 0 0 20px 0;}
.terms-bg ul {margin: 0 0 0 20px;padding: 10px 0;}

/* Awards */
.awards-bg {padding: 50px 0;}
.awards-carousel{padding: 2% 0 0 0;}
.awards-carousel img{width: 75%!important;margin: 0 auto;}

/* Headline Carousel */
.headline-content h4{font-size: 100px;-webkit-text-stroke: 2px #282354;color: #ffffff;text-transform: uppercase; text-align: start;}
.headline-content h4:hover{color: #282354;}
.headline-content img{width: 50px!important;}
.headline-content.owl-carousel .owl-stage-outer {height: 160px;}

/* .pulse-button {position: relative;top: 16%;left: 50%;margin-left: -50px;margin-top: -50px;display: none;width: 70px;height: 70px;font-size: 1.3em;text-align: center;line-height: 74px;letter-spacing: -1px;color: #fff;border: none;border-radius: 50%;background: transparent;cursor: pointer;box-shadow: 0 0 0 0 rgba(90, 153, 212, 0.5);-webkit-animation: pulse 1.5s infinite;}
.pulse-button:hover {-webkit-animation: none;}
@-webkit-keyframes pulse {0% {  -moz-transform: scale(0.9);  -ms-transform: scale(0.9);  -webkit-transform: scale(0.9);  transform: scale(0.9);}70% {  -moz-transform: scale(1);  -ms-transform: scale(1);  -webkit-transform: scale(1);  transform: scale(1);  box-shadow: 0 0 0 50px rgba(90, 153, 212, 0);}100% {  -moz-transform: scale(0.9);  -ms-transform: scale(0.9);  -webkit-transform: scale(0.9);  transform: scale(0.9);  box-shadow: 0 0 0 0 rgba(90, 153, 212, 0);}}
*/
.pulse-button {display: none;}

.floatbutton.active {right: 0;z-index: 9;-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s}
.floatbutton {-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;position: fixed;right: -371px;top: 20%;font-size: 0;width: 420px;z-index: 999}
.floatbutton .clickbutton {width: 50px;z-index: 999;height: 200px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, .09);border-radius: 3px 0 0 3px;border-radius: 30px 0 0 30px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 125px;color: #fff;font-size: 16px;font-weight: 700;position: relative;border: 1px solid #fff;text-transform: uppercase;background-color: #282354;box-shadow: 0 0 40px #00000026;-webkit-box-shadow: 0 0 40px #00000026;-ms-box-shadow: 0 0 40px #00000026;-o-box-shadow: 0 0 40px #00000026}
.floatbutton .clickbutton .crossplus:before {content: "";display: none;position: absolute;width: 20px;height: 2px;right: 0;background: #fbb334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto}
  .floatbutton .clickbutton .crossplus:after {content: "";display: none;position: absolute;width: 2px;height: 20px;right: 0;background: #fab334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto}
  .floatbutton .clickbutton .crossplus {position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s;left: -52px;white-space: pre;bottom: 87px}
  .floatbutton .clickbutton .crossplus.rotate {transform: rotate(45deg);-webkit-transition: .4s;-moz-transition: .4s;-o-transition: .4s;transition: .4s}
  .floatbutton .clickbutton .crossplus i {font-size: 18px;color: #fff;margin: 17px 0 0 15px}
  .floatbutton .banner-form {background: #fff;padding: 15px;position: relative;z-index: 99999!important;border-radius: 5px;margin: 0;width: 370px;display: inline-block;box-shadow: 0 0 30px #0000001f}
  .ban-form input {width: 100%;margin: 0;border: 1px solid #e5e5e5;background: #fff;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: 0!important;margin: 0 0 15px 0}
  .banner-form .intl-tel-input {width: 100%}
  .banner-form h3 {color: #141315;font-size: 24px;margin-bottom: 5px;font-weight: 700}
  .banner-form h3 strong {font: 24px/24px Poppins, sans-serif;font-weight: 600}
  .ban-form input[type=submit] {color: #fff;font-weight: 600;border-radius: 3px;text-align: center;padding: 10px 15px;margin: 20px 0 0;border: transparent;cursor: pointer;background-color: #282354;}
  .ban-form textarea {width: 100%;border: 1px solid #e5e5e5;background: #fff;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;font-weight: 400;height: 120px;outline: 0!important;margin: 15px 0 0 0;resize: none}
  .btns_wrap {position: fixed;right: -6px}
  .btns_wrap a:hover {text-decoration: none!important;right: 0}
  .btns_wrap .call_wrap {width: 280px;border: 1px solid #fff;background-color: #282354;position: absolute;right: -225px;top: 63px;border-radius: 3px 0 0 3px;overflow: hidden;box-shadow: 0 0 40px #00000026!important;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;z-index: 9999;border-radius: 30px 0 0 30px}
  .btns_wrap .call_wrap span {color: #fff;font-size: 20px;vertical-align: middle;padding: 15px 20px 15px 15px}
  .btns_wrap .chat_wrap {display: block;position: absolute;right: -225px;width: 280px;background-color: #282354;top: 0;border-radius: 0;overflow: hidden;border: 1px solid #fff;box-shadow: 0 0 40px #00000026!important;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;border-radius: 30px 0 0 30px;z-index: 9999}
  .btns_wrap .call_wrap span.icoo, .btns_wrap .chat_wrap span.icoo {color: #fff;font-size: 18px;padding: 15px 20px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;border-radius: 10px 0 0 10px}
  .btns_wrap .chat_wrap span {color: #fff;font-size: 20px;vertical-align: middle;padding: 15px 30px 15px 15px}
  .ban-form .fldset.inpchecbx label {display: inline-block;margin: 0;line-height: 1.4;color: #676767;font-size: 13px}
  .ban-form .fldset.inpchecbx input {display: inline-block;width: auto;height: auto;margin: 0}
  .fldset.inpchecbx {margin: 10px 0 0 0}
  .fldset p {font-size: 13px;color: #676767;padding: 0;margin: 10px 0 0 0}
  .fldset p a {display: block;padding: 5px 0 0 0;color: #141315;font-weight: 500;font-size: 14px}
/* Web Design */
.web-content-bg{padding: 50px 0;}
.web-content-bg h2{font-size: 50px;padding: 0 0 10px 0;}
.web-content-bg p{padding: 0 0 20px 0;}
.color {
	color: #FF3F00;
	color: #E51860;
	color: #2F2E66;
	background: linear-gradient(90deg, #e51860 0%, #f28119 100%);
}