@import url("./custom.css");

/* font family */

@font-face {
  font-family: 'robotoregular';
  src: url('roboto-regular-webfont.woff2') format('woff2'),
       url('roboto-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;

}

button:hover , a:hover {
  transition: all 0.3s;
}
/* --------------------------HEADER START----------------------------- */
.infotech-header{
  min-height: 105px;
}
/* custom nav bar */
.infotech-header .navbar {
  transition: position 0.3s, top 0.3s; /* Add smooth transitions */
  box-shadow: 0px 0px 6px 0px #00000040;
}
.infotech-header .navbar-toggler {
  width: 1.25rem;
  position: relative;
  transition: 0.5s ease-in-out;
}
.infotech-header .navbar-toggler,
.infotech-header .navbar-toggler:focus,
.infotech-header .navbar-toggler:active,
.infotech-header.navbar-toggler-icon:focus {
  outline: none;
  box-shadow: none;
  border: 0;
}

.infotech-header .navbar-toggler span {
  margin: 0;
  padding: 0;
}
.infotech-header .navbar-toggler .toggler-icon {
  background: linear-gradient(263deg, #243C5C 0%, #243C5C 100%);
}
.infotech-header .navbar-toggler .toggler-icon {
  display: block;
  position: absolute;
  height: 0.188rem;
  width: 100%;
  border-radius: 1px;
  opacity: 1;
  left: 0;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
.infotech-header .navbar-toggler .toggler-icon.middle-bar {
  margin-top: 0px;
}
.infotech-header .navbar-toggler .toggler-icon.top-bar {
  margin-top: 0px;
  transform: rotate(135deg);
}
.infotech-header .navbar-toggler .toggler-icon.top-bar {
  margin-top: 0px;
  transform: rotate(135deg);
}
.infotech-header .navbar-toggler .toggler-icon.middle-bar {
  opacity: 0;
  filter: alpha(opacity=0);
}
.infotech-header .navbar-toggler .toggler-icon.bottom-bar {
  margin-top: 0px;
  transform: rotate(-135deg);
}
.infotech-header .navbar-toggler.collapsed .toggler-icon.top-bar {
  margin-top: -0.875rem;
  transform: rotate(0deg);
}
.infotech-header .navbar-toggler.collapsed .toggler-icon.middle-bar {
  opacity: 1;
  filter: alpha(opacity=100);
}
.infotech-header .navbar-toggler.collapsed .toggler-icon.bottom-bar {
  margin-top: 0.875rem;
  transform: rotate(0deg);
}
/* custom toggler */
.infotech-header .nav-item{
  margin: 0rem 1.5rem;
  color: #243C5C;
  font-size: 18px;
  font-weight: 700;

}

.infotech-header .nav-item a, .infotech-header .nav-item .btn-toggle {
  color: #243C5C;
  text-transform: capitalize;
  display: inline-flex;
}
.infotech-header .nav-item a:hover{
  border-bottom:2.5px solid #243C5C !important;
  border-radius: 0px;
  background: none!important;
  height: 40px;
}
.infotech-header .dropdown-menuitem[data-bs-popper] {
  top: 112%;
  left: -40px;
}
.infotech-header .dropdown-item {
  font-weight: 700;
  font-size: 16px;
  padding: 0.25rem 1rem;
}
.infotech-header .dropdown-menuitem {
  box-shadow: 0px 4px 10px 0px #17171733;
  border: 1px solid #fff;
  border-radius: 0px 0px 4px 4px;
  border-top: 2px solid #243C5C;
  padding: 0.5rem 0rem;
  min-width: 10rem;
  z-index: 1024;
  background: #fff;
  top: 50px;
  left: -40px;
}
.infotech-header .dropdown-menuitem {
  visibility: hidden;
  visibility: all 0.5s;
  opacity: 0;
}
.infotech-header .hover-dropdown:hover .dropdown-menuitem {
  visibility: visible;
  visibility: all 0.5s;
  opacity: 1;
}
.infotech-header .dropdown-menuitem a:hover {
  border-bottom: none!important;
  height: auto;
  color: #1874D2;
  text-decoration: underline;
}
.fixed-top-scroll {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
 }
 .infotech-header .nav-item.lastNavItemCont{
  background: #243C5C;
  color: #fff;
  border-radius: 8px;
  margin-right: 0;
 }
 .infotech-header .nav-item.lastNavItemCont a{
  color: #fff!important;
  border: 2.5px solid rgba(36, 60, 92, 1) !important;
 }
 .lastNavItemCont{
  display: flex;
  /* justify-content: center; */
  align-items: center;
 }
 .infotech-header .lastNavItem{
   color: rgba(36, 60, 92, 1) !important;
   padding: 10px 20px !important;
   height: 40px !important;
   line-height: 15px;
   border-radius: 8px !important;
   border: 2.5px solid #fff;
 }
 .infotech-header .lastNavItem:hover{
    color: rgba(36, 60, 92, 1) !important;
    padding: 10px 20px !important;
    height: 40px !important;
    border: 2.5px solid rgba(36, 60, 92, 1) !important;
    border-radius: 8px !important;
 }
 /* .form-control {
  text-transform: capitalize;
 } */
/* --------------------------HEADER END----------------------------- */
/* =============================footer start=================================== */
.copyright-section a , .copyright-section span {
 color: #243C5C;
 font-weight: 500;
}
.footer-section .footer-iconbg {
  background: #1874D2;
  color: #fff;
  border-radius: 50%;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s;
}
.footer-section .footer-iconbg .svg-inline--fa {
    font-size: 17px;
}
.footer-section .footer-iconbg .icon {
  height: 18px;
  width: 18px;
}
.footer-section .footer-iconbg:hover {
  color: #1874D2;
  background: #fff;
  transition: all 0.5s;
}
.footer-section .footer-iconbg:hover .x-icon {
  fill: #1874D2;
  transition: all 0.5s;
}
.footer-section .footer-iconbg .x-icon {
  fill:#fff;
  transition: all 0.5s;
}
.footer-section .about-link a{
  text-decoration: underline;
}
.footer-section .footer-tittle{
  border-bottom: 1px solid #fff;
  position: relative;
}
.footer-section .footer-tittle:before{
  content: "";
  position: absolute;
  width: 35px;
  height: 3px;
  bottom: 0;
  left: 0;
  background: #fff;
}
.footer-section .search-field {
  background: #C7D9EC;
  border-bottom-right-radius: 8px!important;
  border-top-right-radius: 8px!important;
height: 51px;
border-radius: 8px;
position: relative;
}
.footer-section .search-btn {
  position: absolute;
  background: #C7D9EC;
  color: white;
  right: 10px;
  border-radius: 8px;
  top:7px;
  z-index: 9;
}
.footer-section .search-btn.btn:first-child:active, .btn.active, .btn.show {
  border-color:#C7D9EC!important;
}
.copyright-section{
  background: #D9D9D9;
}
.copyright-section ul li:nth-child(2){
  border-left: 1.9px solid #1874D2;
  border-right: 1.9px solid #1874D2;
}
/* =============================footer end=================================== */
/* -----------------------home page start-------------------------- */
.banner-section .slide{
   background: linear-gradient(90.19deg, #002E5B 0.17%, #FFFFFF 99.84%);
}
/* .banner-section .item {
  height: 550px;
} */
.banner-button{
  cursor: pointer;
}
/* .banner-section .owl-carousel .owl-stage {
  display: flex;
} */
.banner-section .owl-carousel .item {
  height: 100%;
  display: flex;
  align-items: center;
}
.banner-section .owl-carousel {
  display: flex;
  justify-content: center;
}
.banner-section .owl-carousel .row{
  align-items: center;
}
.banner-section .item img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
}
.banner-section .slide2{
  background-image: url(../img/img/banner2.png);
  background-repeat: no-repeat;
}
.banner-section .slide3{
  background-image: url(../img/img/banner3.png);
  background-repeat: no-repeat;
}
.banner-section .slide4{
  background-image: url(../img/img/banner4.png);
  background-repeat: no-repeat;
}
.banner-section .slide5{
  background-image: url(../img/img/banner5.png);
  background-repeat: no-repeat;
}
.banner-section .slide6{
  background-image: url(../img/img/banner6.png);
  background-repeat: no-repeat;
}
.banner-section .owl-dots button.owl-dot {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  display: inline-block;
  background: #F3F3F3;

  margin: 0 3px;
}
.banner-section .owl-dots{
  position: absolute;
  bottom: 20px;
}
.banner-section .owl-dots button.owl-dot.active {
  background-color: #F3F3F3;
  width: 24px;
  height: 7px;
   border-radius: 8px;
 }
.banner-button{
  max-width: 195px;
  width: 100%;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #fff;
}
.banner-button:hover{
background: #1874D2;
color: #fff;
}
.banner-button:hover a{
  color: #fff;
}
.banner-section h2{
font-size: 36px;
font-weight: 700;
line-height: 46px;
text-align: left;
text-transform: capitalize;
}
.banner-section p{
  text-transform: capitalize;
}
.btn-content{
  display: contents;
}
 .more-about{
  max-width: 195px;
  width: 100%;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
}
 .more-about:hover{background: #DFA867;
}
.product-sec{
  background-image: url(../img/img/blue-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.product-sec .productBox{
  box-shadow: 0px 4px 20px 0px #156EDC;
  max-width: 284px;
  width: 100%;
height: 160px;
border-radius: 12px;
position: relative;
padding-top: 100px;
}
.product-sec .productBox::before{
  content: "";
    position: absolute;
    width: 132px;
    height: 132px;
    top: -62px;
    border-radius: 63px;
    box-shadow: 0px 4px 20px 0px #156EDC;
    background: #243C5C;
    display: flex;
    justify-content: center;
    align-items: center;

}
.product-sec .productBox:hover{
  background: #1874D2;
  box-shadow: 0px 4px 4px 0px #00000040;
  border: 1px solid #fff;
  font-size: 34px;

}
.product-sec .productBox:hover::before{
  background: #1874D2;
  box-shadow: 0px 4px 20px 0px #156EDC;
  border: 1px solid #fff;
  transform: scaleX(-1);
}
.product-sec .productBox1:hover::after{
  transition: 0.9s;
  transform: rotateY(180deg);
}
.product-sec .productBox1{position: relative;}
.product-sec .productBox1::after{
  content: "";
  position: absolute;
  background-image: url(../img/img/software.png);
  background-repeat: no-repeat;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: -34px;
  width: 86px;
  height: 86px;
}
.product-sec .productBox2:hover::after{
  transition: 0.9s;
  transform: rotateY(180deg);
}
.product-sec .productBox2{position: relative;}
.product-sec .productBox2::after{
  content: "";
  position: absolute;
  background-image: url(../img/img/pos.png);
  background-repeat: no-repeat;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: -30px;
  width: 84px;
  height: 84px;
}
.product-sec .productBox3:hover::after{
  transition: 0.9s;
  transform: rotateY(180deg);
}
.product-sec .productBox3{position: relative;}
.product-sec .productBox3::after{
  content: "";
  position: absolute;
  background-image: url(../img/img/automation.png);
  background-repeat: no-repeat;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: -30px;
  width: 58px;
  height: 67px;
}
.product-sec .productBox4:hover::after{
  transition: 0.9s;
  transform: rotateY(180deg);
}
.product-sec .productBox4{position: relative;}
.product-sec .productBox4::after{
  content: "";
  position: absolute;
  background-image: url(../img/img/enterprise.png );
  background-repeat: no-repeat;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  top: -30px;
  width: 84px;
  height: 84px;
}
.explore-btn{
  box-shadow: 0px 4px 20px 0px #156EDC;
  border-radius: 25px;
  max-width: 195px;
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid transparent;
  background: transparent;
}
.explore-btn:hover{
  background: #1874D2;
  border: 1px solid #fff;
  max-width: 205px;
  height: 50px;
}
.services-sec .card{
  height: 100%;
border: none;
}
.services-sec .servicesBox{
  border-radius:8px;
  box-shadow: 0px 4px 4px 0px #00000040;
  position: relative;
  padding-top: 29%;
}
.services-sec .custom-gap{
  gap: 5rem;
}
.services-sec .servicesBox::before{
  top: -29px;
    content: "";
    position: absolute;
    width: 93px;
    height: 85px;
    left: 26px;
    border-radius: 8px;
    background: #DEE7F0;
}
/* hover effect on  services-sec */
/* first box */
.services-sec .servicesBox1{position: relative;}
.services-sec .servicesBox1::after{
  content: "";
    position: absolute;
    background-image: url(../img/img/services1.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -15px;
    width: 35%;
    height: 50px;
    left: 34px;
}
.services-sec .servicesBox:hover{
  background: #1874D2;

 }
 .services-sec .servicesBox:hover h4{
  color: #fff;
 }
 .services-sec .servicesBox:hover p {
  color: #fff;
 }
 .services-sec .servicesBox:hover a{
  color: #fff;
 }
 .services-sec .servicesBox a{
  color: #1874D2;
 }
.services-sec .servicesBox:hover::before{ background: #1874D2;
  box-shadow: 0px 4px 4px 0px #00000040;
  }
.services-sec .servicesBox1:hover::after{
  background-image: url(../img/img/services1.2.png);
  width: 40%;
  }
/* second box */
.services-sec .servicesBox2{position: relative;}
.services-sec .servicesBox2::after{
  content: "";
    position: absolute;
    background-image: url(../img/img/services2.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -10px;
    width: 31%;
    height: 50px;
    left: 50px;
}
.services-sec .servicesBox2:hover::after{
  background-image: url(../img/img/services2.2.png);
  width: 40%;
}
/* third box */
.services-sec .servicesBox3{position: relative;}
.services-sec .servicesBox3::after{
  content: "";
    position: absolute;
    background-image: url(../img/img/services3.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -10px;
    width: 31%;
    height: 50px;
    left: 47px;
}
.services-sec .servicesBox3:hover::after{
  background-image: url(../img/img/services3.3.png);
  width: 40%;
}
/* four box */
.services-sec .servicesBox4{position: relative;}
.services-sec .servicesBox4::after{
  content: "";
    position: absolute;
    background-image: url(../img/img/services4.png);
    background-repeat: no-repeat;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    top: -10px;
    width: 31%;
    height: 50px;
    left: 47px;
}
.services-sec .servicesBox4:hover::after{
  background-image: url(../img/img/services4.2.png);
  width: 40%;
 }

.life-section{
  background: url(../img/img/blue-bg1.png);

}
.life-section .card{
  box-shadow: 0px 4px 4px 0px #00000040;
  border: none;
  border-radius: 12px;
  overflow: hidden;
}
.pagination-box .page-link:hover{
  background-color: #243C5C !important;
}
.contact-sec .tab-border{
  border: 2px solid #1874D2;
  border-radius: 12px;
}
.contact-sec .nav-pills .nav-link.active{
  background-color:#1874D2!important ;
  position: relative;
}
.active .arrow-blue {
  position: absolute;
  width: 0px;
  height: 0px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid rgba(24, 116, 210, 1);
  bottom: -15px;
  left: 35%;
}
.contact-sec .icon-size .hicon{
  width: 30px;
  height: 30px;
}
.contact-sec .nav-link{
  color: #fff!important;
}
.contact-sec .nav {
  --bs-nav-link-padding-x: 2.2rem!important;
}

/* -----------------------home page end-------------------------- */
/* -------------------life at ethics start--------------------- */
.life-atEthics-section .nav {
  --bs-nav-link-padding-x: 6rem;
  --bs-nav-link-padding-y: 1rem;
}
.life-atEthics-section .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
   background-color:#F38550;
}
.life-atEthics-section  .nav-item{
  margin-right:1%;
}
.pagination-box .page-link{
  border-color: #243C5C;
}
.life-atEthics-section .nav-pills .nav-link::after {
  transition: all 0.3s ease;
}
.life-atEthics-section .nav-pills .nav-link:hover::after {
  transition: all 0.3s ease-out;
}
.life-atEthics-section .nav-pills .nav-link::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transform: scale(0, 0);
}
.life-atEthics-section .nav-pills .nav-link:hover::after {
  transform: scale(1, 1);
}
.life-atEthics-section .nav-pills .nav-link {
     position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 0px;
  background-color: #1874D2;
  color: #fff;
font-size: 18px;
font-weight: 500;
line-height: 25px;
}
.life-atEthics-section .nav-pills .nav-link:hover {
  color: #fff;
}
.life-atEthics-section .nav-pills .nav-link::after {
  content: "";
  background: #F38550;
  position: absolute;
  z-index: -1;
  display: block;
}

/* -------------------life at ethics end--------------------- */
/*--------------- software page start------------------------ */
.POSmachineRightCont2S img {
  bottom: -12px;
  height: auto;
  position: absolute;
  left: 191px;
  animation: zoom-in-zoom-out 2.5s ease infinite;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.2, 1.2);
  }
  100% {
    transform: scale(1, 1);
  }
}
.MobilePOSRightCont2S img{
  width: 100%;
   position: absolute;
    bottom: -62px;
    left: 144px;
    animation: zoom-in-zoom-out 2.5s ease infinite;
    max-width: 431px;
}
.POSmachineicon img{
  max-width: 38px;
}
/*--------------- software page end------------------------ */
.no-scroll {
  overflow: hidden;
}
#popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 998; /* Ensure it's below the popup */
}

/* =============================== ABOUT US CSS START ================================ */
.txt-skyblue{
  color: #1874D2;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
}
.txt-blue{
 color: #243C5C;
 font-size: 34px;
 font-weight: 700;
 line-height: 43px;
 text-transform: capitalize;
}
.aboutus-main p, .txt-normal{
  color: #000;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-align: justify;
}
.aboutus-main .aboutus-banner, .portfolio-main .portfolio-banner{
  background: url(../img/img/aboutus-banner.png)no-repeat;
  padding: 3.5% 0%;
  background-position: center;
}
.aboutus-main .aboutus-banner, .aboutus-main .counterau, .aboutus-main .history-sec, .portfolio-main .portfolio-banner{
  background-size: cover!important;
}
.topsec-banner {
  background: url(../img/img/aboutus-banner.png)no-repeat;
  padding: 3.5% 0%;
  background-position: center;
  background-size: cover!important;
}
.aboutus-main .vision-mission .vm-bg h3{font-size: 20px;}
.aboutus-main .history-sec h2{font-size: 34px;}
.aboutus-main .vision-mission .vm-bg{
  background: #1874D2;
  border: 1px solid #fff;
  border-radius: 8px;
}
.aboutus-main .counterau{
  background: url(../img/img/aboutus-3.png);
  padding: 2.7% 0%;
}
.aboutus-main .reason-point .d-content{
  flex: none;
  background: #243C5C;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;

}
.aboutus-main .reason-point h6{color: #243238;}
.aboutus-main .reason-point p{color: #666666;text-align: left;}
.aboutus-main .history-sec{
  background: url(../img/img/historysec-img.png);
  padding: 3% 0%;
}
.aboutus-main .reason-point .display-hover::before {
  background-color: #243C5C;
  content: '';
  width: 0.9%;
  height: 100%;
  border-radius: 16px;
  transition: 900ms;
  position: absolute;
}
.aboutus-main .reason-point .display-hover:hover::before{width: 100%;}
.aboutus-main .reason-point .d-flex{padding: 13px;position: relative;z-index: 1;}
.aboutus-main .reason-point .display-hover:hover .d-content{background: #fff;}
.aboutus-main .reason-point .d-content ,.aboutus-main .reason-point h6 ,
.aboutus-main .reason-point p{transition: background-color 600ms linear;}
.aboutus-main .reason-point .display-hover:hover .d-content img{
  filter: brightness(0) saturate(100%) invert(11%) sepia(48%) saturate(2225%) hue-rotate(171deg) brightness(90%) contrast(75%);
}
.aboutus-main .reason-point .display-hover .d-content img{
  padding: 0!important;
  margin: 0!important;
}
.aboutus-main .reason-point .display-hover:hover h6,.reason-point .display-hover:hover p{
  color: #fff;
  transition: all 0.5s;
}
.infinite-slider{
  background: #fff;
  box-shadow: 0px 4px 10px 0px #17171733;
}
.whoweare .about-bg{
  background: url(../img/img/sendmsg-bg.png) no-repeat;
  padding: 5% 0%;
  background-position: center;
  background-size: contain;
}
.whoweare .about-bg img{
  transition: transform .5s, filter 1.5s ease-in-out;
}
.whoweare .about-bg img:hover {
  transform: scale(1.1);
}


/*about us page css added by vivek */
.about-us-slider h2{
  font-family: 'Roboto' sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 55px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
.about-us-slider h4{
  font-family: 'Roboto' sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 35px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
.about-us-slider p{
  font-family: 'Roboto' sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: rgba(255, 255, 255, 1);
}
.about-us-slider .circleCont{
  position: relative;
  display: flex;
  align-items: center;
  height: 50px;
}

.about-us-slider .bg-circle{
  width: 45px;
  height: 45px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  position: absolute;
  left: 0;
  display: flex;
  align-items: center;
}

.about-us-slider .line{
  border: 2px solid rgba(255, 255, 255, 1);
  position: absolute;
  width: 420px !important;
  left: 0;
  display: flex;
  align-items: center;
}

.about-us-slider .outer-circle{
  position: absolute;
  width: 27px;
  height: 27px;
  background: rgba(255, 255, 255, 1);
  border-radius: 50%;
  left: 7px;
}
.dummy-box {
  font-weight: 500;
  color: #fff;
   display: flex;
  flex-direction: column;
  position: relative;
}

.dummy-box  h1 {
  text-align: center;
  height: 38px;
  margin: 60px 0;
}
.dummy-box  h1 span {
  white-space: nowrap;
}

.dummy-box  .flex-parent {
  display: flex;
  flex-direction: column;
  justify-content:start;
  align-items: start;
  width: 100%;
  height: 100%;
}

.dummy-box  .input-flex-container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
    height: 100px;

  position: relative;
  z-index: 0;
}

.dummy-box  .input {
  width: 41px;
  height: 41px;
  background-color: #1178e0;
  position: relative;
  border-radius: 50%;
}
.dummy-box  .input:hover {
  cursor: pointer;
}
.dummy-box  .input::before, .input::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 50%;
  transform: translateY(-50%);
  background-color: #1178e0;
  width: 8vw;
  height: 10px;
  max-width: 120px;
}
.dummy-box  .input::before {
  left: -119.5px;
}
.dummy-box  .input::after {
  right: -80px;
}
.dummy-box  .input.active {
  background-color: #1178e0;
}
.dummy-box  .input.active::before {
  background-color: #1178e0;
}
.dummy-box  .input.active::after {
  background-color: #AEB6BF;
}
.dummy-box  .input.active span {
  font-weight: 700;
}
.dummy-box  .input.active span::before {
  font-size: 13px;
}
.dummy-box  .input.active span::after {
  font-size: 15px;
}
.dummy-box  .input.active ~ .input, .input.active ~ .input::before, .input.active ~ .input::after {
  background-color: #AEB6BF;
}
.dummy-box  .input span {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  visibility: hidden;
}
.dummy-box  .input span::before, .input span::after {
  visibility: visible;
  position: absolute;
  left: 50%;
}
.dummy-box  .input span::after {
  content: attr(data-year);
  top: -55px;
  transform: translateX(-50%);
  font-size: 14px;
}
.dummy-box  .input span::before {
  content: attr(data-info);
    top: -66px;
    width: 89px;
    /* transform: translateX(-5px) rotateZ(-45deg); */
    font-size: 12px;
    text-indent: -30px;
}

.dummy-box  .description-flex-container {
  width: 100%;
  font-weight: 400;
  font-size: 22px;
  /* margin-top: 100px; */
  /* max-width: 1000px; */
  min-height: 300px;
}
.dummy-box  .description-flex-container .tittle{
font-size: 26px;
font-weight: 700;
line-height: 85px;
}
.dummy-box  .description-flex-container .tittle-mini{
font-size: 22px;
font-weight: 400;
line-height: 30px;
}
.dummy-box  .description-flex-container .list{
font-size: 20px;
font-weight: 400;
line-height: 34px;
}
.dummy-box  .description-flex-container p {
  margin-top: 0;
  display: none;
  color: #fff;
}
.dummy-box  .description-flex-container p.active {
  display: block;
}



/* =============================== ABOUT US CSS END ================================ */
/* --------------------scroll button start ------------------------------------*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background:#1874D2;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius:8px;
}

#myBtn:hover {
  background-color: #DFA867;
}
/* --------------------scroll button end ------------------------------------*/
/* ----------------career page start ------------------------------------------*/
.career-box{
  box-shadow: 0 0 15px 0 rgba(40,61,88,.07);
}
.career-box .fusion-button:hover{
  background: transparent;
    border: 2px solid #243C5C;
    color: #243C5C!important;
}
.career-box .fusion-button{
  padding: 11.2px 46px 16.2px 16.2px;
  border: 2px solid #243C5C;
}
.career-box1 .border-side{
border-right: 1px solid #243C5C;
border-left: 1px solid #243C5C;
}
.career-box1{
  box-shadow: 0 0 15px 0 rgba(40,61,88,.07);
}
/* ----------------career page end------------------------------------------*/
/* --------------contact page start --------------------------------------*/
.img-box .icon{
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.contact-banner{
background: url(../img/img/contact-bg.png)no-repeat;
background-size: cover;
background-position: center;

}
.contact-bg{
  background: #EAEAEA;
}
.send-msg .msg-bg1{
  background: url(../img/img/layerd-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.send-msg .msg-bg1 .img-box{
  padding: 26px;
  border-radius: 50%;
  background:#fff ;
  color: #156EDC;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.send-msg .msg-bg1 .mail-circle{
  width: 53px!important;
}

.send-msg .msg-bg1 .img-box:hover{
  color:#fff ;
  background: #156EDC;

}
.send-msg .msg-bg1 .img-box:hover .icon{
  transition: 0.9s;
  transform: rotateY(180deg);
}
.with-us-section h2{
font-size: 28px;
font-weight: 700;
line-height: 28.5px;
}
.with-us-section .circle{
max-width: 223px;
height: 223px;
border-radius:50%;
box-shadow: 0px 4px 12px 0px #156EDC;
width: 100%;
background: #243C5C;
text-align: center;
text-align: -webkit-center;
transition: all 0.5s;
}
.with-us-section .circle:hover .location-content{
  opacity: 0;
  transition: all 0.4s;
}
.with-us-section .circle:hover{
  background: #156EDC;
  box-shadow: none;
  transition: all 0.4s;
}
.with-us-section .map-content{
opacity: 0;
position: absolute;
top:25%;
}

.with-us-section .circle:hover .map-content{
  opacity: 1;
  transition: all 0.5s;
}
.with-us-section-slider .item {
  display: flex;
  justify-content: center;
}
.with-us-section-slider .owl-stage-outer {
  padding: 20px 0px;
}
.with-us-section-slider .map-content a {
  display: flex;
  width: max-content;
}
.with-us-section-slider .owl-nav button {
  position: absolute;
  top: 115px;
  width: 41px;
  height: 41px;
  box-shadow: 0px 4px 4px 0px #00000040;
  background: #fff!important;
  color: #243C5C !important;
  border-radius: 50%;
}
.with-us-section-slider .owl-nav .owl-prev {left: -70px;}
.with-us-section-slider .owl-nav .owl-next {right: -70px;}
.with-us-section-slider span {
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: -webkit-fill-available;
  margin-top: -9px;
}
.with-us-section-slider .owl-nav button:hover{
  background: #243C5C!important;
  color: #fff !important;
}
/* --------------contact page end --------------------------------------*/
/* ---------------contact details start-------------------------------- */
.form-detail{
  box-shadow: 0 0 15px 0 rgba(40,61,88,.07);
}
.form-detail ul{
  padding-left: 15px;
}
.form-detail ul li{
  list-style-type: square;
}
.form-detail h2{
  border-bottom: 2px solid #2d4a8a;
}
.apply-form .form-control {
  line-height: 2.5;
  background-color: #f0f0f0 !important;
}
.apply-form .form-select{
  line-height: 2.5;
     padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
      color: var(--bs-body-color);
    appearance: none;
    background-color: #f0f0f0 !important;
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.captch-inputBox .captcha-input {
  background: #FFF url(../img/img/captcha-text.jpg) repeat-y left center;
  padding-left: 85px;
}
.captch-inputBox .form-control.captcha-input {
  height: 40px;
}
.apply-tittle{
  position: relative;
}
.apply-tittle::before{
  width: 52px;
    bottom: 0px;
     left: 15px;
    top: auto;
    position: absolute;
    content: '';
    border: 2px solid #2d4a8a;
    border-bottom: 0;
}
/* ---------------contact details end-------------------------------- */
/* -------------enquire page start----------------------------------- */
.enquire-sec{box-shadow: 0px 4px 10px 0px #17171733;}
.enquire-sec .tittle-text{
font-size: 36px;
font-weight: 500;
line-height: 25px;
color: #1A1A1A;
}
.enquire-ofc-details h3{
font-size: 36px;
font-weight: 500;
line-height: 25px;
color: #243238;
position: relative;
}
.enquire-ofc-details h3:before{
  content: "";
  position: absolute;
  background: #1874D2;
  width: 24%;
  height: 4px;
  top: 55px;
}
.enquire-ofc-details h4{
font-size: 24px;
font-weight: 500;
line-height: 28.5px;
color: #262626;
}
.enquire-ofc-details p{
font-size: 18px;
font-weight: 500;
line-height: 25px;
color: #262626;
}
.enquire-ofc-details a{
  font-size: 18px;
  font-weight: 500;
  line-height: 25px;
  color: #262626;
  }
.enquire-ofc-details .img-box{
  font-size: 28px;
color: #243C5C;
}
.enquire-ofc-details .address-part{
  max-width: 465px;
  width: 100%;
}
.enquire-sec #css-dropdown{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 300px;
    height: 42px;
    margin: 100px auto 0 auto;
}
/* -------------enquire page end----------------------------------- */
/* -----------------life at ethics page start----------------------- */


/* -----------------life at ethics page end----------------------- */
/*  ---------------side contact us button start */
/* Side Widget */
.side-widget.open {
  margin-right: 0;
}
.side-widget {
  /* width: 57px; */
  z-index: 9999;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.9);
  position: fixed;
  right:-68px;
  top: 39%;
  text-align: center;
  margin-right: -45px;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  border-radius: 8px;
}
.side-widget.open .btn.btn-blue:hover, .side-widget.open .btn.btn-blue.popup-open{
  background-color: #DFA867;
}
.side-widget.open .btn.btn-blue {
  background-color: #0082ca;
}
.side-widget.open .btn.btn-blue {
  background-color: #1874D2;
  color: #fff !important;
  font-size: 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-radius: 8px;
}
.side-widget.open a:hover, a:focus, a:active {
  text-decoration: none;
}
.side-widget.open .btn {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 600;
  padding: 12px 35px;
  border-radius: 0;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.widget-close:hover {
  color: #ccc;
}
.widget-close {
  color: #636363;
}
.widget-close {
  position: absolute;
  left: 3px;
  top: 0;
  background: transparent;
  border: none;
  color: #fff;
  font-size: 20px;
  z-index: 1;
}
.section.triad-section {
margin-top: 10px;
}
#popup-container {
position: fixed;
z-index: 9990;
margin: 0 auto;
top: 16%;
right: 65px;
width: 100%;
max-width: 400px;
display: none;
}

#popup-container.open {
display: block;
}
#popup-window .custom-select-trigger{
  padding: 0.5rem 1rem;
}
#popup-window .modal-content {
background-color: #fff;
color: #fff;
padding: 20px 20px;

}
#popup-window .modal-content {
  display: block !important;
  box-shadow: 0px 4px 14px 0px #0000001A;
  border-radius: 8px;
}

#popup-window .modal-content input {
height: 35px;
}

#popup-window .modal-content .btn-primary {
width: 175px;
background-color: #ef9919;
border: 0px;
}

#popup-window .modal-content .btn-primary:hover {
background-color: #0073b7;
border: 0px;
}

#popup-window .modal-content .logorow {
text-align: center;
}

#popup-window .close {
font-size: 22px;
border:none;
color: #243C5C;
}
#popup-window .close:focus{
  outline:none;
}
/* For WebKit browsers */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* For Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}
/*  ---------------side contact us button end */

/* privacy policy */

.privacy-main .privacy-banner{
  background: url(../img/img/aboutus-banner.png)no-repeat;
  padding: 3.5% 0%;
  background-position: center;
  background-size: cover!important;
}
.privacy-main .text-justify{
  text-align: justify;
}
.privacy-main p {
  color: #000;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-align: justify;
}
#contact-resbtn{
  position: fixed;
  bottom: 50px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background: #1874D2;
  color: white;
  cursor: pointer;
  padding: 9px;
  border-radius: 8px;
  display: none;
}
#contact-resbtn:hover {
  background-color: #555;
}

/* -------------------------------------------- Blog list page start ------------------------------------------------------ */
.blue {
  color: #243C5C;
  font-weight: 700;
}
.blog-list p {
  color: #000;
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  text-align: justify;
}
.blog-list .blogs-info .line{
  line-height: normal;
}
.blog-list .icon {
  width: 26px;
  height: 26px;
}
.yellow-txt {
  color: #DFA867;
}
.linkedin.icon {
  color: #0077b5;
}
.blog-list .insta{
  background: #ab253e;
  color: #fff;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}
.blog-list .insta .icon , .angel-icon {
  width: 17px;
  height: 17px;
}
.blog-list .icon-link:hover{
  filter: contrast(0.6);
}
.blog-list .pagination-wrapper .pagination .page-item .page-link:hover{
  color: white;
  background: #DFA867;
  border: 1px solid #DFA867;
  box-shadow: none;
}
.blog-list .pagination-wrapper .pagination .page-item .page-link.active {
  color: white;
  background: #1874D2;
  border: 1px solid #1874D2;
  box-shadow: none;
}
.blog-list .page-link:focus {
  box-shadow: none;
  background: transparent;
}
.blog-list .pagination-wrapper .pagination .page-item .page-link {
  border-radius: 8px;
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #717788;
  font-size: 18px;
  border: 1px solid #bdbdcc;
}
.blog-list .form-control, .blog-list .input-group-append .primary-bg {
  box-shadow: 0px 4px 14px 0px #0000001A;
  border: 1px solid #1874D2;
  border-radius: 8px;
}
.blog-list .form-control {
  font-size: 16px;
}
.blog-list .fa-search {
  font-size: 24px;
}
.blog-list .input-group-append .primary-bg:hover {
background: #DFA867;
}
.blog-list .skyblue-txt {
  color: #1874D2;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.4;
}
.blog-list .sidebar-category li {
  font-size: 18px;
  margin: 5px;
}
.blog-list .sidebar-category li a:hover {
  padding-left: 5px;
}
.blog-list .sidebar-category li a:hover span {
  color: #DFA867;
}
.blog-list .tag-bg {
  background: #1874D2;
  border: 1px solid #1874D2;
  border-radius: 8px;
}
.blog-list .tag-bg p {
  padding: 4px 10px;
}
.blog-list .tag-bg:hover {
  background: #DFA867;
  border: 1px solid #DFA867;
}
.blog-list h6.txt-skyblue {
  font-size: 15px;
}
.blog-list .recent-post a {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blog-list .recent-post a img {
  max-width: 130px;
  width: 100%;
}
.blog-list .card-content a:hover .txt-skyblue , .blog-list .card-content a.txt-blue:hover ,
.blog-list .recent-post a:hover {
  color: #DFA867;
  transition: all 0.4s;
}
.blog-list .side-img {
  width: 240px;
  max-width: max-content;
}
.blog-list .tag-bg p {
  font-size: 12px;
}
.blog-list img {
  border-radius: 10px;
}
.blog-list .recent-post h5 {
  font-size: 17px;
}
#flash-message {
  display: none;
  color: #1874D2;
  margin-top: 7px;
  font-weight: 500;
}
#suggestion-list .maincontainer {
  position: absolute;
  width: 100%;
  padding: 5px;
  background: #1874D2;
  color: #fff;
  border-radius: 8px;
}
/* -------------------------------------------- Blog list page end ------------------------------------------------------ */
/* -------------------------------------------- error page start ------------------------------------------------------ */
.error-main .display-1 {
  color: #243C5C;
  font-weight: 700;
  font-size: 14rem;
  line-height: 13rem;
}
.parsley-errors-list {
  color: red;
}

/* -------------------------------------------- error page end ------------------------------------------------------ */
.service-main {
  grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
  display: grid;
  column-gap: 4.4rem;
}
.service-main .card {
  display: flex;
  align-items: center;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  background: #FFF;
  color: #1874D2;
  border-radius: 8px;
  border: transparent;
}
.service-main .card h6 {
  font-size: 18px;
  font-weight: 500;
}
.service-main .sub-card {
  margin-top: -30px;
  background: #fff;
  padding: 14px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.service-main .card:hover {
  background: #1874D2;
  color: #fff;
}
.service-main .card:hover .sub-card {
  background: #1874D2;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.service-main .card:hover .sub-card img {
  filter: brightness(0) invert(1);
}
.service-main .card , .service-main .sub-card , .service-main .sub-card img,
.service-main .card:hover, .service-main .card:hover .sub-card, .service-main .card:hover .sub-card img {
  transition : all 0.3s;
}
/* ======================================================================================================== */

/* ======================================================================================================== */
.product-sec .card {
  display: flex;
  align-items: center;
  background: #243C5C;
  color: #fff;
  box-shadow: 0px 4px 20px 0px #156EDC;
  height: 100%;
  border-radius: 12px;
  border: transparent;
  max-width: 284px;
  width: 100%;
  font-size: 20px;
  height: 162px;
  transition: all 0.3s;
}
.prod-link .card h4 {
  transition: all 0.3s;
}
.product-sec .prod-link {
  display: flex;
  justify-content: center;
}
.product-sec .sub-card {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: -64px;
  box-shadow: 0px 4px 20px 0px #156EDC;
  background: #243C5C;
  border-radius: 63px;
  height: 132px;
  width: 132px;
}
.prod-link .card:hover {
  background: #1874D2;
  box-shadow: 0px 4px 4px 0px #00000040;
  border: 1px solid #fff;
  transition: all 0.3s;
}
.prod-link .card:hover h4 {
  font-size: 30px;
  transition: all 0.3s;
}
.prod-link .card:hover .sub-card {
  background: #1874D2;
  box-shadow: 0px 4px 20px 0px #156EDC;
  border: 1px solid #fff;
  transform: scaleX(-1);
}
.prod-link .card:hover .sub-card img {
  transition: 0.9s;
  transform: rotateY(180deg);
}
/* ======================================================================================================== */
.services-secmain .card{
  background: #DEE7F0;
  border-radius: 8px;
  box-shadow: 0px 4px 4px 0px #00000040;
  color: #1874D2;
  border: transparent;
  height: 100%;
  transition: all 0.3s;
}
.services-secmain .card p {
  color: #262626;
  transition: all 0.3s;
}
.services-secmain .card a {
  color: #1874D2;
  transition: all 0.3s;
}
.services-secmain .card h6 {
  color: #1874D2;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: .5rem;
  transition: all 0.3s;
}
.services-secmain .sub-card {
  width: 95px;
  height: 85px;
  background: #DEE7F0;
  border-radius: 8px;
  margin-top: -45px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.services-secmain .card:hover {
  background: #1874D2;
  transition: all 0.3s;
}
.services-secmain .card:hover p,
.services-secmain .card:hover a,
.services-secmain .card:hover h6 {
  color: #fff;
  transition: all 0.3s;
}
.services-secmain .card:hover .sub-card {
  background: #1874D2;
  box-shadow: 0px 4px 4px 0px #00000040;
  transition: all 0.3s;
}
.services-secmain .card:hover .sub-card img {
  filter: invert(1) brightness(100);
  transition: all 0.3s;
}
/* ======================================================================================================== */
.pos-img-hover .img2pos {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
.pos-img-hover:hover .img2pos {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s;
}
.pos-img-hover:hover .img1pos {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
}
/* ================================================================================================= */

/* ============================================== PORTFOLIO CSS =================================================== */
.portfolio-main .card {
  box-shadow: 0px 4px 10px 0px #17171733;
  border-radius: 0;
  border: 0;
}
.portfolio-main .image-holder .caption {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
  text-transform: capitalize;
}
.portfolio-main .image-holder .caption h5 {
  font-size: 19px;
}
.portfolio-main .image-holder .caption h6 {
  font-size: 15px;
}
.portfolio-main .image-holder .caption h5, .portfolio-main .image-holder .caption h6 {
  color: #fff;
  font-weight: 700;
}
.portfolio-main .image-holder {
  position: relative;
  overflow: hidden;
  z-index: 5;
}
.portfolio-main .image-holder:hover:before {
  top: -45%;
  bottom: -45%;
}
.portfolio-main .image-holder:before {
  content: '';
  position: absolute;
  background: #243C5CCC;
  top: 50%;
  bottom: 50%;
  left: -45%;
  right: -45%;
  transform: rotate(43deg);
  transition: all .5s ease-in-out;
  z-index: 2;
}
.portfolio-main .image-holder:hover .img-meta {
  transform: scale(1.03) rotate(3.3deg);
}
.portfolio-main .image-holder .img-meta {
  position: relative;
  z-index: 1;
}
.tran5s {
  transition: all .5s ease-in-out;
}
.portfolio-main .image-holder:hover .caption {
  opacity: 1;
  transform: translateY(0);
  transition-delay: .105s;
}
.portfolio-main .image-holder .caption {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  transform: translateY(11%);
  transition: all .35s ease;
  transition-delay: 0s;
  z-index: 3;
}
.portfolio-detail .blue-bg {
  background: #CCE9FF;
}
.portfolio-detail h2 {
  color: #243C5C;
  font-weight: 700;
  text-transform: capitalize;
}
.portfolio-detail .blue-bg span, .portfolio-detail .blue-bg p {
  font-size: 14px;
  font-weight: 400;
  color: #243C5C;
  text-align: justify;
  line-height: 23px;
}
.portfolio-detail .gray-bg h5 {
  color: #243C5C;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 18px;
}
.portfolio-detail .gray-bg p,
.portfolio-detail .img-bg p {
  color: #000;
  font-weight: 400;
  font-size: 16px;
  text-align: justify;
  line-height: 24px;
}
.portfolio-detail .gray-bg .icon,
.portfolio-detail .img-bg .icon  {
  color: #333;
  height: 25px;
  width: 20px;
}
.portfolio-detail .img-bg {
  background: url(../img/img/historysec-img.png);
  background-size: cover;
}
.portfolio-main .page-link {
  border-radius: 8px!important;
  height: 36px;
  width: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: 1px solid #bdbdcc;
  font-size: 18px;
  color: #717788;
}
.portfolio-main .page-item:not(:first-child) .page-link {
  margin-left: auto;
}
.portfolio-main .page-link:hover, .portfolio-main .page-link:focus {
  box-shadow: none;
  background-color: #fff;
}
.portfolio-main .pagination .page-item .page-link:hover {
  color: white;
  background: #DFA867;
  border: 1px solid #DFA867;
  box-shadow: none;
}
.portfolio-main .pagination .page-item .page-link.active {
  color: white;
  background: #1874D2;
  border: 1px solid #1874D2;
  box-shadow: none;
}
/* ============================================== PORTFOLIO CSS =================================================== */

.contact-sec .nav-pills{
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: space-between;
  padding-bottom: 18px;
}
.contact-sec .nav-pills::-webkit-scrollbar {
  height: 0px;
}
.contactnav-button .btn {
  display: none;
  background: #1874D2;
  border-color: #1874D2;
  color: #fff;
  border-radius: 8px;
  height: 30px;
  width: 30px;
  display: flex;
  padding: 0px;
  justify-content: center;
  align-items: center;
}
.contactnav-button .btn:hover {
  background: #DFA867;
  color: #fff;
  border-color: #DFA867;
}
.asterisk {
    color: red;
}
.hindi_label{
    font-size: 10px;
}
.file-input {
    border: 2px solid red;
    padding: 5px;
    display: block;
    margin: 10px 0;
    cursor: pointer;
}
.file-input.valid-file {
    border-color: green;
}
.file-input.error {
    border-color: red !important;
}

.marquee {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    animation: scroll 15s linear infinite;
}

@keyframes scroll {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}