@charset "utf-8";
/* CSS Document */
@media (min-width: 1800px) and (max-width: 1920px) {

}
@media (max-width: 1800px) and (min-width: 1700px) {}
@media (max-width: 1700px) and (min-width: 1600px){

}
@media (min-width: 1400px) and (max-width: 1500px){
}
@media (min-width: 1300px) and (max-width: 1400px){
}
@media (min-width: 1200px) and (max-width: 1300px){
}
@media (min-width: 1024px) and (max-width: 1200px){

}
@media (min-width: 992px) and (max-width: 1024px) {
}

@media (max-width: 1599px) {

}
@media (max-width: 1499px) {

}
@media only screen and (max-width:1399px) {
  .shubot__banner-cont h1 { font-size: 50px;}
  .marquee-track { gap: 14px;}
  .shubot__marquee li { font-size: 16px;}
  .shubot__hedding h2 {  font-size: 46px;}
  .custom-pad { padding: 80px 0;}
  .circle { height: 100px; width: 100px;}
  .shubot__about-box p {  font-size: 18px;}
  .circle::before {  width: 90px;  height: 90px;}
  .shubot__marquee-2 li img {width: 30px;}
}

@media only screen and (max-width:1299px) {

}
@media only screen and (max-width:1199px) {
.shubot__marquee li { font-size: 13px;}
.shubot__banner-cont h1 { font-size: 45px;}
.shubot__about-cont { padding-left: 0;}
.custom-pad { padding: 65px 0;}
.shubot__hedding h2 {  font-size: 40px; line-height: 50px;}
.shubot__hedding h6 { font-size: 14px;}
.shubot__hedding h6 { font-size: 14px;}
.circle { height: 80px; width: 80px;}
.circle::before { width: 70px; height: 70px;}
.circle::before { width: 70px; height: 70px;}
.shubot__choose-box h4 { font-size: 22px;}
.shubot__features-wrap ul li h4 { font-size: 18px;  margin-bottom: 7px;}

}
@media only screen and (max-width:992px) {

}
@media only screen and (max-width: 991.98px) {   
  .shubot__header-nav .navbar-toggler {position: absolute; right: 0 ; border: inherit; padding: 0; box-shadow: inherit;}
  .shubot__header-nav .navbar-toggler .icon-bar {  display: block;  width: 30px;   height: 3px;    border-radius: 1px;  background-color: #fff;  margin: 5px 0;} 
  .shubot__header-nav .btn-close:focus{box-shadow: none !important; }
  .shubot__header-nav .btn-close {opacity: 1;}
 .shubot__header-btn {margin: 0 40px 0 0;}
 .shubot__header-nav .navbar-nav .nav-link { color: #000;  padding: 0;}
 .shubot__header-nav { padding: 0;}
 .shubot__banner-cont h1 {  font-size: 36px}
.marquee-track {   width: 150%;}
.marquee-left { animation: marquee-left 15s linear infinite;}
.marquee-right { animation: marquee-right 15s linear infinite;}
.shubot__banner {padding: 120px 0 80px;}
.shubot__marquee-1 {  padding: 10px 0;}
.shubot__about .row{flex-direction: column-reverse;}
.shubot__hedding h2 { font-size: 36px; line-height: 44px;}
p {font-size: 16px;line-height: 24px;}
.shubot__btn { padding: 6px 20px; font-size: 15px;}
.shubot__marquee li { font-size: 15px;}
.shubot__project-box-cont { opacity: 1;}
.shubot__faq .accordion-body{padding: 0;}
.shubot__faq .accordion-item{ border: none !important; margin-bottom: 15px;}
.shubot__faq .accordion-button{ background: linear-gradient(108deg, #020024 32%, #090979 79%, #000 100%);color: #fff;font-size: 20px; border-radius: 10px; margin-bottom: 12px;}
.shubot__faq .accordion-button h5 span{width: 45px;height: 45px;  border-radius: 100%; margin-right: 12[x]; background: #fff;  display: flex; align-items: center; justify-content: center;  font-size: 20px; font-weight: 500; color: #020024;position: relative;  z-index: 99;}
.shubot__project-img { display: block;}
.shubot__project-box {width: 100%; margin-bottom: 12px;}
.shubot__faq .accordion-button h5{ display: flex;align-items: center;  gap: 12px; text-transform: capitalize;}
.shubot__faq .accordion-item:last-child{margin-bottom: 0;}
.shubot__features-wrap ul { position: static;}
.shubot__features-wrap { margin-top: 40px; display: flex; flex-direction: column-reverse;}
.shubot__features-wrap ul li { width: 48%; padding: 0;  text-align: left;}
.shubot__features-wrap ul li:nth-child(even) { padding: 0;}
.shubot__contact-left ul li { padding: 20px 0;}
.shubot__contact-form { width: 100%; margin-top: 20px;}
.custom-pad { padding: 50px 0;}
.shubot__features-img{width: 100%; margin-bottom: 15px;}
.shubot__choose-img { position: relative;}
.shubot__choose .col-md-6:last-child .shubot__choose-box{padding: 0;}


}
@media (max-width: 767.98px){
.container{max-width: 100%;}
.shubot__banner .row{flex-direction: column-reverse;}
.shubot__marquee li { font-size: 14px;}
.marquee-track { width: 250%;}
.shubot__marquee li img{width: 25px;}
@keyframes marquee-left {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(100%);
  }
}

@keyframes marquee-right {
  0% {
    transform: translateX(50%);
  }
   
  100% {
    transform: translateX(-100%);
  }
}
.shubot__marquee {
  overflow: hidden;
}
.marquee-container { width: fit-content;  padding: 30px 0;}
.shubot__banner-img img{margin: 0 auto;}
.circle {font-size: 18px;}
.shubot__footer-wrap { flex-wrap: wrap; flex-direction: column-reverse; gap: 15px;}
.shubot__footer-box{margin-top: 15px;}
.shubot__footer-box h4 { font-size: 20px;}
.footer__social-icon li a {  width: 40px; height: 40px;font-size: 20px;}
.shubot__project .text-end{    text-align: left !important;}
.shubot__faq{margin-top: 25px;}



}
@media (max-width: 575.98px){
.shubot__banner-img{margin-bottom: 15px;}
.shubot__banner {   padding: 80px 0 45px;}
.marquee-container { width: fit-content; padding: 16px 0;}
.shubot__banner-cont h1 {font-size: 26px;}
.shubot__banner-cont p { font-size: 14px; margin-bottom: 15px;}
.custom-pad { padding: 40px 0;}
.shubot__hedding h2 {
  font-size: 24px;
  line-height: 30px;margin-bottom: 15px;
}
p {
  font-size: 14px;
  line-height: 20px;
}.shubot__about-box {
  width: 100%;}
.shubot__about-img1 { top: 22%; left: 11%;}
.shubot__project-box{height: auto;}
.shubot__project-box-cont { padding: 15px;}
.shubot__project-box-cont h6 {font-size: 20px;}
.shubot__choose-box h4 { font-size: 19px;}
.shubot__features-wrap ul li { width: 100%;}
.shubot__contact-left ul li { padding: 10px 0; width: 100%;}
.shubot__contact-form{ padding: 20px 15px;}
.shubot__footer-box h4 {margin-bottom: 15px;}
.shubot__contact-form .form-control {height: 45px;}
.shubot__contact-form textarea.form-control { height: 100px;}
.shubot__choose-box {padding: 25px 15px;}
.shubot__choose-icon img {
  width: 35px;
}


}