@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body, html {
	margin: 0px;
    padding: 0px;
    font-size: 15px;
    background: #ffffff;
    color:#0b0b0b;
	font-family: 'Poppins', sans-serif;    font-weight: 300;
}
p{line-height: 24px;}
#top_menu.sticky {
    box-shadow: 0 2px 30px -11px rgba(0,0,0,0.3);
    padding: 10px 0 5px;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
   
}
ul {
	padding-left: 0;
}

.haddingp{ margin-bottom:20px; text-align:center;}
.man_linehight {
	line-height: 27px;
	text-align: justify;
    text-align-last: center;
}
.sab_hading { text-align:center;
	margin-bottom: 40px;
}
.hading_contente {
	line-height: 20px;
	width: 600px;
	margin: 15px auto 0;
	
}
h1.hading, h2.hading, h3.hading{      text-align: center;
    margin: 0;
    color: #1b1b1b;
    padding-bottom: 18px;
    font-size: 32px;
    font-weight: 600;
}

.sab_hading h2 {
     margin: 0;
    color: #ffffff;
    padding-bottom: 18px;
	
}
.btn:before {
	background-image: -webkit-linear-gradient(left, #f2bf31 0%, #291670 100%);
	background-image: linear-gradient(to right, #f2bf31 0%, #291670 100%)	
}
.tc {
	text-align: center;
}
#wrapper {
	background: #000;
	width: 100%;
	padding: 15px 0;
}
.top_left_social ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none;
}
.top_left_social ul li {
	list-style: none;
	padding: 0 30px 0 0;
	display: inline-block;
}
.top_left_social ul li a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
#wrapper p {
	font-size: 14px;
	color: #fff;
	margin: 0px;
	padding: 0px;
	float: right;
}
#top_menu {
	width: 100%;padding: 25px 20px 0;position: absolute;
    z-index: 999;    -webkit-transition: .5s ease;
    transition: .5s ease;    top: 5px;
	
}

.p60{ padding:60px 0;}
.p80{ padding:80px 0;}

.solusan_menu_box{    width: 25%;
    float: left;
    padding-right: 25px;}
.solusan_menu2 .solusan_menu_box{    width: 25%;
   
    padding-right: 15px;}

.logo1{    display: none}
#top_menu.sticky .logo2{    display: none}
#top_menu.sticky .logo1{    display: inline-block}
#top_menu.sticky ul > li > a{ color:#000}
#top_menu.sticky ul > li li > a{ color:#fff}
.man_banner {
    background: #0067a6;
    padding: 125px 0 50px;
}
#particles-js{ position:absolute; top:0;height: 100%; width:100%;}
.get_btn{      color: #fff!important;
    background: #03b9e1;
    padding: 10px 18px!important;
    border-radius: 10px; background: linear-gradient(90deg, rgb(43 43 191) 35%, rgba(0, 212, 255, 1) 100%);}
.get_btn:after{ display:none!important;}	
.banner_hadding{ margin-top:50px;    color: #fff;}
.img_content_row {
    margin-top: 35px;
   color:#fff;margin-bottom: 25px;
}

.banner_hadding h1 {
	         margin-top: 0;
    font-size: 54px;
    line-height: 65px;
    font-weight: 600;
    font-family: poppins,sans-serif;
}
.banner_hadding p{ }
.img_content {
    width: 45px;
    margin-top: 5px;
}
.banner_btn{margin-top: 35px;}
.banner_btn a {
    background: #005fc2;
    display: inline-block;
    padding: 9px 25px;
    border-radius: 10px;
    color: #fff;
    margin-right: 20px;
    text-transform: uppercase;
    letter-spacing: 1.8px;
    background: linear-gradient(90deg, rgb(43 43 191) 35%, rgba(0, 212, 255, 1) 100%);
}
.banner_btn a:hover{background: #ffffff;    color: #002269;}	
.img_content img{width: 100%;}
.content_img {
    margin-left: 10px;
}
a {	-webkit-transition: .5s ease;
	transition: .5s ease;
}
.content_img h4{margin-bottom: 2px;
    font-weight: 400;}
.content_img p{    line-height: 19px;font-size: 13px;}
.slide1{position: relative;
    display: inline-block;
    border-radius: 40px;    margin-left: 25px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);}
.slide1 .slide{     position: absolute;
    left: 13px;
    top: 12px;
    border-radius: 30px;
    overflow: hidden;
    height: 487px;
}
.phone_top{     position: absolute; 
    z-index: 9;
    
}
.logo-icon{     -webkit-animation: fa-spin 5s infinite linear;
    position: absolute;
    opacity: 0.2;
    right: 7px;
    width: 70px;}
.tour_packages{    background: linear-gradient(to bottom, #2e8cec 0%, #0357ae 100%);
    padding: 20px 15px 15px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    border-radius: 10px;
}

.tour_packages h4{    font-size: 18px;
    font-weight: 500;
    margin: 20px 0 10px;}
.trusted{ padding:20px 0}
.trusted h5{  font-size: 22px;
    font-weight: 600;
    margin-top: 30px;}
.trusted .item{    text-align: center;}
.trusted .item img{height: 70px;}
.mobile_bg{ max-width: 460px;
    left: 0;
    position: absolute; top:10%}
.tl{text-align: left!important;}
.development_section h2 span{font-weight: 400; display: block;}
.development_section p{line-height: 25px}
.phone{position: relative;  }
.service_box{    padding: 15px;
    box-shadow: 0px 0px 7px #ccc;
    border-radius: 10px;position: relative;
    background: #fff;margin-top: 20px;    height: 150px;}
	
.service_box h5 span{ font-weight:500;    display: block;	 }
.service_box h5{    line-height: 20px;    font-weight: 300;
    margin: 15px 0 0;}
.mobile_bg2 {
    max-width: 460px;
    right: 0;
    position: absolute;
    top: 10%;   
}
 
.industries_box{    background: linear-gradient(to bottom, #2e8cec 0%, #0357ae 100%);
    padding: 30px 15px 25px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 10px;   }	
.industries_box h4{margin-top: 25px;    height: 25px;}
.p_hadding{    max-width: 1000px;
    margin: 0 auto 30px;
    text-align: center;font-size: 16px;line-height: 25px;}
	
.pinkBg {
    background-color: #44bfda!important;
        background-image: linear-gradient(90deg, #44bfda, #96dbea);
}
.intro-banner-vdo-play-btn{
    height:0px;
    width:0px;
    position:absolute;
    top:50%;
    left:50%;
    text-align:center;
    border-radius:100px;
    z-index:1;opacity: 0.5; 
}
.intro-banner-vdo-play-btn i{
    line-height:56px;
    font-size:30px
}
.intro-banner-vdo-play-btn .ripple{
    position:absolute;
    width:160px;
    height:160px;
    z-index:-1;
    left:50%;
    top:50%;
    opacity:0;
    margin:-80px 0 0 -80px;
    border-radius:100px;
    -webkit-animation:ripple 1.8s infinite;
    animation:ripple 1.8s infinite
}

@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.intro-banner-vdo-play-btn .ripple:nth-child(2){
    animation-delay:.3s;
    -webkit-animation-delay:.3s
}
.intro-banner-vdo-play-btn .ripple:nth-child(3){
    animation-delay:.6s;
    -webkit-animation-delay:.6s
}
@media (min-width: 991px)
{
.flex_box991{ display: flex;flex-wrap: wrap;}
.alc991{ display: flex; align-items: center;}
.order-2{    order: 2;}
.order-1{    order: 1;}
.box_b_service{ height: 100%;}
.php_row .col-sm-3 { width: 20%;}
.img_content_row .col-md-3{    width: auto;}
.transform{transition: all .4s ease;}
.transform:hover{    transform: scale(1.12);}
 .img11 {    opacity: 0;transform: translateY(400px);}
.blog-slider__img .img12 {    opacity: 0;transform: translateY(-400px);}
.mobile_bg, .mobile_bg2{ -webkit-animation: fa-spin 15s infinite linear;}
.pc {
    position: relative; 
}	
.choose_from .row, .we_lead .row{    width: 900px;    margin: auto;}
.industries .col-md-3 {
    width: 20%;
}

  .features-center {
    width: 28%;
   
}
.features-left {
  width: 36%; float:left
   
}

.features-right {
  width: 36%; position:absolute; right:0;
  
}
.features-right1{ top:0px;}
.features-right2{ top:120px;}
.features-right3{ top:240px;}
.features-right4{ top:360px;}
}

.choose_from_box{    background: linear-gradient(to bottom, #2e8cec 0%, #0357ae 100%);
    padding: 30px 15px 10px;
    text-align: center;
    color: #fff;
    margin-bottom: 30px;
    border-radius: 10px;    min-height: 250px; }

.choose_from_box h4{margin-top: 20px;}
.choose_from_box p{    font-size: 14px;}

.we_lead .we_lead_box {
          padding: 25px 25px 1px;
    box-shadow: 0px 0px 7px #ccc;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 35px;
    text-align: center;min-height: 330px;
}
.we_lead { padding-bottom:40px;}
.we_lead .we_lead_box h4{   margin-top: 20px;    font-size: 17px;}
.bgloght{ background:#f6f7fb;}
.testimon_box{    box-shadow: 0px 0px 15px #ccc;
    padding:130px 100px 60px;
    background: #fff;}
.testimon_box .carousel-inner{margin-top: -120px;}
.testimon_box .carousel-indicators li.active{ background:#4c52fe;border: 2px solid #4c52fe;}
.testimon_box .carousel-indicators li{border: 2px solid #4c52fe; background:#fff;width: 16px; height: 16px;}
.testimon_box .carousel-indicators{bottom: 20%; padding-left: 27%;}
.testimon_left{    position: relative;}
.testimon_right{    position: relative;margin-top: 150px; }
.testimon_left h4{position: absolute;
				width: 100%;
				text-align: center;
				bottom: 12%;font-size: 22px;
				left: 0;    line-height: 26px;}
.testimon_left h4 span{ display:block;    font-size: 16px;}
.testimon_right p{     position: relative;
    padding: 0 90px;
    text-align: justify;
    font-size: 17px;}
.testimon_right p::after{ position: absolute; left:10px; top:0; content:""; width:65px; height:51px; 
background:url(../img/icon1.png) no-repeat;}
.testimon_right p::before{ position: absolute; right:10px; bottom:0; content:""; width:65px; height:51px;
 background:url(../img/icon2.png) no-repeat}
 .partners{ text-align:center}
 .partners .owl-carousel{ margin-top:20px;}
.contact_form {
    background:url(../img/footer_bg.jpg) no-repeat left center; background-size: cover;   margin-top: -200px; padding: 50px 0;
    color: #fff; 
}
.footer_left{ padding:35px 50px;}
.footer_right{ padding:35px 50px 55px; background:#1771ce;color: #fff;}
.footer_right h4 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;    margin-bottom: 5px;text-transform: uppercase;
}
.footer_left h4 {    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;text-transform: uppercase;
}
.footer_left input, .footer_left select{    width: 100%;
    height: 40px;
    padding: 5px 10px;   border-radius: 10px;
    background: transparent;
    color: #ffffff;
    border: 1px solid hsl(0deg 0% 100% / 66%);}
.footer_left textarea {
        width: 100%;
        border-radius: 10px;
        padding: 5px 10px;
        background: transparent;
        color: #ffffff;
        border: 1px solid hsl(0deg 0% 100% / 66%);    min-height: 110px;
    }
.footer_left .btn_man{    background: #2a84e0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 15px;
}

.social a {
       height: 40px;
    width: 40px;
    text-align: center;
    background: #fff;
    line-height: 42px;
    border-radius: 50%;
    display: inline-block;
    color: #1771ce;
    font-size: 25px;
    margin: 15px 10px 0 0;
}
.pla::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: hsl(0deg 0% 100% / 50%);
  }
  .pla::-moz-placeholder { /* Firefox 19+ */
    color: hsl(0deg 0% 100% / 50%);
  }
  .pla:-ms-input-placeholder { /* IE 10+ */
    color: hsl(0deg 0% 100% / 50%);
  }
  .pla:-moz-placeholder { /* Firefox 18- */
    color: hsl(0deg 0% 100% / 50%);
  }
  .pla:focus{ outline: none; border: 1px solid hsl(0deg 0% 100% / 66%);}

.footer_right ul li .spani {
      height: 50px;
    width: 50px;
    text-align: center;
    border: 2px solid #fff;
    line-height: 45px;
    border-radius: 50%;
    margin-right: 15px;
    display: inline-block;
}
.footer_right ul {
        margin: 30px 0;
    display: block;
}
.footer_right ul li .spani img{width: 30px;}
.footer_right ul li{margin-bottom: 20px;}
footer{background: #fff url(../img/footer2.png) repeat-x bottom center;
margin-top: 200px;padding-bottom: 65px;background-size: 100%;    position: relative;}
.footer_right ul li a{    color: #fff;    font-weight: 500;}
.link_footer{ text-align:center;    padding: 50px 0 0px; margin-bottom:100px;}
.link_footer li{display:inline-block;padding: 0 8px;}
.link_footer .ul li{padding: 0 20px;}

.link_footer .li{    border-right: 1px solid #545454;}
.link_footer li a{ color: #545454;    font-weight: 500;}
.link_footer img{ margin:auto}
#additional_links{    text-align: center;  float:right;}
.contact_form>.row{margin: 0;}
.footer_left .hadding{  margin-bottom: 20px;}
.ftlogo_right{ padding-top: 15px;}
.ftlogo_right img{ margin-bottom: 10px;}



.blog-slider {
     position: relative;
    transition: all .3s;    overflow: hidden;
}
.blog-slider__item1{ background: #4c52fe;}
.blog-slider__item2 {    background: #af34e2;}
.blog-slider__item3 {    background: #1b9a77;}
.blog-slider__item4 {    background: #0d9e8d;}

@media screen and (max-width: 768px) {
  .blog-slider {
    
    height: auto;
   
  }
}

.blog-slider__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .blog-slider__item {
    flex-direction: column;
  }
}
.blog-slider__item.swiper-slide-active .blog-slider__img img {
  opacity: 1;
  transition-delay: .3s;transform: none;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > * {
  opacity: 1;
  transform: none;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(1) {
  transition-delay: 0.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(2) {
  transition-delay: 0.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(3) {
  transition-delay: 0.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(4) {
  transition-delay: 0.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(5) {
  transition-delay: 0.7s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(6) {
  transition-delay: 0.8s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(7) {
  transition-delay: 0.9s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(8) {
  transition-delay: 1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(9) {
  transition-delay: 1.1s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(10) {
  transition-delay: 1.2s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(11) {
  transition-delay: 1.3s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(12) {
  transition-delay: 1.4s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(13) {
  transition-delay: 1.5s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(14) {
  transition-delay: 1.6s;
}
.blog-slider__item.swiper-slide-active .blog-slider__content > *:nth-child(15) {
  transition-delay: 1.7s;
}


.p2{margin-bottom:-50%; margin-left:50px;}
.blog-slider__img img {
  transition: all .8s;
}

@media screen and (max-width: 768px) {
  .blog-slider__img {
    width: 90%; text-align:center;
  }
 

}
@media screen and (max-width: 576px) {
  .blog-slider__img {
    width: 95%;
  }
}


.blog-slider__content {
  padding-right: 60px;
}
.features-left {
    text-align: right;
   
}
.work_process .row{    position: relative;}
.features-right {
    text-align: left;
  
}
.feature {
    margin: 15px 0 0;
}
.feature .icon-container {
    display: block;
    min-height: 100px;
   
}
.position_relitive{position: relative; overflow: hidden;}
.border-rr {position: absolute; text-align:center;    width: 100%; left: 0%;    top: -40px;
    }
.border-rr span{
    height: 520px;
    width: 500px;    display: inline-block;
   
    border-right: 2px dashed #e1e2f5;border-left: 2px dashed #e1e2f5;
    border-radius: 100%;}	
.features-left .icon-container {
    float: right;
    margin-left: 20px;
}
.feature .icon-container .icon {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
    -webkit-transition: all ease-in .25s;
    transition: all ease-in .25s;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;    font-weight: 600;
}
.feature .icon-container .icon {
    color: #0061c5; background:#fff;box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);transition: all .8s;
}
.feature.active .icon {
    color: #fff; background:#0061c5
}
.feature .icon-container .icon i {
    line-height: 50px;
}
.features-right .icon-container {
    float: left;
    margin-right: 20px;margin-left: auto;
}
.feature h4{    margin-top: 0;}
.pr50{    padding-right: 50px;}
.pl50{    padding-left: 50px;}
.services_part22 {
    background: #fff;
    width: 285px;
    height: 285px;
    margin: auto;
    margin-top: 80px;
    border-radius: 100%;
    text-align: center;    overflow: hidden;
    position: relative;padding-top: 60px;box-shadow: 0px 0px 35px rgba(0, 0, 0, 0.1);
}
.services_part22 li{transform: translateY(400px);    transition: all .8s;}

.work_process .carousel-indicators{position: relative;width: 100%; margin-left:0;    left: 0;}
.services_part22 img{margin: auto	;}
.work_process{ padding:50px 0;}
.feature.active h4{    color: #0061c5;transition: all .8s;}
.work_process .carousel-indicators li{ height: 100%;    text-indent: 0;
    width: 100%;position: absolute; text-align:center;
 display:block; opacity:0; background:none; border:none;}
.work_process .carousel-indicators li.active{   
    transform: none;opacity:1
}

@media screen and (max-width: 768px) {
  .blog-slider__content {
    text-align: center;
    padding: 0 10px;
  }
}

.blog-slider__content > * {
  opacity: 0;
  transform: translateY(25px);
  transition: all .4s;
}
.blog-slider__code {
  color: #fff;
  margin-bottom: 15px;
  display: block;
  font-weight: 500;
}
.blog-slider__title {
  font-size:32px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}
.blog-slider__text {
  color: #fff;
  margin-bottom: 30px;
  line-height: 1.5em;    width: 500px;    height: 150px;
}
.blog-slider__button {
    
    color: #fff;
    text-decoration: none;
    letter-spacing: 1px;
}
.markiting {
    position: relative; 
}
@media screen and (max-width: 576px) {
  .blog-slider__button {
    display:inline-block; margin-bottom:30px;
  }
}
.blog-slider .swiper-container-horizontal > .swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.blog-slider__pagination {
  position: absolute;
  z-index: 21;
  width: 11px !important;
  text-align: center;
  top: 50%;
  bottom: auto !important;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination {
    transform: translateX(-50%);
    left: 50% !important;
    bottom: 30px !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;top: auto;
  }
}
.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 8px 0;
}
@media screen and (max-width: 768px) {
  .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
  }
}
.blog-slider__pagination .swiper-pagination-bullet {
  width: 11px;
  height: 11px;
  display: block;
  border-radius: 10px;
  background: #062744;
  opacity: 0.2;
  transition: all .3s;
}
.blog-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #fff;
  height: 40px;
}
.banner_contentin {
    padding-top: 250px;
    height: 100vh;
    text-align: center;color: #fff;
}
.banner_contentin h1{font-weight: 700;}
.banner_contentin p {
    margin: 35px 0 0 0;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 600;
}
.connectbtn {
    border: none;
    font-weight: 700;
    font-size: 15px;
    min-width: 200px;
    text-align: center;
	    background: -webkit-linear-gradient(left,#026ec7 0,#2e9eac 100%);
    background: linear-gradient(to right,#026ec7 0,#2e9eac 100%);
	    text-transform: uppercase;
    padding: 12px 25px; color:#fff;
}
.banner_contentin .connectbtn {margin-top: 47px;}
.connectbtn:hover{
	    background: -webkit-linear-gradient(left,#2e9eac 0,#026ec7 100%);
    background: linear-gradient(to right,#2e9eac 0,#026ec7 100%);
 color:#fff;
}
.about_box {
   
    margin-bottom: 35px;
}
.about_box p{    line-height: 27px;
    text-align: left;
}
.counter_bx {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20)
}
.counter_bx h5 {
    font-size: 19px;
    color: #767980;
    text-align: center;
    margin-top: 0px;    line-height: 25px;
}
.counter_bx .border {
    height: 6px;
    width: 100%;
    background-color: #b2e9d4;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    margin-top: 30px;
}
.work_experience{ padding:30px 0 80px;}
.counter_bx1, .counter_bx3 {
    margin: auto;
    margin-top: 60px !important;
}
.counter_bx {
    background-color: #fff;
    padding: 22px 22px 30px;
    width: 80%;
    margin: auto;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 20px;
}
.counter-value {
    font-size: 40px;
    color: #54cf9f;
    text-align: center;
}
.counter_bx i {
    font-size: 34px;
    color: #54cf9f;
}
.counter_bx2 .counter-value, .counter_bx2 i {
    color: #4ca7db;
}
.counter_bx3 .counter-value, .counter_bx3 i {
    color: #ff723a;
}
.counter_bx4 .counter-value, .counter_bx4 i {
    color: #8370f1;
}
.counter_bx2 .border {
    background-color: #b0d8ef;
}
.counter_bx3 .border {
    background-color: #ffc1a8;
}
.counter_bx4 .border {
    background-color: #c9c0f9;
}
.counter_bx ul{    text-align: center;
    font-weight: 600;}
:root {
	--white: #fff;
	--black: #000;
	--color_1: #fcc402;
	--color_2: #94c11f;
	--color_3: #2b9dd9;
	--color_4: #9254ca;
	--color_5: #13a784;
	--color_6: #b18522
}

.main-timeline6:after {
	content: '';
	display: block;
	clear: both
}

.main-timeline6 .timeline {
	margin: 0 -15px
}

.main-timeline6 .timeline-content {
	color: var(--color_1);
	text-align: left;
	display: block;
	position: relative
}

.main-timeline6 .timeline-icon {
	font-size: 70px;
	text-align: center;
	margin-bottom: 10px;
	transition: all .3s
}

.main-timeline6 .timeline:hover .timeline-icon {
	transform: rotateY(360deg)
}

.main-timeline6 .timeline-year {
	margin-bottom: 20px;
	position: relative;
	z-index: 1
}

.main-timeline6 .timeline-year:after {
	content: '';
	height: 40px;
	width: 107%;
	background-color: var(--color_1);
	transform: translateX(-50%) translateY(-50%);
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	-webkit-clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%, 0 0);
	clip-path: polygon(90% 0, 100% 50%, 90% 100%, 0 100%, 10% 50%, 0 0)
}

.main-timeline6 .timeline-year span {
	color: #fff;
	background-color: var(--color_1);
	font-size: 45px;
	font-weight: 600;
	text-align: center;
	line-height: 98px;
	height: 100px;
	width: 100px;
	margin: 0 auto;
	border-radius: 50%;
	box-shadow: 0 0 10px #999, 0 0 0 15px  var(--white);
	display: block
}

.main-timeline6 .inner-content {
	padding: 0 10px 10px;
	border-left: 2px solid var(--color_1)
}

.main-timeline6 .title {
	font-size: 20px;
	font-weight: 600;
	margin: 0 0 15px;
	color: #fcc402
}

.main-timeline6 .timeline.blue .timeline-icon,
.main-timeline6 .timeline.blue .title {
	color: var(--color_2)
}

.main-timeline6 .timeline.blue .timeline-year span,
.main-timeline6 .timeline.blue .timeline-year:after {
	background-color: var(--color_2)
}

.main-timeline6 .timeline.blue .inner-content {
	border-left-color: var(--color_2)
}

.main-timeline6 .timeline.green .timeline-icon,
.main-timeline6 .timeline.green .title {
	color: var(--color_3)
}

.main-timeline6 .timeline.green .timeline-year span,
.main-timeline6 .timeline.green .timeline-year:after {
	background-color: var(--color_3)
}

.main-timeline6 .timeline.green .inner-content {
	border-left-color: var(--color_3)
}

.main-timeline6 .timeline.pink .timeline-icon,
.main-timeline6 .timeline.pink .title {
	color: var(--color_4)
}

.main-timeline6 .timeline.pink .timeline-year span,
.main-timeline6 .timeline.pink .timeline-year:after {
	background-color: var(--color_4)
}

.main-timeline6 .timeline.pink .inner-content {
	border-left-color: var(--color_4)
}


.main-timeline6 .timeline.green22 .timeline-icon,
.main-timeline6 .timeline.green22 .title {
	color: var(--color_5)
}

.main-timeline6 .timeline.green22 .timeline-year span,
.main-timeline6 .timeline.green22 .timeline-year:after {
	background-color: var(--color_5)
}

.main-timeline6 .timeline.green22 .inner-content {
	border-left-color: var(--color_5)
}


.main-timeline6 .timeline.green23 .timeline-icon,
.main-timeline6 .timeline.green23 .title {
	color: var(--color_6)
}

.main-timeline6 .timeline.green23 .timeline-year span,
.main-timeline6 .timeline.green23 .timeline-year:after {
	background-color: var(--color_6)
}

.main-timeline6 .timeline.green23 .inner-content {
	border-left-color: var(--color_6)
}

.post_your_resume .form-control{    margin-bottom: 30px;}
.post_your_resume input.form-control{    height: 42px;}

h3.hading_mb{margin-bottom: 22px;}
.post_your_resume form{    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3);
    padding: 50px 30px;
    display: block;
    border-radius: 10px;}
.hiring_process{ padding-bottom:80px;}
.blog_banner_contentin {
    padding: 150px 0 100px;
    text-align: center;
    color: #fff;
	background: -webkit-linear-gradient(to left,#0061c5,#001e63);
    background: linear-gradient(to left,#0061c5,#001e63);
}

.blog-post-images {
    background: #232323;
	overflow: hidden !important;
	    margin-bottom: 25px;
		    -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}
.blog-post-images img {
    width: 100%;  -webkit-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-duration: .2s;
    -ms-transition-duration: .2s;
    -moz-transition-duration: .2s;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
}
.post-author {
    margin-bottom: 10px;    color: #939393;    font-size: 11px;
    line-height: 14px;    display: block!important;    text-transform: uppercase;
}
.text-medium-gray, .btn.text-medium-gray {
    color: #939393;
}
.post-details .post-title{    color: #232323; font-size: 16px;
    line-height: 23px;    font-weight: 500;    width: 90%;}

.post-details .width-90{    border-top: 1px solid #ededed;
    padding-top: 15px;
    margin-top: 15px;    width: 90%;}
.post-details a:hover{ color: #151bc3;}

.blog-post{ margin-bottom:50px;}
.blog-post:hover .blog-post-images img {
    opacity: 0.5;
    transform: scale(1.2, 1.2);
    transition: all 0.3s ease 0s;
}
.border-all {
    border: 1px solid #ededed;
}
.padding-50px-all {
    padding: 50px;
}
.margin-15px-bottom {
   margin-bottom: 15px;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    display: block;
    color: #000;
    text-transform: uppercase;
}

.blog-text p{font-size: 14px;}
.width_100{ width:100%;}

@media screen and (max-width: 768px) {
  .blog-slider__pagination .swiper-pagination-bullet-active {
    height: 11px;
    width: 30px;
  }
  
}
.mart60 {
    margin-top: 60px;
}
.appicon_section{ background:#003f65; background: -webkit-linear-gradient(to left,#0061c5,#001e63);
    background: linear-gradient(to left,#004eaa,#001e63);}
 
.tablist-block ul li {
    width: 180px;    position: relative;
}
.tablist-block ul li {
    padding: 26px 15px 0;
    overflow: hidden;
}
.tablist-block ul li:before {
    width: 100%;
    left: -100%;
    bottom: 0;
    height: 3px;
    background-color: rgba(255, 255, 255, .2);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.tablist-block ul .active:before {
    left: 0;
    background-color: #fff;
} 
.appicon_section .active .center-block a span {
    color: rgba(255, 255, 255, 1.3);
}
.appicon_section .center-block a span {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 22px;
    text-transform: capitalize;
    margin: 10px 0 20px;
    color: rgba(255, 255, 255, .3);
}
.tablist-block ul li:after {
    bottom: -3px;
    right: 0;
    height: 27px;
    width: 1px;
    background: rgba(255, 255, 255, .1);
}
.tablist-block ul li:after, .tablist-block ul li:before {
    content: '';
    position: absolute;
}
.appicon_section .tablist-block{ text-align:center;}
 .tablist-block ul, .tabul li {
    display: inline-block;
}
.appicon_section p {
    font-weight: 300;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
    color: #b6cadd;text-align:center;
    line-height: 26px;
}
.appicon_section .application-option {
    margin-top: 30px;
    text-align: center;
}
.appicon_section .nav-tabs {
    border-bottom: 1px solid #1a5274;    margin-bottom: 30px;
}
.application-option ul {
    width: 100%;
    padding: 0;
}
.application-option ul li {
    display: inline-block;
    float: none;
    margin-bottom: 28px;
    vertical-align: top;
    width: 13%;text-align:center;
} 
.application-option ul li span {
    display: block;
    font-size: 15px;
    color: #fff;
    margin-top: 18px; 
}
.tablist-block ul li a:focus{ outline:none!important}
.appicon_section h3.hading{ color:#fff;}
 .mobile-porfolio{    padding: 15px;
    height: 485px;
    position: relative;
    background: #f8f9f9;
}
.tm-project-name {
       font-size: 25px;
    text-transform: uppercase;
    color: #2e2e2e;
    font-weight: 500;
    margin-top: 10px;   
}
.tm-client-post {
    font-size: 14px;
    text-transform: uppercase;
    color: #676767;
    letter-spacing: .6px; margin-bottom: 30px;
}
.mobileproject-descrption{    position: absolute;
    width: 100%;
    padding: 15px 15px 30px;
    bottom: 0;
    left: 0;
    background: #f3f3f3;}
 .owl-item .mobileproject-descrption a{color: #0067a6;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    margin-top: 10px;
    display: inline-block;}
	
.owl-theme .owl-nav button:focus{ outline:none;} 
 
.transferring_70{ padding-bottom:60px}
 
 
 .workin{ text-align:center}
 
.tablist-block2 ul li { position:relative;
     
}
.tablist-block2 ul li {
    padding: 26px 15px 0;
    overflow: hidden;
}
.tablist-block2 ul li:before {
    width: 100%;
    left: -100%;
    bottom: 0;
    height: 3px;
    background-color: rgba(255, 255, 255, .2);
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}
.tablist-block2 ul .active:before {
    left: 0;
       background-color: #1668bd;
} 
.tablist-block2 ul li a{ display:inline-block}
.workin .active .center-block a span {
       color: rgb(22, 104, 189);
}
.workin.center-block a span {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 22px;
    text-transform: capitalize;
    margin: 10px 0 20px;
    color: rgba(255, 255, 255, .3);
}
.tablist-block2 ul li:after {
    bottom: -3px;
    right: 0;
    height: 27px;
    width: 1px;
    background: rgba(000, 000, 000, .1);
}
.tablist-block2 ul li:after, .tablist-block2 ul li:before {
    content: '';
    position: absolute;
}
.workin .tablist-block2{ text-align:center;}
 .tablist-block2 ul, .tabul li {
    display: inline-block;
}
.workin p {
    font-weight: 300;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
    color: #000;text-align:center;
    line-height: 26px;
}
.workin .application-option {
    margin-top: 30px;
    text-align: center;
}
.workin .nav-tabs {
    border-bottom: 1px solid #ccc;    margin-bottom: 30px;
}

.workin .center-block a span {
    display: block;
    width: 100%;
    font-size: 17px;
    line-height: 22px;
    text-transform: capitalize;
    margin: 10px 0 20px;
    color: rgba(0, 0, 0, .3); font-weight:500;
}
.tablist-block2 ul li a:focus{ outline:none!important}

.hire_logo{ color:#fff;    background: #104275;}
.hire_logo .hading { color:#fff}
.hire_logo .hire_logo_box {    text-align: center;    margin: 25px 0;}
.hire_logo .hire_logo_box h4{    font-size: 20px;
    margin-top: 25px;
    font-weight: 400;}
.technologis{    background: #f6f7fb; padding:60px 0 40px}
.technologis .hire_logo_box{    padding: 25px 25px 1px;
    box-shadow: 0px 0px 7px #ccc;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 35px;
    text-align: center;
    height: 170px;}

.database_expertise .hire_logo_box{
    text-align: center;
}

.transferring_the{    padding-bottom: 70px;}
.transferring_the .tour_packages {min-height: 290px;}
.welcome_lanvage{    text-align: center;
    padding: 20px 0 100px;
    font-size: 50px;
    color: #fff;}  
.welcome_img{ margin-top:50px;}	
.welcome_lanvage .item{    -webkit-transition: .5s ease;
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    width: 100%;
    left: 0;}
.welcome_lanvage .item.active{ opacity:1;}
.contace_in{    background: #f7f7f7;}
.contace_in .footer_left input, .contace_in .footer_left select, .contace_in .footer_left textarea{    background: #ffffff; color:#000;    border: 1px solid hsl(0deg 0% 41.16% / 66%);}
.contace_in .footer_right {padding: 50px 30px 0;}
.contace_in h5{    font-size: 22px;}
.contace_in p a{    font-size: 23px; color:#fff;}
.contact_box ul li img{ width:30px; margin-right:10px;}
.contact_box{    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #3789de;}
.footer_right  .contact_box:last-child{ margin-bottom:0}
.footer2{margin-top: 0px;}
.contact_map{background-size: cover!important; color:#fff;}
.contact_map li{margin-bottom: 15px;    display: flex;}
.contact_map li i{margin-right: 10px;      font-size: 20px; }
.contact_map h4{    margin-bottom: 20px;    font-size: 22px;    position: relative;    padding-right: 15px;    display: inline-block;}
.contact_map h4 img{    position: absolute;
    right: 0;
    top: 0;}
.contact_map a{ color:#fff;}
.contact_box i.fa{    font-size: 40px;}
.banner_content22 .banner_hadding {
    margin-top: 115px;
    color: #000;
}
.workin  .mobile-porfolio {    margin-bottom: 30px;}

.banner_hadding_career p {
    font-size: 35px;
    line-height: 40px;
    font-weight: 500;
}
li.ssub-menu{
        padding-left: 20px!important;margin-bottom:20px;
}
li.ssub-menu a{ margin-right:20px;
    float: left;
    overflow: hidden;
position: relative;    margin-right: 20px!important;    padding:0 20px 0 0!important;
    display: inline-block!important;
   
    border-right: 2px solid #d4d6d8;}
li.ssub-menu:before, li.ssub-menu:after{    display: table;
    content: " ";}
.solusan_menu li.ssub-menu a {
   
    border-left: 0px solid #0063c5;
}
.solusan_menu li.ssub-menu a:hover {
    background-color: #fff;
    border-left: 0px solid #0063c5;
}
.solusan_menu li a { color:#fff; padding: 3px 15px; border-left: 2px solid rgba(255, 255, 255, 0.30);}
.solusan_menu ol {    padding: 0;}
.solusan_menu h5 {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 500;    height: 20px;
    text-transform: uppercase;color: #fff;
}
.solusan_menu {     padding: 30px 0!important;
   width: 100%!important;
   }
.solusan_menu2  li a{    padding: 3px 10px 3px 28px;}
.oll li:first-child a{     padding-left: 15px;
    font-size: 17px;}   
.dropdowns ul ul{    box-shadow: 0px 7px 8px rgba(0, 0, 0, 0.15);
    background: #085db6;  }

.dropdowns nav, .dropdowns ul, .dropdowns li, .dropdowns a  {margin: 0; padding: 0;}

.dropdowns a {text-decoration: none;}

.toggleMenu {
    display:  none;
}
.nav {
    list-style: none;
      zoom: 1;
}
.nav:before,
.nav:after {
    content: " "; 
    display: table; 
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
}
.nav a {
    padding: 10px 15px;
}
.nav .li, .nav ul li {
    position: relative;
}
.header .col-md-9{position: initial;}
.nav > li {
    float: left;
}
.nav > li > .parent {
    background-image: url("../img/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;    font-weight: 500;
    text-transform: uppercase;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    position: relative;
    z-index:100; color:#fff;
}
.nav li li li a {
    z-index:200;
}


.toggleMenu {
        color: #005cbe;
    font-size: 25px;    margin: 10px 10px 5px!important;
}

/* general navigation background colors */
.nav {
     
}

/* general navigation link font color */
.nav a {
    color:#fff;
}

/* first level items borders */
.nav > li {
	
}

/* navigation hover colors */
.nav ul a:hover {color:#fff;
	    background-color: rgba(0, 0, 0, 0.10);
}
.solusan_menu li a:hover {
	    background-color: #0551a0;
    border-left: 2px solid #ffffff;
}

.dropdowns {
	width:auto;float: right;
}

.nav ul {
	width:11em;
}
.nav ul ul{
	width:17em;
}

/* general paddings and other stuff */
.nav a {
	padding: 5px 10px;
}

/* parents that have submenus */
.nav > li > .parent {
	    padding-right: 25px;
    background-position: 91% 52%;
}
.logo img{ height: 40px;}

/* small screen adjustments*/
@media screen and (max-width: 768px) {
	.nav ul {
		width: 100%;
	}
}

.footer_footer{ position:absolute;bottom:0; left:0; 
width:100%; padding:7px 5px 1px; background:#0067a6;
   
    color: #fff;}
.footer_footer .footerstar{color:#ffd400}
.ullink{ margin:30px 0 20px;}
.hire_logo_box img{    max-width: 100%; margin:auto;}
.wrk_banner{    margin-top: 40px;    padding-bottom: 20px;}
.footer_right ul li a img {
    width: 30px;
}
.view_more{      background: #2a84e0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 5px;
    margin-top: 30px;
    display: inline-block;
}
.oneof ul li{width: 20%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.counter_bx22 {
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.20);
    padding: 22px 22px 30px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-top: 20px;
	    height: 160px;
}
.counter_bx22 h5{    margin-top: 20px;}
.blog-slider2 ul {    margin-bottom: 30px;}
.blog-slider2 .blog-slider__text{    height: auto;}
.blog-slider2 ul li{ color:#fff; margin-bottom:10px;}
.blog-slider2 .swiper-slide{height: auto;}
.engagement_models .center-block a span { font-size: 16px;    width: 122px;}
.engagement_models{ padding-bottom:60px;}
.sem_services{ padding-bottom:60px;}

.the_social_ul li{ display:inline-block; width:13%; text-align:center; margin-top:20px;}
.the_social_ul{margin-top: 30px;}
.tj{ text-align:justify}
.engagement_modelsul li{ display:inline-block; margin:0 20px}
.engagement_modelsul li span{ display:block;    margin-top: 12px; }
.engagement_modelsul{margin-top:30px}
.processBg{   
    margin: 60px auto 0;    padding: 20px;}
.processImg {
    height: 165px;
}
.step05 .processNub {
    margin-top: -52px;
    margin-left: -23px;
}
.processNub {
       font-size: 50px;
    line-height: 70px;
    color: #dedede;
    font-weight: 600;
}
.headerButton, .processContent, .processNub {
    text-align: center;
}
.processContent h4 {
    margin-bottom: 20px;
    font-size: 19px;
    line-height: 27px;
}
.step04 .processNub {
    position: absolute;
    left: 0;
    top: -32px;
    right: 18px;
}
.processImg span span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.step02 .processNub {
       position: absolute;
    top: -35px;
    left: 0;
    right: 0;
}
.step03 .processNub {
    margin-top: -28px;
}
.step01 .processNub {
    margin-top: -30px;
}
.processImg span {
    display: table;
    width: 100%;
    height: 100%;
}
.step02 h4, .step04 h4 {
    margin-top: 52px;
}
.tp_0{ padding-top:0;}
.php_row .col-sm-2{    padding-right: 10px;    padding-left: 10px;    width: 12.4%;}

.why_node_js .choose_from_box{    min-height: 320px;}







.brainContainer{
    width:70%;     margin-bottom: -30px;
    position: relative;
}
/* .brainContainer svg{
    height:100%;
    width:100%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
} */
path{
	fill:transparent;
}
.brainPath {
    stroke: #fff!important;
    stroke-width: 1;
}
.brainCircle{
	  stroke: #fff!important;
	fill:#fff;
}
.brainRect{
	  stroke: #fff!important;
	fill:#fff;
}
.brainEllipse{
	  stroke: #fff!important;
	fill:#fff;
}
.animatePaths{
  animation: goPath 3000ms alternate infinite;
}
.animateCircles{
  animation: goCircle 3000ms alternate infinite;
}
.animateRects{
  animation: goRect 3000ms alternate infinite;
}
@keyframes goPath {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes goRect {
  to {
    opacity:0;
  }
}
@keyframes goCircle {
  0% {
		opacity:0;
  }
  50% {
		opacity:1;
  }
  100% {
		opacity:0;
  }
}
.box_b_service{
    padding: 20px;
}
.box_b_service img{
    width: 60px;
    margin-bottom: 14px;

}
.bg_light{ background: #f3f3f9;}

.card3 {
    border: 2px dotted #0067a6;
    background: 0 0;
    border-radius: 14px;
    padding: 20px;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);  
    background: #fff;
    transition: 0.5s;
}
.top-binance-new-banner-number-section {
    font-size: 23px;
    margin-bottom: 0;
    font-weight: 700;
    background: #0067a6;
    border: 0;
    border-radius: 10px 25px 21px 22px;
    width: 60px;
    height: 55px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    justify-items: center;
    box-shadow: 1px 2px 5px #ddd;    margin: -50px 0 15px;
    color: #fff;
    transition: 0.5s;
}
.card3 .card-title {
    margin-bottom: 16px;
    font-size: 23px;
    font-weight: 500;
    line-height: 35px;
    margin: 0 0 16px 0;
    padding: 0;
}
.card3 .card-title {
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
    margin: 0 0 16px 0;
    padding: 0;
}
.card3 .card-text, .card3 .card-text {
    font-size: 14px;
    width: 98%;
    margin: auto;
    line-height: 22px;
}
.card3:hover {
    border-radius: 50px 10px 50px 10px;
}
.card3:hover .top-binance-new-banner-number-section {
    border-radius: 22px 21px 25px 10px;
}
.mt50{ margin-top: 50px;}

.newTs-content {
    display: inline-flex;
    margin: 10px 10px 15px;
    align-items: center;
    box-shadow: 0px 0px 7px hsl(0deg 0% 0% / 43%);
    border-radius: 10px;
    padding: 8px 15px;
}
.newTs-content p { margin-bottom: 0;}
    .newTs-content img {
    height: 30px;margin-right: 10px;
}
 
.whatsapp, .whatsapp:hover {
    -webkit-animation: 2s infinite horizontal;
    animation: 2s infinite horizontal;
    position: fixed;
    z-index: 150;
    background: #29c97f;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 30px;
    left: 20px;
    color: #fff;
    line-height: 50px;
    border-radius: 100%;
    bottom: 25px;
}

@-webkit-keyframes horizontal {
    0%,100%,12%,24%,36% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    18%,30%,6% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0)
    }
}

@keyframes horizontal {
    0%,100%,12%,24%,36% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    18%,30%,6% {
        -webkit-transform: translate(5px,0);
        transform: translate(5px,0)
    }
}

#getmodal .modal-content { background-color: #ecf0f4;}
#getmodal .modal-content .email_btn{    width: 80%;
    display: flex;
    margin: auto;
    text-align: center;
    background: #326edc;
    padding: 12px; color: #fff;    justify-content: center; margin-bottom: 12px;
    border-radius: 8px;
    align-items: center;
    gap: 10px;}
   #getmodal .modal-content .whatsapp_btn{background: #29c97f;}
#getmodal .modal-content .img-responsive{ max-width: 80%; margin: auto;} 

.laptop_mo{    position: absolute;
    right: 35px; bottom:0 ;
    width: 200px;}