/*@import url('https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');	
	
@font-face {
    font-family: 'GilroyRegular';
    src: url('../fonts/GilroyRegular.eot');
    src: url('../fonts/GilroyRegular.eot') format('embedded-opentype'),
        url('../fonts/GilroyRegular.woff2') format('woff2'),
        url('../fonts/GilroyRegular.woff') format('woff'),
        url('../fonts/GilroyRegular.ttf') format('truetype'),
        url('../fonts/GilroyRegular.svg#GilroyRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GilroySemiBold';
    src: url('../fonts/GilroySemiBold.eot');
    src: url('../fonts/GilroySemiBold.eot') format('embedded-opentype'),
        url('../fonts/GilroySemiBold.woff2') format('woff2'),
        url('../fonts/GilroySemiBold.woff') format('woff'),
        url('../fonts/GilroySemiBold.ttf') format('truetype'),
        url('../fonts/GilroySemiBold.svg#GilroySemiBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GilroyMedium';
    src: url('../fonts/GilroyMedium.eot');
    src: url('../fonts/GilroyMedium.eot') format('embedded-opentype'),
        url('../fonts/GilroyMedium.woff2') format('woff2'),
        url('../fonts/GilroyMedium.woff') format('woff'),
        url('../fonts/GilroyMedium.ttf') format('truetype'),
        url('../fonts/GilroyMedium.svg#GilroyMedium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-decoration: none;
    outline: none;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Jost", sans-serif;
    font-size: 16px;
    padding: 0;
    font-weight: 400;
    line-height: 27px;
    color: #000;
    overflow-x: hidden;
}
a:hover{color: #ed2832;}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Jost", sans-serif;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5{color: #0D1C35;}


p {
    font-family: "Jost", sans-serif;
  font-size: 16px;
  padding: 0;
  margin-bottom: 15px;
  font-weight: 400;
	line-height: 24px;
	color:#000
}
b, strong {
  font-weight: bold;
}
p span {
     font-family: "Jost", sans-serif;
  font-size: 16px;
  padding: 0;
  margin-bottom: 15px;
  font-weight: 300 !important;
	line-height: 27px;
	color:#000
}

img {
    max-width: 100%;
    border: none;
	height:auto;
}

figure {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none !important;
    color: #000;
}

ul li{
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;list-style: outside;margin-bottom: 10px;}
ol li{
  font-size: 16px;
  font-weight: 300;
  line-height: 27px;list-style: outside;}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}


.btn-primary {
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  margin-top: 30px;
  padding: 10px 30px;
  font-size: 16px;
}


.main-area {
    position: relative;
    overflow: hidden;
}

.pt-120 {
    padding-top: 120px;
}

.pb-120 {
    padding-bottom: 120px;
}

.p-80 {
    padding: 80px 0;
}

ul,
li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.card,
.card-header,
.card-body,
.card-footer {
    border: 0;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
}

.btn {
    border: 1.5px solid;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    padding: 10px 20px;
    border-radius: 30px;
}

.btn-outline-white {
    border-color: #ffffff;
    color: #ffffff;
}

.btn-outline-white:hover,
.btn-outline-white:focus {
    box-shadow: none;
    background-color: #000;
    color: #fff;
}
.inner-banner-contain .btn-outline-white{
    box-shadow: none;
   border: none;
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    color: #fff;
}
.inner-banner-contain .btn-outline-white:hover,
.inner-banner-contain .btn-outline-white:focus {
    box-shadow: none;
    background-color: #000;
    color: #fff;
}

.btn-primary {
    box-shadow: none;
  border: none;
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  color: #fff;
    outline: none;
    border: none;
	margin-top:0px
}

.buttons-wrap{ margin-top:25px}
.btn-link{margin-left: 15px;
  text-decoration: initial;}

.btn-primary:focus,
.btn-primary:hover {
    background: rgb(237 40 49);
    /* background: linear-gradient(180deg, rgb(0 0 0) 0%, rgb(102 102 102) 100%); */
}

.btn-white {
    border-color: #ffffff;
    background-color: #ffffff;
    color: #130E21;
}

/*------- banner area stop -------*/
/*------ owl-dots start -----*/
.owl-dots {
    text-align: center;
}

.owl-dots .owl-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #0a3465 !important;
    background-color: #174272 !important;
    outline: none;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 5px;
}

.owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.owl-dots .owl-dot:hover,
.owl-dots .owl-dot.active {
    border-color: #62bd36 !important;
    background-color: #62bd36 !important;
}

.banner-area {
    position: relative;
}

.downarrow {
    position: absolute;
    left: 223px;
    right: 0px;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50px;
    bottom: -20px;
    z-index: 9;
    box-shadow: 0px 0px 0px 5px #fff9;
}

.downarrow:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 45px;
    background: #fff;
    left: 0px;
    right: 0px;
    top: -47px;
    margin: 0 auto;
}

.dshap {
    width: 18px;
    height: 30px;
    border: 2px solid #000;
    border-radius: 16px;
    margin: 0 auto;
    position: relative;
    top: 7px;
}

.dshap:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 5px;
    background: #000;
    top: 4px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    border-radius: 15px;
}

.dshap:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 7px;
    background: #000;
    top: -10px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

/*------ owl-dots stop -----*/
/*----------------ourindustries-area----------*/
.ourindustries-area {
    overflow: hidden;
    position: relative;
    z-index: 1;
	background:#12121F;padding:60px 0px;
}

.cardbox{flex: 0 0 auto;
    width: 20%;}

.ourindustries-area:after {
    content: "";
    position: absolute;
    background-image: url(../images/shape1.png);
    width: 108px;
    height: 290px;
    background-position: center left;
    background-size: contain;
    z-index: 1;
    left: 0;
    top: 128px;
    background-repeat: no-repeat;
}



.heading-box h3 {
   font-size: 40px !important;
  color: #fff;
  margin-bottom: 20px;
  text-transform: capitalize;
  font-weight: 700;
	
}

.heading-box h3 small {
    display: block;
    color: #fff;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-size: 20px;
	font-weight: 500;
}

.heading-box h3 small span, .heading-box h3 span{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;}

.heading-box p {
   
    max-width: 680px;
    margin: auto;
}

.ourindustries-leftbox .heading-box h3 {
    color: #fff;
}

.ourindustries-leftbox .heading-box h3 small {
    color: #fff;
}

.ourindustries-leftbox .heading-box p {
    color: #fff;
}

.ourindustries-leftbox {
    background-color: #12121F;
    padding: 50px 0;
    padding-right: 35%;
    position: relative;
    width: 140%;
    padding-bottom: 160px;
}

.ourindustries-leftbox:before {
    content: "";
    position: absolute;
    width: 15000px;
    height: 100%;
    top: 0;
    left: -15000px;
    background-color: #12121F;
}

.ourindustries-carousel {
	margin-top: 0px;
	z-index: 2;
	padding-left: 0;
}

.ourindustries-carousel .card {
    background: #fff;
  box-shadow: 0px 0px 2px hsl(0deg 0% 0% / 18%);
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
  padding: 10px 10px;
  width: 95% !important;
	margin-left: 0;margin-bottom: 0;
  margin-top: 10px;
  min-height: 162px;
}


.ourindustries-carousel .card .iconbox {
	width: 94px;
	height: 94px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	border-radius: 50%;
	margin-bottom: 10px;
}

.ourindustries-carousel .card .iconbox img {
	width: 75px;
	height: 70px;
	object-fit: contain;
}



.cardbox .card {
   border: 2px solid #dddddd1c;
  box-shadow: 0px 0px 2px hsl(0deg 0% 0% / 18%);
  border-radius: 4px;
  text-align: center;
  box-sizing: border-box;
  padding: 10px 10px;
  margin-bottom: 10px;
  height: 190px;
 
}
.industriesright {
	padding-left: 30px;
}

.cardbox .iconbox {
	width: 90px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  background: #fff;
  padding: 20px;
  border-radius: 50%;
}

.cardbox h6{font-size: 17px;
  color: #fff;}

.cardbox .iconbox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
   
}



.ourindustries-area p{ color:#fff !important;}

.ourindustriesarea .card {
    background: #FFFFFF;
    box-shadow: 0px 0px 2px hsl(0deg 0% 0% / 18%);
    border-radius: 4px;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 20px;
    width: 100% !important;
    margin-bottom: 20px;
    margin-left: 0;
    display: flex !important;
    justify-content: center;
    margin-bottom: 4px;
    margin-top: 15px;
}


.ourindustriesarea .card .iconbox {
	width: 55px;
	height: 55px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	margin-bottom: 5px;
}

.ourindustriesarea .card .iconbox img {
    width: 100%;
    height: 100%;
    object-fit: contain;
   
}


.ourindustries-carousel .card h6 {
	color: #000;
	font-size: 16px;
	font-weight: 500;
}
.ourindustries-carousel .slick-track {
	padding: 0;
}
.whowearearea .counter-body .usbtn {
    background-color: transparent;
    color: #000000;
    border: 1px solid #000000;
    font-weight: 600;
    transition: 0.5s;
}
.whowearearea .counter-body .usbtn:hover{
    background-color: #000000;
    color: #ffffff;
}
.ourindustries-carousel .slick-arrow {
    width: 42px;
    height: 42px;
    border: 1px solid #fff;
    border-radius: 50%;
    background: #12121f;
    font-size: 0px;
    position: absolute;
    left: 0;
    top: 45%;
}

.ourindustries-carousel .slick-arrow:hover {
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
}

.ourindustries-carousel .slick-prev:hover:after {
    color: #fff !important;
}

.ourindustries-carousel .slick-next:after {
    content: "\f061";
    position: absolute;
    font-family: "FontAwesome";
    font-size: 20px;
    left: 11px;
    top: 6px;
    color: #fff;
}

.ourindustries-carousel .slick-prev:after {
    content: "\f060";
    position: absolute;
    font-family: "FontAwesome";
    font-size: 20px;
    left: 11px;
    top: 6px;
    color: #fff;
}

.ourindustries-carousel .slick-next {
   left: 97%;
	z-index: 9;
}

.ourindustries-carousel .slick-prev {
   left: -3%;
  z-index: 9;
}

.p-90 {
    padding: 60px 0;
}


/*----------------testimonials-area---------------*/
.inner-banner-img-box {
    max-width: 610px;
    margin-left: auto;
}
.testimonials-area {
    background-color: #F4F9FF;
}

.testimonial-box.card {
    background: #FFFFFF;
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-sizing: border-box;
    padding: 36px 36px;
    width: 93%;
    margin: auto;
	min-height: 350px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
}

.testimonial-box.card:hover {
    transform: translateY(-10px);
}

.testimonial-box.card .card-head {
    position: relative;
}

.testimonial-box.card .card-head h4{font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;}

.testimonial-box.card ul{ padding:0px; margin:0px; text-align:center;}
.testimonial-box.card ul li{ display:inline-block;color: #ffcb00;
  font-size: 12px;}
.testimonial-box.card .card-head .thumble {
    min-width: 84px;
    height: 84px;
    margin-right: 0;
    position: relative;
    max-width: 84px;
    margin: auto;
    margin-bottom: 15px;
}

.testimonial-box.card .card-head .thumble img {
    min-width: 84px;
    height: 84px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.testimonial-box.card .card-body p {
    padding: 0;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
	line-height: 22px;
}

.testimonial-box.card .card-textbox h4 {
    font-weight: 500;
    font-size: 22px;
    line-height: 23px;
    color: #000000;
}

.testimonial-box.card .card-textbox h5 {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #000000;
}

.testimonial-box.card .card-textbox .stariconbox {
    margin-top: 7px;
}

.testimonial-box.card .card-textbox .stariconbox i {
    font-size: 14px;
    color: #ffc107;
    margin-right: 3px;
}

.testimonial-carousel {
    position: relative;
}

.testimonial-carousel:after {
    content: "";
    position: absolute;
    left: -30px;
    bottom: 0;
    /*background-image: url(../images/dottod.png);*/
    width: 80px;
    height: 132px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.testimonial-rightbox {
    padding-left: 15px;
    padding-top: 80px;
}

.testimonial-carousel .owl-nav {
    width: 100%;
  box-sizing: border-box;
  position: relative;
  bottom: 11%;
  text-align: right;
  margin: 0 auto;
  right: 0px;
  z-index: -1;
  left: 0px;
  justify-content: center;
  display: flex;
}

.testimonial-carousel .owl-nav .owl-prev span,
.testimonial-carousel .owl-nav .owl-next span {
    font-size: 0px;
}

.testimonial-carousel .owl-nav .owl-prev, .testimonial-carousel .owl-nav .owl-next {
    display: inline-block;
    width: 40px;
    height: 40px;
    box-sizing: border-box;
    border-radius: 50%;
    position: relative;
    outline: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #fff !important;
    border: 1px solid #ed2831 !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: #ed2831 !important;
    box-shadow: none;
}

.testimonial-carousel .owl-nav .owl-prev:after {
    content: "\f060";
    position: absolute;
    font-family: "FontAwesome";
    top: 6px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 15px;
    color: #ed2831;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.testimonial-carousel .owl-nav .owl-next:after {
    content: '\f061';
    font-family: "FontAwesome";
    position: absolute;
    top: 6px;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 15px;
    color: #ed2831;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover:after,
.testimonial-carousel .owl-nav .owl-next:hover:after {
    color: #fff;
}

.testimonial-carousel .owl-nav .owl-prev {
    margin-right: 10px;
    left: 0px;
    position: relative;
}

.testimonial-carousel .owl-nav .owl-next {
    margin-right: 0px;
    right: 0px;
    position: relative;
}


.owl-carousel.testimonial-carousel .owl-stage-outer {
    padding: 60px 0px 40px;
}

.google-reviewbox {
    max-width: 100px;
    margin: auto;
    margin-top: 15px;
}
.google-reviewbox img {
    width: 100%;
    aspect-ratio: 2 / 1;
    object-fit: contain;
}
.testimonial-rightbox .google-logo {
    margin-bottom: 34px;
    max-width: 230px;
}
.testimonial-rightbox .google-logo img {
    width: 100%;
    aspect-ratio: 2 / 1;
    object-fit: contain;
}

.testimonial-rightbox h5 {
	font-size: 25px;
  font-weight: 300;
}

.testimonial-rightbox h5 strong {
    display: block;
    text-transform: uppercase;
}

/*---------wehelpyou-area ---------------------*/

.wehelpyou-area {}

.adressbox-area {
    box-sizing: border-box;
    padding: 30px;
    margin-top: 50px;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 8%);
    width: 100%;
}

.adressbox-area.india {
    transform: scale(1.1);
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 12%) 0px 0px 18px;
}

.adressbox-area.usa {
    background-color: #2a355f14;
}

.adressbox-area.london {
    background-color: #c8102e0f;
    padding-left: 45px;
}

.adressbox-area .icon {
    width: 90px;
    height: 90px;
    display: flex;
    overflow: hidden;
    border-radius: 50%;
    border: 3px solid #FFF;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 17%);
}

.adressbox-area .icon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.adressbox-area h5 {
    font-size: 20px;
    text-transform: capitalize;
    margin: 15px 0 5px;
}

.adressbox-area p {
    font-size: 15px;
  line-height: 22px;
  margin-bottom: 10px;
  color: #000;
}

.adressbox-area .phonebox {
    margin-bottom: 10px;
}

.adressbox-area .phonebox .icon-font {
    font-size: 22px;
    margin-right: 12px;
    color: #3262b1;
}

.adressbox-area .phonebox .textbox p {
    margin: 0;
    font-size: 15px;
}


/*------------footer area CSS Start -----------------------------------------*/
.footer-area {
    padding: 70px 0px 40px;
    background-color: #000000;
}

.footer-area h4 {
    font-size: 20px !important;
  color: #ffffff !important;
  text-transform: capitalize;
  margin-bottom: 0 !important;
  letter-spacing: 1px;
  font-weight: 600;
}

.footer-area p {
   
    color: #fff;
    
}
.footer-area p strong {
    font-weight: normal;
}

.flogo {
    width: 300px;
    margin-bottom: 15px;
}
.flogo img {
    width: 100%;
    aspect-ratio: 16 / 4;
    object-fit: contain;
}
.footer-aboutbox p {
    margin-right: 50px;
}

.footer-area h6,
.footer-area h6 a {
    font-size: 14px;
    color: #fff;
    margin-bottom: 15px;
}

.footer-area h6 i {
    margin-right: 5px;
}

.fww {
    flex: 0 0 auto;
    width: 24%;
}

.fww1 {
    flex: 0 0 auto;
    width: 22%;
    padding-left: 30px;
}

.fww2 {
    flex: 0 0 auto;
    width: 20%;
}

.fww3 {
    flex: 0 0 auto;
    width: 16%;
}

.fww4 {
    flex: 0 0 auto;
    width: 17%;
}

.footer-area ul {
    padding: 0px;
    margin: 0px;
}

.footer-area ul li {
    margin-bottom: 5px;
}

.footer-area ul li a {
    font-size: 16px;
    color: #fff;
    position: relative;
    padding-left: 16px;
	font-weight: 400;
}

.footer-area ul li a:before {
    content: "\f101";
    position: absolute;
    font-family: "FontAwesome";
    left: 0px;
    top: -6px;
    font-size: 12px;
    opacity: 0.9;
}

.footer-area ul li a:hover {
    color: #ed2831;
}

.footer-area ul li i {
    font-size: 20px;
    margin-right: 10px;
    color: #fff;
    width: 24px;
    display: inline-flex;
    justify-content: center;
}

.footer-area ol {
    text-align: center;
    padding: 0px;
    margin: 40px 0px 0px;
}

.footer-area ol li {
    border-right: 1px solid #ececec;
    padding: 0px 15px;
    line-height: 12px;
    vertical-align: top;
    display: inline-block;
}

.footer-area ol li:last-child {
    border-right: 0px;
}

.footer-area ol li a {
    font-size: 14px;
    color: #ececec;

}

.footer-area ol li a:hover {
    color: #fbcf0e;
}

.social-media li {
    margin-right: 5px;
	list-style: none;
}

.social-media li a{
	width: 35px;
    height: 35px;
	border: 0px solid #fff;
	color: #fff;
	font-size: 16px;
    border-radius: 50%;
	transition: 0.6s;
	background-image: linear-gradient(108deg,#0079d0 0,#9e52d8 32%,#da365c 84%,#d04901 100%);
}

.social-media li a:hover {
	

	background-image: linear-gradient(108deg,#d04901 0,#da365c 32%,#9e52d8 84%,#0079d0 100%);
}
.social-media li img {
    aspect-ratio: 16 / 16;
    width: 100%;
	font-size: 17px;
    object-fit: contain;
}
.payment {
    padding: 12px 0px;
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
}
.payment .row {
    width: 100%;
    margin: 0 auto;
  align-items: center;
}

.paymenthbox h5 {
    color: #000000 !important;
    font-size: 20px !important;
    text-transform: capitalize !important;
    margin-right: 10px;
    display: flex !important;
    align-items: center;
    -webkit-text-fill-color: initial !important;
}
.feedback_sec  .ourwork_top  h2{
	color:#fff;
}
.identity {
    -webkit-text-fill-color: initial !important;
    font-size: 16px;
    font-weight: 300;
    color: #fff;
}
.identity span{
	 font-size: 18px;
    font-weight:700;
}
.payment h5 span {
    white-space: nowrap;
    margin-right: 10px;
	color: #fff;
}

.payment h5 img {
    object-fit: contain;
    aspect-ratio: 10 / 2;
    width: 300px;
}

.copyright {
    background: #000000;
    padding: 16px 0px;
}

.copyright h6 {
    font-size: 14px;
    color: #fff;
    text-align: center;
	font-weight: 300;

}

.copyright h6 a {
    color: #ed2831;
}



.social-media-fixed {
    position: fixed;
    bottom: 2%;
    right: 2%;
    z-index: 9;
}

.social-media-fixed ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.social-media-fixed ul li {
    padding: 0;
    margin: 0 0 15px;
}

.social-media-fixed ul li img {
    width: 40px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.social-media-fixed ul li:hover img {
    transform: translateY(-5px);
}

/*------------footer area CSS stop -----------------------------------------*/

.stykebox {
    position: sticky;
    width: 100%;
    bottom: 0;
    z-index: 999;
    background-color: #c11f27;
    display: none;
}
.stykebox .colbox {
    padding: 10px 10px;
    position: relative;
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stykebox .colbox .link {
    display: inline-block;
    color: #ffffff;
    margin-left: 5px;
}

.stykebox .colbox .link:hover {
    text-decoration: underline;
}

.stykebox .colbox .icon {
    width: 100%;
    max-width: 27px;
    height: 27px;
    border-radius: 50%;
    background-color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}
.stykebox .colbox .icon img {
    aspect-ratio: 16 / 10;
    width: 100%;
    object-fit: contain;
}

.stykebox .colbox:last-child:after {
    display: none;
}

.stykebox .colbox:last-child:before {
    display: none;
}

.stykebox .colbox:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 100%;
    top: 0;
    opacity: 0.2;
    border: 1px solid #FFFFFF;
}

.stykebox .colbox:before {
    content: "";
    position: absolute;
    right: -1px;
    width: 1px;
    height: 100%;
    top: 0;
    opacity: 0.2;
    border: 1px solid #000000;
}

/*Click me form css start*/
.popup {
    position: fixed;
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 10001;
}

button.main-btn-rect.popup-btn {
    width: 46px;
    height: 46px;
    border: none;
    box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.08) inset;
    filter: drop-shadow(0px 4px 10px rgba(0, 0, 0, 0.10));
    background-color: #fff;
    border-radius: 50%;
    position: fixed;
    right: 15px;
    bottom: 56px;
    box-sizing: border-box;
    padding: 11px;
    z-index: 99;
    display: none;
}

.popup .form-group {
    display: flex;
}

.popup.active {
    top: 0;
    background-color: rgb(255 255 255 / 94%);
    transition: background-color .6s, opacity .6s;
}

.popup .main-btn-rect {
    padding: 10px 100px;
}

.popup .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    max-height: inherit;
    min-width: 330px;
    margin-top: 150px;
    padding: 25px;
    background-color: #ffffff;
    color: #070000;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transition: margin .6s;
    -webkit-transition: margin .6s;
    -moz-transition: margin .6s;
    -o-transition: margin .6s;
}

.popup.active .popup-content {
    margin-top: 0px;
}

.popup-content h6 {
    display: table;
    font-size: 20px;
    text-align: center;
    margin: 4px auto 24px;
    text-transform: capitalize;
    font-weight: 600;
}

.form-group {
    position: relative;
    width: 90%;
    margin: 0px auto;
}

form#send input,
form#send textarea {
    position: relative;
    margin-bottom: 26px;
    width: 100%;
    height: 30px;
    text-indent: 20px;
    background-color: transparent;
    outline: 0;
    border: none;
    border-bottom: 1px solid #070000;
    -webkit-transition: border 0.6s;
    -o-transition: border 0.6s;
    transition: border 0.6s;
    font-size: 14px;
}

form#send textarea {
    height: 50px;
    resize: none;
}

form#send input:focus,
form#send textarea:focus {
    border-bottom: 1px solid rgb(63, 173, 168);
}

form#send label {
    position: absolute;
    top: 0;
    line-height: 28px;
    -webkit-transition: color .5s;
    -o-transition: color .5s;
    transition: color .5s;
}

form#send input:focus+label,
form#send textarea:focus+label {
    color: rgb(63, 173, 168);
}

form#send .txt {
    line-height: 22px;
    left: 2px;
}

form#send .main-btn-rect {
    position: relative;
    display: block;
    padding: 9px 30px;
    margin: 0px auto;
    font-size: 15px;
    width: 90%;
    border: none;
    background-color: #0165bb;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 2px;
    outline: none;
}

form#send .main-btn-rect i {
    margin-right: 5px;
}

.popup .fade-out {
    position: absolute;
    top: -10px;
    right: -10px;
    text-align: center;
    font-size: 15px;
    background-color: #f00;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 19px;
    color: #fff;
    cursor: pointer;
}

.popup .fade-out:hover {
    background-color: #000;
}

@media only screen and (max-width: 768px) {
    h1 {
        font-size: 25px;
    }

    h2 {
        font-size: 14px;
    }

    form#send .main-btn-rect {
        padding: 7px 60px;
        font-size: 14px;
    }

    .popup-btn {
        padding: 7px 60px;
        font-size: 14px;
    }
}

/*end*/

/*-- new css 22062023 start --*/

/*-- inner banner area start --*/
.inner-banner {
    padding-top: 30px;
}

.inner-about-banner-bg {
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
}

.inner-banner-contain {
    width: 100%;
    padding-right: 25px;
}

.inner-banner-contain h1, .inner-banner-contain h2 {
    font-size: 46px;
    margin: 0 0 10px;
	font-weight:bold;
    color: #ffffff;
    line-height: 46px;
}

.inner-banner-contain p {
    color: #ffffff;
    
}

.about-technology-area .heading-box {
    margin-bottom: 50px;
}

.card.about-technology-box {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.10);
    padding: 50px 30px;
    width: 100%;
    text-align: center;
}

.card.about-technology-box .card-body {
    padding: 0;
}

.card.about-technology-box .card-body h3 {
    font-weight: 500;
    font-size: 23px;
    margin: 0 0 12px;
}

.card.about-technology-box .card-body p {
    
    margin: 0;
}

.card.about-technology-box .card-icon {
    width: 100%;
    max-width: 100px;
    height: 100px;
    background: #F8F7FE;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.02) inset;
    margin: 0 auto 30px;
    border-radius: 50%;
}

.card.about-technology-box .card-icon img {
    object-fit: contain;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.about-technology-box:hover .card-icon img {
    transform: rotateY(360deg);
}

/*-- inner banner area stop --*/
/*-- inner about whowearea start --*/


.inneraboutwhowearea-imgbox {
    position: relative;
    width: 100%;
    max-width: 589px;
    height: 544px;
    margin: 0 auto;
    border-radius: 50%;
}

.inneraboutwhowearea-imgbox::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/inneraboutwhowearea-sape1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(7500%) hue-rotate(230deg) brightness(83%) contrast(107%);
}

.inneraboutwhowearea-imgbox::after {
    content: '';
    position: absolute;
    top: 10.5%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 430px;
    height: 430px;
    background-image: url(../images/inneraboutwhowearea-sape2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
    margin: 0 auto;
}

.inneraboutwhowearea-imgbox .imgBox {
    width: 100%;
    max-width: 375px;
    height: 375px;
    overflow: hidden;
    border-radius: 50%;
}

.inneraboutwhowearea-imgbox .imgBox img {
    width: 100%;
    object-fit: cover;
}

.inneraboutwhowearea-imgbox .number-of-exp {
    width: 100%;
    max-width: 208px;
    height: 235px;
    border-radius: 20px;
    padding: 25px;
    background-color: #ed2831;
    box-shadow: 0px 0px 23px 0px rgba(0, 0, 0, 0.25) inset;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

.inneraboutwhowearea-imgbox .number-of-exp h3 {
    font-size: 70px;
    color: #ffffff;
    margin: 0 0 0;
	line-height: 75px;
}

.inneraboutwhowearea-imgbox .number-of-exp h3 strong {
    font-weight: normal;
}

.inneraboutwhowearea-imgbox .number-of-exp h5 {
    font-size: 22px;
    padding-bottom: 15px;
    color: #ffffff;
    position: relative;
}

.inneraboutwhowearea-imgbox .number-of-exp h5::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 73px;
    height: 3px;
    background-color: #ffffff;
}

.inner-about-area{ padding:80px 0px}
.abouticon{padding: 10px;
  align-items: center;
  border: .063rem solid #ebebeb;
  border-radius: 15px;
  display: flex;
  overflow: hidden;
  margin-bottom: 15px;}
.abouticon img{border-radius: 15px;}
.inner-about-whowearea-contain-box .heading-box h3{ color:#000}
.inner-about-whowearea-contain-box .heading-box h3 span {
    line-height: 48px;display: inline;
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.inner-about-whowearea-contain-box .heading-box h3 small {
    line-height: 24px;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ourworkin h2{ color:#000 !important;}

.inner-about-whowearea-contain-box .heading-box .list-box {
    padding-top: 20px;
}

.inner-about-whowearea-contain-box ul{padding-top: 20px;flex-wrap: wrap !important;
  display: flex;}
.inner-about-whowearea-contain-box ul li{position: relative;
    padding: 0 10px 0 34px;
    margin: 0 0 14px;
    color: #000000;
    font-size: 16px;
    width: 50%;list-style: none;}

.inner-about-whowearea-contain-box ul li::before{ content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 22px;
    height: 22px;
    background-image: url(../images/check1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;}

.inner-about-whowearea-contain-box .heading-box .list-box .list {
    position: relative;
    padding: 0 10px 0 34px;
    margin: 0 0 14px;
    color: #000000;
    font-size: 16px;
    width: 50%;
}

.inner-about-whowearea-contain-box .heading-box .list-box .list::before {
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    width: 22px;
    height: 22px;
    background-image: url(../images/check1.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}



/*-- inner about whowearea stop --*/
/*-- inner-missionvision-area start --*/
.inner-missionvision-area .nav {
    min-width: 50%;
    max-width: 50%;
    padding-left: 90px;
    position: relative;
    z-index: 1;
}

.inner-missionvision-area .nav:after {
    content: "";
    height: 90%;
    width: 4px;
    background: #e2e2e2;
    left: 40px;
    top: 16px;
    z-index: -1;
    position: absolute;
}

.inner-missionvision-area .nav button.active .tabbox_contant {
    display: block;
    padding: 10px 0 15px;
}

.inner-missionvision-area .nav button.active {
    background: transparent;
    font-weight: 500;
    font-size: 24px;
    color: #000000;
    position: relative;
    padding-top: 10px;
}

.inner-missionvision-area .nav button.active:after {
    content: "";
    height: 105%;
    width: 4px;
    background: #423131;
    left: -50px;
    top: 0;
    z-index: 1;
    position: absolute;
}

.inner-missionvision-area .nav button.active:before {
    content: "";
    position: absolute;
    left: -57px;
    width: 18px;
    height: 18px;
    background: #ffffff;
    border-radius: 50%;
    bottom: -31px;
    border: 4px solid #e2e2e2;
    z-index: 9;
}

.inner-missionvision-area .tabbox_contant {
    display: none;
}

.inner-missionvision-area .nav button {
    padding: 12px 0;
    border-radius: 0;
    text-align: left;
    color: #12191f;
    font-weight: 500;
    font-size: 22px;
    position: relative;
}

.inner-missionvision-area .nav button:last-child {
    margin-bottom: 0;
}

.inner-missionvision-area .nav button h4 {
    position: relative;
    z-index: 1;
	font-size: 26px;font-weight: 500;}

.inner-missionvision-area .nav button.active h4 {

}

.inner-missionvision-area .nav button h4:after {
    content: "";
    position: absolute;
    left: -57px;
    width: 18px;
    height: 18px;
    background: #d3d3d3;
    border-radius: 50%;
    top: 2px;
    border: 4px solid #e2e2e2;
}

.inner-missionvision-area .nav button .iconbox {
    position: absolute;
    left: -77px;
    top: -6px;
    background-color: rgb(255 241 241);
    z-index: 2;
    display: none;
    width: 58px;
    height: 58px;
    border-radius: 50%;
}

.inner-missionvision-area .nav button .iconbox img {
    width: 35px;
    height: 35px;
    object-fit: contain;
}

.inner-missionvision-area .nav button.active .iconbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-missionvision-area .thumblebox_area {
    position: relative;
    z-index: 1;
    min-width: 515px;
    max-width: 515px;
    height: 515px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -170px;
}

.inner-missionvision-area .thumblebox_area2 {
    min-width: 645px;
    max-width: 645px;
    position: relative;
    z-index: 1;
    margin-top: -290px;
}

.inner-missionvision-area .thumblebox_area2 img {
    width: 100%;
    object-fit: cover;
}

.inner-missionvision-area .thumblebox_area::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/clip-mask-shape1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    mix-blend-mode: screen;
}


.inner-missionvision-area .nav button .tabbox_contant .text-link {
    font-size: 18px;
    color: #ed2831;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.inner-missionvision-area .nav button .tabbox_contant .text-link i {
    margin-left: 5px;
}

.inner-missionvision-area .nav button .tabbox_contant .text-link:hover {
    color: #000000;
}

.inner-missionvision-area .nav button .tabbox_contant p:last-child {
    margin: 0;
}



/*-- inner-missionvision-area stop --*/
/*-- inner support area start --*/
.inner-support-area {
    background: #000;
    padding-bottom: 170px;
}

.inner-support-area .heading-box {
    width: 100%;
    max-width: 705px;
    text-align: center;
    margin: 0 auto 50px;
}

.inner-support-area .heading-box h3,
.inner-support-area .heading-box h3 small,
.inner-support-area .heading-box p {
    color: #ffffff;
}

.card.inner-support-card {
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 4px 5px 15px 0px rgba(0, 0, 0, 0.10);
    padding: 45px 60px;
    text-align: center;
    width: 100%;
}

.card.inner-support-card .card-body {
    padding: 0;
}

.card.inner-support-card .card-body h3 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 8px;
}

.card.inner-support-card .card-body p {
    
    margin: 0;
}

.card.inner-support-card .card-img {
    position: relative;
    width: 100%;
    max-width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #1619391A;
    margin: 0 auto 20px;
}

.card.inner-support-card .card-img::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -20px;
    width: 100%;
    max-width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #1619391A;
}

.card.inner-support-card .card-img img {
    width: 76px;
    height: 76px;
    object-fit: contain;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.inner-support-card:hover .card-img img {
    transform: rotateY(360deg);
}

/*-- inner support area stop --*/
/*-- counter area start --*/
.counter-body {
    background-color: #ED2831;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);
    border-radius: 100px;
    padding: 40px;
}

.counter-main-box {
    border-right: 2px solid #ff7777;
}

.counter-main-box:last-child {
    border-right: 0;
}

.counter-media .media-icon {
    width: 100%;
    max-width: 58px;
    height: 58px;
}

.counter-media .media-icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.counter-media .media-body {
    padding-left: 15px;
}

.counter-media .media-body p {
    color: #ffffff;
    margin-bottom: 0px;
}

.counter-media .media-body h4 {
    font-size: 40px;
    color: #ffffff;
    margin: 0 0 0;
    line-height: 40px;
}

.counter-media {
    padding-left: 25px;
}

.counter-area {
    position: relative;
    z-index: 1;
    margin: -75px 0 0;
}

/*-- counter area stop --*/
/*-- inner digital marketiong area start --*/
.inner-missionvision-area.inner-digital-marketiong-area .nav button h4 {
    font-size: 20px;
}

.inner-missionvision-area.inner-digital-marketiong-area .nav button {
    padding: 8px 0;
}

.inner-missionvision-area.inner-digital-marketiong-area .nav button.active:before {
    bottom: -28px;
}

/*-- inner digital marketiong area stop --*/
/*-- inner expertise area start --*/
.inner-expertise-area {
    background: #FFF;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
}

.inner-expertise-img img {
    width: 100%;
    object-fit: cover;
}

.heading-box.inner-expertise-contain-box {
    padding-left: 100px;
    padding-top: 69px;
}
.inner-expertise-img {
    max-width: 420px;
    margin: auto;
}
.inner-customer-area .heading-box {
    width: 100%;
    max-width: 690px;
    margin: 0 auto 30px;
    text-align: center;
}

.inner-customer-area .heading-box h3 small {
    line-height: 26px;
}

.inner-customer-area .heading-box h3 {}

.customer-img-box {
    height: 85px;
    border-radius: 6px;
       padding: 25px 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	max-width: 160px;
}

.s-web-services{ background:#000 !important; padding-top:100px;}

.customer-img-box:hover {
    transform: translateY(-8px);
}

.customer-img-box img {
    object-fit: contain;
    width: auto !important;
    height: auto;
    /* filter: brightness(0) invert(1); */
}

.customer-img-main-box {
    padding: 5px;
}

/*-- inner expertise area stop --*/
/*-- inner career area start --*/
.heading-box h2 {
    font-size: 40px;
    line-height: 50px;
    color: #252546;
}

.heading-box h2 small {
    color: #ed2832;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    line-height: 18px;
}

.inner-career-area .heading-box {
    text-align: center;
    margin: 0 0 60px;
}

.inner-career-banner-bg {
    background: rgb(109, 39, 139);
    background: linear-gradient(90deg, rgb(16 45 62) 18%, rgb(189 91 96) 100%);
}

.inner-career-body .accordion-item {
    margin: 0 0 25px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px 10px 25px 0px rgba(39, 85, 160, 0.25);
    overflow: hidden;
}

.inner-career-body .accordion-item .accordion-header .accordion-button {
    padding: 30px 50px;
    background-color: #fff;
    box-shadow: none;
}

.inner-career-body .accordion-item .accordion-header .accordion-button .career-logo {
    display: inline-block;
    margin: 0 0 5px;
    width: 65px;
}

.inner-career-body .accordion-item .accordion-header .accordion-button .career-logo img {
    width: 100%;
    object-fit: cover;
}

.inner-career-body .accordion-item .accordion-header .accordion-button h4 {
    color: #252546;
    font-size: 26px;
    line-height: 35px;
    margin: 0 0 5px;
}

.inner-career-body .accordion-item .accordion-header .accordion-button .post-text {
    color: #A5A5A5;
    font-size: 16px;
    margin: 0 0 15px;
}

.inner-career-body .accordion-item .accordion-header .accordion-button .post-text i {
    margin-right: 5px;
}

.inner-career-body .accordion-item .accordion-header .accordion-button .duration-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.inner-career-body .accordion-item .accordion-header .accordion-button .duration-list li {
    display: inline-block;
    padding: 14px 25px;
    border-radius: 30px;
    color: #FFF;
    font-size: 18px;
    margin-right: 5px;
}

.inner-career-body .accordion-item .accordion-header .accordion-button .duration-list li img {
    margin-right: 5px;
}

.bg-black {
    background-color: #000000;
}

.bg-skyblue {
    background-color: #ed2832;
}

.inner-career-body .accordion-item .accordion-header .accordion-button::after {
    border: 1px solid #D9D9D9;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-position: center;
}

.inner-career-body .accordion-item .accordion-body {
    padding: 0 50px 30px;
}

.career-contain-box {
    width: 100%;
}

.career-contain-box h5 {
    color: #252546;
    font-size: 30px;
    margin: 0 0 15px;
}

.career-contain-box .list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.career-contain-box .list li {
    position: relative;
    padding-left: 22px;
    color: #666;
    font-size: 18px;
    margin: 0 0 7px;
}

.career-contain-box .list li::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 100%;
    max-width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #2755A0;
}

.career-contain-box h6 {
    color: #252546;
    font-size: 20px;
    margin: 0 0 7px;
}

.career-contain-box h6 strong {
    margin-right: 10px;
}

.career-contain-box .btn {
    padding: 8px 20px;
    margin-top: 10px;
}

.innerjoin-career-area .heading-box {
    text-align: center;
    margin: 0 0 40px;
}

.innerjoin-career-area .heading-box h2 {
    margin: 0 0 10px;
}

.innerjoin-career-area .join-form-area {
    border-radius: 10px;
    border-left: 1px solid #2755A0;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.08);
    padding: 50px 40px;
}

.innerjoin-career-area .join-form-area .form-group {
    margin: 0 0 20px;
}

.innerjoin-career-area .join-form-area .form-control {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20);
    height: 55px;
    font-size: 15px;
    color: #252546;
}

.innerjoin-career-area .join-form-area .form-control::placeholder {
    font-size: 15px;
    color: #252546;
}

.innerjoin-career-area .join-form-area .form-control:focus {
    box-shadow: none;
    border-bottom-color: #2755A0;
}

.innerjoin-career-area .join-form-area .FormSelect {
    position: relative;
}

.innerjoin-career-area .join-form-area .FormSelect::after {
    content: '\f078';
    position: absolute;
    top: 12px;
    right: 12px;
    font-family: FontAwesome;
    font-size: 18px;
    color: #000;
}

.innerjoin-career-area .join-form-area select.form-control {
    cursor: pointer;
    padding-right: 40px;
}

.innerjoin-career-area .join-form-area input[type="file"]::-webkit-file-upload-button {
    border-right: 0;
}

.innerjoin-career-area .join-form-area textarea.form-control {
    height: 120px;
    resize: none;
}

/*-- inner career area stop --*/
/*-- inner digital marketing area start --*/
.inner-digital-marketing-banner-bg {
    background: linear-gradient(193deg, #ed2832 0%, #2c8ba1 100%);
    padding-bottom: 18px;
}

.inner-digital-marketing-banner-bg .inner-banner-img-box img {
    position: relative;
    bottom: -18px;
}

/*-- inner digital marketing area stop --*/
/*------------------service area start-------------------*/
.headertext {
    margin: 0 auto 0;
    text-align: center;
    width: 60%;
}

.headertext h4 {
    font-size: 17px;
    line-height: 25px;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #ed2831;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
	 background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.headertext h3 {
    font-size: 33px;
    line-height: 40px;
    margin: 10px 0px;
		font-weight: 600;
}


.servicebox {
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 5px 18px rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
    border-radius: 10px;
    padding: 40px 25px;
    transition: all .3s ease-in-out
}

.serviceicon {
    width: 65px;
    height: 65px;
    background: #D1E5FF;
    border-radius: 10px;
    margin: 0 auto 15px;
    align-items: center;
    justify-content: center;
    display: flex;
    
   
}
.serviceicon img {
    aspect-ratio: 3 / 2;
    width: 100%;
    object-fit: contain;
}

.servicebox h5 {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .3s ease-in-out
}
.servicebox:hover {
    border-color: #000000;
    box-shadow: 0px 5px 19px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    margin-top: -15px;
    transition: all .3s ease-in-out
}
.servicebox:hover .serviceicon,
.servicerow:nth-of-type(2):hover .serviceicon,
.servicerow:nth-of-type(3):hover .serviceicon,
.servicerow:nth-of-type(4):hover .serviceicon {
    background: #000000;
    transition: all .3s ease-in-out
}
.servicerow:nth-of-type(2) .serviceicon {
    background: #6c90c76b;
}

.servicerow:nth-of-type(3) .serviceicon {
    background: #FFE0E2;
}

.servicerow:nth-of-type(4) .serviceicon {
    background: #C6F5FF;
}

.servicebox:hover img {
    transform: rotatey(360deg);
    transition: all .3s ease-in-out
}
.servicebox:hover .serviceicon img{
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(1%) hue-rotate(306deg) brightness(103%) contrast(101%);  
}
/*------------------service area stop-------------------*/
/*------------------Who we are area start-------------------*/
.marketingarea .headertext h4::before, .excellencearea .headertext h4::before{
    display: none;
}
.who-icon {
    width: 36px;
    height: 36px;
    text-align: center;
    justify-content: center;
    display: flex;
    align-items: center;
    color: #ed2831;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #ed2831;
}
.whoarea .counter-body h5 {
    font-size: 24px;
    line-height: 26px;
    margin-bottom: 8px;
	font-weight: 400;
}



.usbtn {
    background: #2755A0;
    /* box-shadow: 0px 4px 13px rgba(39, 85, 160, 0.31); */
    border-radius: 114px;
    color: #fff;
    padding: 12px 25px;
    font-size: 16px;
    margin-top: 20px;
    display: inline-block;
    background: rgb(0 0 0);
}
.usbtn:hover{
   background: #ed2831;
}

.whowearearea .counter-body {
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
}

/*------------------Who we are area stop-------------------*/
/*--------------Marketing Services start--------------------*/
.marketingarea {
    padding: 140px 0px 0px;
}
.marketingarea .headertext {
    width: 100%;
    text-align: left;
}

.marketingarea .headertext h3 {
    padding-right: 20px;
    line-height: 38px;
    margin: 5px 0 8px;
}



.marketingarea .headertext .khowmore {
    font-size: 18px;
    line-height: 35px;
    color: #ed2831;
    text-decoration: underline;
}
.marketingarea .headertext .khowmore:hover {
    color: #000000;
}

.marketbox {
    background: #FFFFFF;
    border-bottom:2px solid rgb(237 40 49 / 25%);
    box-shadow: 0px 4px 30px rgba(179, 183, 190, 0.3);
    border-radius: 8px;
    padding: 35px 40px;
    margin-bottom: 30px;
    transition: all .3s ease-in-out
}

.markicon {
    position: relative;
    margin-bottom: 30px;
    max-width: 88px;
}
.markicon img {
    /* width: 100%; */
    aspect-ratio: 1 / 1;
    object-fit: contain;
    width: 50px;
    filter: brightness(0) saturate(100%) invert(23%) sepia(89%) saturate(3384%) hue-rotate(344deg) brightness(94%) contrast(97%);
}

.markicon:after {
    position: absolute;
    content: "";
    top: -5px;
    left: -20px;
    background: #2755A0;
    opacity: 0.1;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    transition: 0.5s;
}

/* .marketbox:hover .markicon:after {
    background: #ffffff;
} */

.marketbox h5 {
    font-size: 23px;
    line-height: 27px;
    letter-spacing: 0.01em;
    margin-bottom: 6px;
	font-weight: 500;
}


.marketbox a {
    font-size: 18px;
    line-height: 35px;
    color: #ed2831;
	font-weight: 400;

}

.marketbox a i,
.khowmore i {
    margin-left: 5px;
}

.marketbox:hover {
    border-radius: 8px;
    /* background: linear-gradient(180deg, #3796FE 0%, #2852D4 100%); */
    box-shadow: 0px 4px 20px rgba(39, 85, 160, 0.3);
    transition: all .3s ease-in-out
}

/* .marketbox:hover h5,
.marketbox:hover p,
.marketbox:hover a {
    color: #fff;
} */

/* .marketbox:hover img {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
} */

.market:nth-of-type(3) .marketbox,
.market:nth-of-type(6) .marketbox,
.market:nth-of-type(4) .marketbox {
    position: relative;
    top: -100px;
}

.marketarea {
    position: relative;
}

/*--------------Marketing Services stop--------------------*/
/*-- excellence area start --*/
.excellencearea {
    padding: 0px 0px 50px;
    background-color: #edf3f5;
}

.excellimg {
    /*background: linear-gradient(0deg, #DDE1E4 0%, #EAEEF1 100%);*/
    border-radius: 10px 0px 0px 10px;
    padding: 130px 25px 0px;
    position: relative;
    height: 770px;
    width: 1150px;
}

.excellimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.excellimg:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    /*background: linear-gradient(180deg, rgba(208, 213, 218, 0) 61.94%, rgba(54, 100, 176, 0.85) 100%);*/
    opacity: 0.5;
    border-radius: 10px 0px 0px 10px;
}

.excellencearea .headertext {
    text-align: left;
    position: relative;
    padding: 70px 125px 50px 50px;
    width: 100%;
    background: #EDF3F5;
    border-radius: 0px 10px 10px 0px;
    margin-bottom: 0px;
    overflow: hidden;
}

.excellencearea .headertext h4,
.excellencearea .headertext p {
    position: relative;
    z-index: 99
}

.excellencearea .headertext:after {
    position: absolute;
    content: "";
    width: 33px;
    height: 190px;
    background: #fff;
    top: -67px;
    left: 23px;
    border-radius: 25px;
    transform: rotate(310deg);
}

.excellencearea .headertext:before {
    position: absolute;
    content: "";
    width: 33px;
    height: 190px;
    background: #fff;
    top: -67px;
    left: 120px;
    border-radius: 25px;
    transform: rotate(310deg);
}

.excellbox {
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.07);
    border-radius: 15px;
    padding: 30px 25px 25px;
    margin-bottom: 30px;
    width: 100%;
    transition: all .3s ease-in-out;
    border: 2px solid transparent;
    border-bottom-color: rgb(237 40 49 / 25%);
}
.excellbox:hover{
    
}
.excell {
    align-items: center;
    margin-bottom: 10px;
}

.excellicon {
    width: 35px;
    height: 35px;
    background: #DAEAFF;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 10px;
}
.excellicon img {
    aspect-ratio: 4 / 2;
    width: 100%;
    object-fit: contain;
}
.excell .counter-body h5 {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0.02em;
    color: #000;
    transition: 0.5s;
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.excellbox h4 {
    font-size: 26px;
    line-height: 32px;
    letter-spacing: 0.01em;
    margin-bottom: 20px;
    width: 90%;
    transition: 0.5s;
	font-weight: 500;
}

.excellbox a {
    font-size: 18px;
    line-height: 35px;
    transition: 0.5s;
	font-weight: 400;
}
/* .excellbox:hover .excell .counter-body h5, .excellbox:hover h4, .excellbox:hover a, .excellbox:hover p{
    color: #ffffff;
} */
.excellimg1 {
    text-align: right;
}

.excellbox p {
    transition: all .3s ease-in-out
}

.excell_box:nth-of-type(2) .excellicon {
    background: #ECE0FF;
}

.excell_box:nth-of-type(3) .excellicon {
    background: #DDFFF1;
}

.excell_box:nth-of-type(4) .excellicon {
    background: #FFE6E0;
}

.excell_box:nth-of-type(5) .excellicon {
    background: #DDE1F1;
}

.excell .counter-body {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}

.EXCELLENCE-main-body-area {
    position: relative;
    z-index: 1;
    margin: -510px 0 0;
}

.EXCELLENCE-body-area {
    width: 100%;
    max-width: 88%;
}

.excellimg1 img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

/*-- excellence area stop --*/

/*-- header-area start --*/
.header-top {
    background-color: #000;
  padding: 10px 0;
  justify-content: center;
  display: flex;
  text-align: center;
}
.header-top .container{ position:relative;}

.header-top .header-social {
    text-align: center;
  justify-content: center;
  display: flex;margin-right: 140px;
}

.header-top .header-social li {
    display: inline-block;
   font-size: 13px;
    color: #ffffff;
    margin: 0px 10px;
}

.header-top .btn-primary{padding: 7px 25px;position: absolute;
  right: 0px;}
.header-top .header-social li i{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  font-size: 18px;position: relative;
  top: 2px;}

.headerrighttop{justify-content: center;}

.header-top .header-social li img{ margin-right:5px;border-radius: 3px;object-fit: contain;width: 17px;
  height: 17px;}
.header-top .header-social li a{ font-size: 16px;vertical-align: middle;color: #fff;}

.header-top .header-social li .social-link {
    width: 25px;
    height: 25px;
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color: #000000;
    border-radius: 50%;
    font-size: 13px;
    transition: 0.5s;
}

.header-top .header-social li .social-link:hover {
    background-color: transparent;
    color: #ffffff;
}

.header-top .header-contact {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.header-top .header-contact li {
    display: inline-block;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 2px solid #ffffff12;
}

.header-top .header-contact li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

.header-contact .phone-media {}

.header-contact .phone-media .media-icon {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #ffffff;
}

.header-contact .phone-media .media-icon img {
    object-fit: contain;
    aspect-ratio: 1 / 1;
    width: 14px;
    filter: brightness(0) saturate(100%) invert(0%) sepia(99%) saturate(7468%) hue-rotate(348deg) brightness(98%) contrast(90%);
}

.header-contact .phone-media .media-body {
    padding-left: 10px;
    font-size: 15px;
    color: #ffffff;
}

.header-contact .phone-media .media-body a {
    color: #ffffff;
    padding-right: 10px;
    margin-right: 10px;
    position: relative;
}

.header-contact .phone-media .media-body a::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #ffffff;
}

.header-contact .phone-media .media-body a:last-child {
    padding-right: 0;
    margin-right: 0;
}

.header-contact .phone-media .media-body a:last-child::after {
    display: none;
}

 .header {
    padding: 0;
    position: relative;
    background-image: linear-gradient(108deg, #ffffff 0, #e3d2ef 32%, #da365c 84%, #d04901 100%);
}

.header .container{
   position: relative;  
}


.header .container:after{ position:absolute; content:"";}

.logo {
    width: 100%;
    max-width: 225px;
    height: auto;
    padding: 2px 0px;
    background: #FFF;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0.29) 0%, rgba(255, 255, 255, 0.95) 33%, rgba(255, 255, 255, 0.98) 69%, rgba(255, 255, 255, 0.29) 100%);
    background: #FFF;
    background: linear-gradient(270deg, rgb(255 255 255 / 0%) 0%, lch(100 0 0) 33%, rgb(255 255 255) 69%, rgb(255 255 255 / 0%) 100%);
}

.logo img {
    max-width: 225px;
    aspect-ratio: 2.97 / 1;
    object-fit: contain;
}
.aboutimg {
    max-width: 540px;
    margin: auto;
}
.aboutimg img{
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

@media screen and (min-width:320px) {
    .headarea.fix {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        background: #ffffff;
        z-index: 991;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;
        box-shadow: 0px 2px 6px rgb(30 75 104 / 8%);
        padding: 15px 0;
    }

    .headarea.fix .logo_black {
        display: block;
    }

    .headarea.fix .logo_white {
        display: none;
    }

    .headarea.fix .menu ul li a {
        color: #000;
    }

    .headarea.fix .menu ul li a:after {
        background: #000;
    }

    .headarea.fix .btn-search img {
        filter: brightness(0) invert(0);
    }

    .menu-area.fix .menu ul li ul {
        background-color: rgb(249 207 17);
    }

    .menu-area.fix .menu ul li:hover ul li a:hover {
        color: #ffffff;

    }

    .menu-area.fix .menu ul li ul li {
        background-color: rgb(255 255 255 / 22%);
    }

    .menu-area.fix .menu ul li ul li a {
        padding: 8px 0px;
        font-size: 14px;
        color: #000000;
    }

    .menu-area.fix .menu ul li ul li a i {

        color: #000;

    }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }

    @keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }

        100% {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }
    }
}

#button {
    display: inline-block;
    background-color: #181e4e;
    width: 44px;
    height: 44px;
    text-align: center;
    border-radius: 44px;
    position: fixed;
    bottom: 80px;
    right: 30px;
    transition: background-color .3s,
        opacity .5s, visibility .5s;
    cursor: pointer;
    z-index: 1000;
    opacity: 0;
    padding: 0px 0px;
    color: #fff;
    font-size: 11px;
    line-height: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #fbcf0e;
}

#button:hover {
    background-color: #fbcf0e;
}

#button span {
    display: block;
    font-size: 20px;
    top: 0px;
    position: relative;
}

#button span i {
    line-height: 24px;
}

#button.show {
    opacity: 1;
    visibility: visible;
}



.menu {
    width: 100%;
}

.menu ul {
    margin: 0;
    padding: 0;
    font-size: 0;
}

.menu ul li {
    display: inline-block;
    padding: 0;
    list-style-type: none;
    font-weight: 400;
    vertical-align: middle;
	margin-bottom: 0px;
}

.menu ul li:last-child a {
    padding-right: 0;
}

.menu ul li.onerow {
    position: relative;
}

.menu ul li.onerow ul.megamenu {
    width: 100%;
    padding: 0;
    min-width: 250px;
    text-align: left;
    left: 0;
    right: 0;
    background-color: hsl(0deg 0% 100%);
    box-sizing: border-box;
    padding: 8px 12px 12px;
    box-shadow: 0 0 4px -2px rgba(14, 41, 66, .125), 0 5px 40px -8px rgba(14, 41, 66, .12), 0 14px 70px -20px rgba(14, 41, 66, .08);
}

.menu ul li:hover ul li a {
    color: #fff;
}

.menu ul li.onerow ul.megamenu li a small {
    display: block;
}

.menu ul li.onerow ul.megamenu strong img {
    position: absolute;
    left: 0;
    width: 45px;
    background-color: rgb(255 234 146 / 30%);
    height: 48px;
    object-fit: contain;
    padding: 8px;
    border-radius: 6px;
    box-shadow: 0px 0px 4px 0px hsl(0deg 0% 0% / 12%);
}

.menu ul li.onerow ul li {
    display: inline-block;
    padding: 0;
    border: none;
    border-right: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: inherit;
    border-right: none;
    background-color: transparent;
    margin-bottom: 0;
}

.menu ul li.onerow ul li.onerow a span {
    position: absolute;
    left: auto;
    right: 6px;
    top: 10px;
}

.menu ul li.onerow ul li a {
    font-size: 15px;
    padding: 7px 5px;
    color: #000;
    background-color: transparent;
    line-height: 20px;
    font-weight: 300;
    border: none;
	text-transform: capitalize;
    background-color: transparent;
    border-bottom: 1px solid hsl(0deg 0% 0% / 4%);
}

.menu ul li a {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    display: block;
    padding: 32px 10px;
}

.menu ul li a span {
    display: inline-block;
    vertical-align: 1px;
    margin-left: 2px;
    font-size: 10px;
    opacity: 0.9;
}

.menu ul li.active a {
   color:#fff;
}

.menu ul li:hover a {
    color:#FFF
}

.menu ul li:hover ul li:hover {
}

.menu ul li:hover ul li a {
    color: #000;
}
.menu ul li:hover ul li a:hover {
    color: #ed2831;
    background-color: white;
}

.menu ul li:hover ul li a:hover i {
    color: #013162;
}

.menu ul li ul {
    width: 256px;
    display: none;
    position: absolute;
    top: calc(100% + 30px);
    left: 0;
    z-index: 2;
    background-color: hsl(15.47deg 82.61% 45.1%);
    text-align: left;
    box-shadow: none;
    padding: 14px;
    transition: 0.3s;
    border-radius: 14px;
    padding: 12px 0 16px;
    box-shadow: 0 0 4px -2px rgba(14, 41, 66, .125), 0 5px 40px -8px rgba(14, 41, 66, .12), 0 14px 70px -20px rgba(14, 41, 66, .08);
    background-image: linear-gradient(108deg, #ffffff 0, #ffe1f2 32%, #c6e3ff 84%, #ffffff 100%);
}

.menu ul li ul.megamenu {
    width: 100%;
    border-radius: 0;
}

.menu ul ul li:first-child:before {
    display: none;
}

.menu ul ul li:after {
    display: none;
}

.menu ul li:last-child ul {
    width: 220px;
    position: absolute;
    top: 100%;
    left: auto;
    right: 0;
    z-index: 2;
    background-color: #ffffff;
    box-shadow: 0px 5px 14px rgb(0 0 0 / 2%);
    text-align: left;
}

.menu ul li ul li a {
    font-size: 15px;
    text-transform: none;
    padding: 9px 5px;
    color: #000;
    line-height: 18px;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
    background-color: transparent;
    border-bottom: 1px solid hsl(0deg 0% 0% / 4%);
    font-weight: 300;
}

.menu ul li ul li a:hover {
    padding-left: 20px;
}

.menu ul li.onerow ul li a:hover {
    padding-left: 10px;
}

.menu ul li ul li a i {
    display: inline-block;
    vertical-align: 0;
    margin-right: 5px;
    font-size: 12px;
    opacity: 0.74;
    color: #fff;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}

.menu ul li.onerow ul li ul {
    left: 100%;
    right: auto;
    top: 0 !important;
    border-radius: 0;
    padding: 0;
    min-width: 180px;
    width: 100%;
}

.menu ul li ul li span {
    right: 7px;
    top: 12px;
}

.menu ul li a:hover.menu ul li ul {
    display: block;
}

.menu ul li ul.megamenu.onelist li {
    display: block;
}

.menu ul li ul li {
    display: inline-block;
    padding: 0;
    border-right: none;
    width: 30%;
    margin-left: 2%;
    margin-bottom: 2px;
}

.menuButton {
    width: 40px;
    height: 35px;
    padding: 5px;
    float: right;
    display: none;
}

.menuButton span {
    width: 100%;
    height: 3px;
    background: #3db0f0;
    margin-bottom: 6px;
    float: left;
    transition: all 0.3s ease-in-out 0s;
}

.menuButton span:last-child {
    margin-bottom: 0;
}

@media (min-width:991.98px) {

    .menu ul li>ul {
        display: none !important;
    }

    .menu ul li:hover>ul {
        display: block !important;

        top: 100%;

    }
}

@media (max-width:991.98px) {
    .menuButton {
        display: block;
        margin-left: 15px;
        cursor: pointer;
    }

    .menu ul li span {
        background: url(../images/menu_arrow.png) center center no-repeat;
        cursor: pointer;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 15px;
        top: 20px;
        z-index: 99;
    }

    .menu ul li:hover span {
        background: url(../images/menu_arrow_hover.png) center center no-repeat;
    }

    .arrow_change span:nth-child(2) {
        display: none;
    }

    .arrow_change span:first-child {
        position: relative;
        top: 9px;
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .arrow_change span:last-child {
        position: relative;
        top: 1px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
    }

    .menuBar {
        padding: 15px 0;
    }

    .menu {
        padding: 5px 0;
    }

    .menu ul {
        display: none;
        background-color: #fff;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 99;
    }

    .menu ul li a {
        color: #071731;
        display: block;
        width: 100%;
        font-size: 14px;
    }

    .menu ul li ul {
        display: none;
        background-color: #0b9bec;
        position: relative;
        top: 5px;
        left: -1px;
        width: 100%;
        z-index: 1;
        padding: 0;
    }

    .menu ul li:last-child ul {
        display: none;
        background-color: #3958a1;
        position: relative;
        top: 5px;
        left: 0;
        width: 100%;
        z-index: 1;
    }

    .menu ul li {
        display: block;
        padding: 10px 15px 10px 15px;
        border-top: 1px solid #cccccc54;
        text-align: left;
        position: relative;
    }

    .menu ul li span {
        position: absolute;
        right: 30px;
        z-index: 99;
        cursor: pointer;
        top: 12px;
        text-align: center;
    }

    .menu ul li ul li ul {
        top: 0;
        left: 0;
    }

    .menu ul li ul li a {
        font-size: 12px;
        text-transform: none;
        background-color: #3db0f0;
        padding: 8px 12px;
    }
}

.mobail-phonearea {
    display: none !important;
}

/*-- header-area stop --*/

/*-- header-area stop --*/
.banner-area {
    height: 600px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #f0f3fa;
}

.banner-contain {
    position: relative;
    width: 70%;
    padding-right: 25%;
    padding-top: 50px;
    padding-left: 30px;
}

.banner-contain h1 {
    color: #0D1C35;
    font-size: 48px;
    margin: 0 0 5px;
    position: relative;
    z-index: 1;
}

.banner-contain h2 {
    color: #ED2831;
    font-size: 48px;

    margin: 0 0 18px;
    position: relative;
    display: inline-block;
    z-index: 1;
}

.banner-contain h2 strong {
    position: relative;
    z-index: 1;
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.banner-contain h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 330px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/text-shape.svg);
    filter: brightness(0) saturate(100%) invert(14%) sepia(3%) saturate(26%) hue-rotate(318deg) brightness(97%) contrast(85%);
}

.banner-contain p {
    
    position: relative;
    z-index: 1;
}

.banner-contain .banner-img {
    width: 100%;
    max-width: 50%;
    position: absolute;
    top: 0;
    right: -40px;
}

.banner-contain .banner-img img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}

.banner-form {
    border-radius: 10px 10px 0px 0px;
    background: #FFF;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.13);
    padding: 30px 0;
    width: 30%;
}

.banner-form .card-header {
    border: 0;
    background-color: transparent;
    padding: 0;
    margin: 0 0 10px;
    position: relative;
}

.banner-form .card-header::after {
    content: '';
    position: absolute;
    top: -65px;
    right: -25px;
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/eirphone.svg);
}

.banner-form .card-header h3 {
    padding: 0 26px 15px;
    margin: 0 0 0;
font-weight: 500;
    font-size: 28px;
    position: relative;
}

.banner-form .card-header h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 85%;
    border-radius: 3px;
    background-color: #000000;
}

.banner-form .card-header h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 7%;
    width: 70px;
    height: 3px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/line-shape1.svg);
    filter: brightness(0) saturate(100%) invert(31%) sepia(76%) saturate(5232%) hue-rotate(342deg) brightness(92%) contrast(102%);
}

.banner-form .card-body {
    padding: 0 30px;
}

.banner-form .card-body .form-group {
    margin: 0 0 18px;
}

.banner-form .card-body .form-control {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #ced4da;
    height: 50px;
}

.banner-form .card-body .form-control:focus {
    box-shadow: none;
}

.ityped-cursor {
    opacity: 1;
    -webkit-animation: blink 0.3s infinite;
    -moz-animation: blink 0.3s infinite;
    animation: blink 0.3s infinite;
    animation-direction: alternate;
}

@keyframes blink {
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    100% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    100% {
        opacity: 0;
    }
}

@media screen and (min-width: 360px) {
    .header.fix {
        position: fixed;
        width: 100%;
        left: 0;
        top: 0;
        z-index: 991;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInDown;
        animation-name: fadeInDown;

        padding: 0;
        box-shadow: 0px 0px 20px 0px #bdbcbc;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

/*-- banner area start --*/

/*----------------Contact Us css Start--------------------*/
.contactbg {
    background: linear-gradient(258.67deg, #30044a -17.34%, #a5393e 99.44%);
}

.headtext {
    width: 100%;
    padding-right: 0px;
}

.headtext h1 {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
    margin-bottom: 15px;
	text-transform: capitalize;
}

.headtext p {
    
    color: #fff;
    margin-bottom: 30px;
}

.headtext .getbtn {
    border: 1px solid #fff;
     background-color: #fff;
    padding: 12px 30px;
    display: inline-block;
    border-radius: 25px;
    font-size: 18px;
    color: #000;
     font-weight: 600;
}
.headtext .getbtn:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    font-weight: 600;
}

.bannerimg {
    padding-top: 60px;
}

.contactbody {
    padding: 60px 0px;
}

.contleft {
    position: relative;
}

.contone {

    margin: 0 auto 25px;
    text-align: center;
    position: relative;
}
/*
.contone:after {
    position: absolute;
    content: "";
    background: url(../images/star.png) no-repeat;
    width: 64px;
    height: 64px;
    top: 35px;
    left: 0px;
}

.contone:before {
    position: absolute;
    content: "";
    background: url(../images/star.png) no-repeat;
    width: 50px;
    height: 50px;
    bottom: 40px;
    right: 130px;
    background-size: 100%;
}
*/
.contleftimg {
    width: 165px;
    height: 165px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0px 4px 20px 0px #00000026;
}

.contleftimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contactext {
    border: 2px solid #D9D9D9;
    text-align: center;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 35px;
    display: inline-block;
    position: relative;
}

.contactext:after {
    position: absolute;
    content: "";
    background: url(../images/star1.png) no-repeat;
    top: -20px;
    right: -23px;
    width: 27px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(3195%) hue-rotate(345deg) brightness(99%) contrast(89%);
}

.contactext h6 {
    font-size: 16px;
    line-height: 25px;
    color: #000000;
}

.contactext h4 {
    font-size: 20px;
    line-height: 20px;
    color: #ed2832;
}

.cont-two {
    right: 209px;
    margin: initial;
    top: -104px;
}

.cont-two .contactext {
    margin: 35px auto 0px;
}

.cont-two::before {
    bottom: -35px;
    right: 110px;
}

.cont-three {
    margin: -183px auto 0px;
    right: -210px;
    pointer-events: none;
}

.cont-two::after,
.cont-three::after,
.cont-three::before {
    display: none;
}

.contright {
    width: 100%;
  max-width: 580px;
  padding-left: 0px;
  margin-top: 40px;
}
.addimage{padding: 5px;
  border: 1px solid #ddd;
  box-shadow: 0px 0px 10px 0px #ddd;margin-bottom: 13px;}
.contactarea h4{font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 24px;}
.contactarea h6{font-size: 17px;
  line-height: 25px;}
.contright h4 {
    font-size: 40px;
    line-height: 43px;
    margin-bottom: 20px;
    position: relative;
}

.contright h4:after {
    position: absolute;
    content: "";
    width: 125px;
    height: 2px;
    background: #ed2832;
    top: -30px;
    left: 0px;
}

.contright p {
   
    margin: 0 0 15px;
}

.getsterted {
    padding: 12px 30px;
    display: inline-block;
    border-radius: 25px;
    font-size: 18px;
    color: #fff;
    background: #000000;
    margin-top: 35px;
    position: relative;
    z-index: 9;
}
.getsterted:hover{
   background:#ed2832;
    color: #fff;
}
.questions-area {
    padding: 80px 0px 20px;
    background: #F6F6F6;
}

.questions-area h4 {
    font-size: 40px;
    line-height: 40px;
    text-align: center;
    color: #ed2832;
    position: relative;
}

.questions-area h4::after {
    position: absolute;
    content: "";
    width: 100px;
    height: 2px;
    background: #ed2832;
    top: -20px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
}

.questions-area p {
    
    margin: 20px auto 0px;
    text-align: center;
    
    width: 70%;
    
}

.contact-form {
    border: 1px solid #E8E8E8;
    box-shadow: 0px 2px 15px 0px #00000014;
    padding: 40px 45px;
    background: #fff;
    border-radius: 5px;
}
.contact-form p{ width:100%; text-align:left;}
.contact-form .form-group{width:100%;}
.contact-form .form-control {
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
    padding: 10px 0px;
}

textarea.form-control {
    resize: none;
}

.contact-form .btn-primary {
    padding: 10px 30px;
    display: inline-block;
    border-radius: 5px;
    font-size: 18px;
    color: #fff;
    background: #ed2832;
    border: none;
    margin-top: 20px;
    border-radius: 30px;
}
.contact-form .btn-primary:hover{
    background: #000;
}

/*----------------Contact Us css stop--------------------*/
/*----------------reviewbg Us css Start--------------------*/
.reviewbg {
    background: linear-gradient(180deg, #4272F6 0%, #27C3FF 100%);
}

.testimonialsection {
    padding: 80px 0px 50px;
}

.testimonialsection .headertext {
    text-align: center;
    width: 100%;
    max-width: 750px;
    margin: 0 auto 50px;
}

.testimonialsection .headertext h4 {
    color: #2755A0;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
}

.testimonialsection .headertext h4:after {
    position: absolute;
    content: "";
    width: 100px;
    height: 1px;
    background: #2e5daa;
    left: 0px;
    top: -15px;
    right: 0px;
    margin: 0 auto;
}

.testimonialsection .headertext h3 {
    color: #292929;
    font-size: 40px;
    margin: 10px 0px 10px;
}

.testimonialsection .headertext p {
    font-size: 17px;
    line-height: 26px;
}

.feedbackbox {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 2px 2px 14px 0px rgba(0, 0, 0, 0.20);
    text-align: center;
    padding: 25px;
    margin-bottom: 25px;
    position: relative;
}

.clientimg {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    margin: 0 auto 10px;
    overflow: hidden;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
}

.reviewstar {
    position: absolute;
    bottom: 20px;
    left: 0px;
    right: 0px;
}

.feedbackbox h5 {
    font-size: 25px;
    color: #2755A0;
    line-height: 30px;
}

.feedbackbox p {
    color: #484848;
    font-size: 18px;
    margin: 15px 0px;
}

.feedbackbox ul {
    padding: 0px;
    margin: 10px 0px 0px 0px;
}

.feedbackbox ul li {
    display: inline-block;
    color: #fcbc07;
}

.dailypage .pagination {
    justify-content: center;
    display: flex;
    margin-top: 55px;
}

.dailypage .pagination .page-link {
    color: #000;
    border: 1px solid transparent;
    border-radius: 50px;
    margin: 0px 5px;
    font-size: 20px;
    width: 45px;
    height: 45px;
    text-align: center;
    font-weight: 500;
    background: #ebebeb;
}

.dailypage .pagination .page-link:hover {
    color: #fff;
    background-color: #2755A0;
}

.dailypage .pagination .page-item.active .page-link {
    color: #fff;
    background-color: #2755A0;
}

.page-item:first-child .page-link {
    background: transparent !important;
    color: #000000 !important;
}

.page-item:last-child .page-link {
    background: transparent !important;
    color: #000000 !important;
}

.videosection {
    padding: 80px 0px;
    position: relative
}

.videosection .owl-stage {
    align-items: center;
    display: flex;
    padding: 50px 0px;
}

.client-review-youtube-vid-bx iframe {
    width: 100%;
    height: 250px;
}

.client-review-youtube-vid-bx {
    margin: 0px 40px;
}

.feedback-slider .owl-item.center .client-review-youtube-vid-bx {
    background: url(../images/videobg.png) no-repeat center;
    height: 388px;
    width: 667px;
    background-size: 100%;
    margin: 0 auto;
    text-align: center;
    left: -83px;
    position: relative;
}

.feedback-slider .owl-item.center .client-review-youtube-vid-bx iframe {
    height: 335px;
    width: 78%;
    top: 17px;
    position: relative;
}

.feedback-slider .owl-item.center .client-review-youtube-vid-bx:after {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    background: #2e5eab;
    border-radius: 50%;
    top: -35px;
    left: 25px;
    z-index: -1;
}

.feedback-slider .owl-item.center .client-review-youtube-vid-bx:before {
    position: absolute;
    content: "";
    width: 90px;
    height: 90px;
    border: 2px solid #2e5eab;
    border-radius: 50%;
    bottom: -35px;
    right: 25px;
    z-index: -1;
}

.feedback-slider .owl-nav .owl-prev span,
.feedback-slider .owl-nav .owl-next span {
    display: none;
}

.feedback-slider .owl-nav .owl-prev:after {
    background: url(../images/leftarrow.png) no-repeat;
    width: 23px;
    height: 20px;
    content: "";
    position: absolute;
    margin: auto;
}

.feedback-slider .owl-nav .owl-next:after {
    background: url(../images/rightarrow.png) no-repeat;
    width: 23px;
    height: 20px;
    content: "";
    position: absolute;
    margin: auto;
    margin-left: 50px;
}

.feedback-slider .owl-nav .owl-prev {
    margin-right: 10px;
}

.feedback-slider {
    position: relative;
}

.feedback-slider .owl-nav {
    position: absolute;
    bottom: 0px;
    right: 0px;
    justify-content: center;
    left: -65px;
    display: flex;
}

/*----------------reviewbg Us css stop--------------------*/
.technologies-area {
    background-color: #242424;
    overflow: hidden;
    position: relative;
}

.technologies-area::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: rgb(255, 235, 211);
    background: -moz-linear-gradient(90deg, rgba(255, 235, 211, 0) 0%, rgb(36 36 36) 85%, rgb(36 36 36) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 235, 211, 0) 0%, rgb(36 36 36) 85%, rgb(36 36 36) 100%);
    background: linear-gradient(90deg, rgba(255, 235, 211, 0) 0%, rgb(36 36 36) 85%, rgb(36 36 36) 100%);
    width: 100%;
    max-width: 300px;
    height: 100%;
    z-index: 1;
}

.technologies-area .heading-box h3 {
    color: #fff;
    margin-bottom: 0;
}

.OurWorkPortfolio_slider .owl-stage-outer {
    padding: 120px 0;
}

#technologiescarousel .owl-stage-outer {
    width: 150%;
}

/*---------OurWorkPortfolio-area--------------*/
.OurWorkPortfolio-area {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.OurWorkPortfolio-area:after {
    content: "";
    position: absolute;
    left: 0;
    top: -224px;
    /*background-image: url(../images/prjectbg.svg);*/
    width: 1000px;
    height: 991px;
    object-fit: contain;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

.OurWorkPortfolio_slider {
    max-width: 1200px;
    width: 100%;
    margin: auto;
}

.WorkPortfolio {
    width: 98%;
    height: 324px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.12);
    border: 10px solid #fff;
    margin: auto;
    position: relative;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    webkit-transition: background-position 4s ease-in-out;
    -moz-transition: background-position 4s ease-in-out;
    -o-transition: background-position 4s ease-in-out;
    -ms-transition: background-position 4s ease-in-out;
    transition: background-position 4s ease-in-out;
}

.OurWorkPortfolio_slider .owl-item.center {
    position: relative;
    z-index: 2;
}

.WorkPortfolio .btn-primary1{position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;}

.OurWorkPortfolio_slider .owl-item.center .WorkPortfolio {
    -webkit-transform: scale(1.55);
    -ms-transform: scale(1.55);
    transform: scale(1.55);
    box-shadow: 0px 6px 22px 0px rgba(0, 0, 0, 0.25)
}

.OurWorkPortfolio_slider .owl-item.center .WorkPortfolio:hover {
    background-position: bottom;
    webkit-transition: background-position 9s ease-in-out;
    -moz-transition: background-position 9s ease-in-out;
    -o-transition: background-position 9s ease-in-out;
    -ms-transition: background-position 9s ease-in-out;
    transition: background-position 9s ease-in-out;
}

.owl-dots {
    text-align: center;
}

.owl-dots .owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #C6CFD2 !important;
    background-color: #C6CFD2 !important;
    outline: none;
    box-sizing: border-box;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-right: 5px;
    position: relative;
}

.owl-dots .owl-dot:last-child {
    margin-right: 0;
}

.owl-dots .owl-dot:hover, .owl-dots .owl-dot.active {
    border-color: #bb449c !important;
    background-color: #bb449c !important;
}

.owl-dots .owl-dot.active {

    width: 7px;
    height: 7px;
    margin-right: 12px;
    margin-left: 6px;
}

.owl-dots .owl-dot.active:after {
    content: "";
    position: absolute;
    left: -7px;
    top: -7px;
    width: 19px !important;
    height: 19px;
    border: 2px solid #bb449c;
    border-radius: 50%;
}

.blogtotal {
    margin-top: 30px;
}

.blog-box {
    border-radius: 24px;
    background: #ffffff;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    padding: 16px;
}

.blog-box .thumble {
    width: 100%;
    height: 170px;
    overflow: hidden;
    border-radius: 22px;
    display: flex;
    margin-bottom: 18px;
}
.design_processin.ourwork {
    padding-bottom: 0;
}
.blog-box .thumble img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    aspect-ratio: 16 / 12;
}

.blog-box:hover .thumble img {
    transform: scale(1.1);
}

.blog-box .blog-body {}

.blog-box .blog-body h4 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.blog-box:hover .blog-body h4 {
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}



.blog-box .blog-body span {
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
    font-size: 18px;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
	font-weight: 400;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-box:hover .blog-body span {
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.blog-box .blog-body span i {
    font-size: 14px;
    margin-left: 6px;
    margin-top: 4px;
}

.btn-viewmore {
    border-radius: 114px;
    background: #ed2831;
    font-size: 18px;
    display: inline-block;
    color: #fff;
    text-transform: capitalize;
    padding: 9px 22px;
    line-height: 24px;
    box-shadow: 0px 4px 13px 0px rgba(39, 85, 160, 0.31);
    letter-spacing: 1px;
}

.btn-viewmore:hover {
    color: #fff;
    background: #000;
    box-shadow: none;
}

/*----------------Team css Start--------------------*/
.teambg {
    padding-top: 34px;
    background: rgb(109, 39, 139);
    background: linear-gradient(90deg, rgb(141 38 153) 18%, rgb(255 151 128) 100%);
}

.teamright {
    padding-left: 30px;
}

.teamimgleft {
    position: relative;
    width: 685px;
    left: -105px;
}

.teamimgleft img {
    width: 100%;
    object-fit: cover;
}

.foundersection {
    padding: 0px;
}

.foundersection h4 {
    font-size: 70px;
  color: #FFF;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ddd;
  display: inline-block;
  position: relative;
  line-height: 70px;
}

.foundersection h4:after {
    position: absolute;
    content: "";
    width: 150px;
    height: 1px;
    background: #fff;
    top: 55px;
    right: -180px;
}

.foundersection h3 {
    font-size: 35px;
  color: #000000;
  line-height: 36px;
  top: -50px;
  position: relative;
}

.founderarea {
    padding-left: 120px;
}

.directop-img {
    background: #FFF;
    box-shadow: 0px 4.911625862121582px 24.558130264282227px 0px rgba(39, 85, 160, 0.20);
    width: 270px;
    height: 270px;
    border-radius: 50%;
    overflow: hidden;
    border: 10px solid #fff;
    margin-right: 40px;
}

.directop-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teamarea .counter-body h5 {
    color: #40405D;
    font-size: 24.558px;
    line-height: 36.837px;
}

.teamarea .counter-body ul {
    padding: 0px;
    margin: 0px;
}

.teamarea .counter-body ul li {
    display: inline-block;
    margin-left: 20px;
    font-size: 25px;
    color: #2755A0;
}

.teamarea .counter-body ul li a i {
    color: #000000;
}

.teamarea .counter-body h6 {
    color: #000000;
    font-size: 24.558px;
    line-height: 36.837px;
    margin: 5px 0px;
}


.teamarea {
    margin: 15px 40px 30px;
}


.teamimg {
    background: #FFF;
  box-shadow: 0px 4.911625862121582px 24.558130264282227px 0px rgba(39, 85, 160, 0.20);
  width: 220px;
  height: 220px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #fff;
  margin: 0 auto 7px;
}

.teamimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.teambox h6 {
    color: #40405D;
    font-size: 20px;
    line-height: 30px;
}

.teambox h5 {
    color: #000000;
  font-size: 19px;
  line-height: 35px;
}

.joinsection {
    background:#f7f7f78a;
    padding: 50px 0px;
}

.joinsection h4 {
    font-size: 40px;
    line-height: 35px;
    color: #000;
    position: relative;
    margin-bottom: 30px;
}

.joinsection h4:after {
    position: absolute;
    content: "";
    width: 170px;
    height: 2px;
    top: -30px;
    left: 0px;
    background: #2755A0;
}

.joinsection p {
    color: #0D1C35;
    font-size: 19px;
    line-height: 30px;
}

.joinsection .form-control {
    height: 60px;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.04);
    border: none;
    padding: 10px 10px 10px 25px;
    color: #2755A0;
    font-size: 18px;
    font-weight: 500;
}

.joinsection .form-control::placeholder,
.joinsection .form-control::-webkit-placeholder {
    color: #000;
  font-size: 18px;
}

.teamarea .counter-body {
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    background-color: transparent;
}

.joinsection .form-group {
    margin: 0 0 15px;
}

.joinsection .btn {
    border-radius: 6px;
}

.joinsection input[type="file"] {
    padding-top: 17px;
}

.joinsection input[type="file"]::-webkit-file-upload-button {
    border-right-color: transparent;
}

/*----------------Team css stop--------------------*/
/*-- social media management area start --*/
.website-form-box {
    position: relative;
    padding: 14px 0 14px 15px;
}

.website-form-box .form-box {
    padding: 40px 25px;
    background-color: #fff;
    box-shadow: 0 0 5px rgb(39 85 160 / 40%);
    border-radius: 6px;
    position: relative;
    z-index: 1;
}

.website-form-box .form-box .form-group {
    margin: 0 0 20px;
}

.website-form-box .form-box .form-control {
    border-radius: 0;
    height: 50px;
    border: 0;
    border-bottom: 1px solid #2755A0;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.04);
    padding: 12px 15px;
    color: #908D8D;
    font-size: 17px;

}

.website-form-box .form-box .form-control::placeholder {
    color: #908D8D;
    font-size: 17px;

}

.website-form-box .form-box textarea.form-control {
    height: 107px;
}

.website-form-box .form-box .btn {
    border-radius: 5px;
}

.capture {
    width: 100%;
    max-width: 210px;
}

.website-form-box::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 220px;
    height: 100%;
    background: rgb(237 40 50 / 56%);
    border-radius: 6px;
}

.digital-marketing-contain-box {
    padding-left: 30px;
}

.digital-marketing-contain-box h2 {
    color: #252546;
    font-size: 35px;

    line-height: 45px;
    margin: 0 0 10px;
}

.digital-marketing-contain-box h2 strong {
    display: block;
    color: #ed2832;
    font-size: 18px;

    line-height: 28px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.digital-marketing-contain-box p {
    color: #000000;
    
}

.digital-marketing-contain-box ul {
    padding: 0;
    margin: 20px 0 0;
    list-style-type: none;
}

.digital-marketing-contain-box ul li {
    position: relative;
    padding-left: 34px;
    color: #000000;
   list-style: none;
    margin: 0 0 15px;
}

.digital-marketing-contain-box ul li::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 23px;
    height: 23px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url(../images/check2.svg);
}

.inner-about-digital-marketing-area {
    margin: 0 0 90px;
}

.card.managementservice-card {
    border-radius: 12px;
    border: 1px solid #DFDFDF;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(39, 85, 160, 0.20);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    margin: 0 0 30px;
}

.card.managementservice-card:hover {
    transform: translateY(-10px);
}

.card.managementservice-card:hover {
    background: linear-gradient(180deg, #3694FD 0%, #2853D5 100%);
    box-shadow: 0px 4px 25px 0px rgba(22, 51, 98, 0.40);
    border-color: transparent;
}

.card.managementservice-card .card-body {
    padding: 35px 25px;
    background-color: transparent;
}

.card.managementservice-card .card-body .managementservice-media {
    margin: 0 0 17px;
}

.card.managementservice-card .card-body .managementservice-media .media-icon {
    width: 80px;
    height: 74px;
    padding-left: 10px;
    position: relative;
}

.card.managementservice-card .card-body .managementservice-media .media-icon img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    filter: brightness(0) saturate(100%) invert(100%) sepia(2%) saturate(7227%) hue-rotate(36deg) brightness(109%) contrast(101%);
}

.card.managementservice-card:hover .card-body .managementservice-media .media-icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(21deg) brightness(102%) contrast(105%);
}

.card.managementservice-card .card-body .managementservice-media .media-icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/managementservice-img-sape1.svg);
    z-index: 0;
}

/* .card.managementservice-card:hover .card-body .managementservice-media .media-icon::after{
    filter: brightness(0) saturate(100%) invert(87%) sepia(18%) saturate(6572%) hue-rotate(321deg) brightness(97%) contrast(109%) !important;
} */
.card.managementservice-card .card-body .managementservice-media .media-body {
    padding-left: 15px;
}

.card.managementservice-card .card-body .managementservice-media .media-body h3 {
    color: #ffffff;
    font-size: 24px;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.managementservice-card:hover .card-body .managementservice-media .media-body h3 {
    color: #ffffff;
}

.card.managementservice-card .card-body p {
    margin: 0 0 10px;
    color: #ffffff;
    font-size: 16px;

    line-height: 26px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.managementservice-card:hover .card-body p {
    color: #ffffff;
}

.card.managementservice-card .card-body p:last-child {
    margin: 0;
}

.managementservice-main-card:nth-child(1) .card.managementservice-card {
    border-color: #DFDFDF;
    background: linear-gradient(204deg, #C95FCE 0%, #ff787f 100%);
    box-shadow: 0px 4px 20px 0px rgba(39, 85, 160, 0.20);
}

.managementservice-main-card:nth-child(1) .card.managementservice-card .card-body .managementservice-media .media-icon::after {
    filter: brightness(0) saturate(100%) invert(64%) sepia(6%) saturate(4296%) hue-rotate(190deg) brightness(99%) contrast(94%);
}

.managementservice-main-card:nth-child(2) .card.managementservice-card {
    border-color: #DFDFDF;
    background: linear-gradient(318deg, #2376B2 0%, #f66097 100%);
    box-shadow: 0px 4px 25px 0px rgba(22, 51, 98, 0.40);
}

.managementservice-main-card:nth-child(2) .card.managementservice-card .card-body .managementservice-media .media-icon::after {
    filter: brightness(0) saturate(100%) invert(79%) sepia(62%) saturate(937%) hue-rotate(166deg) brightness(103%) contrast(92%);
}

.managementservice-main-card:nth-child(3) .card.managementservice-card {
    border-color: #DFDFDF;
    background: linear-gradient(212deg, #64E8DE 0%, #680249 100%);
    box-shadow: 0px 4px 20px 0px rgba(39, 85, 160, 0.20);
}

.managementservice-main-card:nth-child(3) .card.managementservice-card .card-body .managementservice-media .media-icon::after {
    filter: brightness(0) saturate(100%) invert(72%) sepia(7%) saturate(2599%) hue-rotate(180deg) brightness(98%) contrast(93%);
}

.managementservice-main-card:nth-child(4) .card.managementservice-card {
    border-color: #DFDFDF;
    background: linear-gradient(36deg, #ad2e35 0%, #6C5BFF 100%);
    box-shadow: 0px 4px 20px 0px rgba(39, 85, 160, 0.20);
}

.managementservice-main-card:nth-child(4) .card.managementservice-card .card-body .managementservice-media .media-icon::after {
    filter: brightness(0) saturate(100%) invert(69%) sepia(17%) saturate(1502%) hue-rotate(185deg) brightness(107%) contrast(98%);
}

.managementservice-main-card:nth-child(5) .card.managementservice-card {
    border-color: #DFDFDF;
    background: linear-gradient(135deg, #FF826D 0%, #7973FF 100%);
    box-shadow: 0px 4px 20px 0px rgba(39, 85, 160, 0.20);
}

.managementservice-main-card:nth-child(5) .card.managementservice-card .card-body .managementservice-media .media-icon::after {
    filter: brightness(0) saturate(100%) invert(77%) sepia(75%) saturate(604%) hue-rotate(293deg) brightness(100%) contrast(95%);
}

.managementservice-main-card:nth-child(6) .card.managementservice-card {
    border-color: 1px solid #DFDFDF;
    background: linear-gradient(155deg, #ff878d 0%, #000000 100%);
    box-shadow: 0px 4px 20px 0px rgba(39, 85, 160, 0.20);
}

.managementservice-main-card:nth-child(6) .card.managementservice-card .card-body .managementservice-media .media-icon::after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(17%) saturate(7450%) hue-rotate(145deg) brightness(92%) contrast(86%);
}

/*-- social media management area stop --*/
/*-- inner approch area start --*/
.inner-approch-area {
    background-color: #000000;
}

.inner-approch-imgbox {
    width: 660px;
    min-height: 455px;
    overflow: hidden;
    position: relative;
    left: -117px;
    max-height: 100%;
    height: 100%;
}

.inner-approch-imgbox img {
    width: 100%;
    object-fit: cover;
}

.inner-approch-contain {
    padding: 50px 20px;
}

.inner-approch-contain .headingtext {
    margin: 0 0 25px;
}

.inner-approch-contain .headingtext h4 {
    color: #FFFFFF;
    font-size: 18px;
    margin: 0 0 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.inner-approch-contain .headingtext h3 {
    color: #ffffff;
    font-size: 40px;
    line-height: 48px;
    margin: 0 0 0;
}

.inner-approch-contain .nav-tabs {
    border: 0;
    position: relative;
    display: inline-flex;
    margin: 0 0 30px;
}

.inner-approch-contain .nav-tabs::before {
    content: '';
    position: absolute;
    top: 30px;
    left: 0;
    width: 92%;
    border-top: 2px dashed #ffffff;
}

.inner-approch-contain .nav-tabs .nav-link {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 30px;
    border: 1px solid #ed2832;
    background-color: #ed2832;
    position: relative;
    z-index: 1;
}
.btn-white:hover{
    border-color: #ed2832;
    background-color: #ed2832;
    color: #fff;
}
.inner-approch-contain .nav-tabs .nav-link.active {
    border-color: #ed2832;
    background-color: #ffffff;
}

.inner-approch-contain .nav-tabs .nav-link.active img {
    filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(3195%) hue-rotate(345deg) brightness(99%) contrast(89%);
}

.inner-approch-contain .tab-content>.tab-pane h3 {
    color: #ffffff;
    font-size: 28px;
    line-height: 38px;
    margin: 0 0 15px;
}

.inner-approch-contain .tab-content>.tab-pane {
    margin-bottom: 30px;
}

.inner-approch-contain .tab-content>.tab-pane p {
    color: #ffffff;
    
    margin: 0 0 10px;
}

.inner-approch-contain .tab-content>.tab-pane p:last-child {
    margin: 0;
}

/*-- inner approch area stop --*/
/*-- inner about digital marketing area start --*/
.inneraboutdigitalmarketingarea .market:nth-of-type(3) .marketbox,
.inneraboutdigitalmarketingarea .market:nth-of-type(6) .marketbox,
.inneraboutdigitalmarketingarea .market:nth-of-type(4) .marketbox {
    position: relative;
    top: 0;
}

.card.inneraboutdigitalmarketing-card {
    border-radius: 15px;
    border: 1px solid rgb(237 40 50 / 18%);
    background: #FFF;
    box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.15);
    padding: 30px 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-align: center;
    width: 100%;
}

.card.inneraboutdigitalmarketing-card:hover {
    border-color: #B4CDF4;
    background: linear-gradient(146deg, #000000 0%, #000000 100%);
    box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.15);
}

.card.inneraboutdigitalmarketing-card .card-img {
    width: 100%;
    max-width: 100px;
    height: 100px;
    margin: 0 auto 2px;
    position: relative;
}

.card.inneraboutdigitalmarketing-card .card-img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 90%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/what-you-sape1.svg);
    filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(3195%) hue-rotate(345deg) brightness(99%) contrast(89%);
    opacity: 0.2;
}

.card.inneraboutdigitalmarketing-card:hover .card-img::before {
    filter: brightness(0) saturate(100%) invert(66%) sepia(59%) saturate(689%) hue-rotate(186deg) brightness(99%) contrast(97%);
}

.card.inneraboutdigitalmarketing-card .card-img img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(3195%) hue-rotate(345deg) brightness(99%) contrast(89%);
}

.card.inneraboutdigitalmarketing-card:hover .card-img img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(100%) saturate(126%) hue-rotate(279deg) brightness(112%) contrast(100%);
}

.card.inneraboutdigitalmarketing-card .card-body h4 {
    color: #212A4D;
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 5px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.inneraboutdigitalmarketing-card .card-body p {
    
    
    margin: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.inneraboutdigitalmarketing-card:hover .card-body h4,
.card.inneraboutdigitalmarketing-card:hover .card-body p {
    color: #ffffff;
}

.marketarea .market:nth-child(2),
.marketarea .market:nth-child(3) {
    position: relative;
    margin-top: -65px;
}

.marketarea .market:nth-child(4), .marketarea .market:nth-child(5) {
    position: relative;
    margin-top: -22px;
}

.inneraboutdigitalmarketingarea {
    padding-top: 150px;
}

/*-- inner about digital marketing area stop --*/
/*-- thinkstoknow area start --*/
.thinkstoknow-area .headertext h3 {
    font-size: 34px;
    margin: 2px 0px 10px;
}

.thinkstoknow-body .thinkstoknow-tab-box {
    border-radius: 20px;
    background: rgb(237 40 50 / 8%);
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
}

.thinkstoknow-body .thinkstoknow-tab-box .nav-pills {
    min-width: 290px;
    max-width: 290px;
}

.thinkstoknow-body .thinkstoknow-tab-box .nav-pills .nav-link {
    border-radius: 0;
    color: #000000;
    padding: 25px 30px;
    font-size: 18px;

    background-color: transparent;
}

.thinkstoknow-body .thinkstoknow-tab-box .nav-pills .nav-link.active {
    color: #ed2832;
    background-color: #ffffff;
}

.thinkstoknow-body .tab-content {
    background-color: #ffffff;
    padding: 40px;
    border-radius: 20px;
    width: 100%;
}

.thinkstoknow-media .media-img {
    border-radius: 20px;
    background: rgb(255, 255, 255);
    box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 9px 0px;
    padding: 5px;
    overflow: hidden;
    width: 311px;
    height: 375px;
}

.thinkstoknow-media .media-img img {
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.thinkstoknow-media .media-body {
    padding-right: 30px;
}

.thinkstoknow-media .media-body h4 {
    color: #122C57;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 10px;
}

.thinkstoknow-media .media-body p {
    color: #000000;
    
    margin: 0 0 10px;
}

.thinkstoknow-media .media-body p span, .thinkstoknow-media .media-body ul li, .thinkstoknow-media .media-body ul li span{ font-weight:300 !important;}

.thinkstoknow-media .media-body p:last-child {
    margin: 0;
}

/*-- thinkstoknow area stop --*/
/*-- inner blog area start --*/
.inner-blog-banner-bg {
   background: rgb(109, 39, 139);
    background: linear-gradient(90deg, rgba(109, 39, 139, 1) 18%, rgba(252, 70, 107, 1) 100%);
}

.inner-blog-about-img {
    position: relative;
}

.inner-blog-about-img img {
    width: 100%;
    object-fit: cover;
    position: relative;
    z-index: 0;
}

.inner-blog-about-img .video-play {
    color: #000000;
    font-size: 20px;

    width: 100%;
    display: inline-block;
    max-width: 110px;
    position: absolute;
    bottom: -20px;
    right: 85px;
}

.inner-blog-about-img .video-play img {
    width: 32px;
}



.inner-blog-about-contain h2 {
    color: #252546;
    font-size: 34px;
    line-height: 44px;
    margin: 0 0 12px;
}

.inner-blog-about-contain .tagline {
    border-top: 1px solid #ed2832;
    padding-top: 10px;
    font-size: 18px;

    line-height: 28px;
    display: inline-block;
    color: #ed2832;
    margin: 0 0 5px;
}

.inner-blog-about-contain p {
    font-size: 18px;

    color: #000000;
}

.inner-blog-about-contain .blog-search-box {
    display: inline-block;
    width: 100%;
    max-width: 438px;
    position: relative;
    margin: 25px 0 0;
}

.inner-blog-about-contain .blog-search-box .form-control {
    position: relative;
    width: 100%;
    height: 60px;
    border-radius: 12px;
    border: 1px solid #D9D9D9;
    padding: 10px 15px;
    color: #5B5B5B;
    font-size: 18px;

}

.inner-blog-about-contain .blog-search-box .form-control:focus {
    box-shadow: none;
    border-color: #2755A0;
}

.inner-blog-about-contain .blog-search-box .form-control::placeholder {
    color: #5B5B5B;
    font-size: 18px;

}

.inner-blog-about-contain .blog-search-box .btn-search {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 55px;
    height: 85%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ed2832;
    font-size: 20px;
    border: 0;
    border-radius: 10px;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.inner-blog-about-contain .blog-search-box .btn-search:hover {
    background-color: #ed2832;
    color: #ffffff;
}

.inner-blog-about-contain .blog-search-box .btn-search::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 1px;
    height: 74%;
    border-left: 1px dashed #2755A0;
}

.inner-blog-about-contain .blog-search-box .btn-search:hover::before {
    opacity: 0;
}

.inner-blog-about {
    margin-bottom: 0;
}

.blog-categories-search-box {
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.08);
    padding: 30px;
}

.blog-categories-search-box h5 {
    color: #ed2832;
    font-size: 30px;
    margin: 0 0 20px;
}

.blog-categories-search-box h5 strong {
    display: inline-block;
    position: relative;
    padding-right: 12px;
    font-weight: normal;
}

.blog-categories-search-box h5 strong::after {
    content: '';
    position: absolute;
    top: 20px;
    right: -100px;
    width: 100px;
    height: 1px;
    background-color: #000000;
}

.blog-categories-search-box .form-group {
    margin: 0;
    position: relative;
}

.blog-categories-search-box select.form-control {
    border: 1px solid #000000;
    height: 60px;
    border-radius: 30px;
    cursor: pointer;
    color: #000000;
    font-size: 15px;

    padding: 15px 20px;
    padding-right: 45px;
}
.blog-categories-search-box select.form-control:focus {
    box-shadow: none;
}

.blog-categories-search-box .form-group::after {
    content: '\f078';
    position: absolute;
    top: 17px;
    right: 20px;
    font-size: 16px;
    font-family: FontAwesome;
    color: #000000;
}

.inner-blog-list-area .heading {
    width: 100%;
    max-width: 345px;
    margin: 0 auto 45px;
    text-align: center;
}

.inner-blog-list-area .heading h3 {
    color: #252546;
    font-size: 40px;
    line-height: 50px;
    margin: 0;
}

.inner-blog-list-area .heading h4 {
    display: inline-block;
    position: relative;
    color: #ed2832;
    font-size: 18px;
 
}

.inner-blog-list-area .heading h4::after {
    content: '';
    position: absolute;
    top: 10px;
    left: -90px;
    width: 80px;
    height: 1px;
    background-color: #ed2832;
}

.market:nth-child(2) .marketbox {
    position: relative;
   margin-bottom: 128px;
}

.market:nth-child(3) .marketbox {
    position: relative;
    margin-top: 120px;
}
.marketarea .market:nth-child(5){position: relative;
  top: -75px;}
.card.blog-list-card {
    background: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.10);
    margin: 0 0 24px;
}

.card.blog-list-card .card-img {
    height: 289px;
    overflow: hidden;
    border-radius: 0;
}

.card.blog-list-card .card-img img {
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.blog-list-card:hover .card-img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.card.blog-list-card .card-body {
    padding: 20px;
}

.card.blog-list-card .card-body h3 {
    color: rgb(8 8 8);
    font-size: 20px;
    font-weight: normal;
    line-height: 26px;
    margin: 0px 0px 8px;
    font-weight: 500;
}

.card.blog-list-card .card-body p {
    
    margin: 0 0 10px;
}

.card.blog-list-card .card-body ul.blog-social-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.card.blog-list-card .card-body ul.blog-social-list li {
    display: inline-block;
    margin-right: 2px;
    color: #908D8D;
    font-size: 14px;
    font-weight: normal;
}

.card.blog-list-card .card-body ul.blog-social-list li:last-child {
    margin-right: 0;
}

.card.blog-list-card .card-body ul.blog-social-list li a {
    color: #000000;
    font-size: 16px;
}
.card.blog-list-card .card-body ul.blog-social-list li a:hover {
    color: #ed2832;
}
.active>.page-link, .page-link.active {
    background-color: #000000;
    border-color: #000000;
}
.card.blog-list-card .card-body .blog-date {
    margin: 0 0 5px;
    color: #908D8D;
    font-size: 15px;
    font-weight: normal;

}

.card.blog-list-card .card-body .blog-date i {
    margin-right: 5px;
}

/*-- inner blog area stop --*/

/*-- new css 09082023 --*/
/*-- inner webdevelopment area start --*/
.inner-webdevelopment-area .form-box-main {
    position: relative;
    padding-top: 12px;
    padding-right: 12px;
    padding-bottom: 12px;
}

.inner-webdevelopment-area .form-box-main .form-box {
    background-color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 0 10px rgb(241 241 241 / 74%);
    padding: 25px;
    position: relative;
    z-index: 1;
}

.inner-webdevelopment-area .form-box-main .form-box .form-control {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #cdcdcd;
    box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.04);
    height: 55px;
    font-size: 15px;
}

.inner-webdevelopment-area .form-box-main .form-box .form-control:focus {
    border-bottom-color: #000712;
}

.inner-webdevelopment-area .form-box-main .form-box .form-group {
    margin-bottom: 20px;
}

.inner-webdevelopment-area .form-box-main .form-box textarea.form-control {
    height: 110px;
}

.inner-webdevelopment-area .form-box-main .form-box .form-group .qr-code {
    object-fit: cover;
}

.inner-webdevelopment-area .form-box-main .form-box .btn {
    border-radius: 5px;
}

.inner-webdevelopment-area .form-box-main::before {
    content: '';
    position: absolute;
    background-color: rgb(237 40 50 / 38%);
    width: 105px;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 0;
    border-radius: 8px;
}

.webdevelopment-containbox h2 {
    color: #252546;
    font-size: 36px;
    font-weight: 500;
    line-height: 45px;
    margin: 0 0 15px;
}

.webdevelopment-containbox h4 {
    position: relative;
    padding-top: 10px;
    color: #ed2832;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 5px;
}

.webdevelopment-containbox h4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 1px;
    background-color: #ed2832;
}

.webdevelopment-containbox p {
    
    margin: 0 0 15px;
}

.webdevelopment-containbox .webdevelopment-text {
    margin: 20px 0 0;
}

.webdevelopment-containbox .webdevelopment-text h5 {
    color: #000000;
    font-size: 18px;
    margin: 0 0 15px;
}

.webdevelopment-containbox .webdevelopment-text .list1 {
    padding: 0;
    padding-left: 20px;
    list-style-type: none;
}

.webdevelopment-containbox .webdevelopment-text .list1 li {
    padding-left: 18px;
    position: relative;
    color: #5B5B5B;
    font-size: 16px;
    font-weight: 400;
    margin: 0 0 5px;
}

.webdevelopment-containbox .webdevelopment-text .list1 li::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #D9D9D9;
    border-radius: 50%;
}

.webdevelopment-containbox .webdevelopment-text .list2 {
    padding: 0;
    margin: 0;
    list-style-type: none;
    width: 100%;
    max-width: 60%;
    padding-left: 20px;
}

.webdevelopment-containbox .webdevelopment-text .list2 li {
    display: inline-block;
    color: #0C1540;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    padding-left: 20px;
    margin-right: 12px;
    margin-bottom: 7px;
}

.webdevelopment-containbox .webdevelopment-text .list2 li::before {
    content: '\f058';
    position: absolute;
    top: 2px;
    left: 0;
    font-family: FontAwesome;
    font-size: 14px;
}

.WordPressdevelopmentservices-area .heading-box {
    width: 100%;
    max-width: 786px;
    margin: 0 auto 50px;
    text-align: center;
}

.card.WordPressdevelopmentservices-card {
    border-radius: 12px;
    border: 1px solid #DFDFDF;
    background: #FFF;
    box-shadow: 0px 3px 15px 0px rgba(39, 85, 160, 0.15);
    padding: 35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    margin-bottom: 25px;
}

.card.WordPressdevelopmentservices-card .card-body h4 {
    color: #000000;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 10px;
}

.card.WordPressdevelopmentservices-card .card-body p {
    
}

.card.WordPressdevelopmentservices-card .card-body .btn-link {
    color: #000000;
    font-weight: 600;
    text-decoration: none;
}

.card.WordPressdevelopmentservices-card .card-body .btn-link i {
    margin-left: 5px;
}

.card.WordPressdevelopmentservices-card .card-body .btn-link:hover {
    color: #000000;
}

.card.WordPressdevelopmentservices-card .card-icon {
    width: 80px;
    height: 80px;
    position: relative;
    margin: 0 0 15px;
}

.card.WordPressdevelopmentservices-card .card-icon::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 75px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/sape1.png);
    filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(3195%) hue-rotate(345deg) brightness(99%) contrast(89%);
    opacity: 0.2;
}

.card.WordPressdevelopmentservices-card .card-icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
    position: relative;
    z-index: 1;
    filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(3195%) hue-rotate(345deg) brightness(99%) contrast(89%);
}

.card.WordPressdevelopmentservices-card:hover {
    border-color: transparent;
    box-shadow: 0px 3px 15px 0px rgba(39, 85, 160, 0.15);
    transform: scale(1.05);
}

.WordPressdevelopmentservices2-area .heading-box h3 {
    position: relative;
    line-height: 45px;
    padding-top: 15px;
}

.WordPressdevelopmentservices2-area .heading-box h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 2px;
    background-color: #ed2832;
}

.WordPressdevelopmentservices2-area .WordPressdevelopmentservices2-img img {
    width: 100%;
    object-fit: cover;
}

.WordPressdevelopmentservices2-area .heading-box {
    margin-bottom: 40px;
}
.WordPressdevelopmentservices2-area .heading-box p {
    max-width: 80%;
    margin: 0;
}

.WordPressdevelopmentservices2-area .accordion-item {
    margin-bottom: 15px;
    border: 1px solid #5B5B5B1F;
    border-radius: 0;
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-button .accordion-button-icon {
    width: 41px;
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-button .accordion-button-icon img {
    width: 100%;
    object-fit: cover;
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-button .accordion-button-body {
    padding-left: 15px;
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-button .accordion-button-body h5 {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-button {
    box-shadow: 0px 2px 12px 0px rgba(39, 85, 160, 0.15);
    background-color: #ffffff;
    transform: scale(1.03);
    padding: 20px 25px;
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-button.collapsed {
    box-shadow: none;
    transform: scale(1.0);
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-button::after {
    display: none;
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-body {
    padding: 25px;
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-body .list {
    padding-left: 0;
    margin: 0;
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-body .list li {
    position: relative;
    padding-left: 22px;
    color: #5B5B5B;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 12px;
}

.WordPressdevelopmentservices2-area .accordion-item .accordion-body .list li::before {
    content: '\f058';
    position: absolute;
    font-size: 16px;
    font-family: FontAwesome;
    color: #2755A0;
    top: 0;
    left: 0;
}


.WordPressdevelopmentservices2-area .accordion-item .accordion-body p span, .webdevelopment-containbox p span{ font-weight:300 !important;}


.WordPressdevelopmentservices2-slider-imgbox {
    height: 332px;
    overflow: hidden;
}

.WordPressdevelopmentservices2-slider-imgbox img {
    width: 100%;
    object-fit: cover;
}

.WordPressdevelopmentservices-carousel .owl-dots .owl-dot span {
    display: none;
}

.WordPressdevelopmentservices-carousel .owl-dots .owl-dot.active:after {
    display: none;
}

.WordPressdevelopmentservices-carousel .owl-dots .owl-dot.active {
    width: 15px;
    height: 15px;
}

.faq-contain.heading-box h3 {
    position: relative;
    padding-top: 10px;
    width: 100%;
    max-width: 58%;
    line-height: 48px;
}

.faq-contain.heading-box h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 1px;
    background-color: #ed2832;
}

.faq-contain.heading-box h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -50px;
    width: 63px;
    height: 58px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url(../images/sape2.png);
    filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(3195%) hue-rotate(345deg) brightness(99%) contrast(89%);
}

.faq-area .accordion-item {
    border-radius: 0;
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #e9e9e9;
}

.faq-area .accordion-button {
    border-radius: 0 !important;
    background-color: transparent;
}

.faq-area .accordion-button:focus {
    box-shadow: none;
}

.faq-area .accordion-button::after {
    display: none;
}

.faq-area .accordion-button::before {
    content: '\f35b';
    font-family: FontAwesome;
    color: #ed2832;
    right: 0;
    position: absolute;
    font-size: 18px;
}

.faq-area .accordion-button.collapsed::before {
    content: '\f358';
    color: #000000;
}

/*-- inner webdevelopment area stop --*/
/*-- inner appdevelopment area start --*/
.appdevelopment-part1 .appdevelopment-form {
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid rgb(237 40 50 / 22%);
    background: #FFF;
    box-shadow: 14px 14px 15px 0px rgba(0, 0, 0, 0.10);
    padding: 30px;
    position: relative;
}

.appdevelopment-part1 .appdevelopment-form::after {
    content: '';
    position: absolute;
    bottom: -9px;
    left: 0;
    width: 100%;
    height: 9px;
    background-color: rgb(237 40 50 / 23%);
    border-radius: 10px;
}

.appdevelopment-part1 .appdevelopment-form .form-group {
    margin: 0 0 12px;
}

.appdevelopment-part1 .appdevelopment-form .form-control {
    border-radius: 0;
    height: 55px;
    border: 0;
    border-bottom: 1px solid #ebebeb;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
}

.appdevelopment-part1 .appdevelopment-form .form-control::placeholder {
    color: #2755A0;
}

.appdevelopment-part1 .appdevelopment-form .form-control:focus {
    box-shadow: none;
}

.appdevelopment-part1 .appdevelopment-form textarea.form-control {
    height: 90px;
}

.appdevelopment-part1 .appdevelopment-form .btn {
    border-radius: 5px;
}

.appdevelopment-part1 .appdevelopment-contain-box {}

.appdevelopment-part1 .appdevelopment-contain-box h2 {
    color: #252546;
    width: 100%;
    font-size: 40px;
    margin: 0 0 15px;
}

.appdevelopment-part1 .appdevelopment-contain-box h3 {
    color: #ed2832;
    position: relative;
    padding-top: 15px;
    font-size: 18px;
    font-weight: 400;
    margin: 0 0 8px;
}

.appdevelopment-part1 .appdevelopment-contain-box h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 1px;
    background-color: #ed2832;
}

.appdevelopment-part1 .appdevelopment-contain-box p {
    
    margin: 0 0 15px;
}

.appdevelopment-contain-box .appdevelopmentbenefitscontain-box h2,
.appdevelopment-contain-box .appdevelopmentbenefitscontain-box h3 {
    color: #252546;
    font-size: 26px;
    font-weight: normal;

    margin: 0 0 12px;
}

.appdevelopment-contain-box .appdevelopmentbenefitscontain-box p {
    font-size: 16px;
    font-weight: normal;
    line-height: 26px;
    margin: 0 0 15px;
}

.appdevelopmentbenefitscontain-box .benefits-list li {
    width: 100%;
    max-width: 50%;
    margin: 0 0 8px;
    padding-right: 10px;
    padding-left: 22px;
    position: relative;
    color: #000;

    font-size: 17px;
    font-weight: normal;
}

.appdevelopmentbenefitscontain-box .benefits-list li::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    max-width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url(../images/check1.png);
}

.inner-appdevelopment-area .appdevelopment-part1 {
    margin: 0 0 60px;
}

.appservicelist-area .heading-box {
    width: 100%;
    max-width: 790px;
    margin: 0 auto 35px;
    text-align: center;
}

.appservicelist-area .heading-box h2,
.appservicelist-area .heading-box h3 {
    margin-bottom: 10px;
}

.appservicelist-area .heading-box h2 .text-tag,
.appservicelist-area .heading-box h3 .text-tag {
    display: block;
    color: #2755A0;
    font-size: 18px;
    font-weight: normal;
    text-transform: uppercase;
    line-height: 18px;
    margin: 0 0 8px;
}

.card.appservicelist-card {
    width: 100%;
    position: relative;
    padding: 157px 30px 20px;
    border-radius: 12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #DFDFDF;
    background: #ffffff;
    box-shadow: 0px 3px 15px 0px rgba(39, 85, 160, 0.15);
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0 0 24px;
}

.card.appservicelist-card::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7px;
    background-color: rgb(237 40 50 / 38%);
    border-radius: 10px;
}

.card.appservicelist-card .card-body h4 {
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    margin: 0 0 7px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.appservicelist-card .card-body p {
    
    margin: 0 0 10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.appservicelist-card .card-body .link {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: #000000;
    font-size: 18px;
}

.card.appservicelist-card .card-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 149px;
    height: 159px;
    z-index: 1;
}

.card.appservicelist-card .card-icon img {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 45px;
    height: 50px;
    object-fit: contain;
    left: -20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(3195%) hue-rotate(345deg) brightness(99%) contrast(89%);
}

.card.appservicelist-card .card-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/sape3.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top left;
}

.card.appservicelist-card:hover {
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background: hsl(356.92deg 84.42% 54.71% / 6%);
    box-shadow: 0px 3px 15px 0px rgba(39, 85, 160, 0.15);
    border-color: #ffffff;
}

.card.appservicelist-card:hover .card-body h4, .card.appservicelist-card:hover .card-body p, .card.appservicelist-card:hover .card-body .link {
    color: #000000;
}

.appservicelist-area {
    margin: 0 0 80px;
}

.appdevelopmentprocess-area {
    position: relative;
    margin-bottom: 80px;
}

.inner-appdevelopment-area {
    overflow: hidden;
}

.appdevelopmentprocess-area::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 450px;
    height: 100%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: rgb(237 40 50 / 15%);
    z-index: 0;
}

.appdevelopmentprocess-area::after {
    content: '';
    position: absolute;
    top: 0;
    left: -5000px;
    width: 5000px;
    height: 100%;
    background-color:  rgb(237 40 50 / 15%);
    z-index: 0;
}

.appdevelopmentprocess-area .heading-box {
    position: relative;
    z-index: 1;
    margin: 0 0 80px;
}

.appdevelopmentprocess-area .heading-box h3 {
    position: relative;
    width: 100%;
    max-width: 393px;
    font-size: 36px;
    line-height: 44px;
    padding-top: 15px;
    margin: 0 0 0;
}

.appdevelopmentprocess-area .heading-box h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 120px;
    height: 1px;
    background-color: #2755A0;
}

.appdevelopmentprocess-area .heading-box p {
    width: 100%;
    max-width: 490px;
}

.appdevelopmentprocess-body {
    position: relative;
}

.appdevelopmentprocess-body::before {
    content: '';
    position: absolute;
    top: -38px;
    left: -32px;
    width: 100%;
    max-width: 180px;
    height: 104px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sape5.png);
    z-index: 1;
}

.appdevelopmentprocess-body::after {
    content: '';
    position: absolute;
    bottom: -15px;
    right: -32px;
    width: 100%;
    max-width: 180px;
    height: 104px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/sape5.png);
    z-index: 1;
}

.appdevelopmentprocess-media {
    border-radius: 15px;
    background-color: #FFF;
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.09);
    padding: 30px;
    margin: 0 0 24px;
    position: relative;
    z-index: 2;
}

.appdevelopmentprocess-media .media-counter {
    width: 100%;
    max-width: 160px;
    height: 160px;
    position: relative;
    text-align: center;
}

.appdevelopmentprocess-media .media-counter h6 {
    color: #ed2832;
    font-size: 70px;
    font-weight: normal;
    position: relative;
    z-index: 1;
    width: 100%;
}

.appdevelopmentprocess-media .media-counter h6::before {
    content: '';
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    width: 94px;
    height: 88px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-image: url(../images/sape4.png);
    z-index: -1;
    margin: 0 auto;
    filter: brightness(0) saturate(100%) invert(19%) sepia(86%) saturate(3195%) hue-rotate(345deg) brightness(99%) contrast(89%);
    opacity: 0.2;
}
.accordion-button:not(.collapsed) {
    color: #ed2832;
}
.appdevelopmentprocess-media .media-body {}

.appdevelopmentprocess-media .media-body h4 {
    color: #252546;
    font-size: 22px;
    font-weight: normal;
    line-height: 28px;
    margin: 0 0 8px;
}

.appdevelopmentprocess-media .media-body .list li {
    position: relative;
    padding-left: 18px;
    color: #5B5B5B;
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 4px;
}

.appdevelopmentprocess-media .media-body .list li::before {
    content: '';
    position: absolute;
    top: 6px;
    left: 0;
    width: 11px;
    height: 11px;
    background-image: url(../images/check1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

.appdevelopmentprocess-body .icon-sape {
    position: absolute;
    bottom: -30%;
    left: -11%;
    width: 100%;
    max-width: 270px;
    z-index: 1;
}

.appdevelopmentprocess-body .icon-sape img {
    width: 100%;
    object-fit: cover;
}

.app-development-faq-area .accordion {
    width: 100%;
    max-width: 990px;
    margin: 0 auto;
}

/*-- inner appdevelopment area stop --*/
/*-- blog details area start --*/
.blog-details-area .blog-details-body {
    width: 100%;
    max-width: 75%;
}

.blog-details-area .heading-text {
    margin-bottom: 35px;
}

.blog-details-area .heading-text h3 {
    color: #000000;
    font-size: 40px;
    font-weight: 400;
    margin: 0 0 15px;
}

.blog-details-area .heading-text p {
    color: #0D1C35;
    font-size: 17px;
    font-weight: 400;
    line-height: 27px;
}

.media.blog-post-tag {
    margin: 0 0 25px;
}

.media.blog-post-tag .media-img {
    width: 100%;
    max-width: 60px;
    height: 60px;
    border-radius: 50%;
}

.media.blog-post-tag .media-img img {
    width: 100%;
    object-fit: cover;
}

.media.blog-post-tag .media-body {
    padding-left: 10px;
}

.media.blog-post-tag .media-body h4 {
    color: #292929;
    font-size: 18px;
    font-weight: 400;
}

.media.blog-post-tag .media-body p {
    
}

.card.blog-details-contain-card {
    margin: 0 0 35px;
}

.card.blog-details-contain-card .card-img {
    border-radius: 10px;
    overflow: hidden;
}

.card.blog-details-contain-card .card-img img {
    width: 100%;
    object-fit: cover;
}

.card.blog-details-contain-card .card-body {
    padding: 30px 0 0;
	color:#333;
}

.card.blog-details-contain-card .card-body p {
    
    margin: 0 0 20px;
	color:#333;
}
.card.blog-details-contain-card .card-body img.alignright{
    float: right;
    margin: 15px;
}
.card.blog-details-contain-card .card-body p a{color: #ed2831;
  font-weight: 600;
  text-decoration: underline;}

.card.blog-details-contain-card .card-body p:last-child {
    margin: 0 0 0;
}

.blog-details-area .share-post {
    display: flex;
  align-items: center;
}

.blog-details-area .share-post h4 {
    color: #000000;
    font-size: 18px;
    font-weight: 400;
   margin: 0px 15px 0px 0px;
}

.blog-details-area .share-post .share-post-social-link {
    border-radius: 10px;
    background: #F9F9F9;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
    display: inline-block;
    padding: 15px 30px;
    margin: 0;
}

.blog-details-area .share-post .share-post-social-link li {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-right: 10px;
}

.blog-details-area .share-post .share-post-social-link li:last-child {
    margin-right: 0;
}

.blog-details-area .share-post .share-post-social-link li a {
    color: #2755A0;
    font-size: 22px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.blog-details-area .share-post .share-post-social-link li a:hover {
    color: #000712;
}

.media.comment {
    margin: 0 0 25px;
}

.media.comment .media-img {
    width: 100%;
    max-width: 78px;
    height: 78px;
    overflow: hidden;
}

.media.comment .media-img img {
    width: 100%;
    object-fit: cover;
}

.media.comment .media-body {
    padding-left: 20px;
}

.media.comment .media-body .comment-heading {
    margin: 0 0 12px;
}

.media.comment .media-body .comment-heading h4 {
    color: #292929;
    font-size: 20px;
    font-weight: normal;

    margin: 0 0 6px;
}

.media.comment .media-body .comment-heading h5 {
    color: #292929;
    font-size: 15px;
    font-weight: normal;

}

.media.comment .media-body p {
    color: #0D1C35;
    font-size: 19px;

    line-height: 28px;
    margin: 0 0 15px;
}

.media.comment .media-body .btn-reply {
    color: #2755A0;
    font-size: 18px;
    font-weight: normal;

    border: 0;
    background-color: transparent;
}

.media.comment .media-body .btn-reply i {
    margin-right: 5px;
}

.media.comment .media-body .btn-reply:hover {
    color: #000712;
}

.media.comment.reply-comment {
    margin-left: 78px;
    padding: 40px 0;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.comment-form h4 {
    position: relative;
    display: inline-block;
    padding-right: 100px;
    margin: 0 0 25px;
}

.comment-form h4::before {
    content: '';
    position: absolute;
    left: 0;
    top: 15px;
    width: 100%;
    height: 1px;
    background-color: #2755A0;
}

.comment-form h4 strong {
    position: relative;
    z-index: 1;
    background-color: #ffffff;
    color: #2755A0;
    font-size: 25px;
    font-weight: normal;

    padding-right: 20px;
}

.comment-form .form-control {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #2755A0;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06);
    padding: 20px;
}

.comment-form textarea.form-control {
    height: 130px;
}

.comment-form .from-group {
    margin: 0 0 24px;
}

.comment-form .btn {
    border-radius: 5px;
}

.blog-related-post .card.blog-list-card .card-img {
    height: 210px;
}

.blog-related-post .card.blog-list-card .card-body h3 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 5px;
}

.blog-related-post .card.blog-list-card .card-body p {
   
}

.blog-related-post {
    padding-top: 30px;
    margin-bottom: 40px;
}

.blog-related-post .related-post-link {
    color: #000000;
    font-size: 20px;

    font-weight: normal;
}

.blog-related-post .related-post-link i {
    margin-left: 10px;
    color: #2755A0;
}

.blog-related-post .related-post-link:hover {
    color: #2755A0;
}

.blog-details-contact-box .heading-text {
    width: 100%;
    max-width: 45%;
}

.blog-details-contact-box .heading-text h3 {
    color: #252546;
    font-size: 32px;
    font-weight: normal;
}

.blog-details-contact-box .heading-text h3 small {
    display: block;
    color: #000000;
}

.blog-details-contact-box .text-contact {
    width: 100%;
    max-width: 50%;
}

.blog-details-contact-box .text-contact p {
    
    margin: 0 0 10px;
}

.blog-details-contact-box .text-contact .btn {
    font-size: 15px;
    padding: 9px 18px;
}

.usbtn:hover {
    background-color: #000;
    color: #fff;
}

/*-- blog details area stop --*/
/*-- inner case studies area start --*/
.inner-case-studies-banner-bg {
    background: linear-gradient(104deg, #331244 -13.17%, #10A7AC 100.4%);
}

.innercasestudies-area .heading-box {
    margin-bottom: 50px;
    text-align: center;
}

.innercasestudies-area .heading-box h3 {

}

.innercasestudies-area .heading-box h3 small {
    line-height: 28px;
}

.card.innercasestudies-card {
    width: 100%;
    border: 1px solid #D9D9D9;
    margin-bottom: 24px;
}

.card.innercasestudies-card .card-img {
    overflow: hidden;
    height: 360px;
    border-radius: 0;
}

.card.innercasestudies-card .card-img img {
    width: 100%;
    object-fit: cover;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.innercasestudies-card:hover .card-img img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.card.innercasestudies-card .card-body {
    padding: 20px;
}

.card.innercasestudies-card .card-body h3 {
    color: #252546;
    font-size: 25px;
    line-height: 35px;
    margin: 0 0 8px;
}

.card.innercasestudies-card .card-body p {
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    margin: 0 0 10px;
}

.card.innercasestudies-card .card-body .link {
    color: #ed2832;
    font-size: 18px;

    font-weight: normal;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.innercasestudies-card .card-body .link i {
    margin-left: 5px;
}

.card.innercasestudies-card .card-body .link:hover {
    color: #000000;
}

.card.innercasestudies-card .card-body .box-tag {
    color: #2755A0;
    text-transform: uppercase;
    font-size: 14px;

    margin: 0 0 2px;
    letter-spacing: 1px;
    font-weight: normal;
}

/*-- inner case studies area stop --*/
/*-- inner technology area start --*/
.innertechnology-area {
    overflow: hidden;
}

.innertechnology-area .heading-box {
    text-align: center;
    margin: 0 0 50px;
}

.innertechnology-area .heading-box h2 {
    position: relative;
    padding-top: 12px;
    color: #252546;
    font-size: 40px;
    font-weight: normal;
    margin: 0 0 10px;
    z-index: 1;
}

.innertechnology-area .heading-box h2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 120px;
    height: 1px;
    background-color: #2755A0;
}

.innertechnology-area .heading-box h3 {
    color: #2755A0;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    position: relative;
    z-index: 1;
}

.innertechnology-area .heading-box h3 small {
    color: #000000;
    font-size: 20px;
    text-transform: lowercase;
 
    font-weight: normal;
    display: inline-block;
    margin-right: 8px;
}

.innertechnology-area .heading-box .ImgBox {
    width: 100%;
    max-width: 90%;
    margin: -365px auto 0;
    position: relative;
    z-index: 0;
}

.innertechnology-area .heading-box .ImgBox img {
    width: 100%;
    object-fit: cover;
}

.innertechnology-tab-area {
    position: relative;
    z-index: 1;
    margin-top: -315px;
    margin-bottom: 55px;
}

.innertechnology-body-area .innertechnology-heading {
    text-align: center;
    width: 100%;
    max-width: 830px;
    margin: 0 auto 40px;
}

.innertechnology-body-area .innertechnology-heading h3 {
    position: relative;
    padding-top: 15px;
    margin: 0 0 12px;
    color: #292929;
    font-size: 40px;
    font-weight: normal;
}

.innertechnology-body-area .innertechnology-heading h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 120px;
    height: 1px;
    background-color: #2755A0;
}

.innertechnology-body-area .innertechnology-heading p {
    color: #0D1C35;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    margin: 0 0 15px;
}

.innertechnology-body-area .innertechnology-heading p:last-child {
    margin: 0;
}

.card.innertechnology-card {
    padding: 35px;
    border-radius: 12px;
    border: 1px solid #DFDFDF;
    background-color: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(39, 85, 160, 0.20);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin: 0 0 24px;
}

.card.innertechnology-card:hover {
    background: linear-gradient(180deg, #3694FD 0%, #2853D5 100%);
    box-shadow: 0px 4px 25px 0px rgba(22, 51, 98, 0.40);
    border-color: rgb(0 0 0 / 0%);
}

.card.innertechnology-card .innertechnology-media {
    margin: 0 0 15px;
}

.card.innertechnology-card .innertechnology-media .media-icon {
    width: 81px;
    height: 76px;
    position: relative;
}

.card.innertechnology-card .innertechnology-media .media-icon img {
    width: 56px;
    height: 56px;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

.card.innertechnology-card:hover .innertechnology-media .media-icon img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(5%) saturate(2%) hue-rotate(125deg) brightness(103%) contrast(101%);
}

.card.innertechnology-card .innertechnology-media .media-icon::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: 0;
}

.card.innertechnology-card .innertechnology-media .media-body {
    padding-left: 20px;
}

.card.innertechnology-card .innertechnology-media .media-body h4 {
    color: #212A4D;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.innertechnology-card:hover .innertechnology-media .media-body h4,
.card.innertechnology-card:hover .card-body p {
    color: #ffffff;
}

.innertechnologyBox:nth-child(1) .card.innertechnology-card .innertechnology-media .media-icon::before {
    background-image: url(../images/technology-sape1.png);
}

.innertechnologyBox:nth-child(2) .card.innertechnology-card .innertechnology-media .media-icon::before {
    background-image: url(../images/technology-sape2.png);
}

.innertechnologyBox:nth-child(3) .card.innertechnology-card .innertechnology-media .media-icon::before {
    background-image: url(../images/technology-sape3.png);
}

.innertechnologyBox:nth-child(4) .card.innertechnology-card .innertechnology-media .media-icon::before {
    background-image: url(../images/technology-sape4.png);
}

.innertechnologyBox:nth-child(5) .card.innertechnology-card .innertechnology-media .media-icon::before {
    background-image: url(../images/technology-sape5.png);
}

.innertechnologyBox:nth-child(6) .card.innertechnology-card .innertechnology-media .media-icon::before {
    background-image: url(../images/technology-sape6.png);
}

.card.innertechnology-card .card-body p {
    color: #323232;
    font-size: 15px;
    font-weight: normal;
    line-height: 25px;
    margin: 0 0 8px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.innertechnology-card .card-body p:last-child {
    margin: 0;
}

.innertechnology-body-area .innertechnology-textarea {
    padding-top: 50px;
}

.innertechnology-textarea .heading {
    width: 100%;
    max-width: 664px;
    margin: 0 0 25px;
}

.innertechnology-textarea .heading h3 {
    color: #2755A0;
    font-size: 40px;
    font-weight: normal;
    line-height: 50px;
    margin: 0 0 12px;
    position: relative;
    padding-top: 20px;
}

.innertechnology-textarea .heading h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 120px;
    height: 1px;
    background-color: #2755A0;
}

.innertechnology-textarea .heading p {
    color: #323232;
    font-size: 17px;
    font-weight: normal;
    line-height: 25px;
    margin: 0 0 10px;
}

.innertechnology-textarea .heading p:last-child {
    margin: 0 0 0;
}

.innertechnology-tab-area .nav-tabs {
    border-bottom: 0;
    margin-bottom: 40px;
}

.innertechnology-tab-area .nav-tabs .nav-link {
    width: 100%;
    max-width: 33.33%;
    border-radius: 0;
    border: 1px solid rgba(144, 141, 141, 0.20);
    border-left: 0;
    text-align: center;
    padding: 15px;
    color: #908D8D;
    font-size: 18px;
    font-weight: normal;

    margin: 0 0 12px;
}

.innertechnology-tab-area .nav-tabs .nav-link:nth-of-type(3n) {
    border-right: 0;
}

.innertechnology-tab-area .nav-tabs .nav-link.active {
    background: #FFF;
    color: #292929;
    box-shadow: 12px 4px 20px rgba(39, 85, 160, 0.50);
}

.innertechnology-area .innertechnology-contact-box h3 {
    position: relative;
    padding-top: 15px;
    width: 100%;
    max-width: 456px;
    color: #252546;
    font-size: 40px;
    font-weight: normal;
}

.innertechnology-area .innertechnology-contact-box h3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 120px;
    height: 1px;
    background-color: #2755A0;
}

/*-- inner technology area start --*/
/*-- inner portfolio area start --*/
.portfolio-isotope-area .filters-button-group {
    margin: 0 0 35px;
}

.portfolio-isotope-area .filters-button-group .button {
    position: relative;
  color: #737373;
  font-size: 18px;
  border-right: 1px solid #ddd !important;
  background-color: transparent;
  padding: 0 23px 0px;
  font-weight: normal;
  text-transform: capitalize;
  margin-right: 10px;
  border: none;line-height: 17px;
	margin: 15px 0px;
}

/*.portfolio-isotope-area .filters-button-group .button::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #2755A0;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}*/

.portfolio-isotope-area .filters-button-group .button.is-checked {
    color: #000000;
}

.portfolio-isotope-area .filters-button-group .button.is-checked::after {
    opacity: 1;
}

.portfolio-img-box {
    overflow: hidden;
    height: 420px;
}

.portfolio-img-box img {
    width: 100%;
    object-fit: cover;
}

.inner-portfolio-area .heading-box {
    width: 100%;
    max-width: 850px;
    margin: 0 auto 50px;
    text-align: center;
}

.inner-portfolio-area .heading-box h2 {
    font-size: 30px;
    color: #252546;
    font-weight: normal;
    line-height: 40px;
    margin: 0 0 10px;
}

.inner-portfolio-area .heading-box h2 strong {
    color: #000000;
    font-size: 35px;
    font-weight: bold;
}

/*-- inner portfolio area stop --*/
/*-- privacy policy area start --*/
.privacy-policy-area {
    padding: 50px 0;
    background-color: #f7f7f7;
}

.privacy-policy-box {
    margin-bottom: 25px;
}

.privacy-policy-box:last-child {
    margin-bottom: 0;
}

.privacy-policy-box p {
    font-size: 16px;
    font-weight: normal;

    color: #5B5B5B;
    margin-bottom: 10px;
}

.privacy-policy-box p:last-child {
    margin-bottom: 0;
}

.privacy-policy-box h1,
.privacy-policy-box h2,
.privacy-policy-box h3 {
    position: relative;
    font-size: 35px;
    font-weight: normal;
    color: #252546;
    margin: 0 0 15px;
}

.privacy-policy-box h1::before,
.privacy-policy-box h2::before,
.privacy-policy-box h3::before {
    content: "";
    position: absolute;
    left: -33px;
    top: 11px;
    width: 15px;
    height: 15px;
    background: #ed2831;
    z-index: 2;
    box-shadow: 4px 4px 0px #2755a0;
}
.privacy-policy-box .list li {
    position: relative;
    padding-left: 24px;
    font-size: 16px;
    font-weight: normal;

    color: #5b5b5b;
    margin: 0 0 12px;
}
.privacy-policy-box .list li::before {
    content: '\f058';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    font-family: FontAwesome;
    color: #2755a0;
}
.privacy-policy-box h4 {
    color: #282849;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 15px;
}
/*-- privacy policy area stop --*/
.cookieswrapper {
    position: fixed;
    bottom: 60px;
    left: -370px;
    max-width: 345px;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 25px;
    transition: left 0.3s ease;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    z-index: 99;
}
.cookieswrapper.show {
    left: 20px;
}
.cookieswrapper header {
    display: flex;
    align-items: center;
    column-gap: 15px;
}
.cookieswrapper .data {
    margin-top: 8px;
}
.cookieswrapper .data p {
    color: #333;
    font-size: 15px;
}
.cookieswrapper .data p a {
    color: #4070f4;
    text-decoration: none;
}
.cookieswrapper .data p a:hover {
    text-decoration: underline;
}
.cookieswrapper .buttons {
    margin-top: 16px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cookieswrapper .buttons .button {
    border: none;
    color: #fff;
    padding: 8px 0;
    border-radius: 4px;
    background: #4070f4;
    cursor: pointer;
    width: calc(100% / 2 - 10px);
    transition: all 0.2s ease;
}
.cookieswrapper .buttons #acceptBtn:hover {
    background-color: #034bf1;
}
.cookieswrapper #declineBtn {
    border: 2px solid #4070f4;
    background-color: #fff;
    color: #4070f4;
}
.cookieswrapper #declineBtn:hover {
    background-color: #4070f4;
    color: #fff;
}
.cookieswrapper .heading h4 {
    color: #0D1C35;
    font-size: 24px;
}
.cookieswrapper .heading h4 i {
    color: #2755a0;
    margin-right: 8px;
}
/*-- error page box start --*/
.error-page-box{
    text-align: center;
}
.error-page-box .error-img{
    width: 100%;
    max-width: 350px;
    margin: 0 auto 30px;
}
.error-page-box .error-img img{
    width: 100%;
    object-fit: cover;
}
.error-page-box h1{
    color: #000;
    font-size: 30px;
    font-weight: normal;

    margin: 0 0 20px;
}
.error-page-box h1 strong{

    font-weight: 600;
}
.error-page-box .text-tag{
    color: #2C2C2C;
    font-size: 26px;
    font-weight: normal;

    margin: 0 0 5px;
}
/*-- error page box stop --*/
/*-- client inner banner area start --*/
.clientinnerbanner-area {
    position: relative;
    min-height: 330px;
    background: #FFF2F2;
}
.clientinnerbanner-area::after {
    content: '';
    position: absolute;
    top: 5%;
    right: 0;
    width: 100%;
    max-width: 400px;
    height: 90%;
    background-image: url(../images/sape7.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: 100%;
}
.clientinnerbanner-area h1 {
    color: #000000;
    font-size: 45px;
    font-weight: normal;
    width: 100%;
    max-width: 595px;
    position: relative;
    z-index: 1;
}
/*-- client inner banner area stop --*/
/*-- inner client area start --*/
.inner-client-area .heading-box{
    width: 100%;
    max-width: 688px;
    margin: 0 auto 45px;
    text-align: center;
}
.inner-client-area .heading-box h2{
    margin-bottom: 5px;
}
.client-logo {
    height: 134px;
    border: 1px solid rgb(237 40 52 / 12%);
    background: #FFF;
    box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.10);
    margin: 0 0 24px;
	padding: 10px 20px;
}
/*-- inner client area stop --*/
/*-- sitemap area start --*/
.clientinnerbanner-area.sitemap-inner-bg{
    background: linear-gradient(95deg, #166A85 13.35%, rgba(68, 188, 195, 0.92) 98.92%);
}
.inner-sitemap-area .heading-box{
    text-align: center;
    margin-bottom: 40px;
}
.inner-sitemap-area .heading-box h2{
    position: relative;
    padding-top: 10px;
}
.inner-sitemap-area .heading-box h2::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 67px;
    height: 1px;
    background-color: #2755A0;
}
.sitemap-box{
    margin-bottom: 25px;
}
.sitemap-box h3 {
    color: #000000;
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 10px;
}
.sitemap-box ul li {
    position: relative;
    padding-left: 22px;
    margin: 0 0 7px;
}
.sitemap-box ul li:last-child{
    margin: 0;
}
.sitemap-box ul li a{
    color: #3A3A3A;
    font-size: 16px;
    font-weight: normal;
}
.sitemap-box ul li a:hover{
    color: #2755A0;
}
.sitemap-box ul li::before{
    content: '\f101';
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    font-family: FontAwesome;
    color: #2755A0;
}

/*-------------Gallery area start---------------*/
.gallery{ padding:70px 0px 80px;}
.gallery h4{font-size: 20px;color: #cc4645;text-align: center;text-transform: uppercase;margin-bottom: 5px;letter-spacing: 1px;}
.gallery h3{ font-size:42px; color:#000; text-align:center; text-transform:uppercase; margin-bottom:10px; font-weight:600;}
.gallery h3 span{color:#cc4645;}
.gallery p{color: #000;font-size: 16px;width: 70%; margin:0 auto 35px; text-align:center;}
.project-image-box {overflow: hidden;box-sizing: border-box;position: relative; margin-bottom:20px;padding: 3px;box-shadow: 0px 0px 10px 0px #ccc;}
.project-image-box img{width: 100%;height: 100%;object-fit: cover;filter: brightness(70%);-webkit-filter: brightness(70%);position: relative;transition: 0.5s;}
.project-image-box:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.project-image-box .image-zoom{width: 100%;height: 100%;position: absolute;top: 0;left: 0;color: #ffffff;transition: 0.5s;
opacity: 0;background:rgb(204 70 69 / 67%);text-decoration: none;}
.project-image-box:hover .image-zoom{opacity: 1;}
.portfolio-caption{display: flex;align-items: center;justify-content: center;text-align: center;top: 48%;position: relative;
font-size: 45px;font-weight: 300;}
/*-------------Gallery area stop---------------*/

.videoimg{ position:relative;}
.videoimg .play-btn-box{ right:0px; left:0px;}
.videoimg .play-btn-line1 {border: 2px rgb(225 255 255 / 40%) solid;border-radius: 50%;width: 115px;height: 115px;display: flex;align-items: center;justify-content: center;border-right-color: transparent;}
.videoimg .play-btn-line2 {border: 2px rgb(255 255 255 / 40%) solid;border-radius: 50%;width: 90px;height: 90px;display: flex;align-items: center;justify-content: center;border-right-color: transparent;}
.videoimg .play-btn-box {border: 2px rgb(255 255 255 / 20%) solid;border-radius: 50%;width: 140px;height: 140px;margin: 0px auto;display: flex;align-items: center;justify-content: center;position: absolute; top:35%; right:-25px;}
.videoimg .play-button .fas{color: #ed2831;}
.videoimg .play-button{background-color: #fff;}

.play-btn-box {border: 2px rgb(204 70 69 / 20%) solid;border-radius: 50%;width: 140px;height: 140px;margin: 0px auto;display: flex;align-items: center;justify-content: center;position: absolute; top:35%; right:-25px;}
.play-btn-line1 {border: 2px rgb(204 70 69 / 40%) solid;border-radius: 50%;width: 115px;height: 115px;display: flex;align-items: center;justify-content: center;border-right-color: transparent;}
.play-btn-line2 {border: 2px rgb(204 70 69 / 40%) solid;border-radius: 50%;width: 90px;height: 90px;display: flex;align-items: center;justify-content: center;border-right-color: transparent;}
.play-button {background-color: #cc4645;width: 65px;height: 65px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.play-button .fas {width: 24px;height: 26px;margin-left: 7px;font-size: 28px;color: #fff;}
#line1 {-webkit-animation: rotation 25s infinite linear;}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

#line2 {-webkit-animation: rotation1 3s infinite linear;}

@-webkit-keyframes rotation1 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

/*-- sitemap area stop --*/

.technologies-carousel figure img{
    width: 100%;
    aspect-ratio: 16 / 0;
    object-fit: contain;
    
}
.copyright h6 br{display: none;}

/*-------------Gallery area start---------------*/

.project-image-box {overflow: hidden;box-sizing: border-box;position: relative; margin-bottom:20px;padding: 3px;box-shadow: 0px 0px 10px 0px #ccc;}
.project-image-box img{width: 100%;height: 100%;object-fit: cover;filter: brightness(70%);-webkit-filter: brightness(70%);position: relative;transition: 0.5s;}
.project-image-box:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.project-image-box .image-zoom{width: 100%;height: 100%;position: absolute;top: 0;left: 0;color: #ffffff;transition: 0.5s;
opacity: 0;background:rgb(204 70 69 / 67%);text-decoration: none;}
.project-image-box:hover .image-zoom{opacity: 1;}

.portfolio-search{    
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    top: 0px;
    position: absolute;
    font-size: 45px;
    font-weight: 300;
    left: 15px;
    right: 0px;
    height: 100%;
    background: #00000091;
    width: 95%;
    color: #fff;
    opacity: 0;
    border-radius: 25px;
}
.project-image-box:hover .portfolio-search{
    opacity: 1;
}

/*-------------Gallery area stop---------------*/
.desktopfoor {
    display: none;
}
.technologies-carousel figure {
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 16px 24px;
	border-radius: 10px;
	height: 100px;
	justify-content: center;
}


.sub-menu-toggle{display: none;}

.wpcf7-select{width: 100%;color: #6c757d;
  height: 45px;
  background: #fff;
  border: none;border-bottom: 1px solid #ddd;}
.select2-container, .select2-container--default .select2-search--inline .select2-search__field{ width:100% !important;}
.select2-dropdown{top: 32px !important;position: relative;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border: solid #ddd 1px;outline: 0;}
.select2-container--default .select2-selection--multiple{border: 0px solid #aaa;border-bottom: 1px solid #ddd;}

.select2-container--default .select2-selection--multiple .select2-selection__choice{font-size: 12px;
  color: #000;}

.contone.cont-four {
  right: -35px;
  top: -92px;
}
.contone.cont-five {
	right: -143px;
	top: -175px;
}

.contone.cont-six {
	right: -410px;
	margin: -183px auto 0px;
	pointer-events: none;
}

.protfolioin {
	padding: 15px;
	min-height: 440px;
	border-radius: 10px;
}

.protfolioin .btn-primary1:hover {
	background: #000;
	color: #fff;
}

.logos .protfolioin {
	min-height: auto;
}

.logos .protfolioin .portfolio-img-box {
	height: auto;
}

#block-2, #block-4, #block-5 {
	display: none;
}

.widget.widget_block {
	box-shadow: 0px 0px 10px 0px #ccccccbf;
	margin-bottom: 25px;
	border-radius: 5px;
	overflow: hidden;
}

.wp-block-heading {
	font-size: 22px;
	margin-bottom: 15px;
	background: #060606;
	padding: 10px 15px;
	color: #fff;
	font-weight: 600;
}

.wp-block-latest-posts.wp-block-latest-posts__list li, .wp-block-archives-list li, .wp-block-categories-list li {
	border-bottom: 1px solid #ddd;
}

.wp-block-latest-posts.wp-block-latest-posts__list li a, .wp-block-archives-list li a, .wp-block-categories-list li a {
	padding: 10px 15px;
	display: block;
	font-size: 16px;
	font-weight: 500;
	line-height: 23px;
}

.ti-widget.ti-goog .ti-review-content {
	height: 100px !important;
	font-family: "Roboto", sans-serif !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	line-height: 27px !important;
}

.blog-details-contain-card ul {
	padding: 0px 0px 0px 25px;
	margin: 0px;
}

.blog-details-contain-card ul li {
	margin-bottom: 10px;color: #000;
  font-weight: 400;
}

.blog-details-contain-card h2, .blog-details-contain-card h3, .blog-details-contain-card h4 {
	margin: 10px 0px;
  font-size: 30px;
  font-weight: 500;
}

.entry-header, .entry-footer {
	display: none;
}

.quoteleft {
	width: 65px;
	height: 65px;
	margin: -70px auto 20px;
	background: #ed2832a6;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 35px;
	color: #fff;
}

.elementor-widget-image img {
	height: initial !important;
}


/*// services_area start // */

.services_area {
	width: 100%;
	padding: 50px 0;
	background-color: #000;
	text-align: center;
}

.services_top .latest_blog_top, .feedback_top {
	text-align: center;
	position: relative;
	margin-bottom: 50px;
}

.services_top h5, .industries_top h5, .aboutus h5, .latest_blog h5, .feedback h5, .ourwork h5 {
	display: inline-block;
	position: relative;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	text-transform: uppercase;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
	
}

.services_top h4, .industries_top h4, .latest_blog h4, .feedback h4 {
	font-size: 40px;
	color: #fff;
	margin-bottom: 20px;
}

.services_card {
    height: calc(100% - 15px);
    backdrop-filter: blur(100px);
    -webkit-backdrop-filter: blur(100px);
    padding: 1px;
    border-radius: 20px;
    margin-bottom: 30px;
    transition: all .4s ease-in-out;
    background: rgb(255 255 255);
    text-align: left;
    margin-bottom: 25px;
    position: relative;
    z-index: 9;
    width: 97%;
}

.services_card:hover .services_cardpic img {
	transform: scale(1.1);
	transition: all .5s ease-in-out;
}

.services_cardpic {
    height: 200px;
    position: relative;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
}

.services_cardpic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.services_card h3 {
    position: relative;
    color: #000000;
    font-size: 20px;
    margin-top: 10px;
    padding: 0px 10px;
    font-weight: 600;
}

.services_card h3 a {
	color: #000000;
}

.services_card p {
	font-size: 16px;
	color: #000;
	line-height: 22px;
	margin: 10px 0px 25px;
	padding: 0px 10px;
	line-height: 20px;
}

.readMore {
	font-size: 16px;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 4px;
	padding: 0px 10px;
	border: none;
	position: absolute;
	bottom: 10px;
}

.readMore .fa-arrow-right {
	font-size: 15px;
	color: #0096cf;
	transform: rotate(-40deg);
}

.c-heading__description .is-wysiwyg p {
	color: #fff;
}

.office-addres.city {
	font-weight: bold;
	font-size: 20px;
}

.footer-area .ps-4 {
    padding-left: 20px !important;
}

.c-heading h2 {
	color: #fff;
	font-size: 40px;
	margin-bottom: 45px;
	line-height: 50px;
	font-weight: bold;
}

.clientarea {
    padding: 0px 0px;
    background: #ffffff;
    background-image: linear-gradient(108deg, rgb(230 207 213 / 47%) 0, #ffffff 32%, #e5cdd3 84%, #ffffff 100%);
}

.clientarea .customer-img-box {
	padding: 25px 10px;
}



/*// industries_area start // */
.industries_area {
    width: 100%;
    padding: 50px 0px 90px;
    background-color: #000;
    text-align: center;
    position: relative;
    z-index: 1;
}

.industries_sliderow {
	width: 100%;
	position: relative;
	z-index: 9;
}

.slide_card {
	width: 100%;
}

.slide_cardpic {
    height: 300px;
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    transition: 0.6s;
}

.slide_cardpic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slide_card:hover .slide_cardpic img {
	transform: scale(1.1);
}

.slide_cardpic:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transform: scale(0);
	background: linear-gradient(180deg,rgba(0,0,0,.4),rgba(0,0,0,.8));
	border-radius: 20px;
	z-index: 1;
	transition: all .4s ease-in-out;
}

.slide_cardpic:hover:before {
	transform: scale(1);
}

.circle_btn {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity: 0;
/*    visibility: hidden;*/
	transition: all .4s ease-in-out;
	z-index: 2;
	background-color: #fff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease-in-out;
}

.slide_card:hover .circle_btn {
	opacity: 1;
}

.slide_cardbtm {
	width: 100%;
	margin: auto;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 25px;
	text-align: left;
	z-index: 1;
}

.slide_cardbtm p {
	text-transform: capitalize;
	color: #0096cf;
	margin-bottom: 10px;
	font-weight: 600;
}

.slide_cardbtm h3 {
	font-size: 20px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 600;
	/* text-shadow: 0px 1px 9px #000; */
	background-image: linear-gradient(108deg, #00cfff 0, #b448aa 32%, #da365c 84%, #d04901 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}

.slide_cardbtm h3 a {
	color: #fff;
}

.slide_cardpic::after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px;
	background: rgb(0, 0, 0);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);
	opacity: 0.6;
}

/*.industries_slide .owl-nav { position: absolute; top: -130px; width: 100%; left: 0; right: 0; text-align: center;}*/
.industries_slide .owl-nav button.owl-prev, .industries_slide .owl-nav button.owl-next { width: 40px; height: 40px; border: 1px solid #a5a5a5; border-radius: 50%; color: #a5a5a5; font-size: 30px;}
.industries_slide .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.industries_slide .owl-nav button.owl-prev span::after { content: '\f060'; color: #a5a5a5 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.industries_slide .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #fff !important; }
.industries_slide .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.industries_slide .owl-nav button.owl-next span::before { content: '\f061'; color: #a5a5a5 !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.industries_slide .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #fff !important; }
.industries_slide .owl-nav button.owl-prev { left: 0px; position: relative;}
.industries_slide .owl-nav button.owl-next { right: 0px; position: relative;}
.industries_slide .owl-nav { position: absolute; bottom: 40px; display: inline-flex; left: 0px; justify-content: start; width: 100%;}
.industries_slide .owl-nav button.owl-prev:hover, .industries_slide .owl-nav button.owl-next:hover { background: #103A6A; border: 1px solid #103A6A; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .industries_slide .owl-dots.disabled, .owl-carousel .industries_slide .owl-nav.disabled {
    display: block !important;
}

.industries_slide .owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    margin: auto;
}

.industries_slide .owl-theme .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    position: relative;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot span{ display:none;}



/* ======================================================================= */
    /* feedback start */
/* ======================================================================= */

.ourwork {
    width: 100%;
    padding: 50px 0 60px;
    background: #000;
    position: relative;
    z-index: 1;
}
.design_processin.ourwork {
    padding-top: 50px;
    background-color: #fff;
}

.ourwork h4 {
	font-size: 40px;
	color: #fff;
	margin-bottom: 20px;
}

.ourwork h4 span {
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  padding-right: 8px;
}

.ourwork_top {
    text-align: left;
	position: relative;
	margin-bottom: 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.ourwork_in {
    width: 100%;
}

.ourwork_box {
	width: 100%;
}

.ourwork_boxpic {
	height: 380px;
	position: relative;
	display: flex;
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: 20px;
}

.ourwork_boxpic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ourwork h3 {
    font-size: 22px;
    color: #000000;
    margin-bottom: 15px;
    text-transform: capitalize;
    font-weight: 600;
}
.ourwork p {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
}
.ourwork ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.ourwork ul li {
	display: inline-block;
	margin-right: 10px;
}

.ourwork ul li img {
	width: 30px;
	height: 30px;
}

.viewBtn {
	padding: 10px 25px;
    font-size: 16px;
    background: linear-gradient(219deg, #0096cf, #052441);
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    position: relative;
}


/*.ourwork_slide .owl-nav { position: absolute; top: -130px; width: 100%; left: 0; right: 0; text-align: center;}*/
.ourwork_slide .owl-nav button.owl-prev, .ourwork_slide .owl-nav button.owl-next { width: 30px; height: 30px; border: 1px solid #bb449c; border-radius: 50%; color: #bb449c; font-size: 30px;}
.ourwork_slide .owl-nav button.owl-prev span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.ourwork_slide .owl-nav button.owl-prev span::after { content: '\f060'; color: #bb449c !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.ourwork_slide .owl-nav button.owl-prev:hover span::after { content: '\f060'; color: #000 !important; }
.ourwork_slide .owl-nav button.owl-next span { position: relative; top: 0px; font-size: 0; display: flex; align-items: center; justify-content: center;}
.ourwork_slide .owl-nav button.owl-next span::before { content: '\f061'; color: #BB449C !important; font-family: FontAwesome; position: absolute; border-radius: 50%; font-size: 16px; }
.ourwork_slide .owl-nav button.owl-next:hover span::before { content: '\f061'; color: #000 !important; }
.ourwork_slide .owl-nav button.owl-prev { left: 0px; position: relative; outline: none;}
.ourwork_slide .owl-nav button.owl-next { right: 0px; position: relative; outline: none;}
.ourwork_slide .owl-nav { position: absolute; bottom: -30px; display: inline-flex; left: 0; justify-content: center; width: 100%;}
.ourwork_slide .owl-nav button.owl-prev:hover, .ourwork_slide .owl-nav button.owl-next:hover { background: #BB449C; border: 1px solid #BB449C; color: #fff; transition: all .3s ease-in-out;}
.owl-theme .owl-nav { margin-top: 0; }
.owl-carousel .ourwork_slide .owl-dots.disabled, .owl-carousel .ourwork_slide .owl-nav.disabled {
    display: block !important;
}
.sol-list-actual{ padding:0px}
.sol-list-actual ul{ padding:0px; margin:0px;}
.sol-list-actual ul li {
    color: #000000;
    font-size: 16px;
    list-style: none;
    font-weight: 400;
}
.sol-list-actual ul li i{ margin-right:5px}
.video-thumbarera{ background:#000;overflow: hidden;}
.sol-list-actual ul li b{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip:
text;
  -webkit-text-fill-color: transparent;
  display: inline-block;}

.s-web-services .main .c-image {
  margin-bottom: 15px;
  position: relative;
  left:0px;
}
.ourwork_top article {
	width: 100%;
}

.industries_area::before {
	content: "";
	position: absolute;
	width: 70vw;
	height: 70vw;
	top: -40%;
	right: 40%;
	border-radius: 100%;
	background: radial-gradient(ellipse at center, rgba(136, 66, 220, .9) 0, rgba(136, 66, 220, 0) 70%);
	opacity: .5;
	z-index: -1;
}

/* .ourwork::before {
    content: "";
    position: absolute;
    width: 45vw;
    height: 60vw;
    top: -11%;
    left: -40px;
    border-radius: 100%;
    background: radial-gradient(ellipse at center, rgb(225 169 200) 0, rgba(4, 228, 255, 0) 70%);
    opacity: .4;
    z-index: -1;
} */

.s-professional-services {
	padding: 50px 0px;
	background: #000;
	position: relative;
}

.s-professional-services .l-dcbl .c-block__col .c-description p:last-child {
	margin-bottom: 0;
	color: #fff;
	font-size: 16px;
}

.s-professional-services .l-dcbl .c-block__col:nth-child(2n+1)::after {
	background: #7450eb36;
	height: 1px;
}

.s-professional-services .l-dcbl .c-block__col:nth-child(2n)::after {
	background: #7450eb36;
	height: 1px;
}

.s-professional-services::before {
    content: "";
    position: absolute;
    width: 90vw;
    height: 90vw;
    top: -230px;
    right: 218px;
    border-radius: 100%;
    background: radial-gradient(ellipse at center, rgba(136, 66, 220, .9) 0, rgba(136, 66, 220, 0) 70%);
    opacity: 0.4;
    z-index: 0;
    left: 0px;
    margin: 0 auto;
}
.s-professional-services .l-dcbl .c-block__col .c-heading__title {
    position: relative;
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
}

.portfolio_sec_boxCard {
	border-radius: 25px;
	overflow: hidden;
}

.ourwork .btn-primary {
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  margin-top: 50px;
  padding: 10px 30px;
  font-size: 16px;
}


/* ======================================================================= */
    /* marketing_services start */
/* ======================================================================= */
.marketing_services {
	width: 100%;
	padding: 50px 0;
	display: inline-block;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	width: 50%;
	display: inline-table;
}

ul.tabs li {
	float: left;
	margin: 0;
	cursor: pointer;
	padding: 5px 20px;
	height: 65px;
	line-height: 31px;
	background-color: #ffffff;
	font-size: 26px;
	color: #000;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

ul.tabs li span {
	font-size: 38px;
	color: transparent;
	-webkit-text-stroke: 1px #000;
	text-stroke: 1px #000;
	text-shadow: none;
	padding-right: 20px;
}

/*.tab_last { border-right: 1px solid #333; }*/

ul.tabs li:hover {
	background-color: #fff;
	color: #333;
}

ul.tabs li.active {
	background-color: #fff;
	display: flex;
	position: relative;
/*    border-image-source: linear-gradient(to left, #00C853, #B2FF59);*/
	align-items: center;
	justify-content: flex-start;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
}

ul.tabs li.active::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: -o-linear-gradient(342deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
	background: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
}

.tab_container {
	border: 1px solid #333;
	border-top: none;
/*	clear: both;*/
	float: left;
	width: 50%;
	background: #fff;
	overflow: auto;
}

.tab_content {
	padding: 40px;
	display: none;
	width: 100%;
	position: relative;
	min-height: 400px;
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	overflow: hidden;
	align-items: center;
	justify-content: flex-start;
}

.tab_content::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 0;
	background-color: rgb(0 0 0 / 60%);
}

.tab_content p {
	font-size: 17px;
	color: #fff;
	position: relative;
	z-index: 1;
	margin-bottom: 0;
}

.tab_drawer_heading {
	display: none;
}

@media screen and (max-width: 480px) {
	.tabs {
		display: none;
	}

	.tab_drawer_heading {
		background-color: #ccc;
		color: #fff;
		border-top: 1px solid #333;
		margin: 0;
		padding: 5px 20px;
		display: block;
		cursor: pointer;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}

	.d_active {
		background-color: #666;
		color: #fff;
	}
}

.marketing_servicestop {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}

.marketing_servicestop h4, .marketing_servicestop h5 {
	color: #000;
}

/* ======================================================================= */
    /* digital-marketing start */
/* ======================================================================= */
.digital-marketing {
    width: 100%;
    padding: 50px 0;
    position: relative;
    height: 100%;
    background: #000;
    z-index: 1;
    background: #fff;
}

/* .digital-marketing::before {
    content: "";
    position: absolute;
    width: 90vw;
    height: 90vw;
    top: 0px;
    right: 0px;
    border-radius: 100%;
    background: radial-gradient(ellipse at center, rgba(136, 66, 220, .9) 0, rgba(136, 66, 220, 0) 70%);
    opacity: 0.4;
    z-index: 0;
    left: 0px;
    margin: 0 auto;
    z-index: -1;
} */

.bnrRight .form-group {
    position: relative;
    width: 100%;
    margin: 0px auto;
}

.align-items-center {
	align-items: center !important;
}

.digital-marketing ul {
	padding-left: 10px;
	margin-bottom: 25px;
	list-style: none;
}

.digital-marketing ul li {
    width: 100%;
    margin-bottom: 0px;
    font-size: 17px;
    color: #000000;
    position: relative;
    font-weight: 400;
}

.digital-marketing h5 {
    font-size: 16px;
    color: #fff;
}

.digital-marketing h1 {
    font-size: 40px;
    color: #fff;
    font-weight: bold;
    background-image: linear-gradient(108deg,#0079d0 0,#9e52d8 32%,#da365c 84%,#d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    display: inline-block;
}

.digital-marketing .bannertext p {
    font-size: 22px;
    color: #000000;
    font-weight: 400;
    margin: 25px 0;
    line-height: 30px;
}

.bnrRight {
    width: 100%;
  padding: 25px 30px;
  background-color: #fff;
  border-radius: 12px;
}

.formbox {
	width: 100%;
}

.formbox h4 {
	font-size: 28px;
	background-image: linear-gradient(108deg,#0079d0 0,#9e52d8 32%,#da365c 84%,#d04901 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	display: block;
	font-weight: 600;
	margin-bottom: 5px;
	
}

.formbox p {
    font-size: 18px;
  color: #000;
  font-weight: 400;
  margin: 0px 0 8px;
  line-height: 25px;
}

.formbox .form-group {
	margin-bottom: 10px;
	position: relative;
}

.formbox .form-control {
	position: relative;
	width: 100%;
	background-color: transparent;
	height: 45px;
	font-size: 16px;
	color: #000;
	padding: 10px 15px 10px 40px;
	border: none;
	font-weight: 400;
	border-bottom: 1px solid #6e6e6e;
	border-radius: 0px;
}

.formbox textarea.form-control {
	min-height: 60px;
	resize: none;
}

.formbox .form_icon {
	position: absolute;
	top: 6px;
	left: 7px;
	width: 22px;
	height: 22px;
}

.formbox .form-control:focus, .formbox textarea.form-control:focus, .form-file + label:focus {
	border-color: #eb068b;
	transition: 0.9s;
}

.formbox .form-control:focus {
	outline: 0;
	box-shadow: none;
}

.mainbtn {
	padding: 12px 25px;
	position: relative;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 16px;
	border-radius: 6px;
	font-weight: 600;
	border: none;
	background: rgb(109, 39, 139);
	background: linear-gradient(90deg, rgba(109, 39, 139, 1) 18%, rgba(252, 70, 107, 1) 100%);
	color: #fff;
	text-align: center;
	display: inline-block;
	transition: 0.6s;
}

.mainbtn:hover {
	background: rgb(109, 39, 139);
	background: linear-gradient(90deg, rgb(249 69 107) 18%, rgb(109 39 139) 100%);
}

.form-file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.signupinner {
    background: #000;
    padding: 90px 0px;
    position: relative;
    z-index: 1;
    border-top: 0;
}

.signupinner::before {
    content: "";
    position: absolute;
    left: -8%;
    right: 67%;
    top: -60%;
    bottom: -30%;
    background: radial-gradient(ellipse at center, rgb(109 39 139 / 73%) 0, rgba(0, 185, 255, 0) 70%, rgba(0, 185, 255, 0) 100%);
    opacity: .45;
    z-index: -1;
}
.signupinner h3 {
	font-size: 40px;
	line-height: 55px;
	color: #fff;
	font-weight: bold;
}

.signupinner h3 span{text-transform: uppercase;
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;}


.mail_box {
	position: relative;
}

.mail_box input {
	width: 100%;
	height: 68px;
	border: 1px solid #150040;
	padding: 15px 190px 15px 15px;
}

.gform_button {
	position: absolute;
	top: 0px;
	right: 0px;
	border: none;
	padding: 20px 50px;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	background: rgb(109, 39, 139);
	background: linear-gradient(90deg, rgba(109, 39, 139, 1) 18%, rgba(252, 70, 107, 1) 100%);
}



/* ======================================================================= */
    /* design_process start */
/* ======================================================================= */
.design_process {
	width: 100%;
	padding: 50px 0 0;
	background-color: #00031f;
	position: relative;
}

.design_processtop {
	width: 100%;
	text-align: center;
}

.design_process h4 {
	color: #fff;
}

.intro {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
}

.intro {
	background: #6e4ce1;
	color: #f6f2e8;
}

#horizontal-scoll {
	padding: 20px 0 !important;
}

.horizontal-scoll-wrapper {
	overflow: hidden;
	height: auto;
	position: relative;
}

.horizontal {
	display: flex;
	height: 100%;
	position: relative;
}

.horizontal > div {
	display: flex;
	flex-shrink: 0;
	padding: 0 5px;
}

.horizontal > div:first-child {
	padding: 0 5px 0 15px;
}

.horizontal > div:last-child {
	padding: 0 15px 0 5px;
}

.horizontal .card {
    align-items: stretch;
    width: 673px;
    padding: 5px 40px;
    color: #f6f2e8;
    display: flex;
    align-items: start;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    position: relative;
    z-index: 1;
    margin-top: -40p;
}

.horizontal .card:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border: 1px solid #fff;
    top: 158px;
    left: 45px;
    border-radius: 100%;
    -webkit-box-shadow: 0 0 36px 11px #db4f73;
    box-shadow: 0 0 36px 11px #db4f73;
    -webkit-transition: all .2s;
    transition: all .2s;
}

.horizontal .card img {
	width: 180px;
	height: 110px;
	margin-bottom: 65px;
}

.horizontal .card h2 {
    font-size: 26px;
    color: #000000;
    font-weight: 600;
}

.horizontal .card p {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
}

.horizontal .card ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.horizontal .card ul li {
    width: 100%;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    padding-bottom: 0px;
    padding-left: 25px;
    position: relative;
}

.horizontal .card ul li:after {
	content: "►";
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 17px;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #fff0;
	display: inline-block;
}

.horizontal .card h3 {
	font-size: 65px;
	font-weight: 800;
	position: relative;
	text-transform: uppercase;
	color: transparent;
	-webkit-text-stroke: 1px #fff;
	text-stroke: 1px #fff;
	text-shadow: none;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

#_progress {
    --scroll: 0%;
    background: linear-gradient(to right, rgb(220 87 123) var(--scroll), transparent 0);
    position: fixed;
    width: 100%;
    height: 5px;
    top: 185px;
    z-index: -1;
}

.design_processin h3 {
    color: #fff;
    font-size: 40px;
    font-weight: block;
    line-height: 65px;
    color: #000000;
    margin-bottom: 0px;
    font-weight: bold;
}
.bgwhite{
	background-color:white!important
}
.design_processin h3 span {
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
	padding-right: 8px;
	
	
}

.ourwork_top h2 {
    font-size: 40px;
    color: #000000;
    margin-bottom: 20px;
    font-weight: 700;
}

.ourwork_top h2 span{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;}


.ourwork_top h5{
	display: inline-block;
    position: relative;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    letter-spacing: 0px;
    text-transform: uppercase;
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}
.ourwork_top h4 {
    font-size: 40px;
    color: #000000;
    margin-bottom: 20px;
    font-weight: 700;
}





/* ======================================================================= */
    /* client_testimonial start */
/* ======================================================================= */
.client_testimonial {
    width: 100%;
    background-color: #ffffff;
    padding: 50px 0;
    position: relative;
}

.client_testi_row {
	width: 100%;
}

.client_testi_row h3 {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  margin-bottom: 25px;
  line-height: 23px;
}

.client_testi_row h4 {
	font-size: 20px;
	color: #000;
	font-weight: 500;
	margin-bottom: 25px;
	text-transform: uppercase;
}

.client_testi_row h5 {
	font-size: 24px;
  color: #fff;
  margin-bottom: 15px;
  font-weight: 500;
  background-image: none;
  -webkit-text-fill-color: initial;
}

.client_testi_row h6 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 15px;
	font-weight: 500;
}

.hc-saying {
	padding: 0;
	width: 100%;
}

.hc-saying__content--heading {
	font-size: var(--global--section-heading-fs);
	line-height: var(--global--section-heading-fs);
	font-weight: 700;
	color: #0a1e26;
}

.hc-saying__content--heading span {
	display: block;
}

.hc-saying__carousel {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}

.hc-saying__carousel__image--img__card {
    padding: 20px;
    width: 90%;
    margin-left: auto;
    height: 250px;
}

.hc-saying__carousel__image--img__card img {
	height: 430px;
	width: 100%;
	object-fit: cover;
	object-position: center;
}

.hc-saying__carousel__image--img__card__details {
	padding: 40px 0;
	text-align: center;
	text-transform: capitalize;
}

.hc-saying__carousel__image--img__card__details--name {
	font-size: var(--global--paragraph--text-fs);
	line-height: var(--global--paragraph--text-line-height);
	font-weight: 700;
	color: #0a1e26;
}

.hc-saying__carousel__image--img__card__details--description {
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	color: #0a1e26;
}

.hc-saying__carousel__item {
	width: 100%;
	margin-left: auto;
}

.hc-saying__carousel__item__card {
	position: relative;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	 /*column-gap: 60px;
	 flex-wrap: wrap;
	 align-items: center;*/
	padding: 40px 32px;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
	margin: 16px 0;
}

.hc-saying__carousel__item__card.slick-slide:not(.slick-center) {
	opacity: 0.5;
	transition: opacity 0.5s ease-in-out;
}

.hc-saying__carousel__item__card--reviewer {
	display: flex;
	column-gap: 16px;
	align-items: center;
}

.hc-saying__carousel__item__card--reviewer--image img {
	border-radius: 100px;
	height: 50px;
	width: 100%;
	max-width: 50px;
	object-fit: cover;
}

.hc-saying__carousel__item__card--reviewer__details {
	text-transform: capitalize;
	width: 250px;
}

.hc-saying__carousel__item__card--reviewer__details--name {
	font-size: 16px;
	line-height: 20px;
	font-weight: 700;
	color: #0a1e26;
}

.hc-saying__carousel__item__card--reviewer__details--description {
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	color: #0a1e26;
}

.hc-saying__carousel__item__card--content {
	width: 65%;
}

.hc-saying__carousel__item__card--content--text {
	font-size: var(--global--paragraph--text-fs);
	line-height: var(--global--paragraph--text-line-height);
	font-weight: 400;
	color: #0a1e26;
}

.hc-saying__carousel__item__card--quote {
	position: absolute;
	top: -25px;
	left: 30px;
	display:none !important;
}

.hc-saying__carousel__item .slick-prev, .hc-saying__carousel__item .slick-next {
	position: absolute;
	right: -10%;
	border-radius: 100px;
	border: none;
	height: 35px;
	width: 35px;
	padding: 0;
	background-color: transparent;
	z-index: 11;
}

.hc-saying__carousel__item .slick-prev svg, .hc-saying__carousel__item .slick-next svg {
	fill: #0a1e26;
}

.hc-saying__carousel__item .slick-prev {
	top: 37%;
}

.hc-saying__carousel__item .slick-next {
	top: 52%;
}

.reviews_btm {
	width: 90%;
    margin-left: auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 15px;
}

.reviews_btm h6 {
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
	margin: 5px 0;
}

.reviews_logo {
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 2px;
	flex-direction: column;
	text-align: center;
}

.reviews_logo img {
	width: 100%;
	max-width: 100px;
	margin: 0 auto 10px;
}

.reviews_logo .fa-star {
	color: #ffd43b;
	font-size: 14px;
}

/* ======================================================================= */
    /* services_provide start */
/* ======================================================================= */
.services_provide {
    width: 100%;
    padding: 50px 0;
    position: relative;
   
}

.services_provideLeft {
    width: 100%;
    padding: 20px 0px;
  border-bottom: 1px solid #843b5859;
	position:relative;
}

.services_provideLeft:after {
    content: "\f061";
    position: absolute;
    font-family: "FontAwesome";
    font-size: 16px;
    right: 20px;
    top: 20px;
    color: #EE2833;
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}
.services_provideLeft:hover:after{
	right: 10px;
}
.marquee-carousel {
    position: relative;
    z-index: 1;
}


.services_provideLeft h5 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
	transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
}
.services_provideLeft:hover h5{
	padding-left:15px;
	cursor:pointer;
	background-image: linear-gradient(266deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
}
.services_provide .m-slider .swiper-slide {
    height: 75px;
    overflow: hidden;
    border: 1px solid #f3f3f3;
    width: 230px;
    padding: 10px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 10%);
    background-color: #fff;
}

.services_provide .m-partners .client-item {
    text-align: center;
    position: relative;
    padding: 15px;
}

.services_provide .m-slide__media {
    height: 100%;
    overflow: hidden;
    display: flex;
    position: relative;
    background: rgb(255 255 255);
    align-items: center;
    padding: 1px 14px;
    min-height: 56px;
    border-radius: 10px;
}
.blog-area.ourwork.p-90 {
    padding-top: 44px;
    background-color: #fff;
    position: relative;
    z-index: 2;
}
.services_provide .m-slide__media img {
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: contain;
}

.marquee-carousel .m-slide__media img{width: 60px;
  height: 60px;
  overflow: hidden;
  object-fit: contain;
  margin-right: 8px;}

.marquee-carousel h3{font-size: 16px;
  color: #000;
  margin-bottom: 0px;
  text-transform: capitalize;
  font-weight: 600;}



.faqarea{border-top: 1px solid #291133;}
/* ======================================================================= */
    /* case_studies start */
/* ======================================================================= */
.case_studies {
    width: 100%;
    position: relative;
    padding: 50px 0;
    background-color: #fff;
	overflow:hidden;
}
.case_studies .ourwork_top h2 {
    color: #000000;
}
.case_studiesin {
	
}

.nav-pills_width02 {
	flex-basis: 370px;
	flex-shrink: 0;
	border: none;
	box-sizing: border-box;
	padding: 50px 24px;
	position: relative;
}
/*.nav-pills_width02::before {
	content: "";
	left: -1400px;
	width: 1400px;
	height: 100%;
	position: absolute;
	top: 0;
	background-color: #f0f0f0;
}*/
.nav-pills_width02 h2 {
	font-size: 40px;
	color: #000;
	font-weight: 700;
	margin-bottom: 24px;
}
.nav-pills_width02 h2 span {
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	display: inline-block;
}
.case_studies_right {
	width: 30%;
	position: relative;
	height: 600px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.case_studies .nav-link {
	padding: 10px;
  border-radius: 0;
  height: 80px;
  overflow: hidden;
  border-bottom: 1px solid #a151d34a;
  text-align: center;
  position: relative;
	box-shadow: none !important;
}


.case_studies .nav-pills .nav-link.active::after {
	background-image: linear-gradient(108deg, #fff 0, #fff 32%, #fff 84%, #fff 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: #EE2833;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
	opacity: 1;
	right: 15px;
}
.case_studies .nav-pills .nav-link:hover:after{
	right:15px;
	opacity:1;
}
.case_studies .nav-link::after {
	content: "\f061";
	position: absolute;
	font-family: "FontAwesome";
	font-size: 16px;
	right: 50px;
	top: 11px;
	color: #EE2833;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: all ease-in-out 0.5s;
	-moz-transition: all ease-in-out 0.5s;
	-webkit-transition: all ease-in-out 0.5s;
	-o-transition: all ease-in-out 0.5s;
	-ms-transition: all ease-in-out 0.5s;
	-khtml-transition: all ease-in-out 0.5s;
	opacity: 0;
}
.case_studies .nav-link img {
	width: 40px;
	height: auto;
	overflow: hidden;
	position: relative;
	left: -7px;
	height: 36px;
	object-fit: contain;
	display: inline-flex;
}

.case_studies .nav-link img{filter: brightness(0) saturate(100%) invert(30%) sepia(97%) saturate(926%) hue-rotate(311deg) brightness(98%) contrast(91%);}


.case_studies .tab-content {
	padding: 0px 0px 0px 50px !important;
  font-weight: 400;
  color: #FFF;
  margin-top: 0px;
  width: 100%;
  box-shadow: none !important;
}

.case_studies_card {
	width: 100%;
}

.studies_cardtop {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	position: relative;
}

.studies_cardtop::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	background-image: url(../image/logo-dark01.svg);
	width: 200px;
	height: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 0.1;
}

.studies_cardtop img {
	width: auto;
	height: auto;
	overflow: hidden;
	position: relative;
}

.studies_textbox {
	width: 45%;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
}

.studies_textbox p {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	margin-bottom: 25px;
}

.studies_textbox h6 {
	font-size: 18px;
	color: #000;
	font-weight: 600;
	margin-bottom: 0;
}

.separator {
	-webkit-box-flex: 1;
	-ms-flex: 1 0 20%;
	flex: 1 0 20%;
	display: block;
	-ms-flex-item-align: center;
	align-self: center;
	height: 2px;
	width: 15%;
	background-color: #ccc;
	-webkit-transition: width .3s ease-in-out;
	transition: width .3s ease-in-out;
}

.case_studies_mid {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin: 50px 0;
}

.case_studies_mid h4 {
	font-size: 120px;
	font-weight: 800;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.case_studies_mid h4 span {
	font-size: 55px;
}

.case_studies_mid h6 {
	font-size: 26px;
	color: #000;
	font-weight: 600;
	margin-bottom: 0;
}

.case_studies .nav-pills .nav-link.active, .case_studies.nav-pills .show>.nav-link {
	background: linear-gradient(90deg, rgba(109, 39, 139, 1) 18%, rgba(252, 70, 107, 1) 100%);
}


/* ======================================================================= */
    /* feedback_sec start */
/* ======================================================================= */
.feedback_sec {
	width: 100%;
	position: relative;
	padding: 50px 0;
}

.feedback_secCardin {
	margin-top: 50px;
}

.feedback_sec ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.feedback_sec ul li {
	display: inline-block;
}

.feedback_secCard {
	width: 100%;
}

.feedback_secCard h4 {
	font-size: 18px;
	color: #000;
	font-weight: 500;
	text-align: center;
	margin-bottom: 0;
}

.feedback_secCard iframe {
	width: 100%;
	height: 250px !important;
	border-radius: 20px;
	position: initial !important;
	max-height: 250px !important;
}



.accordion-item {
    padding: 17px 26px;
    margin-bottom: 15px;
    border: 1px solid rgb(218 55 89 / 4%) !important;
    border-radius: 10px !important;
    background-color: rgb(255 255 255);
    position: relative;
    z-index: 9;
}
.accordion-item .accordion-header .accordion-button {
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    background-color: transparent;
    box-shadow: none;
    font-family: "Jost", sans-serif;
}
.accordion-item .accordion-header .accordion-button span {
    margin-right: 5px;
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-size: 16px;
}
.accordion-item .accordion-header .accordion-button:focus{background-color: transparent;box-shadow: none;}
.accordion-item .accordion-header .accordion-button::after{display: none;}
.accordion-item .accordion-header .accordion-button::before {content: '\f068';position: absolute;top: 0px;right: 0;
background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);border-radius: 100%;font-family: FontAwesome;width: 24px;height: 24px;color: #fff;
font-size: 12px;text-align: center;line-height: 25px;}
.accordion-item .accordion-header .accordion-button.collapsed::before{content: '\2b';background-color: #000;}
.accordion-item .accordion-body {
    padding-left: 0;
    padding-right: 0;
    font-size: 17px;
    font-weight: 400;
    color: #000;
    margin-top: 15px;
    padding-top: 10px;
    border-top: 1px solid rgb(233 233 233 / 50%);
}

.accordion-item .accordion-body p{font-size: 17px;
    font-weight: 400;
    color: #000;}

.accordion-header { margin-bottom: 0px !important;}

#accordionBasic {
    width: 100%;
    margin: 0 auto;
}


.aboutus h4 span, .colors-inverted .c-heading__title span{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%); -webkit-background-clip: text;-webkit-text-fill-color: transparent;display: initial;}



#highlights {
    padding: 30px 0px 0;
    font-size: 145px;
    text-transform: uppercase;
    -webkit-text-fill-color: #ffffff00;
    -webkit-text-stroke: 1px;
    color: rgb(255 255 255 / 18%);
    font-family: 'GilroySemiBold';
    text-align: center;
    margin-bottom: -26px;
}
.payment .social-media li a {
    background-color: #000;
    background-image: none;
}
.payment .social-media li a:hover{
	background-image: linear-gradient(108deg, #d04901 0, #da365c 32%, #9e52d8 84%, #0079d0 100%);
}
.blog-area h2 {
    font-size: 40px;
    color: #000000;
    margin-bottom: 20px;
    font-weight: 700;
}
.ourwork .blog-box  p {
    color: #000000 !important;
    font-size: 14px;
    line-height: 19px;
}
.blog-area h2 span{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;}

.services_provide.ourwork.blog-area.pt-0 {
    padding-top: 50px!important;
}
.services_provide.ourwork.blog-area h2 {
    color: #ffffff;
}
.faqarea {
    padding-top: 26px;
	border:none;
}

.fancybox__container {
    --fancybox-bg: rgb(0 0 0 / 70%)!important;
}
.reviews_logo{text-align: center;
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  margin-top: 60px;
  padding: 10px 30px;
  font-size: 16px;}

.hc-saying__carousel__item .slick-prev svg, .hc-saying__carousel__item .slick-next svg{ display:none;}
.hc-saying__carousel__item .slick-prev:after{ position:absolute;content:""; left:0px; top:0px;border: solid #b249ae;
  border-width: 0 8px 8px 0;display: inline-block;padding: 7px;transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);}

.hc-saying__carousel__item .slick-next:after{position:absolute;content:""; left:0px; top:0px;border: solid #b249ae;
  border-width: 0 8px 8px 0;display: inline-block;padding: 7px;transform: rotate(45deg);
  -webkit-transform: rotate(45deg);}
.reviewbtn{color: #fff;
  font-size: 28px;
  margin-top: 45px;
  text-transform: capitalize; background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.reviewbtn:hover{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.c-heading.-h2{width: 100%;}
.portfolio_sec_pic{ position:relative;}
.portfolio_sec_pic:hover .viewall{ opacity:.8} 
.viewall{ position: absolute;
  top: 0px;
  left: 0px;
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 25px;
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  opacity: 0;
}

#backToTop {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 45px;
    height: 45px;
    background-color: #222;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease, background-color 0.3s;
    background: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    border: 2px solid rgb(255 255 255 / 89%);
}
#backToTop svg {
    width: 24px;
    height: 24px;
    fill: white;
    transition: transform 0.3s ease;
    top: -1px;
    position: relative;
}

    #backToTop:hover {
      background-color: #444;
      transform: scale(1.1);
    }

    #backToTop:hover svg {
      transform: translateY(-3px);
    }



/* ======================================================================= */
    /* all_services start */
/* ======================================================================= */
.all_services {
	width: 100%;
	padding: 50px 0;
	position: relative;
}

.all_services_in {
	width: 100%;
	margin-top: 50px;
}

.all_services_left {
	width: 100%;
	position: relative;
	height: 400px;
}

.all_services_left video {
	width: 100%;
	position: absolute;
	z-index: 11;
	height: 400px;
	object-fit: cover;
}

.all_services_left::before {
	content: "";
	position: absolute;
	left: -20px;
	bottom: -20px;
	width: 100%;
	height: 400px;
	background: rgb(109, 39, 139);
	background: linear-gradient(90deg, rgba(109, 39, 139, 1) 18%, rgba(252, 70, 107, 1) 100%);
	z-index: -1;
}

.all_services_right {
	width: 100%;
	padding: 0 35px;
}

.all_services_right h4 {
	font-size: 38px;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
	font-weight: 700;
	margin-bottom: 15px;
}

.all_services_right h6 {
	font-size: 16px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 15px;
	line-height: 28px;
}

.all_services_in .row {
	margin-top: 80px;
}

.order_item1 {
	order: 1;
}

.order_item2 {
	order: -1;
}




.aboutvideo {
    position: relative;
    background: #6c6635;
    height: 110px;
    background: linear-gradient(88deg, rgb(0 0 0 / 37%) 0, rgba(65, 181, 255, 0) 68.46%), #fff;
}
.aboutvideo h4 {
    font-size: 30px;
    font-weight: 800;
    margin-left: 240px;
    top: -24px;
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    position: relative;
}
#dialog-content{
	max-width:700px;
	width:100%;
}
#dialog-content iframe{
	width:100%;
	height:350px;
}
.aboutvideo h4 small {
    display: block;
    text-transform: revert;
    font-size: 24px;
}
.aboutvideo .container{position: relative;}

.video-main {
    position: relative;
    top: 100px;
    left: 72px;
    z-index: 99;
}
  
.video {
    height: 46px;
    width: 46px;
    line-height: 46px;
    text-align: center;
    border-radius: 100%;
    color: #283A2B;
    background: rgb(255 255 255 / 70%);
    left: 48px;
    position: relative;
    top: -67px;
    display: flex;
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}
  
  @keyframes waves {
    0% {
      -webkit-transform: scale(0.2, 0.2);
      transform: scale(0.2, 0.2);
      opacity: 0;
    }
    50% {
      opacity: 0.9;
    }
    100% {
      -webkit-transform: scale(0.9, 0.9);
      transform: scale(0.9, 0.9);
      opacity: 0;
    }
  }
  
  .fa-play:before {
    content: "\f04b";
  }
  
.waves {
    position: absolute;
    width: 140px;
    height: 140px;
    background: rgb(255 255 255 / 30%);
    opacity: 0;
    border-radius: 100%;
    bottom: 45%;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
    margin: 0 auto;
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
}
          
  .wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
  }
  
  .wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
  }
  
  .wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
  }

.video i {
    left: 5px;
    position: absolute;
    right: 0px;
    align-items: center;
    display: flex;
    top: 29%;
    justify-content: center;
    font-size: 22px;
    background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.case_studiesin .flex-direction-column {
	flex-direction: inherit;
}


.casestudiesarea{position: relative;
  overflow: hidden;
  border-radius: 20px;
  height: 450px;}
.casestudiesarea{height: 450px;}
.casestudiesarea img{width:100%; height:100%;border-radius: 20px; object-fit:cover;}
.casetext{position: absolute;
  bottom: 0px;
  width: 95%;
  margin: 0 auto 30px;
  left: 0px;
  right: 0px; z-index:9;}

.casestudiesarea:after{ position:absolute; content:"";background: #ffffff;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.6) 61%);width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;}

.casestudiesarea .btn-primary{ margin-top:0px}

.talk{ display:none;}





.inner-missionvision-area .our-service-graph-wrap {
 display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}
.graph-number{font-size: 60px;
  font-weight: 500;
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;}
.inner-missionvision-area .our-service-graph-wrap .our-service-graph-box:first-child {
  padding-left: 0;
  padding-top: 0;
}

.inner-missionvision-area .our-service-graph-wrap .our-service-graph-box {
    border-bottom: none;
    border-right: .063rem solid #d9d9d9;
    padding: 0 .875rem;
    list-style: none;
    padding-left: 0.875rem;
  }
.inner-missionvision-area .our-service-graph-wrap .our-service-graph-box .inner-box {
    align-items: normal;
    border-radius: 1.25rem;
    gap: .625rem;
    justify-content: normal;
    padding: 1.25rem 1.875rem;
	 display: flex;
  flex-direction: column;
	text-align: center;
  }
.inner-missionvision-area .our-service-graph-wrap .our-service-graph-box .inner-box .graph-title {
color: #000;
  transition: all .1s ease-in-out;
  font-size: 20px;
}
.inner-missionvision-area .our-service-graph-wrap .our-service-graph-box .inner-box{display: flex;
  flex-direction: column;}


.inner-missionvision-area .our-service-graph-wrap .our-service-graph-box:last-child {
  border: none;
  padding-bottom: 0;
  padding-right: 0;
}

.ourpurpose{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  text-align: center;
  border-radius: 50px;
  padding: 60px 100px;}

.ourpurpose h4{font-size: 55px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;}

.ourpurpose p{color: #fff;
  font-size: 23px;
  line-height: 29px;}




 .s-web-servicesin .c-block__content {
    max-width: calc(100% - 30px);
  }

.s-web-servicesin article {width: 60%;margin: 0 auto 0px;}
.s-web-servicesin article h2{ color:#000}
.s-web-servicesin h3 a {
  color: #000;
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;text-transform: capitalize;
  font-size: 19px;
}

.clientareain .customer-img-box img{filter: brightness(1) invert(1);}

.c-block__innerinner .services_card{padding: 15px 20px;box-shadow: 0px 2px 0px 0px #bbbabd;}
.c-block__innerinner .services_cardpic{width: 40px;border-radius: 0px;height: initial;}
.valuableclients{ padding:80px 0px}

.partnersimg{text-align: center;
  border-radius: 8px;
  box-shadow: 0px 0px 10px #eee;
  margin: 0 auto 20px;
  height: 110px;
  border: 1px solid #f2f2f2;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;}



/* ---- Create Accordion --- */
.bolaccordion {  width: 100%; height: 500px; display: flex; overflow: hidden; }
.tab { position: relative; width: 20%; height: inherit; padding: 20px; margin: 0 6px; color: #FFF; cursor: pointer; transition: .5s ease; border-radius: 15px;overflow: hidden;}
.tab:after{position: absolute; content: "";width: 100%; height: 100%;left: 0px;top: 0px; background-image: linear-gradient(108deg, #0079d057 0, #9e52d8a1 32%, #da365c4f 84%, #d0490170 100%);
  overflow: hidden;}
.tab img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 15px; object-fit: cover; transition: all .5s ease; }
.caption { position: absolute;z-index: 2; white-space: nowrap; top: 40%; right: 0px; left: 0px; margin: 0 auto;
  text-align: center; }
.caption_box { padding: 10px 20px; margin: 0 auto; position: relative; font-size: 30px; border-radius: 30px; font-weight: 500; background-color: var(--white); color: var(--blue); text-align: center; display: inline-block; transition: 0.6s; }

.tab:hover { width: 60%; }
.tab:hover .caption_box{ color:#fff;}
.tab:hover .caption { transition: all .5s ease; opacity: 1; }
.tab:hover:after{ background-image: linear-gradient(108deg, #0000008a 0, #626262ab 32%, #2222224f 84%, #17171759 100%);
  background-color: rgba(0, 0, 0, 0.31);}
/* ---- Create Accordion --- */

.inner-missionvision-area.inner-digital-marketiong-area h3{ color:#000}
.inner-missionvision-area.inner-digital-marketiong-area h3 span{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;}

.slide_cardpiciner{ height:450px}

.industries_top h4{ color:#fff;}
.industries_top h4 span{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
 }

.development-service-image{margin-left: 60px;
  border-radius: 25px;
  overflow: hidden;}

.service-title{font-size: 45px;
  line-height: 50px;
  font-weight: 600; position:relative; margin-bottom:10px;}
.service-title:after{position: absolute;
  content: "";
  left: -35px;
  top: 10px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border: 2px solid #ccc;}

.developbox{align-items: center;
  background-color: #fff;
  border: .063rem solid #ebebeb;
  border-radius: .5rem;
  display: flex;
  gap: .938rem;
  height: 100%;
  min-height: 4.125rem;
  padding: 13px 10px;
  transition: all .1s ease-in-out;}
.developbox img{width: 40px;}
.service-box-title{font-size: 17px;}
.developbox:hover{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  color: #fff;}
.developbox:hover .service-box-title{ color:#fff}
.developbox:hover img{filter: brightness(0) invert(1);}

.developmentarea{ border-left: 1px solid #ccc;padding-bottom: 60px;padding-left: 20px; position:relative;}
.developmentarea:after{position: absolute;
  content: "";
  width: 15px;
  height: 15px;
  left: -8px;
  top: 17px;
  border-radius: 50%;
  background: linear-gradient(90deg, rgb(109, 39, 139) 18%, rgb(252, 70, 107) 100%);}
.developbox{ margin-bottom:5px}


.servicrleft h3{font-size: 40px;font-weight: bold;margin-bottom: 20px;line-height: 55px;}
.servicrleft h3 span{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;}

.seriveright{margin-left: 60px;}
.bnrRight{box-shadow: 0px 0px 10px 0px #ddd;}
.tailoredbox{text-align: center;
  border: 1px solid #dddddd5c;
  margin-bottom: 10px;
  padding: 10px 0px;
  box-shadow: 0px 0px 10px 0px #ddd9;}


.adodearea .flex-shrink-0{width: 70px;}
.expertisearea{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);}
.expertisearea .adodearea{border: 1px solid #dddddd5c;margin-bottom: 30px;padding: 20px;background: #d03a702e;
  border-radius: 15px;}
.expertisearea .adodearea h4{font-size: 30px;color: #fff;margin-left: 10px;}
.expertisearea .adodearea p{ color:#fff; margin-top: 7px;}


.ourwork_top h3 span{background-image: initial !important;color: #fff !important;-webkit-text-fill-color: initial;}
.ourwork_top10 h3{font-size: 40px;font-weight: bold;margin-bottom: 20px;line-height: 55px;line-height: 45px;}
.ourwork_top10 h3 span{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.ourwork.portfoliobg .ourwork_top h2 {
	color: #fff;
}

.servicesinarea{border: 1px solid #ddd;padding: 20px 15px;border-radius: 25px;}
.servicesinarea p{ margin-bottom:0px;}
.servicesinarea h4{font-size: 25px;margin-bottom: 10px;background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 600;}
.readmore{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;display: inline-block;}

.ourclients{ padding: 160px 0px 160px;margin-top: -115px;}
.eCommercearea{ border-radius:0px 0px 100px 100px;background: #fff;
  position: relative;}

.expertisearea .headertext h3{color: #FFF;}
.ecommerce_slide .owl-stage-outer{ padding:25px 0px;}
.ecommerce_slide{height: 500px;padding-left: 75px;}
.ecommerce_slide .slide_card{overflow: hidden;
  height: 500px;
  background: #f0f0f09c;
  border-radius: 20px;
  box-shadow: 0px 0px 10px 0px #a6a6a685;
  padding: 25px;}
.ecommerce_slide .slide_text h4 {color: #000;
  font-size: 32px;
  margin-bottom: 20px;
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 500;}
.ecommerce_slide .slide_text p{ color:#000}
.slide_text{padding: 0px;}

.aboutus_leftpicin img{border-radius: 20px;}
.feedback-listing{display: flex;justify-content: space-between;background: #fff; padding: 20px 53px;border-radius: 15px;}
.feedback-listing img{object-fit: contain;}



.customer-img-main-boxinner{text-align: center;
  display: flex;
  justify-content: center;
  border: 1px solid #dfdfdf70;
  padding: 9px 0px;
  border-radius: 5px;
  box-shadow: 0px 0px 16px #dddddd6e;
  margin-bottom: 15px;
  background: #fff;}

.customer-img-main-boxinner .customer-img-box img {
  object-fit: contain;
  width: auto !important;
  height: auto;
  filter: initial;
}
.clientareainner .customer-img-box{height: 75px;}
.clientareainner .customer-img-box img {
  object-fit: contain;
  width: 80% !important;
  height: auto;
  filter: initial;
}

.contactbody205{padding: 0px !important;
  background: #f9f9f9;}
.contactbody205 .journeyarea{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  padding: 25px 50px;
  border-radius: 125px;
  margin-bottom: -50px;
  position: relative;}
.journeyarea h4{font-size: 40px;
  color: #fff;}

.talkbtn .btn{padding: 10px 45px;}

.clientareainner15{background: #f9f9f9;}

.case_studiesin .nav-pills .nav-link {
	padding: 0;
	border: 0;
	margin-bottom: 0;
	border-radius: 0;
	box-shadow: 0px 0px 10px 0px #ddd;
	height: auto;
	text-align: left;
	background: #ffffff;
	background: linear-gradient(280deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
	padding: 8px 18px;
	margin-top: 2px;
	color: #000;
}

.case_studiesin .nav-pills .nav-link h5{font-size: 25px;
  font-weight: 500;}


.case_studiesin .nav-pills .nav-link.active {
	color: #000;
	background-color: #fff;
	background-image: none;
	background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.case_studiesin .casestudie_bodytext {
	box-sizing: border-box;
	padding: 50px 0;
}
.case_studies .casestudie_bodytext h4 {
	color: #000;
	font-size: 24px;
	font-weight: 500;
	margin-bottom: 20px;
	border-bottom: 3px solid #f0eeef;
	display: inline-block;
}
.case_studies .casestudie_bodytext ul{}
.case_studies .casestudie_bodytext ul li {
	list-style-type: ;
	margin: 0;
	font-weight: 400;
	color: #da3f64;
	list-style-type: disclosure-closed;
	list-style-position: inside;
	padding-left: 8px;
	width: 30%;margin-bottom: 5px;
  display: inline-block;
}
.case_studies .casestudie_bodytext ul li a {
	color: #da3f64;
	text-decoration:underline;
}
.case_studiesin .nav-pills .nav-link p{ margin-bottom:0px}
.case_studiesin .nav-pills .nav-link.active h5{ color:#fff}
.agencyleft{margin-right: 15px;height: 400px;overflow: auto;padding: 0px 15px 0px;}
.case_studiesin .nav-pills .nav-link.active p{ color:#fff;}
.adodeareainner .flex-shrink-0{margin-right: 10px;}
.adodeareainner .flex-grow-1 h4{font-size: 28px;background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 500;}
.expertisearea p{font-size: 20px;line-height: 30px;color: #fff;}

.ondemandcommerce{border-radius: 100px 100px 0px 0px;background: #fff;margin-top: -98px;}
.ondemandcommerce h3 span{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;}

.adodeareainner .d-flex.align-items-center{ margin-bottom:10px}

.case_studiesin #v-pills-tabContent{padding: 25px;
  border-radius: 25px;
  box-shadow: 0px 0px 10px 0px #ddd;
  height: 100%;}
.keybenefits .servicesinarea{padding: 15px;}

.servicesinareain{padding:0px;}
.servicesinareaintext{ padding:10px;}


.faqcontainarea .accordion-item {padding: 20px;margin-bottom: 15px;border: 1px solid #FCC5A1 !important;border-radius: 10px !important;}
.faqcontainarea .accordion-item .accordion-header .accordion-button {padding: 0;font-size: 25px;font-weight: 500;color: #000;
background-color: transparent;box-shadow: none;}
.faqcontainarea .accordion-item .accordion-header .accordion-button span{color: #FF6700;margin-right: 5px;}
.faqcontainarea .accordion-item .accordion-header .accordion-button:focus{background-color: transparent;box-shadow: none;}
.faqcontainarea .accordion-item .accordion-header .accordion-button::after{display: none;}
.faqcontainarea .accordion-item .accordion-header .accordion-button::before {content: '\f068';position: absolute;top: 0;right: 0;
background-color: #FF6700;border-radius: 100%;font-family: FontAwesome;width: 24px;height: 24px;color: #fff;
font-size: 12px;text-align: center;line-height: 25px;}
.faqcontainarea .accordion-item .accordion-header .accordion-button.collapsed::before{content: '\2b';background-color: #000;}
.faqcontainarea .accordion-item .accordion-body {padding-left: 0;padding-right: 0;font-size: 15px;font-weight: 400;color: #000;
margin-top: 25px;padding-top: 15px;border-top: 1px solid #CACACA;}


.innerservicesinarea{padding-right: 35px;}
.potentbgareaing .ourwork_top10 h3{margin-bottom: 10px;}
.potentbgareaing .accordion-item{background: #dddddd38 !important;}

.potentbgareaing h4{font-size: 40px;color: #000; margin-bottom: 10px;font-weight: 700;}

.servicesinareainner{border: 1px solid #ddd;padding: 28px 15px;border-radius: 25px;box-shadow: 0px 2px 0px 0px #db4267;}
.innerservicesinareaimg{height: 770px;}
.innerservicesinareaimg img{width: 100%;height: 100%;object-fit: cover;border-radius: 40px;}
.keybenefits .accordion-item{background: #dddddd38 !important;}




.ecommerce_slide .slide_text h4{ 
  background-image: none !important;
  -webkit-text-fill-color: inherit !important;}
.ecommerce_slide .slide_text h4 span{background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

.our-company-graph li{ display:inline-block; width:48%;margin-top: 20px;}

.our-company-graph h5{font-size: 40px;color: #000;font-weight: bold;}
.our-company-graph h4{font-size: 17px;}
.innerservicesinareaagencyimg{height: 350px;margin-left: 80px;}
.innerservicesinareaagencyimg img{width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 35px;}
.slide_text ul{ padding-left:15px}
.slide_text ul li{ color: #fff;
  line-height: 20px;
  font-weight: 500;}


/* .contactbody .accordion-item .accordion-header .accordion-button::before{ top:10px} */

.portfolioareain{padding: 45px 40px 0px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0px 0px 15px 0px #cecece4a;
  margin-bottom: 20px;}
.portfoliotext{padding-left: 45px;
  text-align: left;}
.portfoliotext h4{font-size: 35px;
  color: #000;
  font-weight: 500;
  line-height: 43px;
  margin-bottom: 20px;}

.portfoliotext ul{ padding:0px; margin: 25px 0px 0px 0px;}
.portfoliotext ul li{list-style: none;
  display: inline-block;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  width: 48%;}
.portfoliotext ul li span{display: block;
  font-size: 20px;
  color: #828282;
  font-weight: 400;}

.portfolio-img-box img {
  width: 100%;
  object-fit: cover;
  height: 100%;
  border-radius: 20px;
}

.inner-portfolio-area .nav{flex-direction: initial !important; flex-direction: initial !important;
  padding: 0px 0px 0px 0px;}
.inner-portfolio-area .nav-pills .nav-link{padding: 15px 40px;background: #ddd;margin: 0px 30px 15px 0px;font-size: 20px;
  color: #000;position: relative;width: 25.063rem;}
.inner-portfolio-area .nav-pills .nav-link:after{ position:absolute; content:"";border: solid black;
  border-width: 0 1px 1px 0;display: inline-block; padding: 3px;transform: rotate(45deg); -webkit-transform: rotate(45deg);right: 15px;top: 25px;}
.inner-portfolio-area .nav-pills .nav-link.active, .inner-portfolio-area .nav-pills .show > .nav-link{border-radius: 15px 15px 0px 1px;background: #fff;border: 1px solid #ddd;border-bottom: none; margin-bottom: -1px;}
.inner-portfolio-area .filters-button-group {margin: 0 0 35px;padding: 25px;border: 1px solid #ddd;border-radius: 0px 15px 15px 15px;}



.ecommerce_slideinner .owl-stage-outer{padding: 30px 0px 30px 75px;}
.ecommerce_slideinner .ecommerceboxtext{border: 1px solid #ddd;border-radius: 25px;padding: 35px;box-shadow: 0px 0px 20px 0px #ddd;}
.ecommerce_slideinner .slide_card {width: 97%; margin: 0 auto;}
.ecommerce_slideinner .slide_text{ padding:0px}
.ecommerce_slideinner .slide_text h4 {font-size: 30px;font-weight: 500;margin-bottom: 10px;}
.ecommerce_slideinner .slide_text p{ margin-bottom:0px}


.all_services .industries_top h4 {
  color: #000;
}


.servicesinareain .flex-shrink-0img{ height:230px}
.servicesinareain .flex-shrink-0img img{width: 100%;
  height: 100%;
  object-fit: cover;}

.portfolio-tab-buttons li{padding: 15px 40px;
  background: rgb(221, 221, 221);
  margin: 0px 30px 15px 0px;
  font-size: 20px;
  color: rgb(0, 0, 0);
  position: relative;
  width: 25.063rem;
  text-align: center;border-radius: 5px !important;
  font-weight: 500;}
.portfolio-tab-buttons li.active{color: #000 !important;
  border-radius: 15px 15px 0px 1px;
  background: #fff !important;
  border-width: 1px 1px medium;
  border-style: solid solid none;
  border-color: rgb(221, 221, 221) rgb(221, 221, 221) currentcolor;
  border-image: none;
  margin-bottom: -1px;}


.sub-tab-buttons{border: 1px solid #ddd;
  padding: 35px 25px;
  border-radius: 0px 25px 25px;}

.portfolio-tabs{display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin-bottom: 20px;}


.portfolio-tabs li{ list-style:none;}
.portfolio-item{padding: 35px 40px 0px;
  background: rgb(255, 255, 255);
  border-radius: 20px;
  box-shadow: rgba(206, 206, 206, 0.29) 0px 0px 15px 0px;
  margin-bottom: 20px;}

.portfolio-content{width: 50%;
  margin-left: 30px;}
.portfolio-content h3{font-size: 35px !important;
  color: rgb(0, 0, 0);
  font-weight: 500;
  line-height: 50px;
  margin-bottom: 20px !important;}

.portfolio-content ul{ padding:0px; margin:0px}
.portfolio-content ul li{ font-size: 45px;font-weight: bold; width: 48%;display: inline-block; text-align: center;
  margin: 18px 0px; line-height: 32px;}
.portfolio-content ul li span{display: block;
  font-size: 16px;
  font-weight: 500;
  color: #2b2b2b;}
.portfolio-image img {
  max-width: 200px;
  border-radius: 0px;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.portfolio-meta{margin-top: 30px;}
.portfolio-meta strong{list-style: none;
  display: block;
  font-size: 40px;
  font-weight: 500;
  line-height: 40px;
  color: #000;}

.portfolio-meta span {
  display: inline-block;
  margin-right: 20px;
  font-weight: 400;
  color: #464646;
  width: 45%;
  font-size: 22px;
}

.portfolio-tabs li{padding: 15px 40px;
  background: rgb(221, 221, 221);
  margin: 0px;border-radius: 0px !important;
  font-size: 20px;
  color: rgb(0, 0, 0);
  position: relative;
 border: 1px solid transparent;
  text-align: center;font-weight: bold;}

.portfolio-tabs li.active{border-radius: 15px 15px 0px 1px !important;
  background: #fff !important;
  border: 1px solid #ddd;
  border-image: none;
  margin-bottom: -2px;
  color: #000 !important;
  padding: 13px 40px ;
  position: relative;
  border-bottom: 1px solid #fff !important;
  z-index: 9;}

.portfolio-sub-tabs{padding: 30px 40px;
  border: 1px solid #ddd;
  margin: 0px 0px 15px 0px;
  font-size: 20px;
  color: #000;
  position: relative;
  width: 100%;border-radius: 0px 15px 15px 15px;}

.portfolio-tabs{margin-bottom: 0px;}
.portfolio-sub-tabs li{ list-style:none;}
.portfolio-sub-tabs li{border-right: 1px solid #bbb;
  padding-right: 15px !important;
  line-height: 0px !important;
  font-size: 18px;
  padding: 0px;
  border-radius: 0px !important;font-weight: 500;
  background: #fff !important;}
.portfolio-sub-tabs li{padding: 8px 9px !important;}

.portfolio-tabs{margin-bottom: 0px !important;}
.portfolio-sub-tabs li.active {
color: #ed2832 !important;
}
.portfolio-image img {
  max-width: 200px;
  border-radius: 8px;
  box-shadow: 0 4px 40px rgba(0, 0, 0, 0.27);
}
.portfolio-image, .portfolio-image img{-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;}
.portfolio-item:hover .portfolio-image{ transform:scale(1.1); -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;}

.fromright .formbox{background: #dddddd24;
  padding: 0px;
  border-radius: 15px;
  box-shadow: 0px 0px 10px 0px #ddd;}

.fromright .formbox h4{width: 100%;
  background: #f2f2f2;text-align: center;
  padding: 20px 0px;
  background-image: linear-gradient(108deg, #0079d0 0, #9e52d8 32%, #da365c 84%, #d04901 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;}
.fromright .formbox .form-group{margin-bottom: 10px; position: relative; width: 100%;}
.fromright .formbox .form-control{height: 45px;padding: 10px 0px 10px 10px;font-weight: 400;
  border: 1px solid #d7d7d7;
  border-radius: 0px;}
.storearea{ padding:0px 25px}
.storearea .form-select{height: 45px;font-size: 15px;padding: 10px;}
.storearea textarea{ height:100px !important;}

.portfolio-sub-tabs li{display: inline-block;line-height: 22px !important;}
.portfolio-sub-tabs{display: block !important;}

#quoteForm .form-select{border-bottom: 1px solid #6e6e6e !important;border: none;border-radius: 0px;
  box-shadow: none;}

.blog-details-area .heading-text h1{font-size: 35px;font-weight: 500;}



div.heateor_sss_bottom_sharing {
  margin-bottom: 0;
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #296fd2;
}


.element-item {
  display: block;
}
.portfolio-tabs,
.portfolio-sub-tabs {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin-bottom: 20px;
}

.portfolio-tabs li,
.portfolio-sub-tabs li {
    cursor: pointer;
    padding: 8px 16px;
    background: #eee;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.portfolio-tabs li.active,
.portfolio-sub-tabs li.active {
    background: #ef3e36;
    color: #fff;
}

.portfolio-tab-content,
.portfolio-subtab-content {
    display: none;
}

.portfolio-tab-content.active,
.portfolio-subtab-content.active {
    display: block;
}

.portfolio-serial-list {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.portfolio-item {
    display: flex;
    gap: 20px;
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transition: box-shadow 0.3s;
}

.portfolio-item:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.portfolio-image img {
    max-width: 200px;
    border-radius: 8px;
}

.portfolio-content h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.portfolio-meta span {
    display: inline-block;
    margin-right: 20px;
    font-weight: 500;
    color: #555;
}


.directop-img101{width: 235px;
  height: 235px;border: 5px solid #fff;}
.socialnavin1010 h5{font-size: 20px !important;line-height: 30px !important;}
.socialnavin1010 h6{font-size: 20px !important;line-height: 26px !important;margin: 0px 0px;}



#horizontal-scoll {
    overflow: hidden;
}

.horizontal {
    display: flex;
    gap: 30px;
    will-change: transform;
}

#horizontal-scoll .card {
    min-width: 350px; /* adjust as needed */
    flex-shrink: 0;
}