@media(max-width: 1199px){
  :root {font-size: 15px; line-height:26px;}
}
@media (min-width: 1200px){
  :root {font-size: 16px; line-height:28px;}
}
@media (min-width: 1600px){
  :root {font-size: 16px; line-height:30px;}
}
@media (min-width: 1700px){
  :root {font-size: 18px; line-height:32px;}
}

img{max-width: 100%}

h1, h2, h3, h4,h5{font-family: 'Aloevera'; color: #000; font-weight: bold;}
h6{font-family: 'Aloevera';}
ul, li, p, a{font-family: 'HeyWow'; font-weight: 300; letter-spacing: 0.1px;}

.section-gap{padding:80px 0;}
.common-light-bg{background: rgba(248, 251, 253, 1);}
h2.common-heading{font-size:50px; font-weight:600; color: #060606; margin: 0;}
h6.common-small-heading{font-weight: 400; font-size: 18px; text-transform: uppercase; letter-spacing: 3px;color: #38A72A;}
h1.main-heading{font-size:45px; font-weight:600; color: #060606;line-height: 60px;}
h1.main-heading span{ color: #43B614;}
h2.common-heading span{display: block; color: #43B614;}
.pb-50{padding-bottom:50px;}
.pb-40{padding-bottom:40px;}
.pb-30{padding-bottom:30px;}
.pt-50{padding-top: 50px;}


.main-container{margin: 0 auto; padding: 0 100px;}

.gradiant-text{background: -webkit-linear-gradient(45deg, #0F2C66, #1375AF); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

.gradiant-bg{background-image: linear-gradient(to right, #1472A6 , #3FAF1E);}
.green-bg{background-image: linear-gradient(to right, #1472A6 , #3FAF1E);}

.gradiant-bg-btn{background-image: linear-gradient(to right, #1472A6 , #3FAF1E); font-size: 17px; color: #fff; text-transform: uppercase; border-radius: 4px; padding: 10px 20px; font-weight:400; letter-spacing:1.4px;}
.gradiant-bg-btn:hover{color: #fff;}

.green-bg-btn{background-image: linear-gradient(to right, #1472A6 , #3FAF1E); font-size: 18px; color: #fff; border-radius:100px; padding:10px 20px; font-weight:400; letter-spacing:0.5px; text-transform: uppercase;}
.green-bg-btn:hover{color: #fff;}

.common-btn-wrapper{padding:0; text-align: center;}
a.common-btn{display: flex; width: 215px; margin: 0 auto; justify-content: center; gap: 10px; padding:15px;font-weight: 500;}
a.common-btn span{position: relative; top: 9px; font-size: 14px;}

.banner-btn-wrapper{padding:20px 0 0; display: none;}
.banner-btn-wrapper a{padding:14px 30px 12px 32px; display: inline-block;}
.banner-btn-wrapper a.green-bg-btn{margin: 0 40px 0 0;}
.banner-btn-wrapper a.green-bg-btn span{font-size: 14px; margin: 0 0 0 5px;}
.banner-btn-wrapper a.video-play-btn{color:#242323;}
.banner-btn-wrapper a.video-play-btn span{font-size: 28px; margin: 0 0 0 5px; position: relative; top: 7px; color:#242323;}
.banner-btn-wrapper img{margin: 0 10px;}


.t-b-padding50{padding: 50px 0;}
.text-white{color: #fff;}

a, a:hover{text-decoration: none;}

ul, li{list-style: none;padding: 0;margin:0}
.banner-wrapper{height:auto; position: relative; overflow:hidden;}

.main-banner-cover{margin:0; display: flex; background:#012241 url("../images/main-banner.jpg") center center no-repeat; padding:80px 0; overflow: hidden; background-size: cover;}
.banner-video{position: absolute; left: 0; top: 0; width: 100%; /* height: 100%; */ opacity: 0.5;}
.main-banner-cover .content{z-index: 1;}
.banner-left{padding:0 50px 0 0;}
.banner-right{position: relative;}
.banner-right .main-banner-caption{padding:80px 70px 0;}
.g-rating{position: absolute; right: 30px; bottom: 30px;}
.g-rating img{width: 200px; max-width: 200px;}

.banner-right .main-banner-caption h3, .banner-left .main-banner-caption h3{font-size:16px; font-weight:400; color: #1f94f4; background: #ddd; padding: 10px 20px;
background: #EFF8FF; border-radius: 100px; display: inline-block; font-style: italic; margin:0 0 30px; letter-spacing: 0.5px;}
.banner-right .main-banner-caption h2, .banner-left .main-banner-caption h2{font-size: 60px; font-weight: 600;}
.banner-left .main-banner-caption h2{font-size:16px; color: #02f564; font-weight:400; text-transform: uppercase; letter-spacing: 3px;}
.banner-left .main-banner-caption h2 i{color: #83dc5f;}
.banner-right .main-banner-caption h2 span, .banner-left .main-banner-caption h2 span{color: #40b211;}
.banner-right .main-banner-caption p, .banner-left .main-banner-caption p{color:#A3D2E7; font-size:24px; padding:20px 0 50px; margin: 0;font-weight:300;}

.service-text{height: 90px; overflow: hidden;}
.service-text h4{margin:0; font-size: 60px; width: 100%; font-weight: 600; color: #fff;}
 
.banner-left .swiper-wrapper .swiper-slide img{display: block; margin: 0 auto;}
.banner-left .swiper-button-next, .banner-left .swiper-button-prev{color: #6e97ac;}
.banner-left .swiper-button-next::after, .banner-left .swiper-button-prev::after{font-size: 26px;}

ul.banner-free-list{display: flex; margin:0 0 30px; gap: 20px;}
ul.banner-free-list li{color: #ffffff; display: flex; justify-content: center; align-items: center; gap: 10px; padding: 8px 25px 8px 20px; border-radius: 100px;font-size: 18px;}
ul.banner-free-list li span{font-size: 26px; color: #40b211;}
ul.banner-free-list li img{width: 24px;}

.banner-btn-wrapper img.iso{width: 100px;}
.banner-btn-wrapper img.clutch{width: 100px;}
.banner-btn-wrapper img.award{width: 110px;}

.client-wrapper h2.common-subheading{font-size: 32px;
  letter-spacing: 2px;
  color: #0b0b0b; margin:0 0 20px; font-weight: 500;}
.marquee_section{
  white-space: nowrap;
  overflow: hidden;  
  margin-top: 0px;
}

.marquee_row{
  animation: marquee 20s linear infinite;display: flex;align-items: center;height: 80px;
}

.marquee_row li{
  color: #000;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 110%; /* 28.6px */
  letter-spacing: -0.52px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  gap: 30px; padding: 20px 0;
  
}

.marquee_row li img{max-width: 215px; border-radius: 10px; box-shadow: 0 0 20px #bfd6da3d;}


/* @keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
} */


.banner-circle{opacity:0.15; position: relative; top: -50px; z-index: 0;}
.banner-circle{
	animation: rotate 18s ease-in-out 1s infinite alternate-reverse;
  -webkit-animation: rotate 18s ease-in-out 1s infinite alternate-reverse;
  -o-animation: rotate 18s ease-in-out 1s infinite alternate-reverse;
}


@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(45deg);
  }
  50% {
    transform: rotate(45deg);
  }
  0% {
    transform: rotate(0deg);
  }
}
.menu-circle{position: absolute; top:0;}
.carousel-control-next-icon, .carousel-control-prev-icon{background: none;}
.carousel-control-prev{left:30px;}
.carousel-control-next{right:30px;}

::-webkit-input-placeholder { /* Edge */
  color: #747474 !important;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #747474 !important;
}

::placeholder {
  color: #747474 !important;
}

.enquire-now-btn i.fa-envelope{margin-right:8px;}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl{flex-wrap: nowrap;}
.top_navigation{position: absolute;width: 100%;z-index: 9;top: 0; background: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 10px 0;}
.header_sticky{background-color:#fff; position: fixed;left: 0; top: 0; width: 100%; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); border: 0;}
.content{max-width: 1920px;padding-left: 100px;padding-right: 100px; margin-left: auto;margin-right: auto;}
/* .navbar.header_sticky{padding: 0.5rem 0;} */

.btn-close{background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/14px auto no-repeat}

.innerpage .icon--menu{stroke: #000;}
.innerpage .header_sticky .icon--menu{stroke: #fff;}
.alert-success{color: #2f9e3f;
    background-color: #fff;
    border-color: #2f9e3f;
    text-align: center;
    max-width: 400px;
    padding-right: 0;
    margin: auto;}

.alert-success h5{font-size: 2rem; color: #2f9e3f;}
.carousel-item{height:100vh; padding-top:5%;}
.carousel_caption{}
.carousel-inner h1{font-size:60px; margin:20px 0; 
  background: -webkit-linear-gradient(45deg, #1370A8, #41B215);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.carousel-inner p{font-size: 1.1rem; font-weight:300; color: #000;}
.carousel-inner p.mobile{display: none;}
.category_tag{display: inline-block;padding: 5px 12px;font-size: 14px; font-weight: 300;background-color: #253A6D;font-style: italic; text-transform: uppercase; letter-spacing: 0.2rem;}
.carousel_caption a{display: inline-block; margin-top: 20px;}
.carousel_caption a i{font-size: 26px;vertical-align: sub;margin-left: 5px;}
.carousel-control-next-icon, .carousel-control-prev-icon{width: 42px;}
.carousel-control-next, .carousel-control-prev{opacity: 1; width: 50px;}

.about_pixel{background-color: #F5F8F6;}
.page_title{text-transform: uppercase;}
.page_title:after{content: "";display: block;width: 180px;margin: auto; margin-top: 12px;height: 4px; background-color: #41B212;}
.page_title_left{font-weight: 500;}
.page_title_left:after{content: "";display: block;width: 180px;margin-top: 12px;height: 4px; background-color: #41B212;}
.small_content{max-width: 1220px;}
.btn_read_more{border-radius:100px; display: inline-block;padding:10px 30px;font-weight:400;text-transform: uppercase;color: #000 !important; font-size:16px; letter-spacing:0.5px; background:#fff; width: 100%; text-align: center; border:1px dashed #c9c9c9;}
.service_col{background: #FFFFFF;border: 1px solid #DEDEDE;padding: 30px 40px 20px;isolation: isolate; position: relative;}
.service_col h5{text-transform: uppercase;}
.service_title_icons{display: flex;align-items: center;justify-content: space-between;}
.service_title_icons h5:after{content: "";display: block;height: 2px;background-color: #41B212;width: 60px; margin-top: 10px;}
.icon_service{font-size: 2.5rem;color: #41B212}
.services_list li{display: block; margin-top: 10px; padding-top: 10px; border-top: 1px dashed #BFBFBF;position: relative; padding-left: 30px;}
.services_list li:before{content: "\e90e";display: block;font-family: 'icomoon';position: absolute;left: 0;top:12px;color: #41B212; font-size: 1.21rem;}

.service_col{position: relative; overflow: hidden;}

.service_col .content-overlay {
  background: linear-gradient(90deg, rgba(77, 160, 45, 0.8) 0%, rgba(25, 131, 191, 0.8) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  z-index: 9;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.service_col:hover .content-overlay{opacity:1;}
.service_hover {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  z-index: 9;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.service_col:hover .service_hover{top: 50%;left: 50%;opacity: 1;}
.fadeIn-bottom{top: 80%;}

.service_col:hover li,
.service_col:hover h5,
.service_col:hover i,
.service_col:hover li:before{color: rgba(107, 175, 100, 0.5);}
.service_col:hover h5:after{background-color: rgba(107, 175, 100, 0.5);}
.service_col:hover h5:after{background-color: rgba(107, 175, 100, 0.5);}

.btn_explore_more{background: #000000;display: inline-block; padding:6px 20px;color: #fff!important;font-weight: 400; font-size: 14px; text-transform: uppercase; letter-spacing: 0.2rem;}
.btn_explore_more i{margin-left: 6px;font-size: 18px;vertical-align: sub; color: #fff !important;}
.btn_our_work{background: #41B212;border-radius: 100px;display: inline-block; padding:6px 30px;color: #fff!important;font-weight: 400; font-size: 15px; text-transform: uppercase;letter-spacing:0.1rem; margin-top: 20px;}
.latest_work{background: url(../images/bg-our-work.html) center center no-repeat; background-size: cover;color: #fff;}
.latest_work h1{color: #fff;}
.latest_work img{width: 100%}

/*OUR WORKS CSS*/
.latest_work .container-fluid{padding-left: 0;padding-right: 0;}
.latest_work .row{margin-left: 0;margin-right: 0;}
.latest_work .col-md-3{padding-left: 0;padding-right: 0;}
.latest_work .small_content > p{font-weight: 500}

.project-log{padding: 20px 0;}
.project-log img{height:30px;display: flex !important; opacity: 0.5;} 

.slider-work .col-md-3 {padding: 25px 0 25px 25px;margin: 10px;background: rgba(16, 37, 71, 1);
  border-radius: 20px; border: 2px solid transparent;
}

.slider-work .col-md-3:hover {
  border: 2px solid rgba(25, 103, 230, 1);
  box-shadow: inset 0px 4px 10px 10px rgba(13, 77, 240, 0.2),
              0px 4px 10px 10px rgba(13, 77, 240, 0.3);
  transition: all 0.3s ease-in-out;
}

.slider-work .slick-slide{width: 420px !important;}

/* .slider-work img {width: 100%;} */

.slider-buttons {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 15px;
}
.slider-buttons button {
  background: transparent;
  border: none;
  cursor: pointer;
  margin-left: 10px;
}
.slider-buttons img {
  width: 30px;
}



a.hoverAction{display: block; overflow: hidden; position: relative; height: 450px; width: auto; transition: all 0.4s ease-out;}
.hoverEffect{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; position: absolute; top:0; left: 0; z-index: 1; background:rgba(0, 53, 124, 0.9); opacity: 0;vertical-align: middle; transition: all 0.4s ease-out;}
.hoverEffect{text-align: center; padding-left: 20px;padding-right: 20px;}
.hoverEffect .btn_explore_more{font-size: 14px;}
.hoverEffect h4{font-size: 20px; text-transform: uppercase; font-weight: 500; color:#fff; text-align: center; line-height: 30px;}


.work_desc p{font-size: 30px;font-weight:bold;color: #414141; line-height: 50px;}
.work_desc p span{font-weight:bold;color: #41B212;}
.how_do_we_design{background-color: #F5F8F6;}
.how_do_we_design_col{background: #FFFFFF;box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);padding: 30px 40px;color: #363636; height: 100%}
.how_do_we_design_col p{margin-top: 10px;}
.design_col_title_icons{display: flex;align-items: center;justify-content: space-between;}
.design_col_title_icons h5{text-transform: uppercase;}
.design_col_title_icons h5:after{content: "";display: block;width: 60px;height: 2px;background-color: #41B212;margin-top: 10px;}
.design_col_title_icons i{font-size: 2.4rem;color: #41B212}
.client-logo-wrapper{background: #fff;}
.client-logo-wrapper li{text-align:center;}

#blogs{position: relative;}

#blogs:before{content: "";background: #0D2F63;width: 100%;height: 50%; position: absolute;display: block; z-index:1; top: 0;}

#blogs .content > h1, #blogs .content > p{color: #fff;}

.col_blogs{background: #fff; height: 100%; border-radius: 10px; overflow: hidden; border: 1px solid #ddd;}

a.blog-link:hover .col_blogs{box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
a.blog-link .col_blogs img{transition: all 0.5s ease-in-out;}
a.blog-link:hover .col_blogs img{transform: scale(1.1);}
.blog-wrapper{position: relative; z-index: 2;}

.blog_content{padding:30px}

.col_blogs p{font-size: 16px;}

.col_blogs h5{font-size: 24px;}

.col_blogs h5:after{content: "";display: block;height: 2px;width: 60px;background-color: #41B212;margin-top: 10px;}

.btn_read_more_outline{display: inline-block;padding: 7px 20px; border: 1px solid #41B212;text-transform: uppercase;font-size: 14px;color: #363636 !important;font-weight: 400; margin-top: 20px;}

.btn_read_more_outline i{color: #41B212;font-size: 23px; vertical-align: sub; margin-left: 5px;}

.footer_enquire{background: url(../images/bg-footer-enquire.html) top right no-repeat;background-size: cover;}

.footer_enquire h1{font-weight: 600;font-size: 40px; color: #fff;}

.input-group{position: relative;}

.input-group-text{position: absolute;left: 6px;top: 10px; z-index:4;background: none;border: 0; font-size: 1.4rem;color: #B7B7B7}

.form-control{padding:14px 25px;border-radius: 0;border:0; font-size: 16px;font-weight: 400; color: #000; }

.submit_now_btn{max-width: 600px;padding:14px 10px; background: #000000;border-radius: 100px; width: 100%;color: #fff !important;font-weight: 500;text-transform: uppercase; font-size: 16px;}

.submit_now_btn i{margin-left: 6px;}

#footer_row{color:#9e9e9e; font-size: 16px;}

.footer_pixel_design img{margin-bottom: 20px; width: 300px;}
.footer_pixel_design h2{color: #fff; font-size: 50px; font-weight: 600;}
.footer_pixel_design h2 span{color: #41B212; display: block;}

.office_address h5{margin-bottom: 15px; color: #fff; text-transform: uppercase; font-size:18px; font-weight: 600; margin: 0;}

.address_row{padding: 0 0 30px; display: flex; gap: 30px;}
.address_row .address-box{padding: 20px; border: 1px solid #3b62a2;}
.address_row .address-box img{margin: 0 0 30px; width: 35px;}
.address_row .address-box p{margin: 0;}

.address_row i{margin-top: 6px; margin-right: 10px;font-size: 20px;color: #41B212}

.quick_link h5, .social_media h5{margin-bottom: 15px;color: #fff;text-transform: uppercase;font-size: 20px;font-family: 'Montserrat', sans-serif;font-weight: 600;}

.quick_link ul li{line-height: 36px;}

.quick_link ul li a{color: #F2F2F2;font-weight: 400; transition: all 0.3s;}

.quick_link ul li a:before{content: "\e90e";display: inline-block;font-size: 18px;font-family: 'icomoon';vertical-align: middle; margin-right: 8px; color: #41B212;}

.quick_link ul li a:hover, 
.quick_link ul li.active a{color: #41B212;font-weight: 500;}

.social_media li{display: inline-block;margin-right: 5px;}

.social_media li:last-child{margin-right: 0;}

.social_media li a{background-color: #000;display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 50%;color: #fff !important;transition: all 0.3s;}

.social_media li a:hover{background-color: #41B212;}

.footer_copyright{text-align:center; color: #898989; font-size: 14px; padding: 10px; text-transform: uppercase;}

.footer_pixel_design li{margin-top: 10px;}

.footer_pixel_design li a{color: #F2F2F2;font-weight: 500;}

.footer_pixel_design li a i{color: #41B212; margin-right: 5px;}

.footer_pixel_design li a i.fa-phone{font-size: 20px;}

.banner_inner{height: 560px; display: flex;align-items: center; color: #fff; margin: 86px 0 0; align-items: center;}

.banner_inner_text h1{color: #fff; font-size: 50px;}

.bredcrum_list{display: flex; align-items: center;font-family: 'Heading';font-weight: 300;margin-bottom: 20px; text-transform: uppercase;}

.bredcrum_list li a{color: #fff;}

.bredcrum_list li{margin-right: 12px;font-size: 18px;color: #fff;}

.bredcrum_list li.active{font-style: italic;}

.bredcrum_list span.icon-right-arrow-1{font-size: 14px;}

.big-para{font-weight: 1.2rem;font-weight: 600;color: #41B212;}

.about_wrapper{background-color: #F5F8F6;}

.about_wrapper > .content{max-width: 90%;margin: 0;}
.about-wrapper .about-content{max-width: 90%; margin: 0;}

.mission_content{color: #fff;text-align: center; padding:150px 50px; height: 100%}

.mission .row{margin-left: 0;margin-right: 0;}

.mission .col-md-6{padding-left: 0;padding-right: 0;}

.mission_content h4{font-size:70px;text-transform: uppercase; color: #fff;}

.mission_content p{font-weight:300; margin-top: 20px; font-size: 22px; text-align: center;}

.mission_content h2.common-heading{color: #fff; font-size:80px; text-align: center; font-weight: 600;}

.service_content{background: linear-gradient(90deg, #4D8158 0%, #5FA16E 100%);color: #fff;text-align: center;padding: 50px; display: flex;align-items: center;justify-content: center;height: 100%}

.service_content2{background: linear-gradient(90deg, #2A739C 0%, #1C85BE 100%);color: #fff;text-align: center;padding: 50px; display: flex;align-items: center;justify-content: center;height: 100%}

.service_content h4, .service_content2 h4{font-size: 32px;text-transform: uppercase;}

.service_content p, .service_content2 p{font-weight: 300; margin-top: 20px;}

.service_content h4:after, .service_content2 h4:after{content: "";display: block;height: 2px; background-color: #fff;margin:auto;margin-top: 10px; width: 100px;}

.service_listing li{display: inline-block;font-size: 18px;margin-top: 12px;position: relative; padding-left: 24px; margin-left: 15px;}

.service_listing li:before{content: "\e912"; font-size: 17px; font-family: 'icomoon'; display: inline-block;position: absolute;left: 0;}

.service_listing li:first-child{margin-left: 0px;}

.btn_view_details{display: inline-block;padding: 7px 20px; border: 1px solid #FFF;text-transform: uppercase;font-size: 16px;color: #FFF !important;font-weight: 500; margin-top: 40px;}

.btn_view_details i{color: #FFF;font-size: 23px; vertical-align: sub; margin-left: 5px;}

.service_content_inner{text-align: left;width: 100%}

.service_content_inner h5{color: #fff;text-transform: uppercase; font-weight: 500; font-size: 30px;}

.service_content_inner h5:after{content: "";display: block;height: 2px; background-color: #fff;margin-top: 10px; width: 60px;}

.capitalize{text-transform: capitalize;}

.team_thumb_col{height: 100%;}

.team_caption{padding:30px 0 0;}

.team_caption h5{font-weight:600;color: #102E68; text-transform: uppercase; margin: 0; padding: 0;}

/* .team_caption h5:after{content: "";display: block;margin-top: 10px;height: 2px;background-color: #41B212;width: 60px;} */

.team_caption p{font-size: 16px;text-transform: uppercase;color: #000;}

label.error{color: #ffd9d9;font-size: 13px;width: 100%;display: block; margin-top: 
6px;}

.branding_listing{padding-top: 10px;padding-left: 0;}

.branding_listing li{display: block;font-size: 18px;margin-top: 12px; position: relative;padding-left: 35px;font-weight: 500}

.branding_listing li:before{content: "\e912"; display: inline-block;margin-left: 6px; font-family: 'icomoon'; position: absolute;left: 0;}

.branding_listing li:last-child:after{display: none;}

.banner_inner_text h5{color: #fff;}

.contact_content{padding: 0;background-color:#F7F7F7}

.contact_address{padding: 50px;font-size: 18px;}

.contact_address h5:after{height: 2px;content: "";display: block;width: 120px;background-color: #41B212;margin-top: 10px;}

.contact_address h6{text-transform: uppercase;color: #303030;font-weight: 600;}

.contact_form{padding: 50px; height: 100%; background: linear-gradient(90deg, #2A8764 0%, #145DB2 100%);}

.contact_form h1{color: #fff;}

/* .contact_form h1:after{margin-right: 0;margin-left: 0;} */

.contactnumber li{display: block;margin-top: 10px;font-weight: 500;}

.contactnumber li a{color: #252525;}

.contactnumber li a i{color: #41B212; margin-right: 5px;}

.contactnumber li a i.fa-phone{font-size: 1.5rem;}

.contact_address ul.row > li{border-right: 1px solid #CCC;}

.contact_address ul.row > li:last-child{border-right: 0;padding-left: 25px;}

.contact_form .submit_now_btn{max-width: 60%; padding:10px;}

.contact_form .submit_now_btn i{font-size: 1rem;}

.bg_grey_detail{background-color: #F5F8F6}

.detail_controls{display: flex;align-items: center;justify-content: space-between;}

.detail_controls a{background: #FFFFFF;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05); display: flex;align-items: center;justify-content: center; padding: 10px 40px; text-transform: uppercase;}

.detail_controls a i{font-size: 36px;color: #41B212}

.detail_controls a.detail_prev i{margin-right: 10px; transform: rotate(180deg);}

.detail_controls a{color: #000;font-weight: 500;}

.detail_controls a.detail_prev i{margin-right: 10px; transform: rotate(180deg);}

.detail_controls a.detail_next i{margin-left: 10px;}

.detail_controls a.detail_prev.disabled,
.detail_controls a.detail_next.disabled,
.detail_controls a.disabled i{color: #C0BEBE;cursor: not-allowed;}


/* CSS By Bharat */

.pb-5 {padding-bottom: 4rem!important;}
.pt-5 {padding-top: 4rem!important;}

.page_title{padding-bottom: 1.5rem; letter-spacing: 0.1rem;}
.social_media li a.whatsapp-icon{width: 50px; height: 50px; font-size: 30px;}
.icon_service{position: relative; top: -15px; right: -15px;}
.latest_work .small_content > p{font-size: 20px;}

.bredcrum_list li{font-size:16px;}
.service_listing li, .branding_listing li{font-size:16px;}
.btn_view_details{font-size:14px;}
.service_listing li:before, .branding_listing li:before{font-size: 16px; color: rgba(255,255,255,0.5);}

.project-thumb-shaddow{box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05);}

.footer_enquire{position:relative;}
#EnquireNow{position:absolute; top:-76px;}

.services-wrapper .col-md-6 img.img-fluid{height:100%;}


/* CSS For New Design - 02 May 2023 */
.home-about-wrapper{padding:60px 0 0px; position: relative;}
.home-about-wrapper .home-about-content{padding: 0 6rem 0 0;}
.home-about-wrapper .home-about-content .page_title:after{margin:0;}

.about-creative{position: absolute;}
.about-creative.left{ top: 100px;}
.about-creative.right{right: 50px; bottom: 100px;}

.banner_form{border-radius:10px;background-color: #131430;padding: 35px;max-width: 500px;float: right;width: 100%}
.banner_form .form-control{padding-left: 40px;}
.banner_form h5{color: #fff; text-align: center; margin-bottom: 15px;}
.banner_form h5:after{display: block;height: 2px;background-color: #41B212;content: "";margin:auto;margin-top: 10px; width: 100px;}
.field_row{margin-top: 15px;}
.field_row .field_icon{position: absolute; color: #000;}
.field_icon i{color: #5c6772;}
.field_icon {position: absolute;left: 12px;top: 11px;}
.field_icon i.fa-envelope{font-size: 17px;}
.btn_submit {border-radius: 5px;background-color:#41B212;color: #fff;width: 100%;text-transform: uppercase;font-weight:500;font-size: 15px;letter-spacing: 0.1rem;padding: 10px;border: 0;}

.price-wrapper{background: #f5f9ff;}

.price-pack-wrapper{padding:4rem 0 2rem;}
.price-pack-wrapper.bg{padding:4rem 0 5rem; background:#F5F8F6;}
.price-heading-wrapper{padding-bottom:2rem;}
.price-pack{background:#fff; border-radius:10px; border: 1px solid #cacaca;}
.price-pack-wrapper.bg .price-pack{background:#fff;}
.price-pack-wrapper .header{background:#fff; padding:18px 16px 12px; border-radius:0; border-bottom:2px solid #e4ede4; position: sticky; top: 98px; z-index:3;}
.price-pack-wrapper .bottom-content{padding:2rem;}
.price-pack h5{color: #000000;font-size:30px; margin: 0; font-weight: 600;}
.price-pack h5 span{display:block; font-style: italic; font-size: 26px; font-weight:400; margin:0; padding: 6px 20px; border-radius: 100px;}
.price-pack h6{text-transform: uppercase; font-size: 16px; padding:14px 0 5px; font-weight: 300; margin: 10px 0; background:#f6fcff; border-radius: 10px;}
.price-pack h6 span{padding: 0; font-size: 54px; color: #40b211; font-weight: 700; display: block;}
.price-pack .header p{margin:0; color: #000000; text-align: center;}

.price-pack .bottom-content{padding: 20px 70px 0;}
.price-pack p{font-size: 16px; text-align: left;}
.price-pack p.note{font-size: 14px; padding: 20px 0;margin: 0;font-style: italic;color: #db832e;}
.price-pack ul{padding:1rem 0 0;}
.price-pack ul li{font-size: 16px; padding:8px 0 0 30px; border-bottom: 1px solid #ddd; text-align: left;}
.price-pack ul li img{margin: 0 14px 0 0;}
.price-pack ul li.blure{filter: blur(3px);}

.price-pack ul li.no{background:url("../images/close.svg") 0 17px no-repeat; background-size:12px;}
.price-pack ul li.yes{background:url("../images/tickmark.svg") -5px 10px no-repeat; background-size:23px;}
/* .price-pack ul li b{color:#1ba741;} */
.price-pack .custom-pack{padding:1rem 0;}

.price-pack h5 span{color: #1f6bd5;}
.classic-plan h5 span{color: #cf1fd5;}
.premium-plan h5 span{color: #40b211;}

.silver-plan h5 span{color: #6b7d95;}
.gold-plan h5 span{color: #c6900a}

.custom-plan h5 span{text-transform: capitalize; font-size: 26px; padding: 0 0 5px;}

.our-work .about-btn-wrapper{padding: 50px 0 0; line-height: normal;}
.our-work .about-btn-wrapper a{text-transform: uppercase; padding: 16px 40px;}

.float-cta{position: fixed; z-index: 5; right:50px; bottom:20px;transition: bottom 0.3s ease-in-out; /* smooth animation */}
.float-cta .btn_read_more{border-radius:5px 5px 0 0; padding: 10px 20px;}

ul.common-social li{padding: 10px 0 0;}
ul.common-social li a{color: #fff; font-size: 22px;}

ul.common-social li a.whatsapp-icon{padding:0; color: #fafff8; font-size: 42px; width: 60px; height: 60px; display: block;
text-align: center; background: #40b211; border-radius: 100px;}
ul.common-social li a.whatsapp-icon img{position: relative; top: -5px;}

#FormModal .modal-dialog {max-width: 550px;}
#FormModal .modal-content{background-color: #0d2f63; border-radius: 10px;}
.form_modal_content .form-control{padding-left: 40px;}
.form_modal_content{padding:30px 20px 20px;}
.form_modal_content h5{color: #fff; text-align: center; padding: 0 0 20px;}
.form_modal_content h5:after{content: "";display: block;margin:auto;margin-top: 10px;height: 2px; width: 100px;background-color: #41B212}
.modal-backdrop.show{opacity: 0.80}



.btn-close, .btn-close:hover{position: absolute;right: 0px;background-color: #41B212;opacity: 1;border-radius: 0;z-index: 2; padding: 10px;}
.modal-body{padding: 0;}

.footer_enquire .btn-close{background-color: transparent;}
.footer_enquire .btn-close:hover{background-color: transparent; padding:1.25rem 1rem;}

.thankyou_page{text-align: center; padding: 100px 20px; padding-top: 150px;}

.intro-video-wrapper{background: #0D2F63 url("../images/video-bg.png") 50% 50% no-repeat;}
.intro-video-wrapper h2{color: #fff; font-size: 50px;}
.video-wrapper{width: 800px; margin: 50px auto 0; border: 10px solid #fff; border-radius: 10px; background:#0d2f63;}
.video-wrapper img{}

#VideoModal .modal-content{background:#0d2f63;}

.whatWeDo-box{border: 1px solid #CEDBE9; border-radius: 10px; padding: 30px; margin: 30px 0 0; transition: all 0.5s ease-in-out; transform: scale(1); position: relative; overflow: hidden;}
.whatWeDo-box h4{font-size: 24px; font-weight: 500; margin: 0; padding: 20px 0 0;}
.whatWeDo-box:hover{box-shadow: 0 0 30px rgba(23, 100, 138, .2); border: 1px solid #0D2F63; transform: scale(1);}
/* a.whatWeDo-anchor .whatWeDo-box img{filter: grayscale(1);}
a.whatWeDo-anchor:hover .whatWeDo-box img{filter: none;} */

.whatWeDo-box{position: relative; cursor: pointer;}
.whatWeDo-box .content{position: absolute; width: 100%; height: 100%; padding:30px; text-align: left; left: 0; top:400px; transition: all 0.5s ease-in-out; background:#0D2F63;}
.whatWeDo-box .content h5{color: #fff; font-size: 22px; font-weight: 500;}
.whatWeDo-box .content p{color: #88a8db; margin: 0; font-weight: 200; line-height:28px; font-size: 18px;}
.whatWeDo-box .content img.close-icon{position: absolute; right:10px; top:10px; width:26px; max-width:26px;}
.whatWeDo-box img.info-icon{position: absolute; right:14px; top:14px; width:30px; max-width:30px; display: none; cursor: pointer;}
.whatWeDo-box a.detail-anchor{display: none; position: absolute; top:34%; left: 40%; width:70px; height:70px; background:#000000;
border-radius: 100px; border: 4px solid #fff; box-shadow: 0 0 10px #ddd; padding: 20px 0 0;}
.whatWeDo-box a.detail-anchor span.icon-Vector-2{font-size:22px; color: #ffffff;}
.whatWeDo-box:hover a.detail-anchor{display: block;}

.whatWeDo-box:hover img.info-icon{display: block;}
.whatWeDo-box.active .content{top: 0;}

.how-we-work-box{background: #fff; padding: 30px; border-radius: 10px; margin: 30px 0 0; min-height: 350px; box-shadow: 0 0 30px #dddddd87;}
.how-we-work-box .icon-wrapper{height:88px;}
.how-we-work-box .icon-wrapper span{font-size: 60px; color: #40b211;}
.how-we-work-box .icon-wrapper span.icon-how-we-wrok3, .how-we-work-box .icon-wrapper span.icon-how-we-wrok4{font-size: 55px;}
.how-we-work-box h4{font-weight: 700; font-size:30px;}
.how-we-work-box p{margin: 0; letter-spacing: 0; color: #707070;}

.we-craft-digital-wrapper{position: relative; margin: 50px 0 0; background: #E4EFFF; padding: 50px 20%; overflow: hidden; border-radius: 10px;}
.we-craft-digital-wrapper p{color: #0D2F63; font-weight: 400; margin: 0;}
.we-craft-digital-wrapper span.line{width: 80px; height: 3px; background: #43B614; display: block; margin: 20px auto;}
.we-craft-digital-wrapper h2{color: #0D2F63; font-size: 50px;}
.we-craft-digital-wrapper h3{color:#4d4d4d; font-size: 32px; font-weight: 200; margin: 20px 0 0;}

.how-we-work-wrapper.why-choose-wrapper .how-we-work-box{min-height: 248px; padding: 40px;}
.services-box{padding:26px 20px; background:linear-gradient(45deg, #ecfbff, #f4fff6); border-radius: 10px; margin: 30px 0 0; position: relative; transition: all 0.5s ease-in-out; transform: scale(1); border:1px solid #95bcce; display: flex; gap:20px; justify-content: start; align-items: center; min-height: 110px;}
.services-box .icon-thumb span{font-size:50px; color:#000;}
.services-box .icon-thumb img{width: 34px;}
.services-box .icon-thumb img.first{width: 36px;}
.services-box h2{margin: 0; font-size:22px; font-weight:600; color: #143a64;line-height:26px;}
.services-box .arrow{position: absolute; opacity:0; right: 30px; bottom: 34px; color: #000000; transition: all 0.5s ease-in-out;}
.services-box .arrow span{font-size: 22px;}

.services-anchor:hover .services-box{transform: scale(1.1); border:1px solid #578992;}
.services-anchor:hover .services-box.alternate{border:1px solid #9e7d58;}
.services-anchor:hover .services-box .arrow{color: #000000; opacity: 1;} 

.our-work{background: #f5f9ff;}
.our-work .hoverAction .project-d{padding: 20px 0;}
.our-work h2.common-heading, .our-work p{color: #ffffff;}
.our-work p{margin: 0 0 26px;font-size: 20px;color: #B4C7E6;line-height: 38px;}
.MobileHidePara{font-size: 20px;color: #686868;line-height: 38px;}
.technology-wrapper h5{font-weight: 500; color: #2D6593; margin: 0; padding: 0 0 50px;}

.technology-wrapper ul.logo-wrapper li{padding:14px 20px; height:80px; text-align: center;
     display: flex; overflow: hidden; justify-content: center; gap:0; 
     align-items:center; background: #fff; border: 1px solid #BAD5EB;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(228, 235, 242, 1);
    border-radius: 10px;}

.technology-wrapper ul.logo-wrapper li img{width: auto; display: block;}
.technology-wrapper ul.logo-wrapper li p{margin: 0; font-size: 20px; line-height: 120%; font-weight: 600; padding:0;}
.technology-wrapper ul.logo-wrapper.full-width li{height: 70px; padding: 10px 20px;}
.technology-wrapper ul.logo-wrapper.full-width li img{max-width: none;}

.our-testimonial p.para{padding: 0 0 40px; color:#575757;}

.faq-wrapper{padding: 0 0 100px;}
.faq-container{padding: 30px 0 0;}
.accordion-item{padding: 20px; border: 1px solid #d6e1f1; margin: 0 0 15px; border-radius: 10px !important; overflow: hidden;}
.accordion-item .accordion-header button.accordion-button[aria-expanded="true"]{margin: 0; padding: 0; font-weight: 600; font-size:28px;}
.accordion-item .accordion-header button.accordion-button:focus{border: 0; outline: 0;}
.accordion-item .accordion-button{padding: 0;}
.accordion-button{font-size: 28px; font-weight: 500;}
.accordion-button:not(.collapsed){box-shadow: none; background: none; color: #0e2f64;}
.accordion-body{padding: 20px 0 0;}
.accordion-body p:last-child{margin: 0;}
.accordion-item:not(:first-of-type){border-top:1px solid #d6e1f1;}

.faq-container .accordion-body p{margin: 0 0 16px; line-height: 24px;}
.faq-container .accordion-body p b{display: block; color: #60b140; font-weight: 500;}
.faq-container .accordion-body ul{padding: 0 0 20px 20px;}
.faq-container .accordion-body ul li{list-style:disc; margin: 0 0 0 10px;}

.footer-contact-wrapper{background: #0e2f64;}

.digital-partners .partner-box{padding: 30px; background: #fff; display: flex; justify-content: center; min-height: 240px; border-radius: 10px; border: 1px solid #b9d1f4; margin: 40px 0 0;}

.footer-contact-left, .footer-contact-right{width: 100%;}

.footer-contact-left{padding: 50px 0 0;}

.footer-contact-left h3{font-size: 44px; font-weight: 200; color: #fff;}
.footer-contact-left h2{font-size: 54px; margin: 30px 0; color:#02f564;}
.footer-contact-left ul li{padding: 0 0 10px; display: flex; justify-content: left; align-items: center; gap:16px;}
.footer-contact-left ul li span{color: #b3e7ff; font-size: 22px;}
.footer-contact-left ul li a{font-size: 20px; font-weight: 400; color: #fff;}
.footer-contact-left ul li a:hover{text-decoration: underline;}

.office_address h6, .address_row p{color: #fff;}
.office_address h6{text-transform: uppercase; font-size: 20px; letter-spacing: 3px; color: #84b1f8;}


.form-wrapper{padding: 30px 25px 40px 25px; background: #fff; border-radius:30px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);}
.form-container h2.common-heading{font-size: 34px; margin:0; text-align: center; font-style: italic; padding: 0;}
.form-container h2.common-heading span{display: block; width: 50px; height: 3px; background:#43B614; margin:10px 0 0;}
.form-container .btn-wrapper button.cta-btn{width: 100%; background-image: linear-gradient(to right, #1472A6, #3FAF1E); text-transform: uppercase; border: 0; padding: 14px; padding: 15px 20px; border-radius: 100px; font-weight: 600;
  font-size: 22px;}
.form-container p{text-align: center; padding: 0 0 20px; margin: 0;}

.form-wrapper .mb-4{margin-bottom: 1rem !important;}
.form-wrapper .mb-4 img.user{width: 18px;}

.form-wrapper .btn-wrapper{padding: 20px 0 0;}

.inner-banner-left{padding:50px 80px 0 0;}
.inner-banner-left h2{color: #fff; font-size: 50px;}
.inner-banner-left p{margin: 0; font-size: 20px;margin-top: 20px;}

.about-page .about-more-content{display: block;}
.about-page .home-about-wrapper{padding:100px 0 60px;}
.about-page .whatWeDo-box{background: #fff;}
.about-page .we-craft-digital-wrapper{margin: 0;}
.about-page .footer-contact-wrapper{padding: 0 0 100px;}

.team-wrapper{padding:50px 0;}

.innerpages-wrapper .banner-btn-wrapper a.video-play-btn{color: #fff; letter-spacing: 1px;}
.innerpages-wrapper .banner-btn-wrapper a.video-play-btn span{color: #fff; margin: 0 0 0 8px;}

/* The dropdown container */
.desktop_menu li#dropdown {padding: 12px 5px; font-size: 18px; text-transform: uppercase; font-weight: 400; color: #6e6d6d; cursor: pointer; position: relative;}
.desktop_menu li#dropdown a.dropdown-m{}

/* Dropdown button */
.desktop_menu li#dropdown .dropbtn {font-size: 16px; border: none; outline: none; color: rgb(11, 10, 10); padding: 14px 16px; background-color: inherit;
font: inherit; /* Important for vertical align on mobile phones */ margin: 0; /* Important for vertical align on mobile phones */}

/* Dropdown content (hidden by default) */
.dropdown-content {display: none; position: absolute; background-color: #fff; width:800px; left:-300px; top: 82px; z-index: 1;
border-radius: 10px; box-shadow:0 10px 20px rgba(0, 0, 0, 0.2);}

/* Show the dropdown menu on hover */
.desktop_menu li#dropdown:hover .dropdown-content {display: block;}

.dropdown-content .column {float: left; width:50%; padding: 10px;}

/* Style links inside the columns */
.dropdown-content .row:after {content: ""; display: table; clear: both;}


ul.dropdown-menu-link{padding:5px 20px;}
ul.dropdown-menu-link li{margin: 0;}
ul.dropdown-menu-link li a{border-bottom: 1px solid #ddd; text-transform: capitalize; font-weight: 300; color: #424242 !important; font-size: 17px; padding: 10px 5px;}
ul.dropdown-menu-link li:last-child a{border: 0;}
ul.dropdown-menu-link li a::after{display: none;}
ul.dropdown-menu-link li a span{margin: 0 10px 0 0; font-size: 14px; color: #43B614;}
ul.dropdown-menu-link li a:hover{color: #000; border-bottom: 1px solid #43B614;}

.inner-service-page .home-about-wrapper{padding:80px 0 0;}
.service-feature-list-wrapper{padding: 0 0 60px;}
ul.service-feature-list{display: flex; gap: 25px; justify-content: center; align-items: center; margin: 0 0 25px; flex-wrap: wrap;}
ul.service-feature-list li{padding: 16px 25px; border: 1px solid #B9D0EA; border-radius: 10px; line-height: 24px; font-size: 20px; font-weight: 400; display: flex; gap:15px; align-items: center; color: #252d33; width: 350px;}
ul.service-feature-list li span{width: 46px; height: 46px; border-radius: 100px; background: #5080B7; display: flex; justify-content: center;
align-items: center;}

.process-wrapper{}

.navbar a.mobile-menu-nav-show{display: none;}


/* Thankyou Tick Animation */
  .checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #2f9e3f;
    fill: none;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
  }

  .checkmark {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    stroke-width: 2;
    stroke: #2f9e3f;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #2f9e3f;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  }

  .checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
  }

  @keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes scale {
    0%, 100% {
      transform: none;
    }
    50% {
      transform: scale3d(1.1, 1.1, 1);
    }
  }
  @keyframes fill {
    100% {
      /*box-shadow: inset 0px 0px 0px 30px #0ecb8b;*/
    }
  }

.thankyou_page h1{margin-top: 30px;font-family: 'Poppins', sans-serif;font-size: 4rem;color: #000;}

.thankyou_page p{margin-top: 15px; font-size: 1.4rem;color: #333;}

ul.tech-logo-list{text-align: center;}
ul.tech-logo-list li{display: inline-block; box-shadow: 0 0 20px #ebebeb; margin: 14px 10px; padding: 10px 2px; text-align: center;}
ul.tech-logo-list li img{max-width: unset; width: 70%; margin: 0 auto;}

.invalid-block{color:red;}

.thank-you-wrapper .enquire_now_btn{display: none;}

.thank-you-wrapper img.logow{width:250px;}

a.common-btn.thanks-back-btn{display: block; margin:30px auto 0; text-align: center;}

a.mobile-menu-nav{display: none;}


.contact-wrapper-new {background: url("../images/WorldMap.jpg") 50% 280px no-repeat; padding-bottom: 80px;}
.address-box-new{padding: 30px; background: #fff; border-radius: 10px; box-shadow: 0 0 40px #ddddddd4; margin:200px 0 0;}
.address-box-new img.pin{padding: 0 0 40px;}
.address-box-new h4{ font-size: 24px; letter-spacing: 1px; margin: 0;text-transform: uppercase;}

.address-box-new ul li{display: flex; justify-content: start; align-items: center; gap: 16px;}
.address-box-new ul li span{color: #1673a5;}
.address-box-new ul li a{color: #000;}

.address-box-new ul li:last-child a{font-weight: 400; color: #0342a6;}

ul.footer-contact-info li{padding: 20px; border: 1px solid #2d518a; width: 50%; margin: 20px 0 0; gap: 25px;}
ul.footer-contact-info li span{font-size: 28px;}
ul.footer-contact-info li a{font-size: 22px; padding: 0 0 0 20px; border-left: 1px solid #2c518a;}
ul.footer-contact-info li a i{display: block; font-size: 16px; text-transform: uppercase; font-style: normal; letter-spacing: 3px;line-height: 16px; color: #2c93b3;}

ul.footer-contact-info li a:hover{text-decoration: none;}

.footer-contact-left h6{color: #02f564; padding:50px 0 0;font-size: 30px;}
ul.benifit li{color: #6fceeb;  margin: 0; padding: 0; display: inline-block; padding:6px 20px; text-align: center; background: #09224b; border-radius: 100px; margin: 0 10px 0 0; font-size: 16px;}

.team_thumb_col .team_thumb img{border-radius:50px;}

.call-wrapper{padding: 14px 26px; border-radius: 100px; border: 1px solid #ddd; display: flex; justify-content: center; align-items: center; gap: 8px;}
.call-wrapper span.icon-telephone{font-size: 22px;}
.call-wrapper span.icon-telephone:before{color: #40b211;}
.call-wrapper span.head_contact_text{font-size: 20px; line-height: 20px;}

/*.header_sticky .call-wrapper{background:#000; border:0;}*/
/*.header_sticky .call-wrapper span.icon-telephone:before{color:#fff;}*/
/*.header_sticky .call-wrapper span.head_contact_text{color:#fff;}*/

@media(max-width:1280px){
.content{padding-left: 30px;padding-right: 30px;}
.carousel-item{padding-left: 40px;padding-right: 40px;}
}

@media(max-width:800px){
.category_tag {padding: 5px 10px; font-size: 15px;}

.carousel-item{padding-left: 0;padding-right: 0;height: inherit; padding-bottom: 22px;}

.carousel-inner h1{font-size:30px;}

.carousel-inner h1 br{display: none;}

.carousel-control-next, .carousel-control-prev{display: none;}

h1{font-size: 26px;}

.page_title:after, .page_title_left:after{width: 100px;height: 2px;}

.service_col, .how_do_we_design_col{padding:20px;}

h5{font-size: 20px;}

.work_desc p{font-size: 20px;}

.content{padding-left: 20px;padding-right: 20px;}

#blogs{background: rgb(16,74,128);
background: linear-gradient(176deg, rgba(16,74,128,1) 0%, rgba(115,154,191,0.7764355742296919) 100%);}

#blogs:before{display: none;}

.footer_enquire h1{font-size: 32px;}

.footer_pixel_design p br, .address_row p br{display: none;}

.mobile_order_1{order: 1;}

.mobile_order_2{order: 2}

.service_content2{padding: 25px;}

.contact_form, .contact_address{padding: 30px;}

.banner_inner{height: auto;padding-bottom: 30px;}

.contact_form .submit_now_btn{max-width: 90%}

.contact_address ul.row > li{border-right: 0;padding-left:15px; }

.banner_inner_text h1{font-size:26px;}

.banner_inner_text h1 br{display:none;}

.about_wrapper > .content{max-width:100%;}

.mission_content{padding:25px;}

h4{font-size:22px;}

.service_content h4, .service_content2 h4{font-size:22px;}

.service_listing li{display:block;margin-left: 0px;}

.service_content, .service_content2{justify-content:flex-start; padding:25px;text-align:left;}

.bredcrum_list li {margin-right: 10px;font-size: 14px;}

.banner_inner_text p br{display:none;}

.carousel_caption a{padding:7px 18px; font-size:14px;}

.service_content h4:after, .service_content2 h4:after{margin-left:0;margin-right:0;}

.category_tag {font-size: 14px;}
.page_title{padding-bottom:1rem;}
.latest_work .small_content > p{font-size:16px;}
.work_desc p {font-size: 20px;line-height: 36px;}

.pt-5 {padding-top: 3rem!important;}
.pb-5 {padding-bottom: 3rem!important;}

.contact_address{font-size:16px;}
.form-control{font-size:14px;}
.quick_link h5, .social_media h5{font-size:18px;}

.footer_copyright{line-height: 20px;}
#EnquireNow{position:absolute; top:-60px;}

.float-cta{right: 20px; bottom: 30px;}
ul.common-social li a.whatsapp-icon{width: 50px; height: 50px; padding:0;}
ul.common-social li a.whatsapp-icon img{width: 28px; top: -10px;}

.home-about-wrapper .home-about-content{padding:0 0 3rem; text-align: center;}
.home-about-wrapper .home-about-content .page_title:after{margin:5px auto 0;}

.price-pack-wrapper{padding:0;}
.price-heading-wrapper{padding-bottom:0;}
.price-pack{margin: 0 0 20px; border-radius: 0;}
.price-pack h5{font-size: 22px; margin: 0;}
.price-pack h5 span{font-size: 24px; padding: 5px 0;}
.price-pack-wrapper .header{padding:1rem;}

.price-pack.premium-plan, .price-pack.custom-plan{}
.price-pack-wrapper.bg{padding: 4rem 0;}

.home-about-content p{margin-bottom: 0.5rem;}
.banner_form{border-radius: 0;}
.price-pack-wrapper .header{border-radius: 0;}

.tech-logo-wrapper{margin-top: 0 !important;}
ul.tech-logo-list li{margin: 10px; width: 44%;}

}



/* New  Website css 2024  */

.down-arrow-animate{transition: all 0.5s ease-in-out;}

.banner{background: #000;}
.banner-wrapper{width: 100%;}
.banner .videoembed{width: 100%;  display: flex; opacity:1;}
.main-banner{display: flex;align-items: center;height: 100vh;justify-content: center; padding-top: 3rem;}


.baner-text{font-size: 190px;line-height: 170px; text-align: left;font-weight: 900;text-transform: uppercase;display: flex;gap:80px; color: #fff;}
.two-c{padding: 50px 0 0;}
.first{font-size: 18px; line-height: 20px;text-align: left;text-transform:lowercase; font-family: 'Inter-Inter-Regular';}
.para-2{padding-left: 270px; line-height: 120px;}
.para-3{padding-left: 120px;}
.b-text .para-3{padding: 0;}
.para-3 span{color:#40b211;text-transform: lowercase; font-family:'Mervale Script Regular';
  font-weight: 400; font-size:250px; line-height: 120px; text-align: left; letter-spacing: 16px;}
.left-a{background:#0F2B66; color: #fff; font-size:14px; font-weight: 400; line-height: 19.36px; text-align: center;padding: 8px; width: 62%;}
.r-text{color:#000; font-size: 50px;font-weight: 500;line-height: 70px; text-align: right; padding:0 0 0 25px;}
.r-text span{color:#03f564; text-transform: lowercase; font-weight: 400; font-size: 160px;}
.text-cent .r-text.padding-tb-30{padding: 30px 0; font-size: 40px; letter-spacing: 1px;}
.home-about-wrapper .r-text{padding: 0;}
.about-sc-btn{justify-content: center; padding:80px 0 0; text-align: center; width: 100%;}
.about-sc-btn a{display: inline-block; margin: 0 auto;}
.abt-dtail>.col-8>.r-text{text-align: left;}
.we-text{font-size:50px;font-weight: 500;line-height:50px;text-align: left;color: #fff;}
.expert{font-size: 80px; font-weight: 400;line-height: 70px;text-align: left; color: #02f564;}
.w-baner-text{gap: 0;color: #fff;}
.top{font-family: Inter; font-size: 16px; font-weight: 400;line-height: 21.78px;}
.top span{margin-left: 35%;color: #03F564;}
.bottom{font-family: Marck Script;font-size: 120px;font-weight: 400;line-height: 96px;text-align: left; }
.about-text-p{color: #000;}
.w-right{padding: 30px 0 0;}
.r-text span.yellow-text{color: #ffda00; text-shadow: 0 0 4px #ffda00;}
.three-points{padding: 20px 0 0;}
.abt-dtail{display: flex;gap: 30px;width: 70%;justify-content: center;}
#pills-tab{padding:20px 0;}
#pills-tab li{margin: 0 10px;}
.c-shodow{font-size: 80px;font-weight: 400;text-align: left;color: #03f564;}
.text-cent p{text-align: center;}
.pro-Text h4{font-size: 30px;font-weight:500;line-height: 40px; text-align: left; padding-top:0; color: #fefefe; margin:0; letter-spacing: 1px;}
.pro-Text p{line-height: 24px;text-align: left; color:#AECFDD; font-size: 18px; margin: 0;}
.pro-Text span{line-height: 20px;text-align: left;color:#ffffff;}

.clnt-logo{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 15px 0;}

/* .our-work{position: relative;} */
.padding-b-100{padding: 100px 0;}
.our-work .hoverAction .image-wrap{overflow: hidden; background:linear-gradient(45deg, #CBE0FF, #C7EFFB); position: relative; padding: 20px;
width: auto;margin-bottom: 20px;}
.our-work .hoverAction .image-wrap.alternate{background: linear-gradient(45deg, #515423, #aa5066);}
.our-work .hoverAction .arrow{display: none; position: absolute; top: 40%; left: 40%; width:60px; height:60px; background: #43B614; border-radius: 100px;}
.our-work .hoverAction:hover .arrow{display: flex; align-items: center;justify-content: center;}
.our-work .hoverAction .icon-Vector-2{color:#fff; font-size: 20px;}

.project-log img {
   transform: none; /* removes any scaling/rotation */
}

/* our page sticky */
.fixed-wraper-head{position: relative;}
.fixed-wraper-head ul{position: sticky; top:84px; z-index:6; background:#f4f9fc;}


.nav-pills .nav-link.active{color: #fff;  background-color:#40b211; border-radius: 0;}
.nav-pills .nav-link{color: #7b7b7b; text-transform: capitalize;}
#web-list .col-md-3{padding:20px;}
.right-btn{text-align: right;padding: 50px 0;}
.right-btn a{text-align: right; font-family: Inter; font-size: 16px;font-weight: 700;line-height: 19.36px;color:
   #02f564;display: flex;justify-content: flex-end;align-items: center; gap: 30px;}
.circle{border: 2px solid #03F564;width: 60px;height: 60px;border-radius: 50%; opacity: 0.5;}
.page-company-logo{text-align: center;}
.two-box{color: #ffffff;text-transform: uppercase; font-size: 18px;font-weight: 600; line-height: 19.36px;padding:26px 30px; display: inline-block; box-shadow: 10px 10px 0px #c9e6d5; letter-spacing:4px; background: linear-gradient(45deg, #126FA8, #41B212);}
.right-btn-wrapper{text-align: right; display: flex; justify-content: flex-end; padding: 50px 0;}
.right-btn-wrapper .right-btn{padding: 0; display: flex; justify-content: flex-end; align-items: center; gap: 16px;}
.right-btn-wrapper .right-btn span{color: #02f564; text-transform: uppercase; font-size: 16px;}
.right-btn-wrapper .right-btn span.circle{display: inline-block; position: relative; opacity: 1;}
.right-btn-wrapper .right-btn span.circle img{position: absolute; left: 24px;}
.expert-text{font-size:40px; font-weight:600; text-align: center;color: #000; text-transform: uppercase; padding: 50px 0 30px;}
/* .technology-wrapper ul{display: flex; align-items: center;justify-content: center; gap:30px;} */
.tech-logo-wrapper .tech-list li{justify-content:center; display:flex; background:#F6F6F6; padding:28px 30px; width:300px; height:150px;}
.scroll-dn {padding-bottom: 50px;}
.scroll-dn h3{font-family: Marck Script;font-size: 154px;font-weight: 400; line-height: 70px; text-align: left;padding-top: 2rem;}
.scroll-dn h2{color: #fff;}
.three-points ul{display: flex;justify-content: center;gap: 40px;}
.three-points ul>li{color: #040d22;list-style: disc;font-family: Inter; font-size: 16px;font-style: italic;font-weight: 400;line-height: 21.78px;text-align: center; letter-spacing: 1px;}
/* .our-testimonial>.container>.left-text-blog {color: #fff;} */
.left-text-blog >.r-text{text-align: left;}
.blog-content{display: flex;justify-content: center; align-items: center;color: #fff;gap: 8%; padding:0 200px 20px; position: relative; z-index: 2;}
.main-blog .content{position: relative; z-index: 2;}
.blog-content h2.common-heading{color: #fff;}
.blog-content p{color: #9ba9bf;}
.right-text-blog p{font-size: 20px; font-style: italic; font-weight: 400; line-height: 30px;text-align: left;}

.about-btn-wrapper{padding: 30px 0 80px;}
.about-more-content h6{font-size: 24px; font-weight: 500; margin: 30px 0 20px; text-align: center;}
.about-btn-wrapper a{padding: 12px 40px; background: linear-gradient(45deg, #126FA8, #41B212); border-radius: 5px; font-weight: 400; color: #fff;}

.about-more-content{display: none; transition: all 1s ease-in-out;}
.about-more-content.active{display: block;}
.more-content-btn-wrapper{text-align: center;}
a.more-content-btn{display: inline-block; margin: 0 auto; color: #43B614;}

.about-more-content ul{margin: 0 0 10px 40px;}
.about-more-content ul li{list-style: decimal-leading-zero; padding: 0 0 20px;}

.abt-content .DesktopHide{display: none;}
.our-testimonial .baner-text{font-size: 155px;}
.our-testimonial .r-text{margin: 0;}

.testimonial-container{margin: 50px 0 0;}
.testimonial-card{margin:70px 0 0;}
.testimonials-wrapper{padding: 30px; position: relative; background: #fff; border-radius: 10px; min-height: 500px; border: 1px solid #e7e7e7;}
.testimonials-wrapper span.quote{color:#40b211; font-size:40px; position: absolute; right: 40px; top: 30px; font-family: cursive;}
.testimonials-wrapper .img-thumb{width: 100px; height: 100px; border-radius: 100px; overflow: hidden;}
.testimonials-wrapper .header{padding:20px 0 40px 40px;}
.testimonials-wrapper .header h6{color: #000; font-size: 20px; font-weight: 500;}
.testimonials-wrapper .header p{margin: 0; color: #102E68; font-style: italic; font-size: 16px; line-height: 16px;}
.testimonials-wrapper p.para{color: #000; font-size: 18px; margin: 0; line-height: 28px; padding:12px 0 0;}

.our-testimonial .owl-theme .owl-nav{position: absolute; top:170px; margin: 0; width: 100%;}
.our-testimonial .owl-carousel .owl-nav button.owl-prev, .our-testimonial .owl-carousel .owl-nav button.owl-next{color:#102E68; border: 2px solid #102E68; width: 50px; height:50px; border-radius: 100px; position: absolute;}
.our-testimonial .owl-carousel .owl-nav button.owl-prev{left: -92px;}
.our-testimonial .owl-carousel .owl-nav button.owl-next{right: -92px;}
.our-testimonial .owl-carousel .owl-nav button.owl-prev span, .our-testimonial .owl-carousel .owl-nav button.owl-next span{font-size: 30px; line-height: 24px;}
.our-testimonial .owl-carousel .owl-nav button.owl-prev:hover, .our-testimonial .owl-carousel .owl-nav button.owl-next:hover{background:#102E68; color: #fff;}
.our-testimonial .owl-carousel .owl-nav button.owl-next{background:#102E68; color: #fff;}

.our-testimonial .swiper-button-next::after, .our-testimonial .swiper-button-prev::after{font-size: 35px; color: #0e2f64;}

.swiper-pagination-clickable .swiper-pagination-bullet .swiper-pagination-bullet-active{background:#40b211;}

.our-testimonial .swiper-pagination{position: relative;margin-top: 20px;}

.scroller ul.scroller__inner li{}
.scroller ul li img{width: 200px; max-width: 200px;}

.right-text-blog{padding: 100px 0 0;}
.right-text-blog p{padding: 0; font-weight: 300; line-height: 36px;}

.col_blogs p{color: #41B212; font-weight:300; margin: 0;}
.col_blogs h5{font-size:26px; font-weight:500; min-height: 70px; color: #0e2f64;}
.col_blogs h5:after{display: none;}

.blog_content{padding: 30px;}
.read-more-wrapper{border-top: 1px solid #ddd;padding: 16px 0 0;overflow: hidden;margin: 20px 0 0;}
.read-more-wrapper p, .read-more-wrapper a{float: left;padding: 0;margin: 0;}
.read-more-wrapper p.auther{color: #878787;font-size: 16px; font-weight:300;}
.read-more-wrapper p.btn-more{float: right;color: #000;  font-weight:300; margin: 0;}

/* about css */
.about-section{background-color:#052210; padding:200px 0 100px;}
.abt-text>.baner-text{color: #fff;text-align: center;display: block;}
.baner-text.para-1{padding: 0 0 20px;}
.middle-company-text{padding:100px 0;}
/* .office-member{display: flex;justify-content: space-between;} */
.company-service{background-color:#052210 ;padding:70px 0;}
.background-img{background: url("../images/green-eclips.svg") 50% 50% no-repeat; background-size: 40%;}
.office .bg-image{background: url("../images/white-eclips.svg") 50% 100% no-repeat; background-size: 40%;}
.main-our-mission .bg-img-mission{background:linear-gradient(45deg, #08506f, #40b211); display: block;}
.main-our-mission .bg-img-vision{background:linear-gradient(45deg, #08506f, #40b211); height: 100%; display: block;}
.vision-content>.right-text-blog>p{font-size: 155px;font-weight: 800;line-height: 60px;text-align: right;}
.vision-content>p{font-size: 35px;font-weight: 500;line-height: 60px;text-align: end;color: #fff;}
.mission_content>.para{font-size:24px;font-weight:300;line-height: 40px;text-align: center;}
.right-company-text{display: flex;justify-content: flex-end;}
.office{background-color: #050D22; padding: 80px 0;}
.three-box{font-size: 20px;font-weight: 400;line-height: 40px; text-align: start;color: #fff;width: 60%; letter-spacing: 1px;}
.bottom-company-text>.text-center{font-size: 40px;font-style: italic;font-weight:400;line-height: 70px;color: #fff; letter-spacing: 1px;}
.left-company-text>.h-abt>.we-are>p{font-size: 56px;font-weight: 500;line-height: 80px;text-align: left; letter-spacing: 1px;}

h2.pixel-heading{font-size: 156px; margin: 0;}
.team-heading{text-align: left; padding: 0 0 0 20%;}
p.team-description{font-size: 34px; line-height: 54px; letter-spacing: 1px; font-weight: 500;}


.r-text span.cursive-line-height{font-size: 110px; line-height: 110px;}
.m-text{margin-left: 51%;}
.c-text{margin-left: 30%;}

.mobile-logos{display: none;}

.service-wrapper .middle-company-text{padding: 40px 0 200px;}
.service-wrapper .three-box p{margin: 0; font-size: 26px; line-height: 48px;}

.service_col{border: 0; border-radius: 20px; padding: 40px;}
/* .service_col .content-overlay, .service_hover{display: none;} */
.service_col h5{font-weight: 600; letter-spacing: 1px;}
.service_title_icons h5:after{display: none;}
.icon_service{top: -8px;}
.services_list li{border-top: 1px dashed #c7dfe9;}

.contact-container .we-are{padding: 0 0 100px;}
.contact-container .address{padding: 0 150px 0 0;}
.contact-container .address h5, .contact-container .address li, .contact-container .address li h6{color: #fff;}
.contact-container .address h5{font-size: 50px; letter-spacing: 2px; text-transform: uppercase;
font-weight: 600;}
.contact-container .address ul li{padding: 30px 0 0; width: 100%;}
.contact-container .address ul li h6{font-size: 30px; padding: 0 0 15px;}
.contact-container .address ul li .address_row{gap: 10px;}
.contact-container .address ul li .address_row .icon-map{font-size: 28px;}
.contact-container .address ul li .address_row p{font-size: 22px; letter-spacing: 1px; font-weight: 200;}

.contact-container .contact_form{padding: 50px; background: linear-gradient(90deg, #0b5338 0%, #0e1d40 100%);}
.contact-container .contact_form h1.page_title{padding: 0; text-align: center;}
.form-wrapper .form-control{text-transform: none; border-radius:100px !important; font-size:18px; font-weight: 400; background-color:#F2F6FF;border: 1px solid rgba(211, 222, 249, 1)}
.form-wrapper .form-control:focus{box-shadow: none; border-color:#40b211;;}
.form-wrapper .input-group .input-group-text{top: 17px;}
.form-wrapper .mb-4{position: relative;}
.form-wrapper .mb-4 span, .form-wrapper .mb-4 img{position: absolute; left: 0; top: 13px; font-size: 20px; color: #838282;}
.form-wrapper .mb-4 span.name{left: 3px;}
.form-wrapper .mb-4 span.phone{font-size: 22px; top: 11px;}
.form-wrapper .mb-4 span.email{font-size: 18px; color: #9a9999;}
.form-wrapper .mb-4 span.comment{font-size: 24px; top: 11px;}
.form-wrapper .mb-4 img{top: 16px; left: 14px;}


.contact_form .submit_now_btn{max-width:100%; padding: 20px; border-radius: 0; background: linear-gradient(45deg, #4ba924, #308d0a);}

.address-wrapper{padding:0;}
.address-wrapper h2, .address-wrapper  .office_address h6, .address-wrapper  .office_address .address_row p{color: #0F2C66;}
.address-wrapper h2{font-size: 50px; letter-spacing: 2px; text-transform: uppercase;
  font-weight: 600; padding: 0 0 30px; color: #000000;}
.address-wrapper  .office_address{padding: 0 150px 0 0; background: #f1f6fe; padding: 40px; border-radius: 10px;}
.address-wrapper  .office_address h6{font-size: 30px; padding: 0 0 15px;}
.address-wrapper  .office_address .address_row{gap: 10px;}
.address-wrapper  .office_address .address_row .icon-map{font-size: 28px;}
.address-wrapper  .office_address .address_row p{font-size: 22px; font-weight:400;}

/* footer css */
.sub-footer li{padding: 0 10px;}
.footer_pixel_design p{color: #c3d2eb; font-size: 17px;}
.footer_copyright{color:#93a5c4; padding:20px 0; text-transform: capitalize; background: #09224b;}
#footer_row{font-size: 16px;}
.footer_pixel_design{padding:50px 0 0;}
.footer_pixel_design .f-contact-link li{margin: 0; padding: 10px 0 0; display: flex; justify-content: left; align-items: center; gap: 14px;}
.footer_pixel_design .f-contact-link li a{font-weight: 300; font-size:17px; color: #c3d2eb;}
.footer_pixel_design .f-contact-link li a:hover{color: #fff;}
.footer_pixel_design .f-contact-link li span{font-size: 22px; color: #40b211;}

.footer_copyright ul.footer-menu-link li a{font-size: 16px;font-weight:500; color: #fff;}
.footer_copyright ul.footer-menu-link li.active a{color: #41B212;}

.footer_copyright .copyright, .footer_copyright a.privacy-policy{font-size: 16px; font-weight: 300; color: #c3d2eb; text-align: center; letter-spacing: 0.5px; margin: 0;}
.footer_copyright a.privacy-policy{font-size: 16px;}

.footer_pixel_design ul.footer-social{padding:40px 0 0; display: flex; gap:15px; justify-content: left; align-items: center;}
.footer_pixel_design ul.footer-social li{margin: 0;}
.footer_pixel_design ul.footer-social li a span{font-size:30px; color: #638CCC;}
.footer_pixel_design ul.footer-social li a:hover span{color: #41B212;}

.footer_pixel_design h4{font-weight: 400; color: #fff; margin: 0 0 30px;}
.footer_pixel_design ul.footer-list-link{}
.footer_pixel_design ul.footer-list-link li{}
.footer_pixel_design ul.footer-list-link li a{font-weight: 300; display: flex; color:#c3d2eb; font-size: 16px;}
.footer_pixel_design ul.footer-list-link li a span{margin: 0 8px 0 0; position: relative;}
.footer_pixel_design ul.footer-list-link li a:hover{color:#40b211;}

.footer_pixel_design ul.footer-list-link li a span.icon-right-arrow-1{top: 8px;}

.footer_pixel_design.quick-link{padding-left: 80px;}
.footer_pixel_design.last{padding: 150px 0 0;}


.main-wrapper{position: relative;}
.main-footer{background:#0d2447;}
.inner-header{height: 150px; display: block;}
.call_btn.mobile-view{display: none;}
.wordpress-main h2.mobile-view{display: none;}

.thank-you-wrapper{position: relative; margin: 0;}
.thank-you-wrapper .header_home .top_navigation{position: relative; padding: 0;}
.thank-you-wrapper .banner-wrapper{position: relative; padding: 80px 0; height: 80vh;}
.thank-you-wrapper .thankyou_content{text-align: center; padding: 0 30px;}
.thank-you-wrapper .thankyou_content h1{padding: 30px 0 0;}

.thank-you-wrapper .main-footer{position: relative;}

html, body{background: #fff;overflow-x: hidden;}

/* .wordpress-main{background:#F5F8F6 url("../images/lines.svg") 50% 50% no-repeat;} */
.wordpress-main h3{padding: 30px 0; color: #254b95; margin: 0; font-weight: 400;}
.wordpress-main h4{font-size:94px; text-transform: uppercase; font-weight: 900; font-style: italic; color: #963D65;}
ul.wordpress-logos li{display: inline-block; padding: 0 30px;}
ul.wordpress-logos li img{}

.wordpress-main .about-sc-btn{padding:50px 0;}

.price-pack{position: relative; margin:20px 0 0; padding: 30px;}
.price-pack.ecommerce-pack{margin: 0;}
.price-pack-wrapper .bottom-content{padding:20px 40px; width: 100%; background: linear-gradient(0deg, #fff, transparent);}

.price-pack-wrapper.e-commerce-wrapper{padding: 0 0 100px;}

.home-about-wrapper .abt-text{width: 200px; margin: 0 auto;}
.home-about-wrapper .abt-text .left-a{width: auto;}
.home-about-wrapper .abt-content{padding: 30px 0;}
.home-about-wrapper .abt-content h2{font-size:44px; font-weight: 500; padding: 0 0 30px;}
.home-about-wrapper .abt-content p{font-size: 20px;color: #686868;line-height: 36px;}

.how_do_we_design h2.common-heading{font-size: 50px; font-weight: 600;}

.wordpress-main.wordpress-theme{}
.wordpress-main.wordpress-theme .wordpress-banner{position: relative;}
.wordpress-theme h2.common-heading{text-transform: none;}
.wordpress-theme h2.common-heading span{display: block; font-size: 60px; font-weight: 500;}
.wordpress-theme h2.common-heading span i{font-weight: 300; font-style: normal;}

.wordpress-main.wordpress-theme h3{display: inline-block; padding: 10px 30px; font-size: 18px; background: #254b95; letter-spacing: 3px; text-transform: uppercase; color: #fff; margin: 30px 0; border-radius: 100px;}

.wordpress-main.wordpress-theme .about-sc-btn{position: absolute; top: 60%;}
.wordpress-main.wordpress-theme .about-sc-btn a span.two-box{border: 10px solid #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);}

.theme-list-wrapper{}
.theme-list-thumb{padding: 40px 20px 0; background: #fff; border-radius: 30px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.01); overflow: hidden; margin:0 15px 60px;}
.theme-list-thumb .content{max-width: fit-content; padding:0 0 30px;}
.theme-list-thumb .content h4{font-size: 30px;}
.theme-list-thumb .content p{color:#525252; font-size: 16px;}
.theme-list-thumb .content a{display: inline-block; padding: 5px 30px; background: #40b211; border-radius: 100px; color: #fff;}
.theme-list-thumb img{transition: all 0.5s;}
.theme-list-thumb:hover img{scale: 1.1;}

.down-arrow-animation{animation: downmove 1.5s infinite;}
.right-arrow-animation{animation: rightnmove 1.5s infinite;}
/* .two-box{animation: quoteanimation 1.5s infinite;} */

.achievement-wrapper{background: #fff; padding:50px 0;}
.achievement-box{padding: 30px; border-radius:10px; background: #fff; box-shadow:0 0 40px #132c431a; border:2px solid #40b211;}
.achievement-wrapper h4{padding:0; margin: 0; font-size:50px; color: #000; font-weight: 500;}
.achievement-wrapper p{padding: 0; margin: 0; color: #000; line-height: 22px; font-size:20px; font-weight: 200;}
.achievement-wrapper .icon-wrapper{height:62px;}
.achievement-wrapper .icon-wrapper span{color: #65BD9C; font-size: 40px;}

.review-box{padding:80px 0 0; text-align: center;}
.review-box img{width:250px;}

.our-client-wrapper{}
.our-client-wrapper h5{font-weight: 500; color: #40b211; margin: 0; padding: 0 0 50px;}

.our-client-wrapper ul.logo-wrapper{display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 40px 0 0;}
.our-client-wrapper ul.logo-wrapper li{padding:0; text-align: center; border-radius: 10px; overflow: hidden; box-shadow: 0 0 30px #dddddd8a; background: #fff;}
.our-client-wrapper ul.logo-wrapper li img{width: auto; max-width: 220px;}

.work-wrapper .our-work{background: #fff;}
/* .work-wrapper .our-work h2.common-heading, .work-wrapper .our-work p{color: #000;} */

.contact-banner-content .bredcrum_list{justify-content: center;}
.contact-banner-content h2{font-size: 50px; color: #fff;}
.contact-banner-content h2 span{display: block;}
.contact-banner-content p{font-size: 20px;}
.contact-container{padding: 100px 0 0;}

.contact-wrapper .banner_inner{height: 460px;}

.service-page-wrapper .heading-wrapper{}
.service-page-wrapper .services-wrapper{padding: 0 0 100px;}

.ForDesktop{display: block;padding: 20px 0;}
.ForMobile{display: none;}

.service-text.forMobile{display: none;}

.develop_process_list{
  justify-content: center;
  --bs-gutter-x:80px;
  position: relative;
}

.develop_process_list li{
  margin-top: 80px;
  position: relative;
}

.develop_process_list li:after{
  content: "";
  background: url(../images/arrow-process-col.svg) right center no-repeat;
  background-size: contain;
  width: 63px;
  height: 20px;
  display: block;
  position: absolute;
  right: -24px;
  top: 50%;
}

.develop_process_list li:last-child:after{display: none;}


.develop_process_list_1:after{

  position: absolute;
  content: "";
  width: 66%;
  height: 62px;
  background: url(../images/arrow-process-row1.svg) no-repeat center;
  background-size: 100%;
  top: inherit;
  -webkit-transform: none;
  transform: none;
  right: 18%;
  left: inherit;
  bottom: -72px;
  display: block;
}

.develop_process_list_2:after{
  position: absolute;
  content: "";
  width: 50%;
  height: 62px;
  background: url(../images/arrow-process-row2.svg) no-repeat center;
  background-size: 100%;
  top: inherit;
  -webkit-transform: none;
  transform: none;
  right: 18%;
  left: inherit;
  bottom: -72px;
  display: block;
}

.develop_process_list_2.ui-ux_process_list_2:after{display: none;}

.process_number{
  border-radius: 100px;
/*  border: 8px solid rgba(67, 182, 20, 0.20);*/
  outline: 5px solid rgba(67, 182, 20, 0.20);
  /* box-shadow: 0 0 40px #ccc9c97d; */
  background:#fff;
  display: flex;
  width: 50px;
  height: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #777;
  font-size:18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.28px;
}

.develop_process_col{
  border-radius: 10px;
  /* border: 1px solid #D1E2F5; */
  background: #FFF;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.05);
  display: flex;
  padding: 30px;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  height: 100%;
}

.develop_process_col img{width:50px; display: none;}

.lets_connect_section h2:before{
  content: "";
  display: block;
  background: #43B614;
  width: 78px;
  height: 4px;
  margin: auto;
  margin-bottom: 20px;
}

.develop_process_col h5{
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.26px;
  margin-top: 48px;
}

.develop_process_col p{
  color: #363535;
  font-style: normal;
  font-weight: 300;
  line-height: 30px; /* 166.667% */
  letter-spacing: 0.18px;
  margin-top: 8px; position: relative;
}

.lets_connect_section h5{
  color: #6ADC3C;
  text-align: center;
  font-size: 25px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px; /* 166.667% */
}

.lets_connect_section h5 span{
  color: #FFF;
}

.why_choose_content .how-we-work-box{
  min-height: auto !important;
  height: calc(100% - 20px);
}

.slick-prev, .slick-next{display:none !important}


@keyframes downmove {
  0% {padding-top: 25px;}
  50% {padding-top: 40px;}
  100% {padding-top: 25px;}
}

@keyframes rightnmove {
  0% {left: 25px;}
  50% {left: 40px;}
  100% {left: 25px;}
}


.center-float-cta{display: flex; gap:8px; background: #141414; border-radius: 100px; padding:6px; align-items: center;
height:54px; position: fixed; bottom: 10px; left: 50%; transform: translatex(-50%); z-index: 999;transition: bottom 0.3s ease-in-out; /* smooth animation */
}
.center-float-cta .txt-btn{background: #40b211; color: #fff; padding: 10px 20px; border-radius: 100px; text-transform: uppercase;
font-size: 15px; font-weight: 600;}
.center-float-cta .email-btn, .center-float-cta .call-btn{padding:8px 14px 4px; background: #fff; border-radius: 100px; font-size: 18px;}
.center-float-cta .call-btn{padding:8px 12px 2px;}
.center-float-cta .email-btn span, .center-float-cta .call-btn span{color: #141414;}



/* New Code By Bismaya */
ul.banner-free-list{margin: 0;}
.banner-head span{font-weight: 300;}
.pixel-logo{margin-bottom: 60px;}
.service-text{overflow: visible;height: auto;}
.common-btn-wrapper{text-align: left;}
a.common-btn{margin: 0;}
.form-wrapper .mb-4 img{display: none;}
/* .achievement-wrapper{display: none;} */
.marquee_row li img{box-shadow: none;}
.our-work{background-color: #041736;}
.technology-wrapper ul.logo-wrapper{grid-template-columns: repeat(6, 1fr);display: grid;gap: 20px;}
.testi{padding: 70px 0 80px ;}
.form-check{justify-content: center;gap: 15px;display: flex;}
.terms{font-size: 16px; color: #6e6e6e;}
.client-box{padding: 50px 0;}
.address-row{justify-content: center;}
.work-slider-box{display: flex; padding-bottom: 40px;
    justify-content: space-between;
    align-items: center;}

    .slick-list{height: 540px !important; overflow: visible !important;}


    .progress {
      width: 100%;
      height: 5px;
      border-radius: 10px;
      overflow: hidden;
      background-color: #213751;
      position: relative;
      margin-top: 10px;
    }

    .progress-fill {
      height: 100%;
      background: linear-gradient(to right, #40B21A, #40B21A);
      width: 0%;
      transition: width 0.4s ease-in-out;
    }

    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      border: 0;
    }

    .slider-buttons {
      text-align: center;
      margin: 10px 0 0 30px;
      display: flex;
    }
    
    .slider-buttons button {
      background-color: #2B4360;
      color: #fff;
      border: none;
      padding: 8px;
      margin: 5px;
      font-size: 16px;
      cursor: pointer;
      border-radius: 50px;
      transition: 0.3s ease;
      height: 50px;width: 50px;
    }

    .slider-buttons button:hover {
      background-color: #40B21A;
      color: white;
    }

    .progress-slide {
      display: flex;
      flex-direction: row-reverse;
      align-items: center;
      margin-top: 30px;
    }

    /* Responsive tweaks */
    @media (max-width: 768px) {
      .slick-slide {
        padding: 0 5px;
      }
    }



/* New Code End By Bismaya */


@media(max-width:1576px){
  .main-banner-cover{padding:50px 0;}
  .banner-left{padding: 50px 30px 0 0;}
  .service-text h4{font-size: 50px;}
  .address-box-new h5 span{font-size: 18px;}
  .address-box-new p{height: 52px;}
  .call_btn span:first-child{margin: 0px 10px 0 0;}
  ul.footer-contact-info li{width: 70%;}
}

@media(max-width:1500px){
  ul.benifit li{margin: 0 10px 10px 0;}
  /* .main-banner-cover .col-md-8{width:62%;}
  .main-banner-cover .col-md-3{width:38%;} */
  .service-text h4{font-size: 44px;}
  .banner-left .main-banner-caption p{padding:10px 0 30px;}
  ul.banner-free-list{gap: 10px;}
  ul.banner-free-list li{padding: 8px 20px 8px 20px; gap: 6px;}
  .enquire_now_btn{font-size: 17px;}
  .form-wrapper textarea.form-control{height: 110px;}
  a.hoverAction{ width: auto;}

}

@media(max-width:1362px){
  .achievement-wrapper{padding: 70px 0;}
  .achievement-wrapper h4{font-size: 50px;}
  .achievement-wrapper p{font-size: 16px;}
  .achievement-wrapper .icon-wrapper{height: 70px;}
}

@media(max-width:1330px){
  .form-wrapper .form-control{padding: 12px 10px 12px 46px;}
  .form-wrapper .mb-4 img.user{width: 17px; top: 17px;}
  .form-wrapper .mb-4 img.phone{width: 22px; top: 17px;}
  .form-wrapper .btn-wrapper{padding: 12px 0 0;}
}

/* small-laptop responsive 1024px */
@media(max-width:1024px){
  /* .header_sticky img{max-width: 80%;} */
  /* .main-navigation-toggle + label{display: none;} */
  .desktop_menu li a{font-size: 16px;}
  .desktop_menu li{margin-right: 12px;}
  .carousel-control-prev{left: -50px;}
  .carousel-control-next{right: -50px;}
  .header_sticky .enquire_now_btn{padding: 10px 20px;font-size: 16px;}
  .call_btn{font-size: 16px;}
  .carousel-inner h1{font-size: 42px;}
  h2.common-heading{font-size: 40px;}
  .home-about-wrapper .abt-content h2{font-size: 30px;}
  .how_do_we_design h2.common-heading{font-size: 30px;}
  .our-testimonial .container{max-width: 870px;}
  .mission_content h2.common-heading{font-size:40px;}
  .mission_content>.para{font-size: 16px;}
  .fixed-wraper-head ul{top: 80px;}
  h2.common-subheading{font-size: 30px;line-height: 35px;}
  .col_blogs h5{font-size: 22px;}
  .read-more-wrapper p.auther{font-size: 12px;}
  .read-more-wrapper a.btn-more{font-size: 14px;}
  .footer_pixel_design p{font-size: 54px;}
  .footer_pixel_design li a{font-size: 24px;}
  .footer_pixel_design{padding: 60px 0 30px;}
  .footer_pixel_design li a.copy-email{height: 40px;width: 40px;padding: 2px;}
  .sub-footer{padding-left: 60px;}
  .footer_copyright{padding-top:0;}

  .carousel_caption{padding-left: 0;}
}

/* Tab responsive 768px */
@media(max-width:768px){
  .navbar-brand img{width: 180px;}
  .desktop_menu{display: none;}
  .call_btn{display: none;}
  .call_btn.mobile-view{display: flex; background: #fff;}
  .main-navigation-toggle + label{background: #052c4a; padding: 8px 10px; border-radius: 5px;}
  .thank-you-wrapper .main-navigation-toggle + label{margin: 0;}
  .main-banner-cover{margin: 78px 0 0;}
  .banner-right .main-banner-caption{padding:20px 20px 0;}
  .banner-left .main-banner-caption{display: block; text-align: center;}
  .banner-right .main-banner-caption h3, .banner-left .main-banner-caption h3{font-size: 14px; margin: 0 0 10px;}
  .banner-left .main-banner-caption h3{margin: 0 0 18px; color: #1f87dc; background: #e5f4ff; padding: 8px 20px;}
  .banner-right .main-banner-caption h2, .banner-left .main-banner-caption h2{font-size: 30px; font-weight: bold;}
  .banner-right .main-banner-caption p, .banner-left .main-banner-caption p{font-size: 20px;}
  ul.banner-free-list, .g-rating{display: none;}
  .banner-btn-wrapper{padding:10px 0 50px;}
  .banner-left .main-banner-caption .banner-btn-wrapper{padding: 10px 0 20px;}
  .banner-btn-wrapper a.green-bg-btn{padding:10px 24px 8px; font-size: 16px;}
  .banner-btn-wrapper a.video-play-btn{padding: 6px 0; position: relative; text-indent: -1000px; width: 62px;}
  .banner-btn-wrapper a.video-play-btn span{text-indent: initial; position: absolute; left: 8px; top: 3px; font-size: 32px;}
  .achievement-wrapper .col-md-3{width: 50%; padding: 0 6px 2px;}
  .achievement-wrapper .icon-wrapper{height:62px;}
  .achievement-wrapper .icon-wrapper span{font-size: 40px;}
  .achievement-wrapper .achievement-box{margin: 0 0 20px;}
  .about-page .home-about-wrapper.section-gap{padding: 50px 0;}
  .inner-service-page .home-about-wrapper.section-gap{padding: 50px 0 0;}
  .innerpages-wrapper h1.main-heading br{display: none;}
  .about-creative{display: none;}
  .home-about-wrapper .MobileHide{display: none;}
  .abt-content .DesktopHide{display:block; margin: 0 0 30px;}
  .abt-content .DesktopHide a.more-content-btn{padding: 10px 20px 7px; border: 1px solid #43B614; border-radius: 100px;}
  .abt-content .DesktopHide a.more-content-btn span{margin: 0 0 0 6px; display: inline-block; position: relative; top: 2px;}
  h1.main-heading{font-size: 34px;}
  .home-about-wrapper .abt-content{padding: 30px; text-align: center;}
  .section-gap{padding: 80px 0;}
  h2.common-heading{font-size: 32px; line-height: 46px;}
  .video-wrapper{width: 100%; border: 5px solid #fff;}
  .video-wrapper video{height: 250px;}
  .main-container{padding: 0 30px;}
  a.whatWeDo-anchor .whatWeDo-box h4{font-size: 20px;}
  .whatWeDo-box .content p{font-size: 16px;}
  .how-we-work-wrapper .col-md-6{width: 100%;}
  .how-we-work-box{min-height: auto;}
  .we-craft-digital-wrapper{padding: 30px;}
  .we-craft-digital-wrapper h2{font-size: 24px;}
  .we-craft-digital-wrapper h3{font-size: 24px;}
  .we-craft-digital-wrapper h3 br{display: none;}
  .common-btn-wrapper{padding: 30px 0 ;}
  a.common-btn{font-size: 16px; width: auto;}
  a.common-btn span{top: 5px;}

  .our-work p{font-size: 18px;}
  .our-work .hoverAction .project-d{padding: 20px 0;}

  .services-wrapper .col-md-3{width: 50%;}
  .services-anchor .services-box{padding: 20px;}
  .services-anchor .services-box .icon-thumb{height: 68px;}
  .services-anchor .services-box .icon-thumb span{font-size: 40px;}
  .services-anchor .services-box h2{font-size: 18px;}

  #web-list .col-md-3{width: 50%;}
  
  .our-client-wrapper ul.logo-wrapper{display: block; overflow: hidden; text-align: center;}
  .our-client-wrapper ul.logo-wrapper li{width: 30%; margin: 0 20px 20px 0; display: inline-block;}

  .ForDesktop{display: none;}
  .ForMobile{display: block;}

  .mobile-whatWeDo .whatWeDo-box a.detail-anchor{display: block; position: relative;
    width: 100%;
    left: 0;
    background: none;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #ddd;
    margin: 10px 0;
    height: auto;
    padding: 8px 20px; color: #052c4a;}

  .ForMobile .swiper-button-next{color: #000; margin: 0 10px 0 0; padding: 0;}
  .ForMobile .swiper-button-next::after{font-size: 30px;}
  .ForMobile .swiper-button-prev{color: #000; margin: 0 0 0 10px; padding: 0;}
  .ForMobile .swiper-button-prev::after{font-size: 30px;}

.how-we-work-box .icon-wrapper{height: 68px;}
.how-we-work-box .icon-wrapper span{font-size: 52px;}
.how-we-work-box .icon-wrapper span.icon-how-we-wrok3, .how-we-work-box .icon-wrapper span.icon-how-we-wrok4{font-size: 46px;}
.we-craft-digital-wrapper p{font-size: 16px;}

.our-client-wrapper ul.logo-wrapper li{height: 80px;}

.our-client-wrapper p{display: none;}
p.MobileHidePara{display: none;}


.our-testimonial h2.common-heading{margin: 0 0 30px;}
.testimonials-wrapper img.rating-star{padding: 10px 0 0 10px;}

.accordion-item .accordion-header button.accordion-button[aria-expanded="true"]{font-size:20px; gap: 30px;}
.accordion-item .accordion-button{font-size: 18px;}
.digital-partners .partner-box{min-height: 118px; padding: 20px; margin: 20px 0 0;}
.digital-partners .partner-box img{width: 120px;}

.footer-contact-wrapper .container{background-size: auto;}
.about-page .footer-contact-wrapper{padding:0 0 50px;}

.about-page .team-wrapper{padding: 50px 10px 10px;}

.footer_pixel_design ul.footer-list-link li a span.icon-right-arrow-1{top: 4px; margin-right: 12px;}

.footer-contact-left h3{display: none;}
.footer-contact-left h2{margin: 0 0 20px;}

.main-banner-cover{flex-wrap: wrap;}

.banner-left, .banner-right{width: 100%}

.contact-container.section-gap{padding: 50px 0 0;}
.contact-container.section-gap .address-wrapper{padding: 0;}

.swiper-button-next{
right: -6px !important;
}

.swiper-button-prev{
  left: -6px !important;
}

.swiper-pagination{
  bottom: 0px !important;
}


.achievement-wrapper .row{
  --bs-gutter-x:15px;
}

.achievement-box{
  padding: 20px;
  height: calc(100% - 10px);
}

.achievement-wrapper .achievement-box{margin: 0 0 10px;}

.services-wrapper .row{
  --bs-gutter-x:10px;
}

.services-anchor .services-box{
  margin: 10px 0;
  height: calc(100% - 10px);
}

.services-anchor .services-box .arrow{
  right: 18px;
  bottom: 20px;
}

.our-work .hoverAction .arrow{
  width: 50px;
  height: 50px;
  padding: 0;
  top: 50%;
  margin-top: -26px;
}

.our-work .hoverAction .icon-Vector-2{font-size: 18px;}

.pro-Text h4{
  line-height: 120%;
  font-size: 22px;
}

.pro-Text p{margin-top: 10px;}

.common-btn-wrapper{padding-left: 15px;padding-right: 15px;}

.our-client-wrapper ul.logo-wrapper, 
.technology-wrapper ul.logo-wrapper{display: flex; gap: 10px; flex-wrap: wrap; align-items: center;justify-content: center;}

.our-client-wrapper ul.logo-wrapper li,
.technology-wrapper ul.logo-wrapper li{
  width: calc(50% - 10px);
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our-client-wrapper ul.logo-wrapper li img,
.technology-wrapper ul.logo-wrapper.full-width li img{max-width: 100%}


.call_btn span.icon-telephone, .enquire_now_btn span.icon-email-2-1{
  display: block;
}

.call_btn span{margin: 0;font-size: 17px;}
.call_btn span:first-child{margin: 0;}
.call_btn span:first-child:before{color: #fff;}

.call_btn.mobile-view,
.header_sticky .enquire_now_btn{
  display: flex;
  align-items: center;
  justify-content: center;
}

.head_contact_text{
  display: none;
}

.main-navigation-toggle + label{
  padding: 3px 4px;
}

.main-banner-cover{margin:62px 0 0;}
.main-banner-cover .swiper-pagination{display: none;}

.our-testimonial .swiper-button-prev {
        left: 0px !important;
    }

    .our-testimonial .swiper-button-next {
        right: 0px !important;
    }

  .footer-contact-left{padding:30px 20px;}

  .footer-contact-left h3 br{display: none;}

  .footer-contact-left h3{font-size: 26px;}

  .footer-contact-left h2{font-size:34px;}

  .footer-contact-right{padding: 0;padding-bottom: 40px;}

  .top_navigation{height: 64px;}

  .footer_pixel_design p{text-align: left;font-size: 32px;line-height: 40px;}

 .footer_pixel_design.quick-link{padding-left: 0; padding: 0 0 30px;}

 .footer_pixel_design li{padding: 2px 0}

 .footer_pixel_design.last{padding-top: 0;margin-top: -30px;}

  .footer_copyright .copyright, .footer_copyright a.privacy-policy, 
  .footer_copyright .text-end{text-align: center !important;}

  .footer_pixel_design img{max-height: 42px; margin-top: 20px;}
  .form-wrapper{padding: 24px;}

  .banner-right{padding: 0 10px}

  .section-gap{padding-left: 10px;padding-right: 10px;}

  .section-gap .main-container{padding: 0}

  .banner_inner{margin-top: 64px}

 .banner_inner .main-container {
    padding: 0 10px;
}

.banner_inner .inner-banner-left{padding:30px 0;}

.banner_inner .inner-banner-left h2{font-size: 32px;}

.banner_inner .inner-banner-left h2 br{display: none;}
.inner-banner-left p{font-size: 18px;}

.banner-btn-wrapper{margin-top: 15px;}
.innerpages-wrapper .banner-btn-wrapper{padding: 10px 0;}

.innerpages-wrapper .banner-form-wrapper{margin: 0 0 30px;}

.footer-contact-left ul li span{font-size: 18px;padding: 8px;}

.footer-contact-left ul li a{font-size: 18px;}

.contact-banner-content h2{font-size: 42px;}

.contact-banner-content h2 span{display: inline;}

.contact-wrapper .banner_inner{height: auto;padding-top: 30px}

.address-wrapper .office_address{padding:16px;}

.develop_process_list{
  justify-content: center;
  --bs-gutter-x:15px;
  position: relative;
}

.develop_process_list li{
  margin-top: 15px;
}


.develop_process_list_2:after,
.develop_process_list_1:after,
.develop_process_list li:after{
  display: none;
}

.main-banner-caption h2 br{display: none;}

.achievement-wrapper h4{font-size: 40px;}
.rating-forMobile {justify-content: center; gap: 60px; padding: 30px 0 0;}
.rating-forMobile .col-md-3:last-child{display: none;}
.review-box{margin: 0;}

.lets_connect_section h2:before{
  width: 65px;
  height: 2px;
  margin-bottom: 16px;
}

.lets_connect_section h5{
  line-height: 30px;
  font-size: 20px;
}

.lets_connect_section h5 span{
  display: block;
  margin-top: 3px;
}

.footer_pixel_design img {
    max-height: 42px;
}

.footer_pixel_design p {
    text-align: left;
    font-size: 26px;
    line-height: 35px;
    padding-top: 10px;
  }

.footer_copyright .copyright, .footer_copyright a.privacy-policy,
.footer_copyright a.privacy-policy{font-size: 16px;margin-top: 5px; text-align: left !important;}

.footer_copyright a.privacy-policy{display: inline-block; margin: 20px 0 0; color: #43b613; display: none;}

.form_modal_content .form-wrapper{padding: 16px;}

.call_btn.mobile-view{background: #000000;}
.call_btn span:first-child { margin: 0; font-size: 20px; top: -2px; position: relative;}
.enquire_now_btn{font-size: 20px; padding: 14px 25px 10px 25px; align-items: center;}
.call_btn span.icon-telephone, .enquire_now_btn span.icon-email-2-1{top: -2px; position: relative;}

.header_sticky .enquire_now_btn{padding: 10px 26px;}
.header_sticky .call_btn.mobile-view{padding: 12px 28px 10px 28px;}
.header_sticky .enquire_now_btn span.icon-email-2-1{font-size: 21px;}

a.mobile-menu-nav, a.mobile-menu-nav-show{
  display:flex; width: 46px; height: 40px;
  background: #052c4a;
      border-radius: 5px;
      margin: 0 0 0 14px;
      flex-direction: column;
      gap: 6px;
      justify-content: center;
      padding:0 10px;
}
a.mobile-menu-nav span, a.mobile-menu-nav-show span{
  display: block;
      height: 1.5px;
      background: #d8eeff;
      width: 100%;
}

.mobileMenuActive a.mobile-menu-nav-show{display: flex;}

a.mobile-menu-nav-show span{
  transform: rotate(45deg); 
  position: relative;
  top: 2px;
  left: 0px;}
a.mobile-menu-nav-show span:nth-child(2){
  transform: rotate(-45deg); 
  top: -3px;
  left: 0px;}


.main-navigation-toggle + label{display: none;}

.mobileMenuActive .desktop_menu{
  display: block;
  background: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 64px;
  padding: 20px;
  box-shadow: 0 20px 20px #00000029;
}

.mobileMenuActive .desktop_menu li{margin-right: 0;}

.mobileMenuActive .desktop_menu li a{
  font-size: 16px;
  padding: 10px 0;
  text-align: center;
  border-top: 1px dashed #ddd;
}

.main-banner-cover{margin: 60px 0 0;}
.main-banner-cover .col-md-8, .main-banner-cover .col-md-3{width: 100%;}
.banner-left{padding: 0;}
.banner-left .main-banner-caption h2{font-size: 18px;}
.banner-btn-wrapper{margin: 0;}
.banner-btn-wrapper a.green-bg-btn{display: block; margin: 0 0 30px; font-size: 18px; padding: 14px 20px;}

.ForMobile .swiper-button-prev, .ForMobile .swiper-button-next{padding: 10px; background: #fff; border-radius: 100px; width: 50px; height: 50px;}
.ForMobile .swiper-button-prev::after, .ForMobile .swiper-button-next::after{font-size: 25px;}

.contact-wrapper-new{background: none;}
.contact-wrapper-new .col-md-3{width: 100%;}
.contact-wrapper-new .col-md-3 .address-box-new{margin:20px 0 0; padding:20px 20px 20px 70px; position: relative;}
.address-box-new img.pin{padding:0;position: absolute;left: 20px; width: 30px;}
.address-box-new p{height: auto;text-align: center;}
.address-box-new ul li{padding: 10px 0 0;}

.footer-contact-wrapper{padding: 30px 0 0; text-align: center;}
.footer-contact-left h2{font-weight: 500;}
.footer-contact-left h2 br{display: none;}
ul.footer-contact-info li{width: 100%; text-align: center; align-items: center; justify-content: center;}
.footer-contact-wrapper .col-md-7, .footer-contact-wrapper .col-md-5{width: 100%;}
.footer-contact-left h6{padding: 30px 0; font-weight: 500;}
.footer_copyright{margin: 0; padding: 20px 0;}
.footer_copyright .copyright{text-align: center !important; margin: 0; padding: 0;}

}

/* mobile responsive 500px */
@media(max-width:500px){
  .mobile-banner{display: block;}
  .main-banner, .banner .videoembed{display: none;}
  .desktop_menu{display: none;}
  .call_btn{display: none;}
  .call_btn.mobile-view{display: flex; background:#052c4a; border: 0;}
  .enquire_now_btn{padding: 0;}
  .header_sticky{height:70px;}
  .inner-header{height:70px; background-color:#052210;}
  .header_sticky .enquire_now_btn{padding: 0;}
  .banner-wrapper{position: relative;}
  .baner-text{font-size: 100px;gap: 15px;display: flex;text-align: center;justify-content: center;line-height: 60px;}
  .carousel-inner h1{font-size: 34px;}
  .category_tag{margin-top: 20px;}
  .about-sc-btn{padding: 38px 0 0; height: 100px;}
  .pro-Text h4{padding-top: 0; margin: 0;}
  #web-list .col-md-3{padding:15px 12px 0;}
  #web-list .col-md-3.mobile-none{display: none;}
  .two-c{padding: 0;}
  .para-2{padding-left: 0;line-height: 100px;}
  .para-3{padding: 0;line-height: 70px;}
  .para-3 span{font-size: 100px;line-height: 0;}
  .two-c{display: none;}
  .abt-dtail{flex-direction: column;width: 90%;}
  .who-we-are{height:auto; padding: 70px 0;}
  .sub-heading{font-size: 35px;line-height: 50px;margin: 0;}
  .who-text{width: 100%;}
  .h-abt{width: 100%;}
  .expert, .c-shodow{font-size: 40px; line-height: 50px; font-family: inherit; font-weight: 500; text-shadow: none;}
  .left-a{width: 40%;}
  .circle{height: 50px;width: 50px;}
  .circle span img{height: 50px;}
  h2.center-heading{font-size: 40px;line-height: 0;padding: 20px; letter-spacing: 2px;}
  #pills-tab{padding:16px 0px;}
  #pills-tab li{margin: 0;}
  .fixed-wraper-head ul{top:69px;}
  .w-baner-text {font-size: 45px;line-height: 0;margin: -30px 0 -25px;gap: 0;}
  .w-right{padding: 0;}
  .top{display: none;}
  .top span{margin-left: 10px;}
  .r-text span{font-size: 60px;}
  .text-cent .r-text.padding-tb-30{font-size: 18px;line-height: 30px;padding: 0; }
  .r-text span.yellow-text{text-shadow: none;font-size: 50px !important;}
  .text-cent p{padding: 0;}
  .three-points{display: none;}
  .three-points ul{gap: 20px;font-size: 12px;}
  .two-box{font-size: 14px;padding:15px;}
  .green-text span{font-size: 45px !important; font-family: 'Inter-Black'; text-transform: uppercase;color: #fff;text-shadow: none;}
  .abt-text p{width: 50%;}
  .abt-dtail>.col-3,.col-8{width: 100%;}
  .right-btn-wrapper{justify-content: center;}
  .right-btn-wrapper .right-btn span.circle img{top: 22px;}
  #cmn-text{font-size: 30px;line-height: 48px;}
  .scroll-dn{padding: 0;}
  .technology-wrapper{padding-top: 40px;}
  .technology-wrapper ul{gap: 20px;}
  .scroll-dn h2{padding: 0 !important; margin: 0; line-height: 64px;}
  .g-g-text{padding: 0; text-align: center;}
  .g-g-text span{padding: 0;font-size: 48px !important;}
  .tech-logo-wrapper .tech-list li{height: 100px; width:200px;}
  .clnt-logo{padding: 0;}
  .scroller ul li img{width: 165px;}
  .our-testimonial{padding:40px 10px 50px;}
  .our-testimonial .baner-text{font-size: 45px !important; text-align: left; display: block;}
  .our-testimonial .r-text{padding: 0;text-align: start;}
  .our-testimonial .owl-theme .owl-nav{top: -90px; display: none;}
  .testimonial-card{margin:38px 0 0;}
  .testimonials-wrapper p.para{padding: 24px 10px 0;}
  .testimonials-wrapper .col-md-12{padding: 0;}
  .owl-nav button{height: 50px !important;width: 50px !important;box-shadow: none !important;}
  .testimonials-wrapper span.quote{font-size: 36px;top: 40px;}
  .testimonials-wrapper{padding: 20px;}
  .testimonials-wrapper .container{padding: 0;}
  .testimonials-wrapper .header{padding: 20px 10px 0;}
  .blog-content{display: block; padding: 0; width: 100%;}
  .blog_content{padding: 20px;}
  .col_blogs h5{font-size: 20px; min-height:auto;}
  .blog-content .baner-text{justify-content: left; padding: 0 0 0 20px; font-size: 50px;}
  .blog-content .r-text{padding: 0 0 0 20px; margin: 0;}
  .right-text-blog{padding:0 20px;}
  .right-text-blog p{font-size: 18px; line-height: 32px;}
  .read-more-wrapper p.auther{font-size: 14px;}
  .about-section{padding:40px 0 50px 0;}
  .about-section span{width: 100%;text-align: center;padding: 0;margin: 0;font-size: 50px !important;}
  .about-section .baner-text {font-size: 50px;padding: 0;margin: 0;display: none;}
  .abt-text .baner-text{display: revert;}
  .work-banner-text .baner-text{display: none;}
  .contact-banner-text .baner-text{display: none;}
  .about-b-text p{width: 100%;padding: 0 !important;text-align: center;}
  .about-left-company-text>.h-abt>.we-are>p{font-size: 30px;line-height: 45px;}
  .about-left-company-text{width: 90%;}
  .middle-company-text{padding:0 0 50px;}
  .three-box{width: 90%;line-height: 30px;font-size: 18px; color: rgba(255, 255, 255, 0.9);}
  .right-company-text{justify-content: center;padding: 0;}
  .bottom-company-text p {font-size: 24px !important;line-height: 38px !important;}
  /* .main-our-mission{padding: 0;} */
  .main-our-mission .row{gap: 1px;}
  .mission_content h2 {font-size: 70px; padding: 0; display: block; text-align: left;}
  .mission_content>.para{font-size:18px;line-height: 30px;}
  .mission_content p{padding: 0; margin: 0;}
  .mission_content .green-glow{font-size: 70px !important; font-weight: 900;}
  .office .pixel-heading {font-size: 40px; line-height:40px; padding:0; display: block; text-align: left;}
  .team-heading{padding-left:0;}
  p.team-description{font-size:18px;line-height: 34px;font-weight: 400;}
  .office-member .row {display: block; padding-bottom: 0!important;}
  .office-member .row .col-4{width: 100%;}
  .company-service .left-company-text{width: 95%;}
  .service-page-text p{width: 100%;padding: 0;text-align: center;}
  .service-page-text .green-text span{line-height: 40px;}
  .left-company-text>.h-abt>.we-are>p{font-size: 30px;line-height: 45px; padding: 0 0 30px;}
  .service-wrapper .three-box p{font-size: 22px;line-height: 40px;}
  .service-wrapper .middle-company-text{padding: 40px 0 50px;}
  .service_col{padding: 25px; border-radius: 0;}
  .service_col h5{font-size: 24px;}
  .work-banner-text p{width: 100%;padding: 0;text-align: center;}
  .work-banner-text .r-text span.cursive-line-height{line-height: 50px;}
  .contact-banner-text p{width: 100%;padding: 0;text-align: center;}
  .contact-banner-text .r-text span.cursive-line-height{line-height: 50px;}
  .address-wrapper h2{text-align: left;color: #000000;font-size:30px; padding:0 0 10px;letter-spacing: 0.6px;}
  .office_address{padding: 14px; margin-bottom: 15px;}
  .address-wrapper .office_address{padding: 25px;}
  .address-wrapper .office_address h6{text-align: start; font-size: 24px; padding: 0 0 10px;}
  .address-wrapper .office_address .address_row{padding: 0;}
  .address-wrapper .office_address .address_row p{font-size: 18px !important; margin: 0;}
  .contact-container .contact_form{padding: 5%;}
  .main-footer{position: relative;}
  .main-footer #footer_row .col-md-3{display: none;}
  #footer_row{height: auto;}
  .footer_pixel_design p{padding: 20px 0 0;
    font-weight: 400;
    padding-top: 0;
    font-size: 18px;
    line-height: 30px;}
  .footer_pixel_design li{padding: 2px 0;display: flex;}
  .footer_pixel_design li a{font-size: 20px;}
  .footer_pixel_design li a.copy-email{width:35px;height:35px;top: -4px;padding: 2px;}
  .footer_pixel_design li a.copy-email img, .footer_pixel_design li a.call-icon img, .footer_pixel_design li a.whatsapp-no img{max-width: 22px;}
  .footer_pixel_design li a.call-icon img{max-width: 19px;}
  .footer_copyright{text-align: center; padding:20px 0; border-top: 1px solid #2b3d66;}
  .sub-footer{display: block !important; padding: 0;}
  .sub-footer li{padding: 0 5px;}
  .f-contact-link li{padding: 10px 0; justify-content: center;}
  .sub-footer .col-4{width: 100%;padding: 5px 0;}
  .sub-footer .social-links{padding: 20px 0 0;}
  .footer-menu-link{padding: 0 0 20px;}
  .contact-container p{font-size: 24px !important;}
  .contact-container .we-are{padding: 0;}
  .address-wrapper{padding:0;}
  .form-wrapper .input-group .input-group-text{top: 12px;}
  #ContactForm input{padding:12px 20px;}
  #ContactForm input:focus{outline: 0; border-color: #43b613; box-shadow: none;}
  #ContactForm .mt-4{margin-top: 1rem !important;}

  .main-footer .mt-5{margin: 0 !important;}

  
  .wordpress-main .desktop-view{display: none;}
  .wordpress-main h2.mobile-view{display: block; color: #fff; text-align: center; font-size: 50px; padding: 0 0 20px;}

  .technology-wrapper .about-sc-btn{display: none !important;}
  .tech-logo-wrapper{padding: 0;}
  .bottom-company-text{display: none;}
  .main-our-mission>.bg-img-vision>.vision-content, .vision-content>.right-text-blog>p{text-align: left;}
  .bg-img-vision .baner-text, .bg-img-vision p.para{text-align: left;}
  .right-text-blog{padding: 0;}
  .mission_content{padding:32px 26px; height: 200px;}
  .bg-img-vision p.para, .mission_content>.para{padding:0; text-align: center;}
  
  .office{padding: 40px 10px 0;}
  .office .pt-5{padding-top:0 !important;}
  .team_caption{padding:20px 0;}
  .company-service{padding:50px 0 0;}
  .background-img{background: none;}

  .service-container{padding: 40px 0 80px !important;}

  .main-blog .right-text-blog p{padding: 0 20px;}

  .company-service.contact-container{padding: 50px 0;}

  .thank-you-wrapper .header_home .top_navigation{padding: 10px 0;}

  .who-we{height: auto;}
  .we-are p{font-size: 35px;}
  .we-text .c-shodow{font-size: 40px;}

  .our-testimonial>.container>.left-text-blog{padding: 0;}
   h2.common-heading{font-size:28px;text-align: center !important;}
  .wordpress-main h3{font-size:20px; padding: 20px 0;}
  .wordpress-main h4{font-size:40px;}
  .wordpress-main .about-sc-btn{padding: 32px 0;}
  .desktop-view{display: none;}
  .mobile-logos{padding-top: 40px; display: block;}
  .mobile-logos .col-md-6{width: 50%;}
  .our-work h2.common-heading{letter-spacing: 0;padding-bottom: 30px; }
  .home-about-wrapper .abt-content{padding: 20px 10px 10px;}
  .home-about-wrapper .abt-content h2{font-size: 22px; line-height: 34px; font-weight: 400; color: #575757; padding: 0 0 12px;}
  .home-about-wrapper .abt-content p{font-size: 16px; line-height:25px;}
  .home-about-wrapper .about-btn-wrapper{padding: 14px 0 30px;}
  .mobile-logos ul li{width: 100%; height: 70px; padding: 15px 0 0; background: #fff; margin: 0 0 10px;}
  .mobile-logos ul li.elegant-logo{padding: 10px 0 0;}
  .mobile-logos ul li.envato-logo{padding: 18px 0 0;}
  .mobile-logos ul li.envato-logo img{max-width: 80%;}
  .mobile-logos ul li.divi-pixel-logo{padding: 18px 0 0;}
  .mobile-logos ul li.divi-pixel-logo img{max-width: 70%;}
  .mobile-logos ul li.wp-form-logo img{max-width: 70%;}
  .mobile-logos ul li.elementor-logo{padding: 20px 0 0;}
  .mobile-logos ul li.elementor-logo img{max-width: 80%;}
  .mobile-logos ul li.wordpress-logo img{max-width: 80%;}
  .expert-text{font-size: 22px; padding: 40px 0 20px;}
  .how_do_we_design h2.common-heading{font-size: 35px;}
  .mission_content h2.common-heading{font-size: 30px;}

  .main-wrapper .about-sc-btn{display: none;}

  .our-work .hoverAction .project-d{padding: 20px 0;}

  .section-gap{padding: 50px 10px;}
  .wordpress-banner{padding: 0 20px;}

  .carousel-inner p.desktop{display: none;}
  .carousel-inner p.mobile{display: block;}

  .how_do_we_design .pb-30{padding: 0;}
  .how_do_we_design .about-btn-wrapper{padding: 20px 0;}

  .technology-wrapper h2.common-heading{line-height: 48px;}
  .technology-wrapper h2.common-heading br{display: none;}

  .main-blog .left-text-blog{padding: 0 20px;}

  .footer_pixel_design{padding: 30px 0;}

  .price-pack-wrapper.e-commerce-wrapper{padding: 0 0 50px;}

  .banner_inner_text h1{font-size: 34px;}

  .main-our-mission .container-fluid{padding: 0;}
  .main-our-mission .container-fluid .row{gap: 0;}

  .office-member{padding: 30px 20px 0 !important;}

  .thank-you-wrapper .banner-wrapper{height: 60vh;}

  .contact-container .container-fluid.content.form-wrapper{padding: 0;}
  
  .main-navigation-toggle:checked ~ .main-navigation a{font-weight: 600;}

  .price-pack-wrapper .header{position: relative; top: 0;}
  .price-pack .custom-pack{padding: 1rem 2rem 0;}

  ul.service-feature-list{flex-wrap: wrap; gap: 10px;}

  ul.service-feature-list li{width: 100%; padding: 16px; font-size: 18px;} 
  ul.service-feature-list li br{display: none;} 
  ul.service-feature-list li span{width: 35px; height: 35px;}
  ul.service-feature-list li span img{width: 20px;}

  h1.main-heading {font-size:22px; padding:10px 0 0; text-align: center; font-weight: 600; line-height: 30px;}

  h2.common-heading{font-size:28px;line-height: 40px; padding-bottom:0; font-weight: 600;}

  .services-anchor .services-box h2 br{display: none;}

  #web-list .col-md-3{width: 100%}

  .pro-Text h4{font-size: 25px;}

  .banner_inner .inner-banner-left h2 br{display: none;}
  
  .call-wrapper{padding:10px;}
  .float-navbar{display:none;}
  .navbar-brand{margin:0 auto;}
}

@media(max-width:410px){
  ul.tech-logo-list li{margin: 10px; width: 40%;}
  ul.tech-logo-list li img{width:100%;}
}

@media(min-width:991px) and (max-width:1600px) {
   .banner-right .main-banner-caption h2{font-size: 40px;}

   ul.banner-free-list li{font-size: 15px;line-height: 120%}

   ul.banner-free-list li span{font-size: 25px;}

   .banner_inner{margin-top: 78px}

   .footer_pixel_design ul.footer-list-link li a{font-size: 15px;}

   .desktop_menu li{margin-right: 12px;}

   .desktop_menu li a{font-size: 17px;}

   .call_btn span{margin: 0px 12px 0 0; font-size: 20px;}

   .call_btn span{font-size: 18px;}

   .call_btn{align-items: center; font-size: 18px;padding:13px 18px 13px 22px;}

   .navbar-brand img{height: 36px;}
}

/* USA Pixel Website mobile responsive */

@media (max-width:500px) {
  .pixel-logo {margin-bottom: 25px;}

  .main-banner-cover{margin:0; padding:30px 0 40px; border-radius: 0;}
  .banner-video{height: 420px; width: auto;}
  .banner-left{padding: 0;}
  .banner-left .main-banner-caption h2{font-size:16px; line-height: 1.2; font-weight: 400;}
  .banner-left .main-banner-caption .banner-btn-wrapper{display: flex;flex-direction: column;} 

  /* .service-text{height: 80px;} */
  .service-text.forDesktop{display: none;}
  .service-text.forMobile{display: block;}
  .service-text h4{font-size: 28px; line-height: 38px;}
  /* .service-text h4.mobile-hide{display: none;} */

  .banner-left .main-banner-caption p{font-size:16px; padding:10px 0;}
  .banner-left .main-banner-caption p br{display: none;}

  .banner-right{display: block; padding: 0;}
  
  .banner-left .main-banner-caption .banner-btn-wrapper{padding: 0 0 20px;}
  .banner-btn-wrapper span{display: flex; padding:24px 0 10px; justify-content: center;}
  .banner-btn-wrapper img.iso, .banner-btn-wrapper img.clutch, .banner-btn-wrapper img.award{width: 70px;}
  .banner-btn-wrapper img.award{width: 80px;}

  .achievement-wrapper h4{font-size:30px;}

  .price-box .col-md-3{padding-bottom: 30px;}
  .price-pack h5{font-size: 28px;}
  .price-pack h5 span{font-size: 22px;}
  .price-pack h6 span{font-size: 50px;}

  .mobile-bnr-wrapper{display: flex; padding-top: 50px;}
  .banner-btn-wrapper a.green-bg-btn{margin: 0;}

  .review-box{padding-top: 30px;}
  .review-box img{width: 190px;}
  .intro-video-wrapper h2{font-size: 32px; padding: 0px 0 20px 0;}

  .achievement-wrapper .rating-forMobile{flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; align-items: center;}
  .achievement-wrapper .rating-forMobile .col-md-3{width: 45%; padding: 0;}
  .achievement-wrapper .rating-forMobile .col-md-3:nth-child(3){display: none;}

  .price-pack{margin: 30px 0 0;}
  .our-testimonial h2.common-heading{margin: 0;}

  .footer_copyright .copyright{text-align: center !important;}

  .form-container h2.common-heading{font-size: 28px; padding:0 0 10px;}
  .form-wrapper .form-control{font-size: 16px; padding: 12px 20px;}
  .form-wrapper .mb-4 img{top: 10px; left: 12px; width: 22px;}

  .form-wrapper .mb-4 img.user{width: 16px; top: 12px;}
  .form-wrapper .mb-4 img.phone{width: 20px; top: 12px;}
  .form-wrapper .mb-4 img.email{width: 21px; top: 10px;}
  .form-wrapper .mb-4 img.service{top: 16px; width: 21px;}

  .section-gap{padding:50px 0;}
  .footer-contact-wrapper.section-gap{padding:50px 0;}
  .section-gap.achievement-wrapper{padding: 50px 0;}
  .home-about-wrapper.section-gap{padding: 50px 0 0;}

  h6.common-small-heading{font-size: 14px;}

  .our-work .For-Mobile{display: none;}
  .services-box{display: block; padding: 20px; min-height: 160px;margin: 15px 0 0;}
  .services-wrapper .row{--bs-gutter-x: 14px;}
  .services-wrapper .col-md-3 .icon-thumb{padding: 0 0 10px;}
  .services-box h2{font-size: 17px;line-height: 23px;}

  .testimonials-wrapper .img-thumb{width: 80px; height: 80px;}

  .footer-contact-left{padding: 0 10px 30px;}
  .footer-contact-left h2{color: #b4e6ff;}
  .office_address{padding: 0;}
  .office_address h6{font-weight: 400; font-size: 18px; padding: 0 0 10px;}
  .address_row{flex-direction: column;}

  .our-testimonial{min-height: 1000px;}
  .header_sticky .call_btn{padding: inherit;}

  .team_thumb_col .team_thumb img{border-radius: 20px;}
  .footer-contact-left ul li{padding: 14px 10px;}
  .footer-contact-left ul li span{display: none;}
  .footer-contact-left ul li a{padding: 0; border: 0;}
  .footer-contact-left h6{padding: 30px 0 10px;}

  .call_btn.mobile-view{width: 40px; height: 40px;}
  .enquire_now_btn{width: 40px; height: 40px;}
  .call_btn span.icon-telephone, .enquire_now_btn span.icon-email-2-1{top: 0;}
  a.mobile-menu-nav{height: 38px;}
  .header_sticky .call_btn.mobile-view{padding: 5px;}
  .team_caption h5{font-size: 28px; padding: 0 0 5px;}
  .form-wrapper{border-radius: 30px; padding: 30px 20px;}
  .form-check-input.check-box-term{padding: 6px !important;}
  .form-check-label{font-size: 14px;}
  .form-check{display: flex;}

  .our-work{border-radius: 0;}
  .progress-slide{flex-direction: column-reverse;}
  a.hoverAction{width: 348px;height: 425px;}
  .price-pack-wrapper{padding: 60px 0;}

  .work-slider-box{flex-direction: column;text-align: center; padding-bottom: 20px; position: relative;}
  .left-box-1{position: relative;margin-bottom: 20px;}
  .right-box-2{position: absolute;bottom: 0;right: 0;}
  .progress-slide{margin: 0;}
  .slider-buttons{margin: 0;}
  .slider-work .col-md-3{ margin: 5px;}
  .address-box-new{margin-top: 20px;display: flex;align-items: center;justify-content: center;align-content: center;
        flex-direction: column;}

  .address-box-new img.pin {position: relative;margin-bottom: 15px;left: 0;}

  .client-box{padding: 30px 0 0;}
  .marquee_row li img{max-width: 150px;}
  h2.common-subheading{margin-top: 0 !important;}
  .slider-buttons button{background-color: transparent;}

  .address-box-new h4{margin: 0 0 10px; font-weight: 500;}

  .slick-list{overflow: hidden !important;}
  .slider-work .slick-slide {width: 375px !important;}

  .our-testimonial .testi .swiper-autoheight .swiper-slide{height: 690px;}
  .testi{padding: 50px 0;}
  .technology-wrapper .ForMobile{padding:30px 0 0;}
  .technology-wrapper ul.logo-wrapper li p{font-size: 18px;}

  .achievement-wrapper .achievement-box{border-width: 1px;}
  
  .center-float-cta{transform: translatex(-60%);}
  .center-float-cta .email-btn{display: none;}
  .center-float-cta .txt-btn{width: 160px; text-align: center;}

  .float-cta{right:60px; bottom:12px;}
  ul.common-social li a.whatsapp-icon{width: 52px; height: 52px; padding: 0; border: 4px solid #141414;}
  ul.common-social li a.whatsapp-icon img{top: -14px; width: 25px;}
}

@media (max-width: 400px) {

    .slider-work .slick-slide {
    width: 325px !important;}

    a.hoverAction{width: 297px;}
    .center-float-cta{gap: 5px;}
    .center-float-cta .txt-btn{width: 132px;font-size: 12px;}
    ul.common-social li a.whatsapp-icon{height: 50px;width: 50px;}
  
}