:root {
  --color-black: #000000;
  --color-green: #3C489E;
  --color-blue: #037BA1;
  --color-white: #ffffff;
  --color-grey: #ececec;
  --color-pureGrey: #808080;
  --color-YenGrey: #5C5C5C;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-font-main: 'Inter', sans-serif;
}

::-moz-selection {
  /* Code for Firefox */
  color: var(--color-white);
  background: var(--color-green);
}

::selection {
  color: var(--color-white);
  background: rgba(0, 0, 0, 0.3);
}

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

i {
  font-style: normal;
}

/* .site-container{background:var(--color-white);box-shadow:0 2px 5px 0 rgba(0,0,0,.12);margin:0 auto;max-width:1600px;word-wrap:break-word; position: relative;}
.site-container::after{clear:both;content:" ";display:block} */
input:focus,
textarea:focus,
select:focus,
:focus {
  outline: none;
}

p {
  line-height: 24px;
  text-align: justify;
  font-size: 15px;
}

a,
.home-subscribe-form-box .contact-btn,
.contact-form-bg .submit-btn,
.service-common-box-image a,
.home-video-box a:before,
.home-video-box a:after {
  outline: 0 !important;
  text-decoration: none;
  color: var(--color-black);
  -webkit-transition: color .4s, background-color .4s;
  -moz-transition: color .4s, background-color .4s;
  -o-transition: color .4s, background-color .4s;
  transition: color .4s, background-color .4s;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -o-transition: all .4s ease;
  transition: all .4s ease;
}

a:hover {
  text-decoration: none;
  color: var(--color-green);
}

.pad0 {
  padding: 0;
}

strong {
  font-weight: 600 !important;
}

.back-to-top {
  position: fixed;
  z-index: 1000;
  bottom: 8em;
  right: 15px;
  text-decoration: none;
  color: rgba(46, 45, 45, 0.5);
  border-radius: 100px;
  background: rgba(244, 244, 244, 0.5);
  font-size: 22px;
  padding: 8px 10px;
  display: none;
  width: 50px;
  height: 50px;
  text-align: center;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.46);
}

.back-to-top:hover {
  background: rgba(255, 255, 255, 1);
  color: rgba(46, 45, 45, 1);
  text-decoration: none !important;
}

.linkBlack {
  color: var(--color-black);
  font-weight: 600;
}

.linkBlack:hover {
  color: var(--color-blue);
}

.linkBlue {
  color: var(--color-blue);
  font-weight: 600;
  text-decoration: underline;
}

.linkBlue:hover {
  color: var(--color-black);
}

.linkgreen {
  color: var(--color-blue);
  font-weight: 600;
  text-decoration: underline;
}

.linkgreen:hover {
  color: var(--color-black);
}

.linkWhite {
  color: var(--color-white);
  font-weight: 600;
  text-decoration: underline;
}

.linkWhite:hover {
  color: var(--color-black);
}

.colorGreen {
  color: var(--color-green);
}

.colorBlue {
  color: var(--color-blue);
}

#menu-toggle {
  z-index: 1;
  position: absolute;
  bottom: 32%;
  right: 0;
}

.coming-soon {
  position: relative;
  font-size: 18px;
  z-index: 0;
  width: 100%;
}


.coming-soon::before {
  content: "coming soon . . .";
  left: 0px;
  position: absolute;
  top: 0px;
  font-size: 55px;
  font-weight: 900;
  color: #f0f0f0;
  z-index: -1;
}


.footer-mobile-bottom-menu-bg {
  display: none;
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: transparent;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--color-white);
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
  color: var(--color-black);
}

.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}



.carousel-item {
  transition: transform 1s ease-in-out;
}

#myCarousel.carousel-fade .active.carousel-item-start,
#myCarousel.carousel-fade .active.carousel-item-end,
#myCarouselMobile.carousel-fade .active.carousel-item-start,
#myCarouselMobile.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 0.9s;
}

#announcementCarousel.carousel-fade .active.carousel-item-start,
#announcementCarousel.carousel-fade .active.carousel-item-end {
  transition: opacity 0s 0s;
}

/* Carousel Animation delays */
.carousel-inner>.carousel-item>img,
.carousel-inner>.carousel-item>a>img {
  min-width: 100%;
  max-width: 100%;
  height: auto;
}

.slider .carousel-inner {
  overflow: unset;
}

.slider img {
  position: relative;
}

.slider .content {
  position: absolute;
  bottom: 70px;
  left: 9%;
}

.slider {
  padding: 0;
  position: relative;
  width: 94%;
  z-index: 1;
  left: 3%;
  bottom: 25px;
}

#carousel-sub .carousel-item:before {
  display: none;
}

.slide1,
.slide2,
.slide3,
.slide4,
.slide5,
.slide6 {
  z-index: 1 !important;
}

.slide1 a:hover,
.slide2 a:hover,
.slide3 a:hover,
.slide4 a:hover,
.slide5 a:hover,
.slide6 a:hover {
  color: var(--color-white);
}

.slide1 h3 {
  animation-delay: 1.5s;
  font-size: 72px;
  font-weight: 700;
  color: var(--color-white);
  padding: 15px 15px 10px 15px;
  margin: 0;
  display: block;
  line-height: 78px;
  text-align: right;
  top: 95px;
  right: -102px;
  position: relative;
}

.slide1 h4 {
  animation-delay: 1.8s;
  font-size: 18px;
  font-weight: 400;
  color: var(--color-white);
  padding: 10px 15px 25px 15px;
  margin: 0;
  display: block;
  line-height: 24px;
  text-align: right;
  position: relative;
  top: 100px;
  right: 110px;
}

.slide1 h4 span {
  display: block;
  font-size: 14px;
}

.slide2 h3 {
  animation-delay: 1.5s;
  font-size: 72px;
  font-weight: 700;
  color: #000;
  padding: 15px 15px 10px 15px;
  margin: 0;
  display: block;
  line-height: 78px;
  text-align: right;
  top: 95px;
  right: -102px;
  position: relative;
}


.download-box {
  margin: 12px 0;
}

.download-box a {

  border-radius: 15px;
  padding: 30px;
  display: block;
  box-shadow: 0 0rem 0rem rgba(0, 0, 0, .15);
  border: 1px solid #D9D9D9;
}

.download-box h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.download-box img {
  width: 70%;
}

.new-team {
  border-radius: 20px;
}

.slide2 h4 {
  animation-delay: 1.8s;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  padding: 10px 15px 25px 15px;
  margin: 0;
  display: block;
  line-height: 24px;
  text-align: right;
  position: relative;
  top: 100px;
  right: 110px;
}

.slide2 h4 span {
  display: block;
  font-size: 14px;
}

.slide1 .carousel-caption {
  left: 38%;
  right: 0;
  top: 20%;
  bottom: 5%;
  padding: 10px 0px 20px 20px !important;
  width: 65%;
  text-align: right !important;
  animation-delay: 1s;
}

.slide2 .carousel-caption {
  left: 38%;
  right: 0;
  top: 20%;
  bottom: 5%;
  padding: 10px 0px 20px 20px !important;
  width: 65%;
  text-align: right !important;
  animation-delay: 1s;
}

.slider .carousel-control-prev {
  top: unset;
  bottom: 70px;
  border-radius: 50px;
  border: 2px solid var(--color-white);
  width: auto;
  right: 129px;
  left: unset;
}

/* .slider .carousel-control-prev .carousel-control-prev-icon i{width: 45px; height: 45px;} */
.slider .carousel-control-next {
  top: unset;
  bottom: 70px;
  right: 70px;
  border-radius: 50px;
  border: 2px solid var(--color-white);
  width: auto;
}

/* .slider .carousel-control-next .carousel-control-next-icon i{width: 45px; height: 45px;} */
.carousel-indicators {
  right: unset;
  left: 0;
  bottom: 60px;
}

.carousel-indicators [data-bs-target] {
  color: var(--color-white) !important;
  background-color: transparent;
  text-indent: 0;
  font-size: 22px;
  font-weight: 700;
  width: auto;
  height: auto;
  margin: 0 6px;
}

.carousel-indicators .active {
  font-size: 26px;
}

/* @media all and (max-width : 768px) {  */
@media(min-width:320px) and (max-width:1080px) {

  .slide1 .carousel-caption,
  .slide2 .carousel-caption,
  .slide3 .carousel-caption,
  .slide4 .carousel-caption,
  .slide5 .carousel-caption,
  .slide6 .carousel-caption {
    width: 100% !important;
    left: 0;
    right: 0;
    bottom: 0;
    background: none;
    display: none;
  }

  .slide1 h3,
  .slide2 h3,
  .slide3 h3,
  .slide4 h3,
  .slide5 h3,
  .slide6 h3 {
    font-size: 22px;
    margin-bottom: 0;
  }

  .slide1 h4,
  .slide2 h4,
  .slide3 h4,
  .slide4 h4,
  .slide5 h4,
  .slide6 h4 {
    font-size: 16px;
    margin-top: 5px;
  }
}


/* Divider Line */
hr {
  background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.7), transparent);
  background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.7), transparent);
  border: 0;
  height: 1px;
  margin: 15px 0 15px 0;
  background-color: transparent;
}

hr.short {
  margin: 11px 0 11px 0;
}

hr.tall {
  margin: 44px 0 44px 0;
}

hr.taller {
  margin: 66px 0 66px 0;
}

hr.light {
  background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, 0.2), transparent);
  background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
}

hr.invisible {
  background: none;
}

/* Divider Line */

.text-casenone {
  text-transform: none !important;
}

ul.list {
  margin: 0 0 10px 0;
  padding: 0 0 0 20px;
  list-style: none;
  text-align: left;
}

ul.list li {
  position: relative;
  padding-left: 15px;
  padding-bottom: 10px;
}

ul.list li a {
  color: var(--color-black);
}

ul.list li a:hover {
  color: var(--color-green);
}

ul.list li::before {
  content: "\f192";
  font-family: 'Font Awesome 5 Free';
  left: -7px;
  position: absolute;
  top: 5px;
  font-size: 10px;
  font-weight: 900;
  color: var(--color-black);
}

ul.list li.head {
  font-weight: 700;
  padding-left: 0;
}

ul.list li.head::before {
  display: none;
}

ol.ol-list {
  margin: 0;
  padding: 0 0 0 20px;
  text-align: left;
}

ol.ol-list li {
  position: relative;
  text-align: justify;
  padding-bottom: 10px;
}

ol.ol-list li a {
  color: var(--color-black);
}

ol.ol-list li a:hover {
  color: var(--color-blue);
}

.background-white {
  padding: 30px;
  background: var(--color-white);
  margin-bottom: 30px;
}

.bg-color-one {
  background: var(--color-grey);
  padding: 30px;
  margin-bottom: 15px;
  margin-top: 15px;
  display: inline-block;
  width: 100%;
  box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.20) !important;
}

.bg-color-two {
  background: var(--color-white);
  padding: 30px;
  margin-bottom: 15px;
  margin-top: 15px;
  display: inline-block;
  width: 100%;
  box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.20) !important;
}

.bg-color-two h2 {
  font-weight: 500;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 15px;
  background: var(--color-blue);
  color: var(--color-white);
  width: 100%;
}

.bg-color-two h3 {
  font-weight: 500;
  font-size: 18px;
  padding: 10px;
  margin-bottom: 15px;
  border-bottom: solid 1px var(--color-blue);
  color: var(--color-blue);
  width: 100%;
}

.link {
  color: var(--color-blue);
  font-weight: 600;
}

.link:hover {
  color: var(--color-black);
}

.img-radius-15 {
  border-radius: 15px;
}

.first-one {
  padding: 140px 0 80px;
  position: relative;
}

.first-one::before {
  content: '';
  position: absolute;
  background: linear-gradient(276.61deg, #3C489E 3.9%, #2B7DC1 89.09%);
  width: 96%;
  left: 2%;
  height: 566px;
  z-index: -1;
  top: 14px;
  border-radius: 20px;
}

.first-one::after {
  content: '';
  position: absolute;
  background-image: url(../img/mainbgk.png);
  width: 60%;
  height: 300px;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  bottom: 0px;
}

.first-one .imgrow {
  position: relative;
}

.first-one .imgrow::before {
  content: '';
  position: absolute;
  background-image: url(../img/f2.png);
  width: 61%;
  height: 418px;
  left: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.secound-one {
  padding: 80px 0;
  position: relative;
}

.secound-one:before {
  content: '';
  position: absolute;
  background-image: url(../img/secound/bgk.png);
  width: 20%;
  height: 454px;
  left: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.secound-one::after {
  content: '';
  position: absolute;
  background-image: url(../img/mainbgk.png);
  width: 50%;
  height: 300px;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  top: 0px;
}

.secound-one h2 {
  padding-bottom: 20px;
  position: relative;
}

.secound-one h2::before {
  content: '';
  position: absolute;
  border: 0.5px solid #000000;
  width: 100%;
  top: -95px;
}

.secound-one .iconbox {
  background: white;
  box-shadow: 0px 20px 60px 0px #2B7DC133;
  backdrop-filter: blur(20px);
  text-align: center;
  padding: 15px;
  border-radius: 15px;
  margin: 15px 0;
  min-height: 158px;
}


.secound-one .iconbox h3 {
  font-size: 18px;
  padding: 10px;
  color: #3C489E;
}

.home-text h2 {
  font-size: 12vw;
  font-weight: bold;
  text-align: center;
  color: transparent;
  -webkit-text-stroke: 1px #3C489E;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 27vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.home-text {
  position: relative;
}

.home-text:before {
  content: '';
  position: absolute;
  background-image: url(../img/textbgk.png);
  width: 38%;
  height: 234px;
  top: 1px;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.home-section-faq {
  padding: 80px 0;
  align-items: center;
  text-align: center;
  position: relative;
}

.home-section-faq p {
  text-align: center;
  padding: 25px;
  font-size: 20px;
  font-weight: 600;
}

.home-section-faq .accordion .accordion-item {
  border: none !important;
  margin: 25px 0;
}

.home-section-faq .accordion .accordion-header {
  border-bottom: 1px solid;
  text-align: center;
  margin: 0 auto;
}

.home-section-faq .accordion .accordion-button {
  background: none;
  text-align: center;
  display: grid;
  color: black;
  font-size: 20px;
  font-weight: 600;
}

.home-section-faq .accordion .accordion-button::after {
  position: relative;
  bottom: 25px;
}

.home-section-faq:before {
  content: '';
  position: absolute;
  background-image: url(../img/secound/bgk.png);
  width: 20%;
  height: 454px;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.home-footer-top {
  position: relative;
}

.home-footer-top .contactBox {
  background: linear-gradient(180deg, #2B7DC1 0%, #3C489E 100%);
  padding: 30px;
  width: 93%;
  margin: 0 auto;
  border-radius: 15px;
}

.home-footer-top .contactBox a {
  margin: 20px;
}

.home-footer-top::after {
  content: '';
  position: absolute;
  background: #E2F2FF;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  bottom: 0;
  height: 60px;
  left: 0;
  z-index: -1;
}

.btn4 {
  background: #FFFFFF;
  color: #3C489E;
  border: 1px solid #FFFFFF;
  padding: 10px 20px;
  border-radius: 50px;
}

.btn4:hover {
  border: 1px solid #FFFFFF;
  color: white;
  padding: 10px 20px;
  border-radius: 50px;
  background: none;
}









.home-tech-section {
  padding: 40px 0;
  position: relative;
}

.home-tech-section h2 {
  padding-bottom: 30px;
  font-size: 40px;
}

.home-tech-section img {
  border-radius: 20px;
}

.home-tech-section:before {
  content: '';
  position: absolute;
  background: #E2F2FF;
  width: 100%;
  height: 400px;
  top: 0px;
  right: 0;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.home-collub-section {
  padding: 50px 0 100px;
  position: relative;
}

.home-collub-section::after {
  content: '';
  position: absolute;
  background-image: url(../img/collub/bgkimg.png);
  width: 35%;
  height: 651px;
  right: 6px;
  bottom: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.home-collub-section::before {
  content: '';
  position: absolute;
  background-image: url(../img/collub/bgk1.png);
  width: 40%;
  height: 651px;
  right: 0px;
  top: -175px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.home-collub-section .collub-box {
  display: flex;
  margin: 25px 0;
}

.home-collub-section .collub-box .imagebox {
  width: 20%;
  justify-content: center;
  align-items: center;
  align-content: center;
  background: #FFFFFF33;
  box-shadow: 0px 20px 60px 0px #2B7DC133;
  backdrop-filter: blur(20px);
  border-radius: 20px;
  text-align: center;
  margin: 9px;
  min-height: 100px;
}

.home-collub-section .collub-box .content {
  width: 75%;
  padding: 10px 0 0;
}

.home-collub-section .collub-box .content h3 {
  font-size: 22px;
}

.home-collub-section .partenrbox {
  background: linear-gradient(180deg, #2B7DC1 0%, #3C489E 100%);
  padding: 30px 50px;
  border-radius: 20px;
  width: 96%;
  left: 2%;
  position: relative;
}

.collub-box .content h3 {
  font-size: 22px;
}

.home-collub-section .partenrbox h2 {
  color: white;
  font-style: italic;
  font-size: 25px;
}

.collub-box .content h3 {
  font-size: 22px;
}

.home-collub-section .partenrbox p {
  color: white;
}

.collub-box .content h3 {
  font-size: 22px;
}

.home-collub-section .partenrbox span {
  padding: 20px;
}

.btn3 {
  border: 1px solid #FFFFFF;
  color: white;
  padding: 10px 20px;
  border-radius: 50px;
}

.btn3:hover {
  border: 1px solid var(--color-white);
  color: #3C489E;
  padding: 10px 20px;
  border-radius: 50px;
  background: var(--color-white);
}

.btn3a {
  border: 1px solid #FFFFFF;
  color: white;
  border-radius: 50px;
  padding: 6px 15px !important;
}

.btn3a:hover {
  border: 1px solid #FFFFFF;
  color: white !important;
  border-radius: 50px;
}

.padding-top-fifty {
  padding-top: 50px;
}

.padding-eighty {
  padding: 80px 0 0 0;
}

.home-contact-new-section {
  position: relative;
  padding: 80px 0 150px;
}

.home-contact-new-section h2 {
  text-align: center;
  line-height: 60px;
}

.home-contact-new-section p {
  text-align: center;
}

.home-contact-new-section::after {
  content: '';
  position: absolute;
  background-image: url(../img/home-contact.jpg);
  width: 100%;
  height: -webkit-fill-available;
  right: 0px;
  top: 0px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}

.home-contact-new-section::before {
  content: '';
  position: absolute;
  background: #E2F2FF;
  width: 90%;
  height: 80px;
  bottom: 0px;
  background-size: cover;
  background-position: center;
  left: 5%;
  border-radius: 15px 15px 0 0;
}

.home-client-section {
  position: relative;
  padding-bottom: 80px;
}

.home-client-section::before {
  content: '';
  position: absolute;
  background: #E2F2FF;
  width: 90%;
  height: 537px;
  top: -41px;
  background-size: cover;
  background-position: center;
  left: 5%;
  border-radius: 15px;
  z-index: -1;
}

.headMain-head {
  font-size: 40px;
  font-weight: 500;
  text-transform: uppercase;
}

.home-client-section .clientbox {
  display: flex;
  padding-top: 80px;
  background: white;
  border-radius: 15px;
  padding: 30px;
}

.home-client-section .clientbox .clientimage {
  text-align: center;
}

.padding-bottom-eighty {
  padding-bottom: 80px;
}

.border-radius {
  border-radius: 15px;
}



.top-enquire-content {
  background: rgba(255, 255, 255, 1);
  color: #242121;
  border-radius: 0;
  border: 1px solid #000;
}

.top-enquire-content .enquire-pop-up {
  padding: 25px 30px 20px 30px;
}

.top-enquire-header {
  color: #242121;
}

.top-enquire-title {
  color: #242121;
  margin: 0;
  text-align: center;
  font-weight: normal;
  font-size: 18px;
  text-transform: uppercase;
  width: 100%;
}

.top-enquire-header button.close {
  color: #242121;
  opacity: 1;
  position: absolute;
  right: 15px;
}

.enquire-pop-up input,
textarea {
  border: 0;
}

.form-request-quote {
  border-radius: 0 !important;
  display: block;
  background: rgba(0, 0, 0, 0) !important;
  background-image: none;
  border-color: #d9dadd !important;
  border-image: none;
  border-radius: 0;
  border-style: none none solid !important;
  border-width: medium medium 1px !important;
  box-shadow: none;
  color: #242121;
  display: block;
  font-size: 14px;
  height: 35px;
  line-height: 1.42857;
  margin-bottom: 20px;
  padding: 6px 0;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  width: 100%;
  font-weight: normal;
}

.form-request-group {
  margin-bottom: 0px;
}

.form-request-group-popup {
  margin-bottom: 20px;
}

.form-request-quote:focus {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: 1px solid #dc254d !important;
  box-shadow: none;
  outline: none;
}

.enquire-pop-up .btn-default {
  background-color: #494946;
  border-color: #494946;
  border-radius: 0;
  color: #ffffff;
  font-size: 15px;
  text-transform: uppercase;
  margin-top: 10px;
  padding: 8px;
  transition: all 0.3s linear 0s;
  width: 100%;
}

.enquire-pop-up .btn-default:hover {
  background: #242121;
}

.modal-custom {
  margin-top: 30px;
}

.modal-custom-bg .modal-body .close {
  right: 0;
  top: -40px;
}


.modal-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.modal-box {
  background-color: #fff;
  width: 400px;
  max-width: 90%;
  padding: 25px 30px;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  position: relative;
}

.modal-box h2 {
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.form-request-group {
  margin-bottom: 15px;
  border: 1px solid black;
  border-radius: 15px;
}

.form-request-group-1 {
  margin-bottom: 15px;
}

.form-control {
  width: 100%;
  padding: 10px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 5px;
  outline: none;
  transition: border-color 0.3s;

}

.form-control:focus {
  border-color: #007BFF;
}

select.form-control {
  cursor: pointer;
}

#submitBtnEnquiry {
  background-color: #333;
  color: white;
  padding: 10px;
  border: none;
  border-radius: 5px;
  width: 100%;
  cursor: pointer;
  font-size: 16px;
}

#submitBtnEnquiry:hover {
  background-color: #555;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 18px;
  cursor: pointer;
  border: none;
  background: none;
}




.padintTophundread {
  padding-top: 100px;
}

.padintToponefifty {
  padding-top: 170px;
}

.text-align-end {
  text-align: end;
}

.paddingtwenty {
  padding: 20px;
}

.top-whats-app {
  position: fixed;
  bottom: 80px;
  right: 15px;
  z-index: 999
}

.top-whats-app a {
  width: 50px;
  height: 50px;
  color: #fff !important;
  background: #27c34c;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center
}

.top-whats-app a:hover {
  color: #27c34c !important;
  background: #fff !important;
}

.headerwhatsApp i {
  font-size: 28px;
  line-height: 22px
}

.font-size-eighteen {
  font-size: 18px;
  font-weight: 500;
}

.contact-margin {
  margin: 0px;
  border-radius: 20px;
}





.home-first-section {
  background-image: url(../img/firsttop.jpg);
  width: auto;
  height: fit-content;
  padding: 150px 10px 50px;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.home-first-section .paddingtop {
  padding-top: 140px;
}

.home-first-section .content {
  position: absolute;
  width: 36%;
  bottom: 209px;
  right: 154px;
}

.font-weight {
  font-weight: 500;
}

.colorgreen {
  color: var(--color-green);
}

.map-circle {
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #949494;
  width: 400px;
  height: 400px;
  position: absolute;
  opacity: 0;
  bottom: -181px;
  right: -113px;
  animation: scaleIn 4s infinite cubic-bezier(.36, .11, .89, .32);
  z-index: 1;
}

@keyframes scaleIn {
  from {
    transform: scale(.3, .3);
    opacity: .5;
  }

  to {
    transform: scale(2.5, 2.5);
    opacity: 0;
  }
}

.sliderbgk {
  position: relative;
}

.sliderbgk::after {
  content: '';
  position: absolute;
  background: #E2F2FF;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  bottom: 0;
  height: 250px;
  left: 0;
}

.home-secound-section {
  padding: 50px;
}

.home-secound-section h2 {
  color: white;
}

.home-secound-section p {
  color: white;
}

.home-secound-section .countrow {
  padding: 80px 0 0;
  justify-content: center;
  text-align: center;
  position: relative;
}

.home-secound-section .countrow::before {
  content: '';
  position: absolute;
  border: 0.5px solid #FFFFFFCC;
  width: 100%;
  top: 20px;
}

.home-secound-section .countrow p {
  text-align: center;
}

.home-third-section {
  padding: 80px 10px;
}

.home-third-section .paddds {
  padding: 0;
}

.home-third-section h2 {
  font-size: 41px;
  padding-bottom: 40px;
}

.home-third-section .paddingtopbottom {
  padding: 25px 0px 0 25px;
}

.home-fourth-section h2 {
  color: white;
  padding-bottom: 25px;
}

.home-fourth-section {
  padding: 80px 10px;
  background: #000000;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center
}

.home-fourth-section .businessBox {
  width: 19%;
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0 6px;
}

.home-fourth-section .businessBox .businessBoxcontent {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding: 30px 30px 60px;
  background: linear-gradient(180deg, rgba(76, 144, 187, 0) 0%, #51BB4C 100%);
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
}

.home-fourth-section .businessBox .businessBoxcontent img {
  padding-bottom: 50px;
}

.home-fourth-section .businessBox .businessBoxcontent p {
  color: white;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}

.home-fourth-section .businessBox:hover .businessBoxcontent {
  animation: slideUp 1s ease-in-out 0.1s forwards;
  /* Delay of 5s */
}

/* Keyframes for sliding up */
@keyframes slideUp {
  0% {
    bottom: -100%;
    /* Start position (hidden) */
    opacity: 0;
  }

  100% {
    bottom: 0;
    /* Final position (visible) */
    opacity: 1;
    visibility: visible;
  }
}

.home-section-brands {
  padding: 0px 10px;
  position: relative;
}

.home-section-brands::after {
  content: '';
  position: absolute;
  background: #000000;
  width: 100%;
  height: 60px;
  top: 0;
  z-index: -1;
  left: 0;
}

.home-section-brands .brandbox {
  width: 20%;
  text-align: center;
}

.home-section-brands .bgk {
  background: white;
  padding: 30px 30px 70px;
}

.home-section-brands h2 {
  padding-bottom: 30px;
}

.home-section-brands::before {
  content: '';
  position: absolute;
  border: 0.5px solid #000000;
  width: 90%;
  bottom: 0;
  left: 5%;
}

.home-section-fifth {
  padding: 80px 10px;
}

.home-section-fifth .padds {
  padding: 30px 0;
}

.home-section-news .newsbox {
  position: relative;
}

.home-section-news .newscontent {
  position: absolute;
  bottom: 0;
  padding: 30px 30px 15px;
  backdrop-filter: blur(3px);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
}

.home-section-news .newscontent p {
  color: white;
}

.home-section-news .newscontent span {
  float: inline-end;
}

.home-section-news {
  padding: 80px 10px;
  position: relative;
}

.home-section-news::before {
  content: '';
  position: absolute;
  background: #F1F1F1;
  width: 90%;
  left: 5%;
  height: 400px;
  z-index: -1;
  top: 10px;
}

.home-section-news h2 {
  padding-bottom: 15px;
}

.home-fifth-section {
  padding: 60px 10px;
}

.home-fifth-section .imgpad {
  padding: 80px 0 0;
}


.padds {
  padding: 20px 0;
}

.headMain {
  font-size: 48px;
  font-weight: 500;
  text-transform: uppercase;
}



.headMain span {
  display: block;
}

.headMain-1 {
  font-size: 38px;
  font-weight: 500;
  text-transform: uppercase;
}


.key-focus-area-bg {
  padding: 100px 0;
  position: relative;
}


.key-focus-area-box {
  background: white;
  box-shadow: 0px 20px 60px 0px #2B7DC133;
  backdrop-filter: blur(20px);
  text-align: center;
  padding: 20px;
  border-radius: 15px;
  margin: 15px 0;
  position: relative;
}

.key-focus-area-box h5 {
  font-size: 20px;
  color: #3C489E;
}

.key-focus-area-box::before {
  content: '';
  position: absolute;
  background: linear-gradient(180deg, #2B7DC1 0%, #3C489E 100%);
  width: 5px;
  height: 76%;
  top: 14px;
  left: 0px;
  z-index: -1;

  border: 1px solid #3C489E;
}









.headMain-1 span {
  display: block;
}

.btnone {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 10px 20px;
  border-radius: 50px;
}

.btnone:hover {
  background: linear-gradient(260.25deg, #4C90BB 0%, #51BB4C 100%);
  color: #FFFFFF;
}

.btntwo {
  background: linear-gradient(90deg, #2B7DC1 0%, #3C489E 100%);
  ;
  color: var(--color-white);
  border: 1px solid var(--color-green);
  padding: 10px 20px;
  border-radius: 50px;
}

.btntwo:hover {
  background: var(--color-white);
  color: #3C489E;
  border: 1px solid linear-gradient(90deg, #2B7DC1 0%, #3C489E 100%);
}

.margin {
  margin: 0 auto;
}

.btnthree {
  background: var(--color-white);
  color: var(--color-green);
  border: 1px solid var(--color-green);
  padding: 10px 20px;
  border-radius: 50px;
}

.btnthree:hover {
  background: var(--color-green);
  color: var(--color-white);
  border: 1px solid var(--color-green);
}

.colorWhite {
  color: var(--color-white);
}

.colorBlue {
  color: var(--color-blue);
}




footer {
  background: #E2F2FF;
  padding: 50px 40px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

footer .footercontent {
  display: flex;
  padding-bottom: 40px;
  position: relative;
}

footer .footercontent::after {
  content: '';
  position: absolute;
  border: 0.5px solid black;
  width: 100%;
  left: 0;
  bottom: 0;
}

footer .ftlist {
  display: flex;
  list-style: none;
  padding: 0;
}

footer .ftlist li {
  margin: 0 30px 0 0;
}

footer .ftlist li a {
  color: black;
  font-weight: 500;
}

footer .socialMediaList {
  list-style: none;
  display: flex;
  margin: 0 0 0 auto;
}

footer .socialMediaList li {
  margin: 0 0 0 35px;
}

footer .footerend {
  padding-top: 40px;
}

footer .footerend p {
  color: black;
}

footer .footerend span {
  float: inline-end;
}




.rwd-table {
  margin: auto;
  min-width: 300px;
  max-width: 100%;
  border-collapse: collapse;
}

.rwd-table thead tr:first-child {
  border-top: none;
  background: var(--color-black);
  color: #fff;
}

.rwd-table tr {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background-color: rgba(0, 0, 0, .01);
}

.rwd-table.table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #fbfbfb !important;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}

.rwd-table td:before {
  content: attr(data-th) " : ";
  font-weight: bold;
  display: inline-block;
  color: #000;
  padding-right: 15px;
}

.rwd-table th,
.rwd-table td {
  text-align: left;
}

.rwd-table {
  color: #333;
  overflow: hidden;
  margin-bottom: 30px;
}

.rwd-table tr {
  border-color: #bfbfbf;
}

.rwd-table th,
.rwd-table td {
  padding: .5em 1em;
}

@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }

  .table-bordered {
    border: 0px;
  }
}

@media screen and (min-width: 600px) {
  .rwd-table tr:hover {
    background-color: #fff !important;
  }

  .rwd-table thead tr:hover {
    background: var(--color-black) !important;
  }

  .rwd-table td:before {
    display: none;
  }

  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }

  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }

  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }

  .rwd-table th,
  .rwd-table td {
    padding: 1em !important;
  }
}

.inner-banner-top {
  position: relative;
  padding: 140px 0 100px;
}

.inner-banner-top::after {
  content: '';
  position: absolute;
  background: linear-gradient(276.61deg, #3C489E 3.9%, #2B7DC1 89.09%);
  width: 96%;
  height: 250px;
  left: 2%;
  top: 5%;
  border-radius: 15px;
  z-index: -1;
}

.inner-banner-top::before {
  content: '';
  position: absolute;
  background: url(../img/banner-right.png);
  width: 63%;
  height: 277px;
  top: 0;
  border-radius: 15px;
  right: 0;
}

.inner-banner-top .breadcrumb {
  position: relative;
  top: 40px;
}

.inner-banner-top .breadcrumb li {
  color: white;
  font-size: 35px;
}

.anoutSection {
  padding: 80px 10px;
}

.abount-second-section {
  padding: 80px 10px;
  background: #E2F2FF;
  width: 90%;
  margin: 0 auto;
  border-radius: 15px;
}

.abount-second-section1 {
  padding: 80px 10px;
  background: #E2F2FF;
  width: 100%;
  margin: 0 auto;
  border-radius: 15px;
}

.abount-second-section .trustbox {
  background: #FFFFFF;
  margin: 20px;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
}

.abount-second-section .trustbox p {
  text-align: center;
  padding-top: 10px;
  color: #3C489E;
}


.abount-second-section-1 {
  padding: 80px 10px;

  width: 90%;
  margin: 0 auto;
  border-radius: 15px;
}



.trustbox-1 {
  background: #E2F2FF;
  margin: 20px;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
}

.trustbox-1 p {
  text-align: center;
  margin: 10px;


}


.trustbox-2 {
  background: #E2F2FF;
  margin: 10px;
  border-radius: 15px;
  padding: 20px;
  text-align: center;
}

.trustbox-2 p {
  text-align: center;
  margin: 10px;


}

.text-align-left {
  text-align: left;
}

.vision-section {
  padding: 80px 10px;
  position: relative;
}

.vision-section::before {
  content: '';
  position: absolute;
  background: url(../img/mision.png);
  width: 397px;
  height: 922px;
  top: -267px;
  left: 0px;
}

.vision-section::after {
  content: '';
  position: absolute;
  background: url(../img/visionright.png);
  width: 397px;
  height: 922px;
  bottom: -185px;
  right: 0;
}

.misionbox {
  padding: 50px;
}

.visionbox h2 {
  padding-bottom: 25px;
  position: relative;
}

.visionbox h2::before {
  content: '';
  position: absolute;
  border: 0.5px solid #000000;
  width: 64%;
  right: 0;
  top: 40px;
}

.misionbox h2 {
  text-align: end;
  padding-bottom: 25px;
  position: relative;
}

.misionbox h2::before {
  content: '';
  position: absolute;
  border: 0.5px solid #000000;
  width: 60%;
  left: 0;
  top: 40px;
}

.bgksec {
  position: relative;
}

.bgksec:before {
  content: '';
  position: absolute;
  background-image: url(../img/textbgk.png);
  width: 100%;
  height: 354px;
  bottom: 1px;
  right: 28px;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.bgkblue {
  background: #E2F2FF;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.clrblue {
  color: #3C489E;
  font-size: 20px;
}

.bgkimage {
  background-image: url(../img/partners/bgk.png);
  /* background-size: contain; */
  background-repeat: no-repeat;
  padding: 80px 0;
}

.whiteclr {
  color: var(--color-white);
}

.partnerbox {
  display: flex;
  padding: 30px;
}

.partnerbox img {
  padding: 0 15px;
}

.partnerbox b {
  display: block;
}

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

.displayBlock {
  display: block;
}

.teambox {
  width: 47%;
  margin: 15px;
  background: #E2F2FF;
  padding: 30px;
  border-radius: 15px;
}

.partner-img-ibm {
  margin: 10px 10px 10px 0px;
}

.partner-img-cam {
  margin: 10px 10px 10px -42px;
}

.partner-img-tcs {
  margin: 10px 10px 10px -25px;
}

.partner-img-santa {
  margin: 10px 10px 10px -34px;
}

.partner-img-active {
  margin: 10px 10px 10px -14px;
}






.teambox1 {
  width: 30%;
  box-shadow: 0px 20px 60px 0px #2B7DC133;
  background: white;
  padding: 20px;
  border-radius: 15px;
  margin: 15px;
  text-align: center;

}

.teambox1 .clrblue {
  text-align: center;
}

.teambox1 h2 {
  padding: 15px 0;
  font-size: 30px;
}

.anoutSection h2 {
  padding-bottom: 15px;
}

.brright {
  border-right: 0.5px solid #000000;
}

.contactBox h2 {
  padding: 10px 0 0;
  font-weight: 600;
  font-size: 25px;
}

.contactBox {
  padding: 0 30px;
}

.form-control {
  background: #FFFFFF;
  border-radius: 15px;
  border: none;
  padding: 8px 30px;
}

.home-video-bg-one {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.videocontent {
  position: absolute;
  top: 40%;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  padding: 20px;
  z-index: 1;
  margin: auto;
}

.videocontent h2 {
  color: var(--color-white);
  font-weight: 600;
  font-size: 55px;
}

.videocontent .btn-four {
  padding: 10px 30px;
  font-size: 18px;
  font-weight: 400;
  border-radius: 20px;
}

#myVideo {
  position: relative;
  top: 0px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
}

.core-value-box {
  background: #E2F2FF;
  padding: 50px;
  border-radius: 20px;
  margin-bottom: 15px;
}

.core-value-box h5 {
  font-size: 20px;
  color: var(--color-blue);
  text-align: center;
}

ul.home-life-list {
  margin: 30px 0 0 0;
  padding: 0;
}

ul.home-life-list li {
  display: flex;
  align-items: center;
  margin: 30px 0;
}

ul.home-life-list li img {
  margin: 0 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: center
}

ul.home-life-list li div {
  width: 80%;
}

ul.home-life-list li div h4 {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-blue);
}

ul.home-life-list li div p {
  margin: 0;
  font-size: 15px;
}


.padding {
  padding: 50px;
}


.for-xs {
  display: none !important;
}


.inner-program-bg {
  padding: 100px 0;
}

.inner-program-bg h2 {
  font-weight: 400;
  font-size: 60px;
  line-height: 62px;
}

.inner-program-bg h5 {
  font-weight: 600;
  font-size: 30px;
  line-height: 62px;
  margin-bottom: 30px;
}

.inner-program-bg h3 {
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  line-height: 23px;
  letter-spacing: 0%;
  text-align: justify;
  color: var(--color-blue);
}

.program-highlight-bg {
  padding: 100px 0 0;
  position: relative;
  z-index: 1;
}

.program-highlight-bg::after {
  content: "";
  position: absolute;
  background: url(../img/program-highlight-bg.jpg) no-repeat;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 70%;
}


ul.program-highlight {
  display: flex;
  list-style: none;
  justify-content: center;
  margin-bottom: 60px;
}

ul.program-highlight li {
  width: 25%;
  font-size: 20px;
  color: white;
}

.program-highlight-box {
  padding: 50px;
  border-radius: 20px;
  background: #E2F2FF;
}

.program-highlight-box h3 {
  margin-bottom: 30px;
  font-weight: 600;
  font-size: 30px;
  line-height: 62px;
}

.program-highlight-box .br {
  border-right: 1px solid black;
  padding-left: 20px;
}

.program-highlight-box .content-right {
  padding: 0 0 0 50px;
}

.program-details-bg {
  padding: 50px 0 100px;
}

.program-details-bg h2 {
  font-size: 60px;
  line-height: 62px;
}

.program-details-bg h2 span {
  display: block;
}



@media(min-width:320px) and (max-width:1080px) {

  .slider,
  .inner-banner {
    margin-top: 64px;
  }

  .inner-banner img {
    min-width: 100%;
    height: 130px;
    object-fit: cover;
  }

  .hidden-xs,
  .for-md {
    display: none !important;
  }

  .for-xs {
    display: block !important;
  }

  ::-webkit-scrollbar {
    width: 0px;
  }

  .Morder-1 {
    order: 1;
    -webkit-order: 1;
  }

  .Morder-2 {
    order: 2;
    -webkit-order: 2;
  }

  .Morder-3 {
    order: 3;
    -webkit-order: 3;
  }

  .Morder-4 {
    order: 4;
    -webkit-order: 4;
  }

  .carousel-control-next-icon,
  .carousel-control-prev-icon {
    width: 1.1rem;
    height: 1.1rem;
  }

  .slider .carousel-control-next,
  .slider .carousel-control-prev {
    bottom: 5px;
  }

  .home-first-section {
    height: fit-content;
    padding: 80px 10px 50px;
  }

  .home-first-section .paddingtop {
    padding: 20px 0;
  }

  .home-first-section .content {
    position: absolute;
    width: 100%;
    bottom: 0px;
    right: 0;
    left: 0;
    padding: 10px;
  }

  .slider,
  .inner-banner {
    margin-top: 0;
  }

  .home-secound-section {
    padding: 0px 10px 50px;
  }

  .headMain {
    font-size: 25px;
    line-height: 34px;
    text-align: center;
  }

  .home-third-section {
    padding: 50px 10px;
  }

  .home-third-section h2 {
    font-size: 25px;
    padding-bottom: 20px;
  }

  .headMain span {
    display: contents;
  }

  .home-third-section .paddingtopbottom {
    padding: 20px 0;
  }

  .home-fourth-section {
    padding: 50px 10px;
  }

  .home-fourth-section .businessBox {
    width: 46%;
    margin: 5px 5px;
  }

  .justify-content-center {
    justify-content: center;
  }

  .home-section-brands .brandbox {
    width: 47%;
    text-align: center;
    margin: 10px 5px;
  }

  .home-section-brands h2 {
    padding: 0 20px 20px;
  }

  .home-section-brands .bgk {
    padding: 30px 0px 50px;
  }

  .home-section-fifth {
    padding: 50px 10px;
  }

  .home-section-news {
    padding: 50px 10px;
  }

  .home-section-news::before {
    width: 98%;
    left: 1%;
    height: 250px;
  }

  .home-fifth-section {
    padding: 0px 10px 50px;
  }

  footer {
    padding: 50px 10px;
  }

  footer .footercontent {
    display: block;
  }

  footer .ftlist {
    display: contents;
    text-align: center;
  }

  footer .ftlist li {
    margin: 15px 0;
  }

  footer .socialMediaList {
    padding: 0;
    justify-content: center;
  }

  footer .socialMediaList li {
    margin: 0 15px;
  }

  footer .footerend {
    padding-top: 20px;
  }

  footer .footerend span {
    float: none;
    display: block;
  }

  footer .footerend p {
    text-align: center;
  }

  .paddingzero {
    padding: 0;
  }

  .first-one {
    padding: 60px 0 60px;
  }

  .first-one::before {
    width: 100%;
    left: 0;
  }

  .padintToponefifty {
    padding-top: 20px;
  }

  .mbcolorWhite {
    color: white;
  }

  .btntwo {
    border: 1px solid var(--color-white);
  }

  .first-one::before {
    height: 1091px;
  }

  .secound-one h2::before {
    display: none;
  }

  .secound-one {
    padding: 0px 0 0;
  }

  .secound-one .iconbox {
    margin: 15px 10px;
    width: 44%;
  }

  .displaycontents {
    display: contents;
  }

  .home-text:before {
    display: none;
  }

  .home-text h2 {
    display: flow;
    height: 22vh;
  }

  .home-tech-section h2 {
    padding-bottom: 25px;
    font-size: 25px;
  }

  .home-collub-section {
    padding: 0px 0 60px;
    position: relative;
  }

  .home-collub-section::before {
    content: '';
    position: absolute;
    background-image: url(../img/collub/bgk1.png);
    width: 100%;
    height: 376px;
    left: 0px;
    top: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: -1;
  }

  .home-collub-section::after {
    display: none;
  }

  .padding-top-fifty {
    padding-top: 0px;
  }

  .home-collub-section .partenrbox {
    padding: 30px 30px;
  }

  .padding-eighty {
    padding: 0px 10px 60px;
  }

  .home-client-section::before {
    bottom: -2px;
    width: 100%;
    left: 0%;
  }

  .home-contact-new-section::before {
    width: 100%;
    left: 0%;
  }

  .padding-bottom-eighty {
    padding-bottom: 20px;
  }

  .home-client-section .clientbox {
    display: ruby;
    padding: 10px;
  }

  .home-client-section .clientbox .clientimage {
    width: 40%;
    text-align: center;
    margin: 15px 10px;
  }

  .home-contact-new-section {
    padding: 80px 0 80px;
  }

  .home-section-faq {
    padding: 0px 0 80px;
  }

  .home-section-faq .accordion .accordion-button {
    font-size: 15px;
  }

  .home-section-faq .accordion .accordion-item {
    margin: 10px 0;
    background: none !important;
  }

  .home-client-section {
    padding-bottom: 40px;
  }

  .home-section-faq p {
    padding: 10px;
  }

  .home-section-faq .accordion .accordion-button::after {
    bottom: 2px;
  }

  .home-section-faq:before {
    width: 100%;
    height: 667px;
    z-index: -1;
    top: 0;
  }

  .home-footer-top .contactBox a {
    margin: 10px;
  }

  .home-footer-top .contactBox {
    padding: 30px 10px;
  }

  .inner-banner-top {
    padding: 100px 0 85px;
  }

  .inner-banner-top::before {
    content: '';
    position: absolute;
    background: url(../img/banner-right.png);
    width: 100%;
    height: 335px;
    top: -47px;
    border-radius: 15px;
    left: 0;
  }

  .inner-banner-top .breadcrumb {
    left: 49px;
  }

  .inner-banner-top::after {
    content: '';
    position: absolute;
    background: linear-gradient(276.61deg, #3C489E 3.9%, #2B7DC1 89.09%);
    width: 96%;
    height: 167px;
    left: 2%;
    top: 37%;
    border-radius: 15px;
    z-index: -1;
  }

  .anoutSection {
    padding: 40px 10px;
  }

  .abount-second-section {
    padding: 60px 10px;
    width: 95%;
  }

  .abount-second-section .trustbox {
    margin: 10px 10px;
    width: 95%;
  }

  .vision-section::before {
    content: '';
    position: absolute;
    background: url(../img/mision.png);
    width: 365px;
    height: 458px;
    top: -313px;
    left: -61px;
    z-index: -1;
  }

  .vision-section::after {
    display: none;
  }

  .misionbox {
    padding: 0px;
  }

  .vision-section {
    padding: 60px 10px;
  }

  .teambox {
    width: 100%;
    margin: 10px 0;
  }

  .teambox1 {
    width: 90%;
    margin: 24px auto;
  }

  .anoutSection img {
    padding: 20px 0;
  }




  .bgkimage {
    background-repeat: round;
  }

  .brright {
    border-right: none;
  }

  .padding {
    padding: 10px;
  }

  .abount-second-section1 {
    padding: 40px 10px;
  }

  .footer-mobile-bottom-menu-bg {
    position: fixed;
    z-index: 99;
    bottom: 0;
    width: 100%;
    background: #3C489E;
    display: block;
    background: linear-gradient(0deg, #2B7DC1 0%, #3C489E 100%);
  }

  .footer-mobile-bottom-menu-bg .footer-mobile-bottom-menu-box a {
    display: block;
    text-align: center;
    padding: 10px;
    color: var(--color-white);
  }

  .footer-mobile-bottom-menu-bg .br {
    border-right: 1px solid #2B7DC1;
  }

  .footer-mobile-bottom-menu-bg .footer-mobile-bottom-menu-box a i {
    font-size: 16px;
    margin-bottom: 8px;
  }

  .footer-mobile-bottom-menu-bg .footer-mobile-bottom-menu-box a h4 {
    margin: 0;
    font-size: 10px;
  }

  .footer-mobile-bottom-menu-bg .footer-mobile-bottom-menu-box a:hover {
    color: var(--color-one);
  }








}


@media(min-width:1081px) and (max-width:1350px) {
  .careers-team-bg::before {
    left: -160px;
  }

}

@media screen and (min-width: 1920px) {

  /*For Projectors or Higher Resolution Screens (Full HD)*/
  .container {
    width: 1890px;
  }
}

@media screen and (min-width: 3840px) {

  /* For 4K Displays (Ultra HD) */
  .container {
    width: 3810px;
  }

  .home-industry-bg::before,
  .home-about-img-box::before,
  .inner-bg h2::before,
  .director-box-img::before,
  .service-gallery-bg::before {
    display: none;
  }
}