HOME

Mini Shell 1.0
Current File : /home/aitechbit.com/www/old/style.css
body{  font-family: "Outfit", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}
  .green{color: #17795c;}
  
.us img{width:100%;}
  .header>.container-fluid{position: relative;height: 85px;}
  .header .navbar .logo img{padding: 20px; width: 225px; position: absolute;top: 6%;}
  .header .navbar .links{display: flex;justify-content: end;}
  .header .navbar .links>li{list-style: none;padding:20px 18px; margin-right: 20px;} 
  .header .navbar .links>li>a {text-decoration: none;color: rgb(27, 31,34);font-weight: 700; font-size: 1rem; line-height: 1.5rem;}
  .header .navbar .links li .btn{background-color: black; color: #fff; font-size: 12px;border-radius: 7px;padding: 13px;line-height: 9px; margin-top: -6px;}
  .header .navbar .links .services{position: absolute;box-shadow: -15px 75px 37px #00000021;width: 61%;padding: 40px 45px;top: 70px;left: 25%;visibility: hidden;z-index:200;background: #fff; opacity: 0;}
  .header .navbar .links .services .services-heading{display: flex;}
  .header .navbar .links .services>.services-heading>span{width: 45px;}
  .header .navbar .links .services>.services-heading>span>img {width: 30px;}
  .header .navbar .links .services .top-heading{font-size: 20px; font-weight: 700;}
  .header .navbar .links .services>p{padding-left: 45px;padding-bottom: 40px;}
  .header .navbar .links .services>.services-heading>h4>a{text-decoration: none;color: #000000;font-weight: 700;}
  .header .navbar .links .services .models{ }
  .header .navbar .links .services .models h4 {font-size:20px ;font-weight: 700}
  .header .navbar .links .services .models p{font-size:15px;}
  .header .navbar .links .services .models span{font-size: 15px;}
  .header .navbar .links .services .models li{list-style-type: none ;padding-top: 20px;}
  .header .navbar .links .services .models li>a{text-decoration: none; color: #000000;font-weight: 700;}
  .header .navbar .links .services .service-list{display: flex;justify-content: space-between;}
  .header .navbar .links .services .technologies h4{font-weight: 700; font-size: 20px;}
  .header .navbar .links .services .technologies li{list-style-type: none;padding-bottom: 7px;}
  .header .navbar .links .services .technologies li>a{text-decoration: none;color: #000000;}
  .header .navbar .links .services .solutions h4{font-weight: 700; font-size: 20px;}
  .header .navbar .links .services .solutions li{list-style-type: none;padding-bottom: 7px;}
  .header .navbar .links .services .solutions li>a{text-decoration:none;color: #000000;}
  .header .navbar .links .services .technologies li:last-child a{color: #a2a2a2;}
  .header .navbar .links .services .solutions li:last-child a{color: #a2a2a2;}
  .navbar-brand img {
    width: 210px;
}
.header .navbar .links {margin-left: 41%;}

  .header .navbar .links>li:hover .services{position: absolute;height: auto;box-shadow: -15px 75px 37px #00000021;width: 61%;padding: 40px 45px;top: 70px;left: 25%;visibility: visible;opacity: 1; transition: 1s;background: #fff;}





  .banner {
    background: no-repeat;
    background-image: url(images/hero_tjaova.jpg);
    height: 620px;
    position: relative;
    z-index: 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
  .banner .banner-content{padding: 45px 20px;}
  .banner .banner-content .banner-text{max-width: 55%;}
  .banner .banner-content .banner-text h4{font-size: 60px;font-weight: 600;color: #000000;font-family: outfit,sans-serif}
  .banner .banner-content .banner-text>span{font-size: 55px;font-weight: 630; color: #000000;font-family: outfit,sans-serif;}
  .banner .banner-content .banner-text>p{font-size: 24px; margin: 0px 0px 48px;font-weight: 400;max-width: 80%;color: rgb(82, 96, 109);}
  .banner .banner-content .banner-text>a {
    text-decoration: none;
    background-color: #17795c;
    padding: 14px;
    line-height: 2px;
    border-radius: 7px;
    color: rgb(255,255,255);
    font-size: 18px;
    font-weight: 600;
}
section.banner::after {
    content: '';
    -webkit-clip-path: ellipse(54% 45% at 50% 50%);
    clip-path: ellipse(54% 45% at 50% 50%);
    position: absolute;
    bottom: -120px;
    width: 100%;
    height: 250px;
    
    background: #ffffff;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.banner-inner .inner-content h4 {
    color: #687580;
    z-index: 2;
    position: relative;
    font-weight: 700;
    font-size: 42px;
    line-height: 55px;
}
.banner-inner .right-content img {
    width: 120px;
    height: 100px;
    object-fit: contain;
}
.banner-inner .row {
    display: flex;
    align-items: center;
}
.banner-inner .right-content .col-sm-4 {
    text-align: center;
}
.banner-inner .right-content{position: relative; z-index: 2;display: flex; line-height: 35px; flex-wrap: wrap;row-gap: 14px;}
.banner-inner .lower-content h4{font-size: 45px; font-weight: 600;}
.banner-inner .lower-main { padding: 90px 0 30px;}
.banner-inner .lower-right a{color: #000000;font-weight: 600;text-decoration:none; }
.banner-inner .col-sm-6.lower { display: flex; align-items: end; justify-content: end;}
.banner-inner .lower-main{display: flex;}
.banner-inner .lower-right::after{content: "";border-bottom: 2px solid #000000; width: 10rem;display: flex;margin-top: 7px;}



.our-service{margin-top:10px;}
.our-service h4 {font-weight: 500; font-size: 26px;}
.our-service p{font-size: 14px;}
.our-service img {
    width: 40px;
    margin: 0 0 8px;
}


.financial-wrap #owl-demo-3 { display: block; }
 .financial-wrap .item-bg { display: flex; align-items: center; background: #3d4751; padding: 30px 50px 30px;    grid-gap: 50px; } .financial-wrap .owl-nav { display: flex; justify-content: space-between; background: #3d4751; margin: 0 !important; border-top: 1px solid #eeeeee4d; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; color: #fff; font-size: 50px; padding: 10px 20px 28px; } 
 .financial-wrap .owl-nav span { line-height: 30px; } 
 .financial-wrap .owl-theme .owl-nav [class*='owl-']:hover { background: #3d4751; } 
 .financial-wrap .bg-site { background: #52606D; padding: 10px 0 10px; border-top-right-radius: 20px; border-top-left-radius: 20px; display: flex; justify-content: space-around; } 
 .financial-wrap .bg-site img { width: 130px; height: 60px; object-fit: contain;}
 .financial-wrap .owl-carousel .owl-stage-outer { background: #3d4751 !important;}
 .financial-wrap {
    background: #f6f7f8;
    padding: 80px 0 60px;
    margin: 60px 0 0;
}
.financial-wrap .owl-prev, .financial-wrap .owl-next { line-height: 20px !important; height: 20px !important;}


.tech {
    padding: 40px 0 60px;
    background: #f6f7f8;
}
.tech h4{text-align: center;font-size: 38px;}
.tech p{text-align: center;}
.tech .flx li {
    list-style-type: none;
    font-size: 45px;
    gap: 6rem;
    display: flex;
    font-weight: 700;
    color: #7b7474;
}
.tech .flx li a{text-decoration: none;color: #7b7474;}
.tech .flx{display: flex;justify-content: space-between;
 }
 .marquee div {
  display: block;
  width: 200%;
  height: 30px;

  position: absolute;
  overflow: hidden;

  animation: marquee 20s linear infinite;
}
@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}

.tech .btnn h4 a{    color: #000000;
  font-weight: 600;
  text-decoration: none;
  font-size: 1rem;
}

.tech .btnn h4 a::after{content: "";border-bottom: 2px solid #000000; width: 10rem;display: flex;margin: auto;}






.us { padding: 40px 0 0;}
.us .col-sm-4 { padding: 0;}
.us h4 { display: flex; font-size: 40px; font-weight: 500;}
.us p{display: flex;font-size: 14px;}
.us a{text-decoration: none;color: #000000; position: absolute;}
.us a::after{content: "";border-bottom: 2px solid #000000; width: 10rem;display: flex;}
.us .us-text { padding: 60px 50px 0; font-weight: 500;}
.us-bg { height: 500px; object-fit: cover;}
.us .col-sm-4 { padding: 0;}
.card-slide {margin: -190px 0 50px;}


.card-slide .owl-carousel .item .item-bg{border: 1px solid black;border-radius: 10px;height: 25rem;background: #fff;}
.card-slide .owl-carousel .item .item-bg p{font-weight: 400;font-size: 16px;line-height: 1.75rem;padding: 10px;}
.card-slide .owl-carousel .item .item-bg img{width: 193px;padding: 24px;}
  .card-slide .owl-carousel .item .item-bg .rga{width: 162px;padding: 10px 22px;}
  .card-slide .owl-carousel .item .item-bg .ap{width: 89px;padding: 10px 22px;}
  .card-slide .owl-carousel .item .item-bg h4{font-size: 15px;font-weight: 700;padding: 12px 0px 0px 12px;}
  .card-slide .owl-carousel .item .item-bg h6{font-size: 15px ;padding: 0px 0px 0px 12px;}
  .card-slide .item { margin: 0 15px 0;}
.card-slide .owl-carousel span {
    font-size: 32px;
    width: 34px;
    display: flex;
    border: 2px solid #000000;
    line-height: 20px;
    height: 34px;
    border-radius: 50px;
    justify-content: center;
}
.card-slide .owl-theme .owl-nav [class*=owl-]:hover {
    background: #86979100;
    color: #000;
    text-decoration: none;
}

 .client-delivery .text-heading h4 {
    padding: 44px 0 10px 44px;
    font-size: 40px;
    font-weight: 500;
    color: #fff;
}
.client-delivery .text-heading p {
    padding: 15px 0 0 44px;
    font-weight: 500;
    font-size: 20px;
    color: #d7d7d7;
}
  .client-delivery .text-heading a {
    text-decoration: none;
    color: #17795c;
    padding: 15px 25px 10px 44px;
    font-size: 18px;
    font-weight: 600;
}
.client-delivery .text-heading a::after{content: "";border-bottom: 2px solid #17795c; width: 12rem;display: flex;padding:5px;margin-left: 39px;}
.client-delivery .deta .projects {
  padding: 80px 0px 0px;
  text-align: center;
  font-size: 19px;
  font-weight: 700;
}
.client-delivery ul.deta, .client-delivery .achievements { padding: 0;     text-align: center;}
.border-left {
    border-left: 1px solid #565656;
    padding-left: 22px !important;
}

.client-delivery .deta li{list-style-type: none;color: #fff;}
.client-delivery .deta .projects span {
  font-size: 40px;
  font-weight: 700;
}
.client-delivery .achievements .bg img {
    padding: 40px 20px 30px 0px;
    height: 180px;
}
.client-delivery .achievements li{list-style-type: none;    min-height: 260px;}
.client-delivery .achievements li p {font-size: 16px; color: #aeaaaa; text-align: center;}
.work .heading h4 {text-align: center;font-size: 40px;padding: 70px 0 0;width: 50%;margin: auto;}
.work .heading {padding-bottom: 4rem;}
.work #details p{padding-bottom: 10px;font-weight: 500;}
.work #details h4{font-weight: 700;}
.work #details img {width: 18px;}
.work #details {
    background: #f6f7f8;
    padding: 20px 20px 10px;
    margin-bottom: 22px;
}
.team .team-data li {list-style-type: none;}
.team .team-data{display: flex;justify-content: space-evenly;}
.team .team-data li img {
  width: 14rem;
  height: 278px;
  object-fit: cover;
}

  .team {
    padding: 70px 0 70px;
    background: #f6f7f8;
    margin: 70px 0 0;
}
  .team .team-data li h4 {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    color: #aeaaaa;
}


  .team .team-heading{margin-top: 2rem;text-align: center;}
  .team .team-heading h4 {
    text-align: center;
    font-size: 42px;
    font-weight: 500;
    color: rgb(115 115 115);
    margin-bottom: 2rem;
}
  .team .team-heading a {
    border-radius: 7px;
    text-decoration: none;
    background: rgb(22 168 122);
    color: #fff;
    line-height: 51px;
    font-weight: 600;
    font-size: 18px;
    padding: 15px 28px 19px;
}


.contact{margin-top: 8rem;}
.contact .contact-left h4 {font-size: 3rem;margin-bottom: 3rem;margin-left: 11rem;}
.contact .contact-info {
    margin-left: 14rem;
    position: relative;
}
.contact .contact-info span{font-size:18px; font-weight: 600;color: rgb(104 117 128);}
.contact .contact-left h4 {
    font-size: 44px;
    margin-bottom: 0;
    margin-left: 0;
}
.contact .contact-info p{font-weight: 400;color: #3d4751;margin-bottom: 6rem;}
.contact .contact-info ul li{list-style-type: none;}
.contact .contact-info ul li a {
  text-decoration: none;
  background: #17795c;
  width: 9rem;
  display: flex;
  color: #fff;
  height: 3rem;
  justify-content: center;
  line-height: 3rem;
  border-radius: 6px;
  font-size: 1.125rem;
  font-weight: 600;
}

.contact .contact-info::before {
    content: "";
    border-left: 2px dotted #3d4751;
    display: flex;
    height: 46rem;
    z-index: -2;
    position: absolute;
    border-bottom: 2px dotted #3D4751;
    width: 3rem;
    top: 90px;
}
.contact img{transform: translate(-25px,58px);}





.insights{margin-top: 8rem;}
.insights .insights-heading {display: flex;justify-content: space-between; margin-bottom: 4rem;}
.insights .insights-heading a{text-decoration: none;color: #000000;font-weight: 600;line-height: 3rem;}
.insights .insights-heading a::after{content: ""; border-bottom: 2px solid #000000; width: 20rem;display: block;}
.insights .insights-heading h4{font-size: 3rem;}


.owl-carousel .demo-5-items img{border-radius: 15px;width: 15rem;}



.schedule {
    padding: 0 0 60px;
    background: #000000;
    margin: 110px 0 90px;
}
.schedule .schedule-data li{list-style-type: none;}
.schedule .schedule-data li h4{font-size: 35px;padding-bottom: 3rem;margin-top: 8rem;color: #fff;}
.schedule .schedule-data li a {
  text-decoration: none;
  color: #fff;
  background: rgb(22 168 122);;
  padding: 10px 15px;
  border-radius: 7px;
  font-weight: 600;
}
.schedule .dis{display: flex;justify-content: space-around;background: #000000;}
.schedule .schedule-data li img{width: 100%;    transform: translate(10px, -88px);}






.footer .footer-links{display: flex;justify-content: space-between;}
.footer .footer-links ul li{list-style-type: none;padding-bottom: 1rem;}
.footer .footer-links ul li a{text-decoration: none;color: #000000;font-family: outfit,sans-serif;font-size: 14px;}
.footer .footer-links .discover li h4{font-weight: 700;font-size: 1.3rem;}
.footer .footer-links .Resources li h4{font-weight: 700;font-size: 1.3rem;}
.footer .footer-links .career li h4{font-weight: 700;font-size: 1.3rem;}
.footer .footer-links img{position: relative;margin-bottom: 35rem;width: 6rem;}
.footer .footer-contact{padding:8px 0px 28px 2px;}
.footer .footer-contact h4{font-size: 20px;font-weight: 700;margin-bottom: 3rem;}
.footer .footer-contact .footer-btn{display: flex;padding: 0px;}
.footer .footer-contact .footer-btn li{list-style-type: none;}
.footer .footer-contact .footer-btn a{text-decoration: none;}
.footer .footer-contact .footer-btn .contact-btn{border: 2px solid #000000;border-radius: 6px;padding: 10px 20px;margin-right: 1rem;color: #000000;font-weight: 600;font-size: 18px;}
.footer .footer-contact .footer-btn .call-btn{border-radius: 6px;padding: 11px 29px;background: #17795c;color: #fff;font-weight: 600;font-size: 18px;}
.footer .footer-contact p{margin-top: 2rem;}
.footer .footer-contact h6{margin-top: 6rem;font-weight: 600;margin-bottom: 2rem;}
.footer .footer-contact .footer-input{display: flex;padding: 0px;}
.footer .footer-contact .footer-input li{list-style-type: none;}
.footer .footer-contact .footer-input .form-btn{margin-top: 20px;border: 2px solid #000000;border-radius: 10px;padding: 10px 20px;color: #000000;font-weight: 500;height: 44px;}
.footer .footer-contact .footer-input a{text-decoration: none;color: #000000;}
.footer .footer-contact .footer-input .email{padding: 7px 4px;border-radius: 5px;}
.footer-contact .check .checkbox{width: 15px; height: 15px;}
.footer-contact .check .policy{font-size: 13px;font-weight: 600;}
.footer-contact .follow {
  font-size: 22px;
  font-weight: 700;
  margin-top: 7rem;
}

.footer-contact .icons {display: flex;padding: 0px;}
.footer-contact .icons li{list-style-type: none;}
.footer-contact .icons .icon {    padding: 1px 17px 10px 1px;font-size: 29px;}
.footer .footer-end li{list-style-type: none ;padding-right: 17px;}
.footer .footer-end li a{text-decoration: none;font-size: 14px;color: #000000;}
.footer-end{display: flex;padding-left: 11rem;}
.footer .footer-end li .privacy::after{content: "";border: 1px solid black;margin-left: 8px;}
.footer .footer-end li .terms::after {
  content: "";
  border: 1px solid black;
  margin-left: 8px;
}

.footer h5{font-size: 14px;padding-left: 11rem;font-weight: 400;}

.insights .owl-nav button.owl-prev , .insights .owl-nav button.owl-next{font-size: 45px !important;border: 1px solid black !important;border-radius: 50px !important;width: 48px !important;height: 48px !important;display: inline-flex !important;align-items: center !important;justify-content: center !important;}



@media (min-width:320px) and (max-width:767px){
.header .navbar .links {margin-left: 0;}
.header .navbar .links>li:hover .services {height: auto;width: 100%;padding: 15px 15px;left: 0;}
.header .navbar .links .services>p {padding-left: 0%;padding-bottom: 0px;}
.header .navbar .links .services>.services-heading>span>img{width: 16px;}
.header .navbar .links .services>.services-heading>span {width: 26px;}
.header .navbar .links .services .service-list {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0;}
.header .navbar .links .services .models{padding: 0;width: 100%;margin-bottom: 15px;}
.header .navbar .links .services .service-list .technologies, .header .navbar .links .services .service-list .solutions{width: 50%;padding: 0;}
.header .navbar .links .services .service-list .technologies h4, .header .navbar .links .services .service-list .solutions h4{font-size: 18px;}
.header .navbar .links .services .service-list ul li a {font-size: 14px;}




.banner-inner .right-content {max-width: 100%;}
.banner .banner-content{padding: 0;}
.banner .banner-content .banner-text{max-width: 100%;}
.banner-inner .inner-content h4{display: block;font-size: 26px;line-height: 35px;}
.banner-inner .lower-main {display: block;}
.banner-inner .right-content{row-gap: 0px;justify-content: center;}
.banner .banner-content .banner-text>a{font-size: 15px;}
.banner .banner-content .banner-text h4{font-size: 32px;}
.banner .banner-content .banner-text>span{font-size: 27px;}
.banner .banner-content .banner-text>p{font-size: 18px;}
.banner-inner .col-sm-6.lower{font-size: 10px;display: block;}
.banner-inner .lower-content h4{font-size: 16px;}
.banner-inner .lower-right a{font-size: 12px;}
.banner-inner .lower-right::after{width: 112px;}


.work .heading h4{width: 100%;}




.our-service p{font-size: 14px;}
.our-service h4{font-size: 35px;}


.team .team-data li img{margin-left: 20px;}
.team .team-data li {list-style-type: none;text-align: center;}
.team .team-data {display: block;  }







.tech h4{font-size: 20px;text-align: justify;}
.tech p{font-size: 14px;text-align: justify;}
.tech .btnn h4 a{font-size: 18px;}
.tech .btnn h4 a::after{width: 170px;margin: 0;display: block;}
.tech .flx li{font-size: 20px;gap: 20px;}



.us img{width: 100%;}
.us h4{font-size: 28px;text-align: center;}
.us p{text-align: center;}
.us .us-text{padding: 60px 20px;width: 100%;text-align: center;}
.us a {text-align: center !important;display: inline-block;position: relative;}


.contact .contact-info::before{height: 90%;}
.contact .contact-info{margin: 0;padding-left: 23px;}
.contact .contact-left img{width: 100%;margin-bottom: 25px;}


.client-delivery{margin-top: 40px;}



.card-slide .owl-carousel .item .item-bg img{width: 150px;}
.card-slide{margin: 0;}



.insights .insights-heading{display: block;}
.insights .insights-heading h4{font-size: 22px;}
.insights .insights-heading a{font-size: 13px;}
.insights .insights-heading a::after{width: 280px;}



.schedule .schedule-data li img{display: none;}



.border-left {border-left: none;padding-left: 22px !important;border-top: 1px solid #565656;margin: 10px 10px;}

.financial-wrap .bg-site img{width: 40px;}
.financial-wrap .item-bg{display: block;padding: 0;}

.footer {display: block;float: none;width: 100%;}
.footer .footer-links{display: block;}
.footer-end {padding: 0px;display: flex;flex-wrap: wrap;gap: 10px;}
.footer h5{padding: 0;}
.footer .footer-contact{display: block;}
.footer .footer-contact .footer-btn .call-btn{font-size: 10px;}
.footer .footer-contact .footer-btn .contact-btn{font-size: 10px;}
.footer .footer-contact .footer-input .email{width: 100%;}
.footer .footer-contact .footer-input .form-btn{font-size: 13px;margin-left: 14px;}
.footer .footer-links img{margin: 0;width: 22px;}
.footer .footer-links ul{padding: 0;}
.footer .footer-contact h4 {margin-bottom: 1rem;}
.footer .footer-contact h6 {margin-top: 2rem;margin-bottom: 2rem;}
.footer-contact .follow {margin-top: 4rem;}
}