@import
url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* font-family: "Lato", serif; */
:root {
--primary-color: #219DD9;
--secondary-color: #010B17;
--shade-color:#0D1E30;
--primary-font: "Lato", serif;
}

* {
margin: 0;
padding: 0;
box-sizing: border-box;
text-decoration: none
}

main,
body {
overflow-x: hidden
}

.px5 {
padding-right: 6rem;
padding-left: 6rem;
}
.pl_5{
  padding-left: 7rem;
}
.my_spc{
  margin: 8rem 0;
}
button.btn_wd {
  width: 420px !important;
}
a {
text-decoration: none
}

a:focus {
color: #36b7a5
}

.nav-link:focus,
.nav-link:hover {
color: var(--primary-color);
}

select:focus,
textarea:focus {
outline: none
}

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

input:focus,
button:focus {
outline: none;
box-shadow: none
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
margin: 0;
padding: 0
}

::-webkit-scrollbar {
width: 10px
}

::-webkit-scrollbar-thumb {
border-radius: 10px;
background: var(--primary-color);
border: 1px solid #fff
}

::-webkit-scrollbar-track {background-color: #ebebeb17;border-radius: 10px}

@font-face {
font-family: "Gilroy-Black";
src: url(../font/Gilroy-Black.ttf)
}

@font-face {
font-family: "Gilroy-Bold";
src: url(../font/Gilroy-Bold.ttf)
}

@font-face {
font-family: "Gilroy-ExtraBold";
src: url(../font/Gilroy-ExtraBold.ttf)
}

@font-face {
font-family: "Gilroy-Medium";
src: url(../font/Gilroy-Medium.ttf)
}

@font-face {
font-family: "Gilroy-SemiBold";
src: url(../font/Gilroy-SemiBold.ttf)
}

@font-face {
font-family: "Gilroy-Light";
src: url(../font/Gilroy-Light.ttf)
}

@font-face {
font-family: "Gilroy-Regular";
src: url(../font/Gilroy-Regular.ttf)
}
.dropdown-menu {
background-color: #101e30;
border-radius: 13px;
}
input#phone {
  padding-left: 39px !important;
}
header {
font-family: "Gilroy-SemiBold";
position: fixed;
z-index: 5;
width: 100%;
transition: all 0.4s ease-in;
padding: 1rem 0;
}

header.sticky {position: fixed;background: var(--primary-color);padding: 10px 0;z-index: 100;}

header.sticky nav .navbar-brand img {
width: 185px;
}
header.sticky nav .navbar-brand img {
filter: brightness(0) saturate(100%) invert(100%) sepia(15%) saturate(7490%) hue-rotate(184deg) brightness(111%)
contrast(109%);
}
header.sticky nav .navbar-collapse ul li a {
font-size: 18px
}

header nav .navbar-brand img {width: 210px;transition: all 0.4s ease-in;filter: brightness(0) saturate(100%)
invert(100%) sepia(38%) saturate(1253%) hue-rotate(252deg) brightness(117%) contrast(90%);}

header nav .navbar-collapse ul li {margin: 0 19px;}

header nav .navbar-collapse ul li a {font-size: 16px;color: #fff;transition: all 0.4s ease-in}
header.sticky nav .navbar-collapse ul li a {
color:#fff;
}

header nav .navbar-collapse ul li a:hover {
color: var(--primary-color)
}
header.sticky nav .navbar-collapse ul li a:hover {
color: var(--secondary-color)
}
header nav .navbar-collapse ul li a i {
font-size: 16px;
padding: 0 10px
}

header nav a.nav-link.btn {width: 205px;border: 1px solid #ffffff;line-height: 1.1;padding: 15px 0;font-size:
22px;font-family:var(--primary-font);border-radius: 45px;}
header.sticky nav a.nav-link.btn{background-color: #101e30;border: 1px solid #121e30;}
header nav a.nav-link.btn:hover {
background: var(--primary-color);
color: #fff;
border: 1px solid var(--primary-color);
}

.offcanvas_menu {
background-color: var(--primary-color);
color: #fff;
padding: 6px 14px;
border-radius: 7px;
display: none
}

.offcanvas_menu img {
filter: brightness(0) saturate(100%) invert(97%) sepia(82%) saturate(2%) hue-rotate(16deg) brightness(107%)
contrast(100%);
width: 31px
}

.offcanvas ul {
padding: 0 14px
}

.offcanvas ul li {
padding: 15px 0
}

.offcanvas ul li a {
color: #000;
font-size: 28px
}

.offcanvas ul li a:focus,
.offcanvas ul li a:hover {
color: #1d1c1c
}

.offcanvas button {
border: none;
width: 51px;
height: 51px;
border-radius: 50%;
background: #fff;
font-size: 33px;
display: flex;
justify-content: center;
align-items: center;
color: #152743;
position: relative;
left: 3rem
}

/* banner__wrapper */
.rt_vt{
  position: relative;
}
.rt_vt::after{
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  transform: translateY(-50%);
  width: 288px;
  height: 453px;
  background: url(../rt-vt.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 0;
}
.banner__wrapper{
padding: 8rem 0 3rem;
}
.bg__vector{
  position: relative;
}
.bg__vector__bottom  .banner__img img{
  margin-left: 0 !important;
    width: 90% !important;
    position: relative;
    top: 3rem;
}
.bg__vector__delivery .banner__img img{
  position: relative;
  top: 3rem;
  width: 113% !important;
}
.banner__wrapper.bg__vector::after{
  content: "";
  position: absolute;
  top: 42%;
  right: 0;
  transform: translateY(-50%);
  width: 179px;
  height: 287px;
  background: url(../banner-vec.png);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.banner__wrapper.bg__vector .banner__content h1 span{
  color: var(--primary-color);
}
.banner__wrapper.bg__vector .banner__content button {
  width: 279px;
}
.banner__wrapper.bg__vector .banner__img img {
  width: 100%;
  margin-left: -2rem;
}
.banner__wrapper .banner__content{}
.banner__wrapper .banner__content h1{font-family: "Gilroy-Black";font-size: 68px;color: var(--secondary-color);}
.banner__wrapper .banner__content p{
font-family:var(--primary-font);
font-size: 24px;
font-weight: 400;
color: var(--secondary-color);
padding: 29px 0;
}
.banner__wrapper .banner__content button{width: 240px;background: var(--primary-color);color: #fff;border: none;font:
600 22px var(--primary-font);transition: all 0.4s ease-in;padding: 17px 0;border-radius: 79px;position: relative;}
.banner__wrapper .banner__content button i{width: 40px;height: 40px;background: #fff;color:
var(--primary-color);line-height: 40px;border-radius: 50%;font-size: 18px;position: absolute;top: 10px;right: 8px;}
.banner__wrapper .banner__content button:hover{
background: var(--secondary-color);
}
.banner__wrapper .banner__img{}
.banner__wrapper .banner__img img{width: 98%;}

.banner__wrapper.businessintelligence{
background: url(../businessintelligence.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.banner__wrapper.appdevelopment{
background: url(../app-develop.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.banner__wrapper.webdevelopment{
background: url(../web-deve.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.banner__wrapper.customizedsoftware{
background: url(../customized-ban.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.banner__wrapper.digiatalconsultation{
background: url(../digital-consultation.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.banner__wrapper.delicious_bites{
  background: url(../portfolio-delicious-banner.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 953px;
}
.banner__wrapper.wordsmith_ai{
  background: url(../wordsmith-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 953px;
}
.caption_gen{
  background: url(../caption-gen-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 953px;
}
.doctor_booking{
  background: url(../doctor-booking-app-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 953px;
}
.saloon_booking{
  background: url(../saloon-app-7.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 953px;
}
.faoolun_web{
  background: url(../faoolun-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 761px;
}
.solwave_web{
  background: url(../solwave-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 761px;
}
.instant_save_app{
  background: url(../instant-save-app-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 955px;
}
.eshop_app{
  background: url(../eshop-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 955px;
}
.food_inventory_app{
  background: url(../food-inventory-app-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 955px;
}
.ai_abour_app{
  background: url(../ai-abour-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 955px;
}
.wise_legal{
  background: url(../wise-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 955px;
}
.laam_web{
  background: url(../laam-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 955px;
}
.clixpos_web{
  background: url(../clixpose-2.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
  height: 955px;
}
.about_us_banner{
  background: url(../about-banner.png);
  background-size: cover;
  background-position: 100% 98%;
  background-repeat: no-repeat;
  height: 835px;
  padding: 12rem 0 0 0;
  display: flex;
  align-items: center;
}
.about_us_banner .banner__content h1 span{
  color: var(--primary-color);
}
.banner__wrapper.faoolun_web .banner__img img ,
.banner__wrapper.clixpos_web .banner__img img,
.banner__wrapper.wise_legal .banner__img img,
.banner__wrapper.laam_web .banner__img img,
.banner__wrapper.solwave_web .banner__img img{
  width: 950px;
}
.banner__wrapper.businessintelligence .banner__content h1 span,
.banner__wrapper.digiatalconsultation .banner__content h1 span,
.banner__wrapper.customizedsoftware .banner__content h1 span,
.banner__wrapper.webdevelopment .banner__content h1 span,
.banner__wrapper.delicious_bites .banner__content h1 span,
.banner__wrapper.appdevelopment .banner__content h1 span{
color:var(--primary-color);
}
.banner__wrapper.businessintelligence .banner__img img,
.banner__wrapper.digiatalconsultation .banner__img img,
.banner__wrapper.customizedsoftware .banner__img img,
.banner__wrapper.webdevelopment .banner__img img,
.banner__wrapper.appdevelopment .banner__img img {
opacity: 0;
}

/* banner__wrapper */

/* overview__portfolio  */
.overview__portfolio{
    background: #F4F4F4;
    padding: 6rem 7rem;
    text-align: center;
    margin-bottom: 6rem;
}
.overview__portfolio h3{
    font-family: "Gilroy-Black";
    font-size: 65px;
    color: #121e30;
    padding: 0 0 20px;
}
.overview__portfolio h3 span{
    color: var(--primary-color);
}
.overview__portfolio p{
    font-family: var(--primary-font);
    font-size: 24px;
}
/* overview__portfolio  */


/* portfolio__about */
.portfolio__about{
    padding: 3rem;
}
.portfolio__about .portfolio__img{}
.portfolio__about .portfolio__img img{
    width: 100%;
}
.portfolio__about .portfolio__content{}
.portfolio__about .portfolio__content h4{
    font-family: "Gilroy-Black";
    font-size: 65px;
    color: #121e30;
}
.portfolio__about .portfolio__content p{
    font-family: var(--primary-font);
    font-size: 24px;
    padding: 3rem 0;
}
.portfolio__about img{
  width: 100%;
  margin: 0 0 4rem;
}
/* portfolio__about  */


/* portfolio__cta */


.portfolio__cta {
  background: #efefef;
  overflow: hidden;
  border-radius: 20px;
}
.portfolio__cta.food_bg{
  background: #C6E6F5;
}
.portfolio__cta.wordsmith_ai{
  background: #E2D5F0;
}
.portfolio__cta.caprion_gen{
  background: #D8E5FF;
}
.portfolio__cta.doctor_bookingg{
  background: #D8E5FF;
}
.portfolio__cta.saloon_bg{
  background: #E4D9D5;
}
.portfolio__cta.faoolun_webb{
  background: #F1D9C2;
}
.portfolio__cta.solwave_webb{
  background: #F2E3DF;
}
.portfolio__cta.instant_save_apps{
  background: #F2D9E6;
}
.portfolio__cta.eshop_appp{
  background: #FAE1B0;
}
.portfolio__cta.ai_abourr_app{
  background: #C3BBB6;
}
.portfolio__cta.food_inventory_bg{
  background: #BDEAD7;
}
.portfolio__cta.legal_wise_bg{
  background: #DCE6EF;
}
.portfolio__cta.laam_bgg{
  background: #DCE6EF;
}
.portfolio__cta.clix_bgg{
  background: #CCD8FB;
}

.portfolio__cta .cta__txt {
  padding: 0 0 0 5rem;
}
.portfolio__cta .cta__txt h3 {
  font-family: "Gilroy-Black";
  font-size: 65px;
  color: var(--secondary-color);
}
.portfolio__cta .cta__txt h3  span {
  color: var(--primary-color);
}
.portfolio__cta .cta__txt p {
  font-family: var(--primary-font);
  font-size: 24px;
  font-weight: 400;
  color: var(--secondary-color);
  padding: 27px 0 0;
}
.portfolio__cta .cta__txt ul{padding: 23px 23px 0;}
.portfolio__cta .cta__txt ul li{
  font-family: var(--primary-font);
  font-size: 21px;
  font-weight: 400;
  color: var(--secondary-color);
  list-style: disc;
  padding: 7px 0;
}
.portfolio__cta .cta__img {
 
}
.portfolio__cta .cta__img img {
  width: 100%;
}
.portfolio__cta.languages .cta__txt h3,
.portfolio__cta.languages .cta__txt p {
  color: #fff;
}
.portfolio__cta.languages .cta__txt img{
    width: 86%;
    margin: 4rem 0 0;
}
.portfolio__cta.languages{
  background: linear-gradient(45deg, #010B17, #0A3751);
  margin: 8rem 0 0;
  padding: 6rem 0;
  border-radius: 0;
}
/*  portfolio__cta*/

/* counter */
.counter{
background: var(--shade-color);
padding: 2rem 0;
}
.counter .item {
display: flex;
align-items: center;
justify-content: center;
}
.counter .item img{
width: 54px;
margin: 0 20px;
}
.counter .item h4{
font-family:var(--primary-font);
font-size: 23px;
color:#fff;
}
/* counter */
/* web__solution */
.web__solution{
margin: 7rem 0;
}
.web__solution .head_area h3{font-family: "Gilroy-Black";text-align: center;font-size: 65px;color:var(--secondary-color);}
.web__solution.industries .head_area h3{
  text-align: left;
}
.web__solution.industries .item .crd {
  text-align: center;
}
.web__solution.industries .item .crd::after {
  background: linear-gradient(314deg, #071627, #06152442);
}
.web__solution .head_area p{
text-align: center;
font-size: 24px;
color: var(--secondary-color);
padding: 14px 0;
}
.web__solution .head_area h3 span{
color: var(--primary-color);
}
.web__solution .owl-carousel .owl-stage-outer {
padding: 20px 0;
}
.web__solution .item {
color:#fff;
transition: all 0.3s ease-in;
cursor: pointer;
}
.web__solution .item:hover{
transform: translateY(-10px);
}

.web__solution .item .crd img{
border-radius: 22px;
width: 96%;
height: 544px;
object-fit: cover;
margin: 0 auto;
}
.web__solution .item .crd{
position: relative;
}
.web__solution .item .crd::after{
content: "";
position: absolute;
top: 0;
left: 12px;
width: 96%;
height: 100%;
background: linear-gradient(314deg, #000000c7, transparent);
transition: all 0.3s ease-in;
right: 0;
border-radius: 20px;
z-index: 1;
}
.web__solution .item .crd .txt {
position: absolute;
bottom: 33px;
right: 0;
left: 0;
padding: 0 3rem;
z-index: 2;
}
.web__solution .item .crd .txt h4{
font-size: 35px;
font-family: var(--primary-font);
font-weight: 600;
}
.web__solution .item .crd .txt p{
font-size: 21px;
font-family: var(--primary-font);
font-weight: 400;
padding: 14px 0 0 0;
}
/* web__solution */

/* services */

.services{
position: relative;
background: var(--secondary-color);
padding: 7rem 0 3rem;
overflow: hidden;
}
.services::after{content: "";position: absolute;top: 13%;right: 0;transform: translateY(-33%);width: 75%;height: 100%;background: url(
'../s-assets-r.png');background-repeat: no-repeat;background-size: auto;background-position: 100% 89%;z-index: 0;}
.services::before{content: "";position: absolute;bottom: -14%;left: 0;width: 836px;height: 100%;background: url('../s-assets-b.png');background-repeat: no-repeat;background-size: auto;background-position: 100% 89%;z-index: 0;}
.services .head_area{}
.services .head_area h3{
font-family: "Gilroy-Black";
font-size: 65px;
color: #fff;
}
.services .head_area h3 span{
color: var(--primary-color);
display: block;
}
.services.businessintelligence .head_area h3 span{
display: contents;
}

.services .head_area p{
font-family: var(--primary-font);
font-size: 24px;
font-weight: 400;
color: #fff;
padding: 29px 0 5rem;
width: 56%;
}
.services .crd{background: linear-gradient(45deg, #041c302e, #041C30);padding: 3rem 3rem;border-radius: 17px;color:
#fff;border: 1px solid #3e9dd83b;font-family: var(--primary-font);text-align: center;transition: all 0.3s
ease-in;height: 310px;position: relative;display: flex;justify-content: center;align-items: center;flex-direction:
column;z-index: 2;}

.services .crd:hover {/* height: 297px; */padding: 2rem 3rem;background: linear-gradient(164deg, black, #041C30);}

.services .crd:hover a {
bottom: 41px;
opacity: 1;
}
.services.businessintelligence .crd:hover a{}
.services.businessintelligence .crd:hover p {font-size: 16px;height: 80px;opacity: 1;overflow-y: scroll;margin: 11px auto 58px;}
.services .crd a:hover {
background: #3e9dd8;
}
.services .crd img{
width: 65px;
transition: all 0.4s ease-in;
}

.services .crd:hover img {
opacity: 0;
height: 0;
}
.services .crd h4{font-weight: 600;font-size: 20px;padding: 0;width: 68%;margin: 4px auto;}
.services .crd p{
font-size: 18px;
font-weight: 400;
margin: 0;
height: 0;
opacity: 0;
transition: all 0.3s ease-in;
}
.services .crd:hover p {height: 80px;opacity: 1;overflow-y: scroll;margin: 11px auto 7px;}
.services .crd:hover p::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.301);
}
.services .crd:hover p::-webkit-scrollbar {
  width: 6px;
}
.services.industries .crd:hover p {margin: 11px auto 95px;}
.services .crd a i{
width: 40px;
height: 40px;
background: var(--primary-color);
color: #fff;
border: none;
transition: all 0.4s ease-in;
padding: 11px 0;
border-radius: 79px;
position: absolute;
right: 10px;
}
.services .crd a{
width: 370px;
background: transparent;
font-size: 18px;
font-weight: 700;
color: #fff;
border: 1px solid #284E66;
border-radius: 46px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
padding: 11px 0;
bottom: -20px;
position: absolute;
right: 0;
left: 0;
opacity: 0;
transition: all 0.3s ease-in;
}
.services .cta_service{
position: relative;
}
.services .cta_service::after{content: "";position: absolute;bottom: -1%;transform: translateY(75%);left: 0;width: 379px;height: 301px;background: url(
'../s-c-1.png');background-repeat: no-repeat;background-size: cover;background-position: 100% 89%;z-index: -1;}
.services .cta_service::before{
content: "";
position: absolute;
bottom: 15%;
transform: translate(15%,33%);
right: -15%;
width: 338px;
height: 362px;
background: url(
'../s-c-2.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 89%;
z-index: 1;
}
.services .cta_service h2{
font-family: "Gilroy-Black";
font-size: 65px;
color: #fff;
}
.services .cta_service button{
width: 32%;
background: #0C1C2C;
font-size: 24px;
font-weight: 700;
color: #fff;
border: 1px solid #284E66;
border-radius: 46px;
font-family: var(--primary-font);
padding: 15px 0;
position: relative;
margin: 55px 0 0 0;
transition: all 0.3s ease-in;
}

.services .cta_service button:hover {
background: var(--primary-color);
}
.services .cta_service button i.fa-arrow-right{
width: 34px;
height: 34px;
line-height: 16px;
background: #fff;
color: var(--primary-color);
border: none;
transition: all 0.4s ease-in;
padding: 10px 0;
border-radius: 79px;
position: absolute;
font-size: 17px;
right: 10px;
}
.services .cta_service button i.fa-phone-volume{
font-size: 23px;
padding: 0 18px 0 0;
}
.services .cta_service{
text-align: center;
position: relative;
z-index: 2;
width: 75%;
margin: 9rem auto;
}
.services.industries .head_area h3 span{
  display: contents;

}
/* services */

/* cta__home */
.cta__home{position: relative;background: url('../home-cta.png');background-size: cover;background-repeat:
no-repeat;background-position: 100% 100%;padding: 7rem 4rem;border-radius: 41px;margin: 5rem 0 2rem;}
.cta__home.businessintell{
background: url('../business-intell.png');
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 100%;
}
.cta__home.appdevelopment{
background: url('../app-cta.png');
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 100%;
}
.cta__home.webcta{
background: url('../web-cta.png');
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 100%;
}
.cta__home.ctacustom{
background: url('../custmi-cta.png');
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 100%;
}
.cta__home.digitalcta{
background: url('../digital-cta.png');
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 100%;
}
.cta__home.consultationcta{
background: url('../consultaiton-cta.png');
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 100%;
}
.cta__home.consultationcta2{
background: url('../con-3.png');
background-size: cover;
background-repeat: no-repeat;
background-position: 100% 100%;
margin: 8rem 0;
}
.cta__home.indus_ecom{
  background: url('../indus-ecoom.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  margin: 8rem 0;
}
.cta__home.indus_fitness{
  background: url('../indus-fitnes-cta2.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position:98% 60%;
}
.cta__home.fitness_cta{
background: #d0dce7 !important;
}
.cta__home.delivery_cta{
  background-color: #d3d6df !important;
}
.cta__home.indus_ecom div,
.cta__home.indus_health div{
  width: 90%;
}
.cta__home.cta2.ecommerce{
  background:#F2EFE9;
}
.cta__home.indus_health{
  background: url('../indus-healt-cta.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position:98% 60%;
}
.cta__home.indus_delivery{
  background: url('../indus-deli-cta.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position:98% 60%;
}
.cta__home.indus_carwash{
  background: url('../indu-carwash-cta.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position:100% 6%;
}
.cta__home.indus_carwash2{
  background: url('../indus-car-cta-2.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position:100% 6%;
}
.cta__home.indus_booking{
  background: url('../indus-book-cta.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position:100% 6%;
}
.cta__home.indus_carwash2 h3,
  .cta__home.indus_carwash2 p{
  color: #000;
}
.cta__home.indus_booking div{
  width: 69%;
}
.cta__home.cta2.ecommerce .cta__home__img img {
  width: 878px;
}
.cta__home.consultationcta2 p,
.cta__home.consultationcta p,
.cta__home.appdevelopment p,
.cta__home.digitalcta p,
.cta__home.ctacustom p {
width: 60%;
}
.cta__home.cta2{
background: #efefef;
padding: 0;
overflow: hidden;
margin: 8rem 0;
}
.cta__home.cta2 h3{
color: var(--secondary-color);
width: 100%;
font-size: 60px;
}
.cta__home.webcta h3{
font-size: 69px;
width: 59%;
}
.cta__home.webcta p{
width: 65%;
}
.cta__home.cta2.purple{background:#E7E7FC;}
.cta__home.cta2.yellowish{background:#FFDFCB;}
.cta__home.cta2.golden{background: #FFE9CB;}
.cta__home.cta2 p{
color: var(--secondary-color);
}
.cta__home.cta2 .cta__home__img{}
.cta__home.cta2 .cta__home__img img{
width: 100%;
}
.cta__home.cta2 .cta__txt{
padding: 5rem 3rem;
}

.cta__home::after{
content: "";
position: absolute;
bottom: -3%;
transform: translate(15%, 33%);
right: -2%;
width: 266px;
height: 341px;
background: url('../cta-vextor.png');
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 89%;
z-index: -1;
}
.cta__home h3{font-family: "Gilroy-Black";font-size: 65px;color: #fff;width: 75%;}
.cta__home h3 span{
color: var(--primary-color);
}
.cta__home p{
font-family: var(--primary-font);
font-size: 24px;
font-weight: 400;
color: #fff;
padding: 2rem 0 3rem;
}
.cta__home a{
width: 241px;
background: var(--primary-color);
color: #fff;
border: none;
font: 600 23px var(--primary-font);
transition: all 0.4s ease-in;
padding: 16px 0;
border-radius: 79px;
display: block;
text-align: center;
border: 2px solid transparent;
position: relative;
}

.cta__home a:hover {
border: 2px solid var(--primary-color);
background: transparent;}
.cta__home.cta2 a:hover{
color:var(--secondary-color);
}
.cta__home a i{
width: 29px;
height: 29px;
background: #fff;
color: var(--primary-color);
line-height: 40px;
border-radius: 50%;
font-size: 16px;
position: absolute;
right: 11px;
top: 17px;
display: flex;
align-items: center;
justify-content: center;
}
.cta__home.about_us_ctaa{
  background: url(../about-cta-2.png);
  background-size: cover;
  background-position: 100% 83%;
  background-repeat: no-repeat;
  padding: 9rem 4rem;
  border-radius: 34px;
  margin: 7rem 0;
}
.cta__home.about_us_ctaa a{
  background: transparent;
}
.cta__home.about_us_ctaa a:hover{
  border: transparent;
}
/* cta__home */

/* packages  */
.packages{
  padding: 8rem 0;
  background: #010B17;
  margin: 8rem 0 0 0;
}
.packages h3{
  font-family: "Gilroy-Black";
  font-size: 65px;
  color: #fff;
  text-align: center;
  margin-bottom: 10rem;
}
.packages h3 span{
  color: var(--primary-color);
}
.packages .crd{
  background: linear-gradient(217deg, #000000, #101a2b);
  transition: all 0.3s ease-in;
  padding: 3rem;
  border-radius: 21px;
  border: 2px solid #121e30;
  height: 700px;
}
.packages .crd.popular{
  position: relative;
  top: -4rem;
  height: 757px;
  background: linear-gradient(45deg, #02111F, #121e30);
}
.packages .crd:hover{
  background: linear-gradient(45deg, #02111F, #121e30); 
}
.packages .crd span{
    text-align: center;
    color: #1FCA78;
    margin: 0 auto 28px;
    display: block;
    border: 1px solid #1fca7878;
    width: 200px;
    border-radius: 58px;
    padding: 17px 0;
    font-size: 20px;
    font-family: 'Gilroy-SemiBold';
}
.packages .crd h4{
    text-align: center;
    color: #fff;
    font-family: "Gilroy-Black";
    font-size: 36px;
}
.packages .crd p{
    text-align: center;
    color: #fff;
    font-family: var(--primary-font);
    font-size: 20px;
    width: 70%;
    margin: 26px auto;
}
.packages .crd a{
    width: 237px;
    display: block;
    background: #162736;
    text-align: center;
    margin: 2rem auto;
    color: #fff;
    padding: 18px;
    border-radius: 13px;
    font-family: var(--primary-font);
    font-size: 20px;
    transition: all 0.3s ease-in;
}
.packages .crd a img{
  width: 25px;
  margin: 0 0 0 8px;
}
.packages .crd a:hover{
    background: var(--primary-color);
}
.packages .crd ul{
    height: 299px;
    overflow-y: scroll;
    padding: 16px 20px;
}
.packages .crd ul::-webkit-scrollbar{
  background: #3A444E;
  width: 5px;

}
.packages .crd ul::-webkit-scrollbar-thumb{
  background: #D9D9D9;
}
.packages .crd ul li{
    font-family: var(--primary-font);
    color: #fff;
    font-size: 20px;
    padding: 9px 0;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.packages .crd ul li i{
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    margin: 0 16px 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000204;
    font-size: 14px;
}
/* packages  */

/* our_mission  */
.our_mission{
    border-bottom: 4px solid var(--primary-color);
    margin: 0 0 8rem 0;
}
.our_mission .crd{
    text-align: left;
    transition: all 0.3s ease-in-out;
    opacity: 0.4;
}
.our_mission .crd span{
    font-family: var(--primary-font);
    font-size: 32px;
    color: var(--primary-color);
    font-weight: 700;
}
.our_mission .crd h4{
    font-family: "Gilroy-Medium";
    font-size: 40px;
    padding: 15px  0 0;
    color: var(--secondary-color);
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.our_mission .crd p{
  font-family: var(--primary-font);
  font-size: 19px;
  font-weight: 400;
  color: #625e5e;
  padding: 20px 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.our_mission .owl-item.active.center .crd p,
.our_mission .owl-item.active.center .crd h4{
  opacity: 1;
}
.our_mission .owl-item.active.center .crd{
  text-align: center;
  width: 733px;
  position: relative;
  left: -6rem;
  opacity: 1;
}
.our_mission  .crd.right{
  text-align: right;
  transition: all 0.3s ease-in-out;
}

/* our_mission  */

/* partner  */
.partner{
  background: var(--secondary-color);
  padding: 11rem 0;
}
.partner h2{
  font-family: "Gilroy-Black";
  font-size: 65px;
  color: #fff;
  width: 53%;
  text-align: center;
  margin: 0 auto 7rem;
}
.partner h2 span{
  color: var(--primary-color);
}
.partner .inner{
  background: url('../front-card.png');
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  height: 544px;
  position: relative;
  border-radius: 17px;
  transition: all 0.3s ease-in;
  border: 1px solid #102e46a1;
}
.partner .inner::after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 236px;
  background: linear-gradient(0deg, #020b17, #0d263b00);
  z-index: 1;
}
.partner .inner:hover .detail p{
  height: 182px;
  opacity: 1;
  margin-top: 31px;
}
.partner .inner img.avatar{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in;
}
.partner .inner img.flip{
  display: none;
  position: absolute;
  right: 0;
}
.partner .inner:hover img.flip{
  display: block;
}


.partner .inner:hover img.avatar {
    opacity: 0;
}
.partner .inner .detail{
    position: absolute;
    bottom: 24px;
    height: auto;
    padding: 0 2rem;
    transition: all 0.3s ease-in;
    z-index: 2;
}
.partner .inner .detail h3{
    font-family: var(--primary-font);
    font-size: 33px;
    font-weight: 600;
    color: #fff;
}
.partner .inner .detail span{
    font-family: var(--primary-font);
    font-size: 19px;
    font-weight: 600;
    color: var(--primary-color);
    padding: 5px 0;
    display: block;
}
.partner .inner .detail p{
    font-family: var(--primary-font);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.6;
    color: #fff;
    height: 0;
    opacity: 0;
    transition: all 0.3s ease-in;
}
.partner .inner .links {
    display: flex;
    justify-content: end;
    position: relative;
    left: -18px;
    top: 18px;
    z-index: 2;
}
.partner .inner .links a{}
.partner .inner .links a img{
  width: 36px;
  margin: 0 2px;
  opacity: 0;
}
.partner .inner:hover .links a img{
  opacity: 1;
}

/* partner  */


/* testimonial */
.testimonial{
margin: 10rem 0 9rem;
}

.testimonial h3{
font-family: "Gilroy-Black";
font-size: 65px;
color: var(--secondary-color);
}

.testimonial h3 span{
color: var(--primary-color);
}

.testimonial .carousel__nav{
/* CBCBCB */
}
.testimonial .carousel__nav button{
border: none;
width: 45px;
height: 45px;
border-radius: 50%;
margin: 0 3px;
background: #CBCBCB;
transition: all 0.3s ease-in;
}

.testimonial .carousel__nav button:hover {
background: var(--primary-color);
}
.testimonial .carousel__nav button i{
font-size: 20px;
color: #fff;
}
.testimonial .item{background: linear-gradient(45deg, #031928, #053150);border-radius: 20px;padding: 2rem;height: 435px;position: relative;}

.testimonial .item .name {
    position: absolute;
    bottom: 32px;
}
.testimonial .item::after{
  content: "";
  position: absolute;
  top: 0;
  right: -28px;
  width: 253px;
  height: 168px;
  background: url(
  '../t-q.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
  z-index: 1;
  }
.testimonial #testimonial{
margin: 5rem 0 0 0;
}
.testimonial .item .comment{
}
.testimonial .item .comment img{
width: 56px;
}
.testimonial .item .comment p{
font-family: var(--primary-font);
font-size: 20px;
font-weight: 400;
color: #fff;
padding: 18px 0 4rem;
}
.testimonial .item .name h4{
color: #fff;
font-size: 28px;
font-weight: 600;
font-family: var(--primary-font);
}

.testimonial .item .name p{
font-family: var(--primary-font);
color: #ffffffe0;
font-size: 20px;
padding: 10px 0 0 0;
}
/* testimonial */


/* footer__form */

.footer__form{
background: var(--secondary-color);
padding: 9rem 0;
position: relative;
}
.footer__form::after {content: "";position: absolute;top: -60px;left: 1%;width: 356px;height: 279px;background: url(../s-c-1.png);background-repeat: no-repeat;background-size: cover;background-position: 100% 89%;z-index: 1;}
.footer__form::before {
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 338px;
height: 362px;
background: url(../s-c-2.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 89%;
z-index: 1;
}
.footer__form form{
text-align: center;
}
.footer__form form span{
color: #fff;
font-family: var(--primary-font);
font-size: 27px;
}
.footer__form form h3{
font-family: "Gilroy-Black";
font-size: 65px;
color: #fff;
margin-bottom: 3rem;
}
.footer__form form h3 b{
color: var(--primary-color);
}

.ft_logo{
}
.ft_logo img{
      filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7495%) hue-rotate(267deg) brightness(101%) contrast(103%);
    width: 247px;
}
.footer__form form{
width: 60%;
background: #051E31;
margin: 0 auto;
padding: 5rem 4rem;
border-radius: 23px;
position: relative;
z-index: 2;
}
.footer__form form input{width: 100%;background: #0E2335;border: none;padding: 23px 38px;font-family:
var(--primary-font);border-radius: 52px;font-weight: 800;margin: 11px 0;border: 1px solid transparent;color:
#fff;transition: all 0.4s ease-in;}
.footer__form form input:focus,
.footer__form form textarea:focus{
border: 1px solid var(--primary-color);
}
.footer__form form input:focus::placeholder,
.footer__form form textarea:focus::placeholder{
color:var(--primary-color);
}

.footer__form form textarea{
width: 100%;
background: #0E2335;
border: none;
padding: 24px 38px;
font-family: var(--primary-font);
border-radius: 52px;
font-weight: 800;
margin: 11px 0;
border: 1px solid transparent;
transition: all 0.4s ease-in;
resize: none;
}
.footer__form form textarea::placeholder,
.footer__form form input::placeholder{}
.footer__form form button{
width: 484px;
background: var(--primary-color);
color: #fff;
border: none;
font: 600 27px var(--primary-font);
transition: all 0.4s ease-in;
padding: 21px 0;
border-radius: 79px;
margin: 24px auto 0;
position: relative;
border: 2px solid transparent;
}

.footer__form form button:hover {
background: transparent;
border: 2px solid var(--primary-color);
color: var(--primary-color);
}
.footer__form form button i{
width: 50px;
height: 50px;
background: #fff;
color: var(--primary-color);
line-height: 40px;
border-radius: 50%;
font-size: 20px;
position: absolute;
right: 18px;
top: 15px;
display: flex;
align-items: center;
justify-content: center;
}
.footer__form form button:hover{}
.iti {
width: 100%;
padding: 10px 0;
}
.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
right: 22px;
left: auto;
}
.iti__flag-box, .iti__country-name {
color: #000 !important;
font-size: 16px !important;
}
/* footer__form */

/* step__area */
.step__area{
padding: 9rem 0 2rem;
}
.step__area .head_area{
position: relative;
}
.step__area .head_area::after{
content: "";
position: absolute;
bottom: -86%;
transform: translate(23%, 53%);
left: -20%;
width: 232px;
height: 288px;
background: url(../step-vextor.png);
background-repeat: no-repeat;
background-size: cover;
background-position: 100% 89%;
z-index: -1;
}
.step__area .head_area h3{
font-family: "Gilroy-Black";
font-size: 65px;
color: var(--secondary-color);
}
.step__area .head_area h3 span{
color: var(--primary-color);
}
.step__area .crd{
display: flex;
align-items: center;
margin: 1rem 0 3rem;
}
.step__area .crd span{
font-size: 32px;
color: var(--primary-color);
border: 4px solid var(--primary-color);
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-family: "Gilroy-Black";
margin: 0 43px 0 0;
line-height: 0;
padding: 50px 33px;
position: relative;
z-index: 4;
background: #fff;
}
.step__area .crd span::after{content: '';position: absolute;width: 2px;background: #d8d8d84a;height: 200px;z-index:
-4;left: 0;right: 0;bottom: 0;top: 0;margin: 0 auto;}
.step__area .crd div{
font-family: var(--primary-font);
}
.crd div h3{font-size: 35px;font-weight: 800;color: var(--secondary-color);}
.step__area .crd div p{font-size: 24px;color: #000000a3;padding: 14px 0;font-family: 'Lato';}
.step__area .sticky {
position: sticky;
top: 0;
padding-top: 20px;
padding-bottom: 20px;
z-index: 2;
background: white;
}
.step__area .scrollable__content {max-height: 691px;overflow-y: auto;}
/* step__area */


footer {
padding: 3rem 0 2rem;
background: linear-gradient(45deg, #031928, #021a2a);
}
footer .social_link{
display: flex;
margin: 2rem 0 0 0;
}
footer .social_link a{
width: 50px;
height: 50px;
background: transparent;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 13px 0 0;
border: 2px solid #e2e2e280;
transition: all 0.4s ease-in;
}

footer .social_link a:hover {
background: var(--primary-color);
border: transparent;
}
footer .social_link a i{}
footer .social_link a i{
font-size: 20px;
color: #fff;
}
footer .ft_link{
display: flex;
align-items: center;
margin: 2rem 0 0 0;
}

footer p {
color: #ffffffbd;
font-size: 20px;
font-family: var(--primary-font);
margin: 9rem 0 0 0;
}
footer .ft_link li{
margin: 0 42px 0 0;
}
footer .ft_link li a{font-size: 18px;color: #fff;font-family: var(--primary-font);transition: all 0.3s ease-in;}

footer .ft_link li a:hover {
color: #f2be40;
}
footer .contact{}
footer .contact h3{
color: #F7BE3D;
font-size: 86px;
font-family: "Gilroy-Black";
margin: 0 0 3rem 0;
}
footer .contact p{
margin: 0;
color: #fff;
margin: 0 0 19px 0;
}
footer .contact ul{}
footer .contact ul li{}
footer .contact ul li a{
color: #fff;
font-family: var(--primary-font);
font-size: 19px;
line-height: 2;
transition: all 0.3s ease-in;
}

footer .contact ul li a:hover {
color: var(--primary-color);
}


#button_top.show {
visibility: visible;
right: 51px;
}
#button_top {
background: var(--primary-color);
width: 48px;
height: 48px;
border-radius: 82px;
position: fixed;
transition: .4s ease-in-out, _ .4s ease-in-out, _ .4s ease-in-out;
opacity: 1;
visibility: hidden;
z-index: 1016;
bottom: 81px;
right: -70px;
cursor: pointer;
text-align: center;
}
#button_top i {
color: #fff;
line-height: 47px;
}
.animate-float-y {
-webkit-animation-name: float-y;
animation-name: float-y;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
display: inline-block;
}@keyframes float-y {
0%,
100% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
50% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
}


/********************* sec-service-banner start *********************/
.sec-service-banner {
position: relative;
overflow: hidden;
padding: 300px 0 80px;
background: linear-gradient(180deg, rgb(0, 11, 23) 0%, rgba(0,11,23,0.95) 50%, rgb(0, 11, 23)
100%),url(../service-bg.png) bottom center/cover no-repeat;
background-blend-mode: multiply;
}

.sec-service-banner .desc h4 {
font-family: "Gilroy-Black";
text-align: center;
font-size: 65px;
color: #fff;
margin-bottom: 80px;
}
.sec-service-banner .desc h4 span {
color: var(--primary-color);
}
.sec-service-banner .tags-area h6 {
font-family: var(--primary-font);
font-weight: 700;
color: #fff;
text-transform: capitalize;
font-size: 30px;
}
.sec-service-banner .tags-area ul {
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-wrap: wrap;
margin: 20px 0 50px;
}
.sec-service-banner .tags-area ul li:not(:last-child) {
margin-right: 10px;
}
.sec-service-banner .tags-area ul li .ct-rd {
background: transparent;
border: 1px solid #fff;
border-radius: 50px;
height: 43px;
width: auto;
padding: 5px 20px;
text-transform: capitalize;
display: inline-block;
align-content: center;
text-align: center;
font-family: var(--primary-font);
font-weight: 500;
color: #fff;
text-transform: capitalize;
font-size: 24.5px;
line-height: normal;
transition: all 0.2s ease-in-out;
}
.sec-service-banner .tags-area ul li .btn-check:checked+.ct-rd {
background: #fff;
color: var(--secondary-color);
box-shadow: none;
}
.sec-service-banner .tags-area ul li .ct-rd:hover {
background: #fff;
color: var(--secondary-color);
}

/********************* sec-service-banner close *********************/


.sec-services {overflow: hidden;background: #000b17;padding-bottom: 80px;position: relative;z-index: 2;}
.sec-services .head-area h6 {
font-family: var(--primary-font);
font-weight: 700;
color: #fff;
text-transform: capitalize;
font-size: 30px;
}
.sec-services .ct-pills {
margin-bottom: 6rem;
}
.sec-services .ct-pills .nav-item:not(:last-child) {
margin-right: 10px;
}
.sec-services .ct-pills .nav-item .nav-link {
background: transparent;
border: 1px solid #fff;
border-radius: 50px;
height: 43px;
width: auto;
padding: 5px 20px;
text-transform: capitalize;
display: inline-block;
align-content: center;
text-align: center;
font-family: var(--primary-font);
font-weight: 500;
color: #fff;
text-transform: capitalize;
font-size: 24.5px;
line-height: normal;
transition: all 0.2s ease-in-out;
}
.sec-services .ct-pills .nav-item .nav-link.active {
background: #fff;
color: var(--secondary-color);
box-shadow: none;
}
.sec-services .ct-pills .nav-item .nav-link:hover {
background: #fff;
color: var(--secondary-color);
}
.sec-services .tab-content .tab-pane .service-box:nth-child(even)>.row {
flex-direction: row-reverse;
}
.sec-services .service-box .box-inner {
border-radius: 10px;
overflow: hidden;
position: relative;
margin-top: 20px;
}
.sec-services .service-box .box-inner .img-area ul {
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
position: absolute;
top: 15px;
left: 15px;
}
.sec-services .service-box .box-inner .img-area ul li {
border: 1px solid #fff;
border-radius: 50px;
height: 43px;
width: auto;
padding: 5px 20px;
text-transform: capitalize;
display: inline-block;
align-content: center;
text-align: center;
font-family: var(--primary-font);
font-weight: 500;
color: #fff;
text-transform: capitalize;
font-size: 24.5px;
line-height: normal;
}
.sec-services .service-box .box-inner .img-area ul li:not(:last-child) {
margin-right: 10px;
}
.sec-services .service-box .box-inner .img-area img {
border-radius: 10px;
height: 700px;
width: 100%;
object-fit: cover;
object-position: top;
}
.sec-services .service-box .box-inner .desc {
position: absolute;
bottom: -12%;
left: 0;
right: 0;
width: 100%;
height: auto;
backdrop-filter: blur(16px) saturate(40%);
-webkit-backdrop-filter: blur(16px) saturate(40%);
background-color: transparent;
padding: 15px 25px 40px;
transition: all 0.2s ease-in-out;
overflow: hidden;
}
.sec-services .service-box .box-inner .desc:hover {
bottom: 0;
}
.sec-services .service-box .box-inner .desc>img {
height: 70px;
width: fit-content;
object-fit: contain;
object-position: center;
}
.sec-services .service-box .box-inner .desc h6 {
font-family: var(--primary-font);
font-weight: 700;
color: #fff;
text-transform: capitalize;
font-size: 40px;
margin: 30px 0 20px;
}
.sec-services .service-box .box-inner .desc p {
font-family: var(--primary-font);
font-weight: 300;
font-size: 18px;
color: #fff;
}
.sec-services .service-box .box-inner .desc a {
display: inline-flex;
justify-content: space-between;
width: 100%;
position: relative;
padding: 40px 0 0;
margin-top: 20px;
font-family: var(--primary-font);
font-weight: 400;
color: #fff;
text-transform: capitalize;
font-size: 18px;
transition: all 0.2s ease-in-out;
opacity: 0;
}
.sec-services .service-box .box-inner .desc a::before {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0s;
width: 100%;
height: 1px;
background: #fff;
}

.sec-services .service-box .box-inner .desc a>img {
height: 34px;
width: 34px;
object-fit: contain;
}
.sec-services .service-box .box-inner .desc:hover a {
display: inline-flex;
opacity: 1;
}
/* portfolio_wrapper  */
.portfolio_wrapper{
  position: relative;
  background: var(--secondary-color);
  padding: 5rem 0 0;
  overflow: hidden;
}
.portfolio_wrapper::after{
  content: "";
  position: absolute;
  top: -38%;
  left: 0;
  width: 836px;
  height: 100%;
  background: url(../s-assets-b.png);
  background-repeat: no-repeat;
  background-size: auto;
  background-position: 100% 89%;
  z-index: 0;
}
.portfolio_wrapper::before{
  content: "";
  position: absolute;
  top: 5rem;
  transform: translate(15%, 33%);
  right: 8rem;
  width: 338px;
  height: 362px;
  background: url(../s-c-2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 89%;
  z-index: 2;
}
.portfolio_wrapper .portfolio__about{
    text-align: center;
    position: relative;
    z-index: 2;
}
.portfolio_wrapper .portfolio__about h2{
  font-family: "Gilroy-Black";
  font-size: 65px;
  color: #fff;
}
.portfolio_wrapper .portfolio__about h2 span{
  display: block;
}
.portfolio_wrapper .portfolio__about button{
    width: 400px;
    background: #0C1C2C;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    border: 1px solid #284E66;
    border-radius: 46px;
    font-family: var(--primary-font);
    padding: 15px 0;
    position: relative;
    margin: 55px 0 0 0;
    transition: all 0.3s ease-in;
}
.portfolio_wrapper .portfolio__about button:hover{
  background: var(--primary-color);
}
.portfolio_wrapper .portfolio__about button i.fa-arrow-right{
  width: 34px;
    height: 34px;
    line-height: 16px;
    background: #fff;
    color: var(--primary-color);
    border: none;
    transition: all 0.4s ease-in;
    padding: 10px 0;
    border-radius: 79px;
    position: absolute;
    font-size: 17px;
    right: 10px;
}
.portfolio_wrapper .portfolio__about button i.fa-phone-volume{
  font-size: 23px;
  padding: 0 18px 0 0;
}

.portfolio_wrapper .sec-services{
  background: transparent;
}
.portfolio_wrapper .sec-services h3{
  font-family: "Gilroy-Black";
  font-size: 65px;
  color: #fff;
  margin: 5rem 0;
}
.portfolio_wrapper .sec-services h3 span{
  color: var(--primary-color);
}

.portfolio_wrapper .sec-services .service-box .box-inner .img-area img {
  height: 621px;
}
.portfolio_wrapper .sec-services .service-box .box-inner .img-area ul li {
  height: 35px;
  padding: 3px 20px;
  font-size: 22px;
}
.portfolio_wrapper .sec-services .service-box .box-inner .desc h6 {
  font-size: 28px;
  margin: 15px 0 11px;
}
/* portfolio_wrapper  */


@media only screen and (min-width:1445px) and (max-width:1599px) {
 
  .sec-service-banner {
    padding: 197px 0 80px;
  }
  header nav .navbar-collapse ul li a {
    font-size: 15px;
  }
  .px5 {
    padding-right: 4rem;
    padding-left: 4rem;
}
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
 
  .about_us_banner {
    height: 653px;
}
.counter .item h4 {
  font-size: 14px;
}
.our_mission .owl-item.active.center .crd {
  left: -10rem;
}
.services .cta_service h2 {
  font-size: 59px;
}
.partner h2 {
  width: 86%;
}
.partner .inner {
  height: 377px;
}
.partner .inner img.avatar {
  width: 100%;
  height: 95%;
}
.partner .inner .detail p {
  font-size: 12px;
}
.partner .inner .detail h3 {
  font-size: 21px;
}
.offcanvas_menu {
display: none
}
.px5 {
  padding-right: 3rem;
  padding-left: 3rem;
}
.sec-service-banner {
  padding: 152px 0 80px;
}
header.sticky nav .navbar-collapse ul li a {
  font-size: 12px;
}
footer .ft_link li a {
    font-size: 14px;
}
.testimonial .item .comment p {
  height: 200px;
  overflow-y: scroll;
}
.cta__home.about_us_ctaa {
  padding: 4rem 4rem;
}
.services .crd a {
  width: 80%;
}
.step__area .scrollable__content {
    max-height: 780px;
}
.partner {
  padding: 6rem 0;
}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.offcanvas_menu {
display: none !important
}

.px5 {
padding-right: 2rem;
padding-left: 2rem;
}
header nav .navbar-collapse ul li a,
header.sticky nav .navbar-collapse ul li a {
font-size: 12px;
}
header nav a.nav-link.btn {
width: 143px;
padding: 8px 0;
font-size: 18px;
}
.banner__wrapper .banner__content h1 {font-size: 51px !important;}
.banner__wrapper .banner__content p {
font-size: 18px;
}
.counter .item img {
width: 29px;
margin: 0 12px;
}
.counter .item h4 {
font-size: 12px;
}
.web__solution {
margin: 5rem 0;
}
.web__solution .item .crd .txt h4 {
font-size: 18px;
}
.web__solution .item .crd img {
width: 96%;
height: 335px;
}
.web__solution .item .crd .txt p {
font-size: 17px;
}
.services .head_area h3 {
font-size: 57px;
}
.services .head_area p {
font-size: 20px;
width: 64%;
}
.step__area .head_area h3 {
font-size: 51px;
}
.cta__home {
padding: 5rem 3rem;
}
.cta__home h3 {
width: 100%;
}
.testimonial .item .comment p {
font-size: 16px;
padding: 18px 0 1rem;
}
.testimonial .item {
height: 415px;
}
.footer__form form{
width: 85%;
}
footer .ft_link li a {
font-size: 14px;
}
footer .ft_link li {
margin: 0 22px 0 0;
}
footer .contact h3 {
font-size: 72px;
margin: 0 0 1rem 0;
}
footer .contact ul li a {
font-size: 16px;
line-height: 2;
}
.services .cta_service {
width: 100%;
margin: 6rem auto;
}
.services .cta_service button {
width: 40%;
font-size: 28px;
}
.services .crd h4 {
font-size: 16px;
width: 100%;
margin: 4px auto;
}
.services .crd:hover p {
font-size: 12px;
}
.services .crd:hover a {
bottom: 34px;
width: 75%;
}
.step__area .crd div h3 {
font-size: 20px;
}
.step__area .crd div p {
font-size: 20px;
}
.step__area .crd span {
font-size: 24px;
margin: 0 43px 0 0;
padding: 36px 24px;
}
.banner__wrapper.delicious_bites {
  height: 700px;
}
.portfolio__cta .cta__txt {
  padding: 24px 0 24px 3rem;
}
.portfolio__cta .cta__txt ul {
  padding: 15px 23px 0;
}
.overview__portfolio {
  padding: 4rem 2rem;
  margin-bottom: 1rem;
}
.portfolio__about .portfolio__content p {
  font-size: 18px;
  padding: 2rem 0;
}
.portfolio__cta .cta__txt h3 {
  font-size: 35px;
}
.portfolio__cta .cta__txt p {
  font-size: 18px;
  padding: 19px 0 0;
}
.portfolio__cta .cta__txt ul li {
  font-size: 16px;
  padding: 2px 0;
}
.portfolio__cta .cta__img img {
  margin-top: 26px;
}
.portfolio_wrapper .portfolio__about h2 {
  font-size: 54px;
}
.portfolio__cta.languages {
  margin: 6rem 0 0;
  padding: 4rem 0;
}

.about_us_banner {
  height: 469px !important;
  padding: 7rem 0 0 0;
}
.cta__home.about_us_ctaa {
  padding: 2rem 3rem 0;
  margin: 3rem 0;
}
.our_mission .owl-item.active.center .crd {
  width: 555px;
  left: -8rem;
}
.services .cta_service h2 {
  font-size: 46px !important;
}
.step__area .scrollable__content {
  max-height: 504px;
}
.partner h2 {
  font-size: 59px;
  width: 98%;
}
.testimonial .item .name h4 {
  font-size: 22px;
}
.testimonial .item .name p {
  font-size: 12px;
}
}

@media only screen and (min-width:1025px) and (max-width:1400px) {
header {
padding: 0 2rem;
}
.about_us_banner {
  height: 483px;
}

.cta__home.cta2 h3 {
    font-size: 50px;
}

header nav .navbar-collapse ul li {margin: 0 11px;}
header nav .navbar-collapse ul li a {
font-size: 12px
}
header nav .navbar-brand img {width: 121px;}

.sec-service-banner {
  padding: 115px 0 80px;
}
.services .cta_service h2 {
  font-size: 52px;
}
.step__area .scrollable__content {
  max-height: 609px;
}
.partner .inner .detail span {
  font-size: 15px;
}
.our_mission .owl-item.active.center .crd {
  left: -8rem;
}
.testimonial .item .comment p {
  height: 206px;
  overflow-y: scroll;
}
}

@media only screen and (min-width:768px) and (max-width:1024px) {
 
  .sec-service-banner{
    padding: 126px 0 80px;
  }
  .sec-service-banner .desc h4 {
    font-size: 58px;
}
.sec-service-banner .tags-area ul li .ct-rd {
  height: 38px;
  padding: 5px 13px;
  font-size: 16px;
}
header {
padding: 0;
}

header nav .navbar-collapse ul li {
margin: 0 8px
}
header nav .navbar-brand img {
width: 191px;
}
.navbar-toggler {
display: none
}
.offcanvas_menu {
display: block
}


.px5 {
padding-right: 2rem;
padding-left: 2rem;
}
header nav .navbar-collapse ul li a,
header.sticky nav .navbar-collapse ul li a {
font-size: 12px;
}
header nav a.nav-link.btn {
width: 143px;
padding: 8px 0;
font-size: 18px;
}
.banner__wrapper .banner__content h1 {font-size: 34px;}
.banner__wrapper .banner__content p {font-size: 16px;padding: 17px 0;}
.counter .item img {
width: 29px;
margin: 0 12px;
}
.counter .item h4 {
font-size: 12px;
}
.web__solution {
margin: 5rem 0;
}
.web__solution .item .crd .txt h4 {
font-size: 18px;
}
.web__solution .item .crd img {
width: 96%;
height: 335px;
}
.web__solution .item .crd .txt p {
font-size: 17px;
}
.services .head_area h3 {
font-size: 44px;
}
.services .head_area p {
font-size: 15px;
width: 80%;
}
.step__area .head_area h3 {font-size: 38px;}
.cta__home {
padding: 3rem 2rem;
margin: 0;
}
.cta__home h3 {
width: 100%;
font-size: 48px;
}
.testimonial .item .comment p {font-size: 16px;padding: 18px 5px 1rem;height: 186px;overflow-y: scroll;}
.testimonial .item {
height: 415px;
}
.footer__form form{
width: 100%;
}
footer .ft_link li a {
font-size: 10px;
}
footer .ft_link li {
margin: 0 17px 0 0;
}
footer .contact h3 {
font-size: 54px;
margin: 0 0 1rem 0;
}
footer .contact ul li a {
font-size: 14px;
line-height: 2;
}
.services .cta_service {
width: 100%;
margin: 6rem auto;
}
.services .cta_service button {
width: 40%;
font-size: 28px;
}
.services .crd h4 {
font-size: 20px;
width: 100%;
margin: 4px auto;
}
.services .crd:hover p {
font-size: 12px;
}
.services .crd:hover a {
bottom: 34px;
width: 75%;
}
.services .cta_service h2 {
font-size: 40px;
}
footer p {
font-size: 12px;
margin: 2rem 0 0 0;
}
footer {
padding: 2rem 0 2rem;
}
.testimonial h3 {
font-size: 47px;
}
.web__solution h3 {
font-size: 53px;
margin: 0 0 2rem 0;
}
.step__area .head_area::after {
bottom: -141%;
left: -28%;
width: 207px;
height: 252px;
}

.step__area .crd div h3 {
font-size: 20px;
}
.step__area .crd div p {
font-size: 20px;
}
.step__area .crd span {
font-size: 24px;
margin: 0 43px 0 0;
padding: 36px 24px;
}
.banner__wrapper.businessintelligence .banner__img img, .banner__wrapper.digiatalconsultation .banner__img img,
.banner__wrapper.customizedsoftware .banner__img img, .banner__wrapper.webdevelopment .banner__img img,
.banner__wrapper.appdevelopment .banner__img img {
display: none;
}
.cta__home.cta2 h3 {
font-size: 47px;
}
.cta__home.cta2 {
margin: 4rem 0;
}
.cta__home.webcta h3 {
font-size: 40px;
width: 100%;
}
.cta__home.webcta p {
width: 100%;
}
.cta__home.consultationcta2 p, .cta__home.consultationcta p, .cta__home.appdevelopment p, .cta__home.digitalcta p,
.cta__home.ctacustom p {
width: 100%;
}
.offcanvas ul li a.btn {
display: none;
}
.banner__wrapper.delicious_bites {
  height: 685px;
}
.portfolio__cta .cta__txt {
  padding: 20px 0px 25px 3rem;
}
.portfolio__cta .cta__txt ul {
  padding: 15px 23px 0;
}
.overview__portfolio {
  padding: 4rem 2rem;
  margin-bottom: 1rem;
}
.portfolio__about .portfolio__content p {
  font-size: 18px;
  padding: 2rem 0;
}
.portfolio__cta .cta__txt h3 {
  font-size: 38px;
}
.portfolio__cta .cta__txt p {
  font-size: 22px;
  padding: 19px 0 0;
}
.portfolio__cta .cta__txt ul li {
  font-size: 24px;
  padding: 2px 0;
}
.portfolio__cta .cta__img img {
  margin-top: 0;
}
.portfolio_wrapper .portfolio__about h2 {
  font-size: 37px;
}
.portfolio__cta.languages {
  margin: 6rem 0 0;
  padding: 4rem 0;
}
.portfolio_wrapper .sec-services h3 {
  font-size: 42px;
  margin: 2rem 0;
}
.pl_5 {
  padding-left: 2rem;
}
.portfolio_wrapper {
  padding: 2rem 0 0;
}
.portfolio_wrapper .sec-services .service-box .box-inner .img-area img {
  height: 538px;
}
.portfolio_wrapper .sec-services .service-box .box-inner .img-area ul li {
  height: 31px;
  font-size: 14px;
}
.portfolio__about img {
  margin-top: 1rem;
}
.overview__portfolio h3 {
  font-size: 54px;
}
.overview__portfolio p {
  font-size: 20px;
}


.about_us_banner {
  height: 392px;
  padding: 4rem 0 0 0;
}
.cta__home.about_us_ctaa {
  padding: 2rem 3rem;
  margin: 3rem 0;
}
.our_mission .owl-item.active.center .crd {
  width: 555px;
  left: -8rem;
}
.services .cta_service h2 {
  font-size: 46px !important;
}
.step__area .scrollable__content {
  max-height: 504px;
}
.partner h2 {
  font-size: 45px;
  width: 98%;
}
.testimonial .item .name h4 {
  font-size: 22px;
}
.testimonial .item .name p {
  font-size: 12px;
}
.cta__home p {
  padding: 2rem 0 0rem;
}
.banner__wrapper .banner__img img {
  width: 100%;
  position: relative;
  top: 2rem;
}
.cta__home__img {
  /* position: absolute; */
  /* top: 7px; */
  /* right: 0; */
  /* z-index: 2; */
}
.cta__home__img  img{
  width: 64px;
}
.our_mission {
  margin: 0 0 5rem 0;
}
.partner {
  padding: 6rem 0;
}
.partner .inner:hover .detail p {
  height: 198px;
  margin-top: 13px;
  font-size: 14px;
}
.partner .inner .detail h3 {
  font-size: 22px;
}
}

@media only screen and (min-width:520px) and (max-width:767px) {
 
  .sec-service-banner .desc h4 {
    font-size: 45px;
}
  .sec-service-banner {
    padding: 119px 0 17px;
}
.sec-service-banner .tags-area ul li .ct-rd,
.sec-services .ct-pills .nav-item .nav-link{
  margin: 10px 0;
}
.offcanvas_menu {
display: block
}
.navbar-toggler {
display: none
}
header {
padding: 0 0
}
header .offcanvas-start {
width: 344px
}
header nav {
border: none
}
header nav .navbar-brand img {width: 159px !important;}
header .offcanvas_menu img {
width: 18px
}

.px5 {
padding-right: 1rem;
padding-left: 1rem;
}
header nav .navbar-collapse ul li a,
header.sticky nav .navbar-collapse ul li a {
font-size: 12px;
}
header nav a.nav-link.btn {
width: 143px;
padding: 8px 0;
font-size: 18px;
}
.banner__wrapper .banner__content h1 {font-size: 56px;}
.banner__wrapper .banner__content p {
font-size: 18px;
}
.counter .item img {
width: 29px;
margin: 0 12px;
}
.counter .item h4 {
font-size: 12px;
}
.web__solution {margin: 2rem 0;}
.web__solution .item .crd .txt h4 {font-size: 24px;}
.web__solution .item .crd img {
width: 96%;
height: 335px;
}
.web__solution .item .crd .txt p {
font-size: 17px;
}
.services .head_area h3 {font-size: 34px;}
.services .head_area p {font-size: 16px;width: 100%;}
.step__area .head_area h3 {
font-size: 35px;
}
.cta__home {padding: 3rem 2rem;margin: 0;background-position: 1% 95%;}
.cta__home h3 {width: 100%;font-size: 44px;}
.testimonial .item .comment p {font-size: 16px;padding: 18px 0 1rem;height: 214px;overflow-y: scroll;}
.testimonial .item {
height: 415px;
}
.footer__form form{width: 100%;padding: 27px;}
footer .ft_link li a {
font-size: 10px;
}
footer .ft_link li {margin: 0 8px 0 0;}
footer .contact h3 {font-size: 43px;margin: 0 0 1rem 0;}
footer .contact ul li a {
font-size: 14px;
line-height: 2;
}
.services .cta_service {
width: 100%;
margin: 3rem auto;
position: relative;
z-index: 7;
}
.services .cta_service button {width: 79%;font-size: 22px;margin: 24px 0 0 0;position: relative;z-index: 2;}
.services .crd h4 {
font-size: 20px;
width: 100%;
margin: 4px auto;
}
.services .crd:hover p {
font-size: 12px;
}
.services .crd:hover a {
bottom: 34px;
width: 75%;
}
.services .cta_service h2 {font-size: 33px;}
footer p {
font-size: 12px;
margin: 2rem 0 0 0;
}
footer {
padding: 2rem 0 2rem;
}
.testimonial h3 {font-size: 31px;}
.web__solution h3 {font-size: 33px;margin: 0 0 2rem 0;}
.step__area .head_area::after {
bottom: -141%;
left: -28%;
width: 207px;
height: 252px;
}
.banner__wrapper {
padding: 5rem 0 1rem;
}
.services {
padding: 3rem 0;
}
.footer__form form h3 {
font-size: 31px;
margin-bottom: 2rem;
}
.footer__form form button {
width: 266px;
font: 600 17px var(--primary-font);
padding: 17px 0;
margin: 24px auto 0;
}

.footer__form form button i {
width: 30px;
height: 30px;
line-height: 40px;
font-size: 14px;
right: 9px;
top: 10px;
}
.footer__form {
padding: 4rem 0;
}
.testimonial #testimonial {
margin: 3rem 0 0 0;
}
.testimonial .carousel__nav button {
width: 40px;
height: 40px;
margin: 3px;
}
.testimonial {
margin: 3rem 0 5rem;
}
.cta__home p {
font-size: 16px;
padding: 1rem 0 1rem;
}
.cta__home a {
width: 100%;
font: 600 19px var(--primary-font);
padding: 11px 0;
}
.step__area {
padding: 4rem 0;
}
.step__area .crd {
flex-direction: column;
align-items: baseline;
margin: 0;
}
.step__area .crd div p {
font-size: 17px;
}
.step__area .crd span {
font-size: 22px;
margin: 24px 0 0 0;
padding: 30px 19px;
}
.step__area .crd div h3 {
font-size: 29px;
margin: 17px 0 0 0;
}
.cta__home a i {
top: 9px;
}
h5#offcanvasExampleLabel img {
width: 159px;
}
.services::after {
width: 100%;
height: 50%;
opacity: 0.2;
}
.services .cta_service::before {
z-index: -1;
}
.services .crd {
margin: 0 0 29px 0;
}
.banner__wrapper.businessintelligence .banner__img img, .banner__wrapper.digiatalconsultation .banner__img img,
.banner__wrapper.customizedsoftware .banner__img img, .banner__wrapper.webdevelopment .banner__img img,
.banner__wrapper.appdevelopment .banner__img img {
display: none;
}
.cta__home.cta2 .cta__txt {
padding: 3rem 2rem;
}

.cta__home.cta2 h3 {
font-size: 46px;
}
.cta__home.cta2 {
margin: 4rem 0;
}
.cta__home.webcta h3 {
font-size: 22px;
width: 100%;
}
.cta__home.webcta p {
width: 100%;
}
.cta__home.webcta {
background-position: 63% 100%;
}
.cta__home.consultationcta2 p, .cta__home.consultationcta p, .cta__home.appdevelopment p, .cta__home.digitalcta p,
.cta__home.ctacustom p {
width: 100%;
}
.offcanvas ul li a.btn {
display: none;
}



.banner__wrapper.delicious_bites {
  height: 977px;
}
.portfolio__cta .cta__txt {
  padding: 25px;
}
.portfolio__cta .cta__txt ul {
  padding: 15px 23px 0;
}
.overview__portfolio {
  padding: 2rem 1rem;
  margin-bottom: 1rem;
}
.portfolio__about .portfolio__content p {
  font-size: 18px;
  padding: 2rem 0;
}
.portfolio__cta .cta__txt h3 {
  font-size: 48px;
}
.portfolio__cta .cta__txt p {
  font-size: 22px;
  padding: 14px 0 0;
}
.portfolio__cta .cta__txt ul li {
  font-size: 20px;
  padding: 2px 0;
}
.portfolio__cta .cta__img img {
  margin-top: 0;
}
.portfolio_wrapper .portfolio__about h2 {
  font-size: 46px;
}
.portfolio__cta.languages {
  margin: 5rem 0 0;
  padding: 2rem 0;
}
.portfolio_wrapper .sec-services h3 {
  font-size: 28px;
  margin: 1rem 0;
}
.pl_5 {
  padding-left: 2rem;
}
.portfolio_wrapper {
  padding: 2rem 0 0;
}
.portfolio_wrapper .sec-services .service-box .box-inner .img-area img {
  height: 538px;
}
.portfolio_wrapper .sec-services .service-box .box-inner .img-area ul li {
  height: 31px;
  font-size: 14px;
}
.portfolio__about img {
  margin-top: 1rem;
}
.overview__portfolio h3 {
  font-size: 52px;
}
.overview__portfolio p {
  font-size: 16px;
  text-align: left;
}
.portfolio__about {
  padding: 1rem;
}
.portfolio__about .portfolio__content h4 {
  font-size: 36px;
}
.portfolio_wrapper .portfolio__about button {
  width: 43%;
  font-size: 21px;
  padding: 9px 0;
  margin: 30px 0 0 0;
}
.portfolio_wrapper .portfolio__about button i.fa-arrow-right {
  width: 28px;
  height: 28px;
  line-height: 11px;
  padding: 10px 0;
  font-size: 12px;
  right: 10px;
}
.banner__wrapper .banner__img img {
  width: 79%;
  margin: 4rem auto 0;
  display: block;
}

.about_us_banner {
  height: 811px;
  padding: 141px 0 0 0;
}

.cta__home.about_us_ctaa {
  padding: 3rem 2rem;
  margin: 3rem 0;
}
.cta__home__img {
  position: absolute;
  top: 14px;
  right: 31px;
}
.cta__home__img img{
  width: 56px;
}
.our_mission .owl-item.active.center .crd {
  width: 100%;
  left: 0;
}
.our_mission {
  margin: 0 0 5rem 0;
}
.partner h2 {
  font-size: 35px;
  width: 100%;
  margin: 0 auto 4rem;
}
.partner {
  padding: 4rem 0;
}
.partner .inner:hover .detail p {
  height: 183px;
}
.partner .inner .detail p {
  font-size: 17px;
}
.services::after{
  display: none;
}
.our_mission .owl-item.active.center .crd {
  width: 474px;
  left: -6rem;
}
.testimonial .item .name p {
  font-size: 14px;
}
.testimonial .item .name h4 {
    font-size: 16px;
}
}

@media only screen and (min-width:300px) and (max-width:519px) {
.offcanvas_menu {
display: block
}
.navbar-toggler {
display: none
}
header {
padding: 0 0
}
header .offcanvas-start {
width: 344px
}
header nav {
border: none
}
header .offcanvas_menu img {
width: 18px
}

header {
padding: 0;
}
header nav .navbar-collapse ul li {
margin: 0 8px
}
header nav .navbar-brand img {
width: 109px;
}
.navbar-toggler {
display: none
}
.offcanvas_menu {
display: block
}
.sec-service-banner {
  padding: 143px 0 0;
}
.sec-service-banner .desc h4 {
  font-size: 33px;
}
.sec-service-banner .tags-area ul li .ct-rd ,
.sec-services .ct-pills .nav-item .nav-link{
  font-size: 12px;
  margin: 6px 0;
}
.px5 {
padding-right: 1rem;
padding-left: 1rem;
}
header nav .navbar-collapse ul li a,
header.sticky nav .navbar-collapse ul li a {
font-size: 12px;
}
header nav a.nav-link.btn {
width: 143px;
padding: 8px 0;
font-size: 18px;
}
.banner__wrapper .banner__content h1 {font-size: 34px;}
.banner__wrapper .banner__content p {font-size: 16px;padding: 14px 0 33px;}
.counter .item img {
width: 29px;
margin: 0 12px;
}
.counter .item h4 {
font-size: 12px;
}
.web__solution {margin: 2rem 0;}
.web__solution .item .crd .txt h4 {font-size: 24px;}
.web__solution .item .crd img {
width: 96%;
height: 335px;
}
.web__solution .item .crd .txt p {
font-size: 17px;
}
.services .head_area h3 {font-size: 34px;}
.services .head_area p {font-size: 14px;width: 100%;}
.step__area .head_area h3 {
font-size: 35px;
}
.cta__home {padding: 3rem 2rem;margin: 0;background-position: 43% 95%;}
.cta__home h3 {width: 100%;font-size: 23px;}
.testimonial .item .comment p {font-size: 16px;padding: 18px 0 1rem;height: 185px;overflow-y: scroll;}
.testimonial .item {
height: 415px;
}
.footer__form form{width: 100%;padding: 27px;}
footer .ft_link li a {
font-size: 10px;
}
footer .ft_link li {margin: 0 8px 0 0;}
footer .contact h3 {
font-size: 54px;
margin: 0 0 1rem 0;
}
footer .contact ul li a {
font-size: 14px;
line-height: 2;
}
.services .cta_service {
width: 100%;
margin: 3rem auto;
position: relative;
z-index: 7;
}
.services .cta_service button {width: 79%;font-size: 22px;margin: 24px 0 0 0;position: relative;z-index: 2;}
.services .crd h4 {
font-size: 20px;
width: 100%;
margin: 4px auto;
}
.services .crd:hover p {font-size: 12px;margin: 0 !important;height: 83px;}
.services .crd:hover a {
bottom: 34px;
width: 75%;
}
.services .cta_service h2 {font-size: 26px;}
footer p {
font-size: 12px;
margin: 2rem 0 0 0;
}
footer {
padding: 2rem 0 2rem;
}
.testimonial h3 {font-size: 31px;}
.web__solution h3 {font-size: 33px !IMPORTANT;margin: 0;}
.step__area .head_area::after {
bottom: -141%;
left: -28%;
width: 207px;
height: 252px;
}
.banner__wrapper {
padding: 5rem 0 1rem;
}
.services {
padding: 3rem 0;
}
.footer__form form h3 {
font-size: 31px;
margin-bottom: 2rem;
}
.footer__form form button {
width: 215px;
font: 600 15px var(--primary-font);
padding: 17px 0;
margin: 24px auto 0;
}

.footer__form form button i {
width: 30px;
height: 30px;
line-height: 40px;
font-size: 14px;
right: 9px;
top: 10px;
}
.footer__form {
padding: 4rem 0;
}
.testimonial #testimonial {
margin: 3rem 0 0 0;
}
.testimonial .carousel__nav button {
width: 40px;
height: 40px;
margin: 3px;
}
.testimonial {
margin: 3rem 0 5rem;
}
.cta__home p {
font-size: 16px;
padding: 1rem 0 1rem;
}
.cta__home a {
width: 100%;
font: 600 19px var(--primary-font);
padding: 11px 0;
}
.step__area {
padding: 4rem 0;
}
.step__area .crd {
flex-direction: column;
align-items: baseline;
margin: 0;
}
.step__area .crd div p {
font-size: 17px;
}
.step__area .crd span {
font-size: 22px;
margin: 24px 0 0 0;
padding: 30px 19px;
}
.step__area .crd div h3 {
font-size: 29px;
margin: 17px 0 0 0;
}
.cta__home a i {
top: 9px;
}
h5#offcanvasExampleLabel img {
width: 159px;
}
.services::after {
width: 100%;
height: 50%;
opacity: 0.2;
}
.services .cta_service::before {
z-index: -1;
}
.services .crd {margin: 0 0 29px 0;height: 298px;}
.banner__wrapper.businessintelligence .banner__img img, .banner__wrapper.digiatalconsultation .banner__img img,
.banner__wrapper.customizedsoftware .banner__img img, .banner__wrapper.webdevelopment .banner__img img,
.banner__wrapper.appdevelopment .banner__img img {
display: none;
}
.cta__home.cta2 .cta__txt {
padding: 3rem 2rem;
}

.cta__home.cta2 h3 {
font-size: 22px;
}
.cta__home.cta2 {
margin: 4rem 0;
}
.cta__home.webcta h3 {
font-size: 22px;
width: 100%;
}
.cta__home.webcta p {
width: 100%;
}
.cta__home.webcta {
background-position: 63% 100%;
}
.cta__home.consultationcta2 p, .cta__home.consultationcta p, .cta__home.appdevelopment p, .cta__home.digitalcta p,
.cta__home.ctacustom p {
width: 100%;
}
.offcanvas ul li a.btn {
display: none;
}
.sec-services .ct-pills {
  margin-bottom: 3rem;
}
.sec-services .service-box .box-inner .img-area ul li {
  height: 31px;
  padding: 1px 20px;
  font-size: 15px;
}
.banner__wrapper.delicious_bites {
  height: 822px;
}
.portfolio__cta .cta__txt {
  padding: 25px;
}
.portfolio__cta .cta__txt ul {
  padding: 15px 23px 0;
}
.overview__portfolio {
  padding: 2rem 1rem;
  margin-bottom: 1rem;
}
.portfolio__about .portfolio__content p {
  font-size: 18px;
  padding: 2rem 0;
}
.portfolio__cta .cta__txt h3 {
  font-size: 24px;
}
.portfolio__cta .cta__txt p {
  font-size: 19px;
  padding: 14px 0 0;
}
.portfolio__cta .cta__txt ul li {
  font-size: 16px;
  padding: 2px 0;
}
.portfolio__cta .cta__img img {
  margin-top: 0;
}
.portfolio_wrapper .portfolio__about h2 {
  font-size: 22px;
}
.portfolio__cta.languages {
  margin: 5rem 0 0;
  padding: 2rem 0;
}
.portfolio_wrapper .sec-services h3 {
  font-size: 28px;
  margin: 1rem 0;
}
.pl_5 {
  padding-left: 2rem;
}
.portfolio_wrapper {
  padding: 2rem 0 0;
}
.portfolio_wrapper .sec-services .service-box .box-inner .img-area img {
  height: 538px;
}
.portfolio_wrapper .sec-services .service-box .box-inner .img-area ul li {
  height: 31px;
  font-size: 14px;
}
.portfolio__about img {
  margin-top: 1rem;
}
.overview__portfolio h3 {
  font-size: 33px;
}
.overview__portfolio p {
  font-size: 16px;
  text-align: left;
}
.portfolio__about {
  padding: 1rem;
}
.portfolio__about .portfolio__content h4 {
  font-size: 36px;
}
.portfolio_wrapper .portfolio__about button {
  width: 93%;
  font-size: 21px;
  padding: 9px 0;
  margin: 30px 0 0 0;
}
.portfolio_wrapper .portfolio__about button i.fa-arrow-right {
  width: 28px;
  height: 28px;
  line-height: 11px;
  padding: 10px 0;
  font-size: 12px;
  right: 10px;
}
.banner__wrapper .banner__img img {
  width: 100%;
  position: relative;
  top: 2rem;
}
.about_us_banner {
  height: 665px;
  padding: 79px 0 0 0;
}

.cta__home.about_us_ctaa {
  padding: 3rem 2rem;
  margin: 3rem 0;
}
.cta__home__img {
  position: absolute;
  top: 14px;
  right: 31px;
}
.cta__home__img img{
  width: 56px;
}
.our_mission .owl-item.active.center .crd {
  width: 100%;
  left: 0;
}
.our_mission {
  margin: 0 0 6rem 0;
}
.partner h2 {
  font-size: 29px;
  width: 100%;
  margin: 0 auto 2rem;
}
.partner {
  padding: 4rem 0;
}
.partner .inner:hover .detail p {
  height: 182px;
}
.partner .inner .detail p {
  font-size: 14px;
}
}