/* Import Files CSS Start */
@import url("bootstrap.min.css");
@import url("all.min.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.min.css");
@import url("font.css");
/* Import Files CSS End */

/* Basic Style Start */
body, h1, h2, h3, h4, h5, h6, p, ul, ol {
  margin: 0px;
  padding: 0px;
}
html, body {
  color: #0C0431;
  font-family: "Poppins-Regular";
  scroll-behavior: smooth;
  -webkit-scroll-behavior: smooth;
  box-sizing: border-box;
}
a {
  text-decoration: none;
  cursor: pointer;
}
a:-webkit-any-link:focus-visible {
  outline: none;
}
ul{
  list-style: none;
}
object{
  width: 100%;
}
/* Basic Style End */

/* Comman Style CSS Start */
.display{
  font-size: 50px;
  line-height: 65px;
  font-family: "Poppins-Bold";
}
h1, .heading-title-1{
  font-size: 42px;
  line-height: 55px;
  font-family: "Poppins-Bold";
  color: #0C0431;
}
h2, .heading-title-2{
  font-size: 30px;
  line-height: 42px;
  font-family: "Poppins-Bold";
  letter-spacing: 0.3px;
  color: #0C0431;
}
h3, .heading-title-3{
  font-size: 26px;
  line-height: 36px;
  font-family: "Poppins-Bold";
  letter-spacing: 0.26px;
  color: #0C0431;
}
.heading-title-4{
  font-size: 22px;
  line-height: 26px;
  font-family: "Poppins-Bold";
  color: #0C0431;
}
.paragraph-extra-large{
  font-size: 30px;
  line-height: 42px;
  font-family: "Poppins-Regular";
  letter-spacing: 0.3px;
  color: #0C0431;
}
.paragraph-large{
  font-size: 18px;
  line-height: 28px;
  font-family: "Poppins-Regular";
  letter-spacing: 0.18px;
  color: #707070;
}
.paragraph-regular{
  font-size: 16px;
  line-height: 28px;
  font-family: "Poppins-Regular";
  letter-spacing: 0.16px;
  color: #707070;
}
.paragraph-small{
  font-size: 14px;
  line-height: 18px;
  font-family: "Poppins-Regular";
  letter-spacing: 0.14px;
  color: #707070;
}
.paragraph-extra-small{
  font-size: 12px;
  line-height: 26px;
  font-family: "Poppins-Bold";
  letter-spacing: 2.4px;
  color: #0C0431;
}
.body-lg{
  font-size: 18px;
  line-height: 28px;
  font-family: "Poppins-Regular";
  letter-spacing: 0.18px;
  color: #0C0431;
}
.all-section-space{
  margin-bottom: 30px;
}
.cmn-section{
  position: relative;
}
.cmn-section h2.heading-title-1{
  text-align: center;
  margin: 70px 0px;
}
.learn-more-btn{
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  font-family: "Poppins-Bold";
  letter-spacing: 3.6px;
  padding: 3px 6px;
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: .4s;
}
.learn-more-btn:hover{
  background-size: 100% 100%;
  transition: .4s;
}
.learn-more-btn.white-learn-more-btn{
  color: #ffffff;
  background-image: linear-gradient(#ffffff, #ffffff);
}
.learn-more-btn.white-learn-more-btn:hover{
  color: #0C0431;
}
.learn-more-btn.black-learn-more-btn{
  color: #0C0431;
  background-image: linear-gradient(#004EFF, #004EFF);
}
.learn-more-btn.black-learn-more-btn:hover{
  color: #ffffff;
}
.arrow-down-scroll{
  position: absolute;
  top: -30px;
  left: 100px;
  width: 40px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #0C0431;
  border-radius: 20px;
  background-color: #EFC909;
  background-image: linear-gradient(#004EFF, #004EFF);
  background-repeat: no-repeat;
  background-size: 100% 0%;
  transition: .4s;
}
.arrow-down-scroll:hover{
  background-size: 100% 100%;
  transition: .4s;
  color: #ffffff;
}
.full-content-center-box{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.comman-content-box{
  padding-right: 250px;
}
.comman-content-box .display{
  margin-bottom: 10px;
}
.border-line{
  position: relative;
}
.border-line::before{
  position: absolute;
  content: "";
  left: 100px;
  right: 100px;
  height: 1px;
  background-color: rgb(129, 148, 165, 0.26);
  top: 56px;
  transform: rotate(4deg);
}
/* Comman Style CSS End */

/* ************************************************************ Home Page Style CSS Start ************************************************************ */

/* Header Navigation Menu Style CSS Start */
.header-section {
  position: relative;
}
.header-section .navbar{
  align-items: flex-end;
  padding: 45px 45px 45px 50px;
}
.header-section .navbar .navbar-brand{
  width: 160px;
  height: 35px;
  padding: 0px;
  margin-right: 20px;
}
.header-section .navbar .navbar-brand img{
  width: 100%;
  height: 35px;
}
.header-section .navbar-toggler svg{
  color: #0C0431;
}
.header-section .navbar .collapse{
  flex: 1;
  justify-content: flex-end;
}
.header-section .navbar .collapse .menu,
.header-section .navbar .collapse .menu .menu-with-button,
.header-section .navbar .collapse .menu .menu-with-button ul{
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.header-section .navbar .collapse .menu .menu-with-button ul{
  flex-wrap: wrap;
}
.header-section .navbar .collapse .menu .menu-with-button ul li{
  flex: 1 0 auto;
  text-align: right;
}
.header-section .navbar .collapse .menu .menu-with-button ul li:last-child{
  margin-left: 100px;
}
.header-section .navbar .menu .menu-with-button ul li a{
  position: relative;
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  font-family: "Poppins-Bold";
  letter-spacing: 3.6px;
  color: #0C0431;
  text-transform: uppercase;
  padding: 3px 6px;
  margin: 0px 10px;
  background-image: linear-gradient(#004EFF, #004EFF);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: .4s;
}
.header-section .navbar .collapse .menu .menu-with-button ul li a:hover{
  background-size: 100% 100%;
  color: #ffffff;
  transition: .4s;
}
/* Header Navigation Menu Style CSS End */

/* Owl Slider Style CSS Start */
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box span,
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box h2{
  margin-bottom: 15px;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box{
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0px 0px 0px 120px;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image{
  margin-bottom: 140px;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box span{
  display: block;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box .btn-container{
  margin-top: 60px;
}
.owl-carousel-container .owl-carousel .owl-nav{
  margin: 0px;
}
.owl-carousel-container .owl-carousel .owl-dots .owl-dot span{
  background-color: #EFC909;
}
.owl-carousel-container .owl-carousel .owl-dots .owl-dot.active span{
  background-color: #8194A5;
  opacity: 0.5;
}
.owl-carousel-container .owl-carousel .owl-dots .owl-dot:hover:not(.active) span{
  background-color: #004EFF;
}
.owl-carousel-container .owl-carousel .owl-nav .owl-next{
  background-image: linear-gradient(#004EFF, #004EFF);
  background-repeat: no-repeat;
  background-size: 0 100%;
  transition: .4s;
}
.owl-carousel-container .owl-carousel .owl-nav .owl-prev{
  background-image: linear-gradient(#004EFF 0 0);
  background-repeat: no-repeat;
  background-size: 0%;
  background-position: 100%;
  transition: .4s;
}
.owl-carousel-container .owl-carousel .owl-nav .owl-prev,
.owl-carousel-container .owl-carousel .owl-nav .owl-next{
  position: absolute;
  margin: 0px;
  z-index: 3;
  font-size: 12px;
  line-height: 14px;
  font-family: "Poppins-Bold";
  color: #0C0431;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  padding: 3px 6px !important;
}
.owl-carousel-container .owl-carousel .owl-nav .owl-prev:hover{
  background-color: transparent;
  background-size: 100%;
  color: #ffffff;
  transition: .4s;
}
.owl-carousel-container .owl-carousel .owl-nav .owl-next:hover{
  background-color: transparent;
  background-size: 100% 100%;
  color: #ffffff;
  transition: .4s;
}
.owl-carousel-container .owl-carousel .owl-nav .owl-prev{
  left: 100px;
}
.owl-carousel-container .owl-carousel .owl-nav .owl-prev svg{
  margin-right: 10px;
}
.owl-carousel-container .owl-carousel .owl-nav .owl-next svg{
  margin-left: 10px;
}
.owl-carousel-container .owl-carousel .owl-nav .owl-next{
  right: 100px;
}
/* Owl Slider Style CSS End */

/* Button Style CSS Start */
a:focus{
  box-shadow: none !important;
}
.btn-container{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.btn-container.btn-center{
  justify-content: center;
}
.btn-container.btn-end{
  justify-content: flex-end;
}
.btn-container a{
  position: relative;
}
.btn-container a.btn-primary-3{
  width: auto;
  min-width: 290px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 14px;
  font-family: "Poppins-Bold";
  letter-spacing: 3.6px;
  color: #0C0431;
  background-color: #EFC909;
  border: 1px solid #EFC909;
  padding: 0px 25px;
  border-radius: 28px;
  transition: .2s;
}
.btn-container a .fa-arrow-right-long{
  position: absolute;
  top: 50%;
  right: 30px;
  height: 20px;
  transform: translateY(-50%);
  transition: .2s;
}
.btn-container a.btn-primary-3:hover{
  background-color: #004EFF;
  border: 1px solid #004EFF;
  color: #ffffff;
  transition: .2s;
}
.btn-container a.btn-primary-3:hover .fa-arrow-right-long{
  right: 20px;
  transition: .2s;
}
/* Button Style CSS End */

/* Position Through Boxes Style Relative Code Start */
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image{
  position: relative;
  padding-left: 110px;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-top{
  position: absolute;
  top: 0px;
  left: 100px;
  right: 0px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-top .image-relative{
  position: relative;
  width: 310px;
  top: 65px;
  left: 90px;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .blue-content-box{
  position: relative;
  width: 190px;
  min-height: 190px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px 40px;
  background: #004EFF;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .blue-content-box .heading-title-1,
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .blue-content-box .heading-title-4{
  color: #ffffff;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .content-bottom .circle-image{
  width: 226px;
  height: 226px;
  border-radius: 100%;
  overflow: hidden;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .content-bottom .circle-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-bottom{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: flex;
  align-items: flex-end;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-top{
  position: absolute;
  bottom: 0px;
  display: block;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-top .blue-content-box{
  top: 50px;
  left: -90px;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-top .image-relative{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-bottom{
  left: 210px;
  right: 110px;
  bottom: -80px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(odd) .item .owl-content-box-image .content-top .blue-content-box{
  left: -110px;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(odd) .item .owl-content-box-image .content-bottom .blue-content-box{
  bottom: -70px;
}
.owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(odd) .item .owl-content-box-image .content-bottom .circle-image{
  position: absolute;
  left: 50%;
  bottom: -130px;
  transform: translateX(-50%);
}
/* Position Through Boxes Style Relative Code End */

/* Owl Our Clients Slider Style Relative Code Start */
.owl-carousel-container.owl-our-clients-slider-image-container .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image-content{
  width: 210px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 30px;
  margin: 0px auto;
}
.owl-carousel-container.owl-our-clients-slider-image-container .owl-carousel .owl-nav{
  margin-top: 60px;
}
/* Owl Our Clients Slider Style Relative Code End */
/* Owl Slider Style CSS End */

/* Banner Section Style Relative Code Start */
.banner-slider-section{
  padding-bottom: 85px;
}
/* Banner Section Style Relative Code End */

/* What We Do Section Style Relative Code Start */
.what-we-do-section{
  width: 100%;
  background-image: url('../images/png/what-we-do.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 230px 0px 185px 0px;
}
.what-we-do-list{
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.what-we-do-list .what-we-do-list-item{
  position: relative;
  width: 25%;
  padding: 40px 30px;
}
.what-we-do-list .what-we-do-list-item:nth-child(1){
  background-color: #052B4C;
}
.what-we-do-list .what-we-do-list-item:nth-child(2){
  background-color: #004EFF;
}
.what-we-do-list .what-we-do-list-item:nth-child(3){
  background-color: #03A6A6;
}
.what-we-do-list .what-we-do-list-item:nth-child(4){
  background-color: #0C0431;
}
.what-we-do-list .what-we-do-list-item .what-we-do-list-item-content-box{
  position: relative;
  text-align: center;
}
.what-we-do-list .what-we-do-list-item .what-we-do-list-item-content-box h3{
  color: #ffffff;
}
.what-we-do-list .what-we-do-list-item .what-we-do-list-item-content-box img{
  display: block;
  height: 85px;
  margin: 30px auto 30px;
}
.what-we-do-list .what-we-do-list-item .plus-image{
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
  filter: brightness(0) invert(1);
  z-index: 2;
}
.what-we-do-list .what-we-do-list-item:last-child .plus-image{
  display: none;
}
/* What We Do Section Style Relative Code End */

/* Our Clients Section Style Relative Code Start */
.our-clients-section{
  padding-bottom: 160px;
}
.our-clients-image-content{
  display: block;
}
.our-clients-slider-content{
  display: none;
}
.our-clients-images-list{
  position: relative;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.our-clients-images-list .our-clients-images-list-item{
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 30px;
}
.our-clients-images-list .our-clients-images-list-item .image-content{
  width: 130px;
}
.our-clients-images-list .our-clients-images-list-item .image-content img{
  width: 100%;
}
.our-clients-section .btn-container{
  margin-top: 75px;
}
.our-clients-section .btn-container a.btn-primary-3{
  min-width: 310px;
}
/* Our Clients Section Style Relative Code End */

/* Footer Style Relative Code Start */
/* Footer Connnect with Us Style Relative Code Start */
.footer-connect-with-us-section{
  position: relative;
  background-color: #0C0431;
  padding-bottom: 80px;
  margin: 40px 0px 130px;
}
.footer-connect-with-us-section::after, .footer-connect-with-us-section::before{
  position: absolute;
  content: "";
  width: 100%;
  background-color: #0C0431;
  z-index: -1;
}
.footer-connect-with-us-section::before{
  top: -40px;
  transform: skew(0deg, 3.2deg);
  bottom: 0px;
}
.footer-connect-with-us-section::after{
  top: 0px;
  transform: skew(0deg, 3.2deg);
  bottom: -40px;
}
.footer-connect-with-us-section .heading-title-3{
  margin: 40px 0px 25px;
}
.footer-connect-with-us-section .heading-title-1,
.footer-connect-with-us-section .heading-title-3{
  color: #ffffff;
}
.footer-connect-with-us-section .paragraph-small{
  color: rgb(255, 255, 255, 0.77);
  margin-bottom: 40px;
}
.footer-connect-with-us-section .connect-with-us-content-box{
  padding: 0px 140px;
}
.footer-connect-with-us-section .image-box{
  width: 130px;
}
.footer-connect-with-us-section .image-box img{
  width: 100%;
}
.footer-connect-with-us-section .connect-with-us-content-box .contact-detail-box .body-lg{
  color: #ffffff;
}
.footer-connect-with-us-section .connect-with-us-content-box .contact-detail-box .body-lg span{
  margin-right: 10px;
}
/* Footer Connnect with Us Style Relative Code End */

/* Footer Menu Style Relative Code Start */
.footer-menu-section{
  padding: 80px 104px 70px;
}
.footer-menu-section .footer-menu-list-content-box{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 60px;
  box-sizing: border-box;
}
.footer-menu-section .footer-menu-list{
  flex: 0 0 auto;
  width: 50%;
}
.footer-menu-section .footer-menu-list .footer-menu-list-item:not(:last-child){
  margin-bottom: 20px;
}
.footer-menu-section .footer-menu-list .footer-menu-list-item .footer-link{
  display: inline-block;
  font-size: 12px;
  line-height: 14px;
  font-family: "Poppins-Bold";
  color: #0C0431;
  letter-spacing: 3.6px;
  text-transform: uppercase;
  padding: 3px 6px;
  background-image: linear-gradient(#004EFF, #004EFF);
  background-size: 0 100%;
  background-repeat: no-repeat;
  transition: .4s;
}
.footer-menu-section .footer-menu-list .footer-menu-list-item .footer-link:hover{
  background-size: 100% 100%;
  color: #ffffff;
  transition: .4s;
}
.footer-menu-section .footer-menu-image-list{
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}
.footer-menu-section .footer-menu-image-list .footer-menu-image-list-item:not(:last-child){
  margin-right: 60px;
}
.footer-menu-section .footer-menu-image-list .footer-menu-image-list-item:nth-child(1) .footer-menu-image-content-box{
  width: 180px;
}
.footer-menu-section .footer-menu-image-list .footer-menu-image-list-item:nth-child(2) .footer-menu-image-content-box{
  width: 100px;
}
.footer-menu-section .footer-menu-image-list .footer-menu-image-list-item .footer-menu-image-content-box img{
  width: 100%;
}
/* Footer Menu Style Relative Code End */
/* Footer Detail Style Relative Code Start */
.footer-detail-section{
  background-color: #052B4C;
  padding: 12px 0px;
}
.footer-detail-section .footer-detail-list{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.footer-detail-section .footer-detail-list .footer-detail-list-item{
  font-size: 12px;
  line-height: 14px;
  font-family: "Poppins-Bold";
  color: #ffffff;
  letter-spacing: 3.6px;
  text-transform: uppercase;
}
.footer-detail-section .footer-detail-list .footer-detail-list-item:not(:last-child){
  border-right: 2px solid #ffffff;
  padding-right: 50px;
  margin-right: 50px;
}
.footer-detail-section .footer-detail-list .footer-detail-list-item span{
  margin-right: 15px;
}
/* Footer Detail Style Relative Code End */
/* Footer Style Relative Code End */

/* ************************************************************ Home Page Style CSS End ************************************************************ */

/* ************************************************************ Services Page Style CSS Start ************************************************************ */
/* Service Header Style Relative Code Start */
.services-header-top-section{
  padding: 55px 0px 100px;
}
.services-header-top-section .full-content-center-box .comman-content-box .services-detail-list-content{
  margin-top: 50px;
}
.services-header-top-section .content-with-shape{
  display: flex;
  justify-content: center;
}
.services-header-top-section .content-with-shape .custom-shape-box{
  position: relative;
  display: inline-block;
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box{
  position: relative;
  width: 385px;
  height: 385px;
  border-radius: 100%;
  font-size: 24px;
  line-height: 28px;
  font-family: "Poppins-Bold";
  text-transform: uppercase;
  color: #ffffff;
  background-color: #004EFF;
  letter-spacing: 12px;
  margin: 0px 60px 0px 50px;
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box::before{
  position: absolute;
  content: "";
  left: 120px;
  bottom: 30px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: #ffffff;
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box .circle-content{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  text-align: center;
  padding: 50px 50px;
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item{
  position: absolute;
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item:nth-child(1){
  top: 0px;
  left: 0px;
  transform: rotate(35deg);
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item:nth-child(2){
  left: 0px;
  bottom: 0px;
  transform: rotate(150deg);
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item:nth-child(3){
  right: -60px;
  top: 50%;
  transform: translateY(-50%) rotate(-200deg);
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item .arrow-content{
  position: relative;
  width: 1px;
  height: 120px;
  background-color: #004EFF;
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item .arrow-content .arrow-cross{
  position: absolute;
  content: "";
  left: -17px;
  width: 35px;
  height: 35px;
  border-radius: 100%;
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item .arrow-content .arrow-cross:nth-child(1){
  top: -17px;
  background-color: #004EFF;
}
.services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item .arrow-content .arrow-cross:nth-child(2){
  bottom: -17px;
  background-color: #ffffff;
  border: 5px solid #004EFF;
}
/* Service Header Style Relative Code End */
/* Service What We Do Section Style Relative Code Start */
.service-what-we-do-section{
  padding: 100px 0px 100px;
}
.service-what-we-do-section .service-what-we-do-content-box{
  padding: 30px 100px 0px 100px;
}
.service-what-we-do-section .what-we-do-content-box .bg-image-box{
  position: relative;
  display: none;
  height: 200px;
  background-image: url('../images/png/what-we-do.png');
  background-size: 1500px auto;
  background-repeat: no-repeat;
  background-position: center center;
}
.content-box-list .content-box-list-item{
  display: flex;
  justify-content: flex-start;
  box-sizing: border-box;
}
.content-box-list .content-box-list-item:not(:last-child){
  margin-bottom: 100px;
}
.content-box-list .content-box-list-item .rectangle-box{
  width: 300px;
  min-height: 200px;
  padding: 15px 15px;
  margin-right: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.content-box-list .content-box-list-item:nth-child(1) .rectangle-box{
  background-color: #052B4C;
}
.content-box-list .content-box-list-item:nth-child(2) .rectangle-box{
  background-color: #004EFF;
}
.content-box-list .content-box-list-item:nth-child(3) .rectangle-box{
  background-color: #03A6A6;
}
.content-box-list .content-box-list-item:nth-child(4) .rectangle-box{
  background-color: #0C0431;
}
.content-box-list .content-box-list-item .rectangle-box .image-box{
  width: 100px;
}
.content-box-list .content-box-list-item .rectangle-box .image-box img{
  width: 100%;
}
.content-box-list .content-box-list-item .paragraph-regular{
  margin: 12px 0px 25px;
}
.content-box-list .content-box-list-item .content-box{
  flex: 1;
  overflow: hidden;
}
.content-box-list .content-box-list-item .content-box .services-detail-list-content{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0px -20px;
  box-sizing: border-box;
}
.content-box-list .content-box-list-item .services-detail-list-content ul{
  width: 50%;
  padding: 0px 20px;
}
.services-detail-list-content ul li{
  font-size: 16px;
  line-height: 18px;
  font-family: "Poppins-Bold";
  color: #052B4C;
  letter-spacing: 0.16px;
  margin-bottom: 16px;
}
.content-box-list .content-box-list-item .content-box .learn-more-btn{
  margin-top: 15px;
}
/* Service What We Do Section Style Relative Code End */
/* Service Card Section Style Relative Code Start */
.service-card-section{
  padding: 100px 100px 120px;
}
.card-view-list{
  display: flex;
  flex-wrap: wrap;
  margin: 0px -75px;
  box-sizing: border-box;
}
.card-view-list .card-view-list-item{
  width: 33.33%;
  flex: 0 0 auto;
  padding: 0px 75px;
  margin-bottom: 30px;
}
.card-container .card-header{
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0C0431;
}
.card-container .card-header img{
  width: 120px;
}
.card-container .card-body{
  padding: 30px 6px;
}
.card-container .card-body h2{
  margin-bottom: 15px;
}
.card-container .card-body .learn-more-btn{
  margin-top: 25px;
}
/* Service Card Section Style Relative Code End */
/* ************************************************************ Services Page Style CSS End ************************************************************ */

/* ************************************************************ Services Details Page Style CSS Start ************************************************************ */
.focus-area-section{
  padding: 80px 0px;
}
.focus-area-content-box{
  padding-right: 240px;
}
.focus-area-content-box h3{
  margin-bottom: 23px;
}
.focus-area-content-box .learn-more-btn{
  margin-top: 25px;
}
/* ************************************************************ Services Details Page Style CSS End ************************************************************ */

/* Scroll Stlye CSS Start */
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-track {
  background: #707070;
}
::-webkit-scrollbar-thumb {
  background: #004EFF;
  border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover {
  background: #0C0431;
}
/* Scroll Stlye CSS End */

/* ************************************************************ Responsive Media Query Start ************************************************************ */
@media screen and (max-width: 1400px) {
  .comman-content-box{
    padding-right: 100px;
  }
  /* Position Through Boxes Style Relative Code Start  */
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image{
    padding-left: 80px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-bottom{
    left: 20px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-top .image-relative{
    top: 40px;
    left: 30px;
  }
  /* Position Through Boxes Style Relative Code End  */
  /* Service What We Do Section Style Relative Code Start */
  .content-box-list .content-box-list-item .rectangle-box{
    width: 280px;
    margin-right: 110px;
  }
  /* Service What We Do Section Style Relative Code End */
  /* Footer Style Relative Code Start */
  /* Footer Connnect with Us Style Relative Code Start */
  .footer-connect-with-us-section .connect-with-us-content-box{
    padding: 0px 100px;
  }
  /* Footer Connnect with Us Style Relative Code End */
  /* Footer Style Relative Code End */
}
@media screen and (max-width: 1199px) {
  .comman-content-box{
    padding-right: 0px;
  }
  /* Header Navigation Menu Style CSS Start */
  .header-section .navbar .collapse .menu .menu-with-button ul li:last-child{
    margin-left: 0px;
  }
  /* Header Navigation Menu Style CSS End */
  /* Position Through Boxes Style Relative Code Start  */
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box{
    margin: 0px 0px 0px 70px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-top .image-relative{
    top: 10px;
    left: 0px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(odd) .item .owl-content-box-image .content-top .blue-content-box{
    left: -30px;
  }
  /* Position Through Boxes Style Relative Code End  */
  /* Service What We Do Section Style Relative Code Start */
  .content-box-list .content-box-list-item .rectangle-box{
    width: 250px;
    margin-right: 70px;
  }
  /* Service What We Do Section Style Relative Code End */
  /* Service Card Section Style Relative Code Start */
  .card-view-list{
    margin: 0px -40px;
  }
  .card-view-list .card-view-list-item{
    padding: 0px 40px;
  }
  /* Service Card Section Style Relative Code End */
  /* Footer Style Relative Code Start */
  /* Footer Connnect with Us Style Relative Code Start */
  .footer-connect-with-us-section .connect-with-us-content-box{
    padding: 0px 0px;
  }
  /* Footer Connnect with Us Style Relative Code End */
  /* Footer Style Relative Code End */
}
@media screen and (max-width: 991px) {
  /* Comman Style CSS Start */
  .arrow-down-scroll{
    left: 35px;
    width: 30px;
    height: 50px;
  }
  .border-line::before{
    top: 5px;
    left: 35px;
    right: 35px;
  }
  /* Comman Style CSS End */
  /* Header Navigation Menu Style CSS Start */
  .header-section .navbar .collapse{
    flex-basis: 100%;
    flex-grow: 1;
  }
  .header-section .navbar{
    align-items: center;
    padding: 25px 25px 25px 25px;
  }
  .header-section .navbar .collapse .menu .menu-with-button ul li{
    text-align: left;
  }
  .header-section .navbar-collapse {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    background: #ffffff;
    z-index: 999;
  }
  .header-section .navbar-collapse.collapsing {
    left: -100%;
    transition: height 0s ease;
  }
  .header-section .navbar-collapse.show {
    left: 0;
    transition: left 300ms ease-in-out;
  }
  .header-section .navbar-toggler{
    padding: 0px;
    border: none;
  }
  .navbar-toggler:focus{
    box-shadow: none;
  }
  .header-section .navbar-toggler svg{
    width: 30px;
    height: 30px;
  }
  .header-section .navbar-toggler.collapsed ~ .navbar-collapse {
    transition: left 500ms ease-in-out;
  }
  .header-section .navbar .collapse .menu{
    flex-direction: column;
  }
  .header-section .navbar .menu .menu-with-button ul li a{
    display: block;
    margin: 0px;
    padding: 15px 25px;
    border-bottom: 1px solid #0C0431;
  }
  .header-section .navbar .menu .responsive-header-section{
    display: flex;
    justify-content: space-between;
    padding: 25px 25px;
    border: none;
    border-bottom: 1px solid #004EFF;
    border-radius: 0px;
  }
  /* Header Navigation Menu Style CSS End */
  /* Position Through Boxes Style Relative Code Start */
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box{
    margin: 0px 70px 0px 70px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box .btn-container{
    margin: 30px 0px 30px 0px;
  }
  /* Position Through Boxes Style Relative Code End */
  /* What We Do Section Style Relative Code Start */
  .what-we-do-list .what-we-do-list-item{
    width: 50%;
  }
  .what-we-do-list .what-we-do-list-item:first-child .plus-image{
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .what-we-do-list .what-we-do-list-item:not(:first-child) .plus-image{
    display: none;
  }
  .what-we-do-list .what-we-do-list-item{
    position: static;
  }
  /* What We Do Section Style Relative Code End */
  .our-clients-images-list .our-clients-images-list-item{
    width: 33.33%;
    padding: 30px 30px;
  }
  /* Footer Style Relative Code Start */
  /* Footer Menu Style Relative Code Start */
  .footer-menu-section .footer-menu-image-list .footer-menu-image-list-item:nth-child(1) .footer-menu-image-content-box{
    width: 150px;
  }
  .footer-menu-section .footer-menu-image-list .footer-menu-image-list-item:nth-child(2) .footer-menu-image-content-box{
    width: 90px;
  }
  /* Footer Menu Style Relative Code End */
  /* Footer Style Relative Code End */
  /* Service What We Do Section Style Relative Code Start */
  .content-box-list .content-box-list-item .list-content-box ul{
    width: 100%;
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box{
    width: 300px;
    height: 300px;
    font-size: 22px;
    line-height: 24px;
    margin: 0px 0px 0px 50px;
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box .circle-content{
    padding: 30px 30px;
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item:nth-child(3){
    right: -25px;
    transform: translateY(-50%) rotate(-185deg);
  }
  .service-what-we-do-section .service-what-we-do-content-box{
    padding: 30px 35px 0px 35px;
  }
  /* Service What We Do Section Style Relative Code End */
  /* Service Card Section Style Relative Code Start */
  .service-card-section{
    padding: 100px 35px 120px;
  }
  .card-view-list{
    margin: 0px -15px;
  }
  .card-view-list .card-view-list-item{
    width: 50%;
    padding: 0px 15px;
  }
  /* Service Card Section Style Relative Code End */
}
@media screen and (max-width: 767px) {
  /* Comman Style CSS Start */
  h1, .heading-title-1{
    font-size: 36px;
  }
  h3, .heading-title-3{
    font-size: 22px;
    line-height: 26px;
  }
  .heading-title-4{
    font-size: 18px;
    line-height: 24px;
  }
  .paragraph-extra-large{
    font-size: 28px;
    line-height: 38px;
  }
  .cmn-section h2.heading-title-1{
    margin: 60px 0px 60px;
  }
  .display{
    font-size: 42px;
    line-height: 55px;
  }
  /* Comman Style CSS End */
  /* Position Through Boxes Style Relative Code Start */
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box{
    margin: 0px 35px 0px 35px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image{
    padding-left: 40px;
    margin-bottom: 115px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-bottom{
    left: 0px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .blue-content-box{
    width: 160px;
    min-height: 160px;
    padding: 16px 15px 16px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .content-bottom .circle-image{
    width: 150px;
    height: 150px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(odd) .item .owl-content-box-image .content-bottom .circle-image{
    bottom: -100px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-top .image-relative{
    width: 220px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-top{
    left: 0px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-top .blue-content-box{
    left: 0px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-bottom{
    left: 190px;
    right: 0px;
  }
  /* Owl Our Clients Slider Style Relative Code Start */
  .owl-carousel-container.owl-our-clients-slider-image-container .owl-carousel .owl-nav .owl-prev{
    left: 0px;
  }
  .owl-carousel-container.owl-our-clients-slider-image-container .owl-carousel .owl-nav .owl-next{
    right: 0px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item
  /* Owl Our Clients Slider Style Relative Code End */
  /* Position Through Boxes Style Relative Code End */
  /* Banner Slider Section Style Relative Code Start */
  .banner-slider-section{
    padding-bottom: 50px;
  }
  /* Banner Slider Section Style Relative Code End */
  /* What We Do Section Style Relative Code Start */
  .what-we-do-section{
    padding: 140px 0px 100px 0px;
  }
  .what-we-do-list .what-we-do-list-item{
    padding: 20px 15px;
  }
  /* What We Do Section Style Relative Code End */
  /* Our Clients Section Style Relative Code Start */
  .our-clients-image-content{
    display: none;
  }
  .our-clients-slider-content{
    display: block;
  }
  /* Our Clients Section Style Relative Code End */
  /* Footer Style Relative Code Start */
  /* Footer Connnect with Us Style Relative Code Start */
  .footer-connect-with-us-section{
    padding-bottom: 0px;
  }
  /* Footer Connnect with Us Style Relative Code End */
  /* Footer Menu Style Relative Code Start */
  .footer-menu-section{
    padding: 40px 35px 20px;
  }
  .footer-menu-section .footer-menu-image-list{
    align-items: flex-start;
    justify-content: flex-start;
    margin-top: 30px;
  }
  /* Footer Menu Style Relative Code End */
  /* Footer Detail Style Relative Code Start */
  .footer-detail-section .footer-detail-list{
    flex-direction: column;
  }
  .footer-detail-section .footer-detail-list .footer-detail-list-item:not(:last-child){
    border-right: none;
    padding-right: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  /* Footer Detail Style Relative Code End */
  /* Footer Style Relative Code End */
  /* Service Header Style Relative Code Start */
  .services-header-top-section{
    padding: 40px 20px 60px;
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box{
    width: 220px;
    height: 220px;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 5.4px;
    margin: 0px 0px 90px;
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item .arrow-content .arrow-cross{
    width: 20px;
    height: 20px;
    left: -10px;
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item .arrow-content{
    height: 70px;
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item:nth-child(1){
    left: -15px;
    transform: rotate(25deg);
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item:nth-child(2){
    left: -18px;
    bottom: -30px;
    transform: rotate(145deg);
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item:nth-child(3){
    right: -40px;
    transform: translateY(-50%) rotate(-200deg);
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box::before{
    left: 60px;
    bottom: 20px;
    width: 15px;
    height: 15px;
  }
  /* Service Header Style Relative Code End */
  /* Service What We Do Section Style Relative Code Start */
  .service-what-we-do-section{
    padding: 0px 0px 50px;
  }
  .service-what-we-do-section .service-what-we-do-content-box{
    padding: 0px 35px 0px 35px;
  }
  .service-what-we-do-section .what-we-do-content-box .bg-image-box{
    display: block;
  }
  .content-box-list .content-box-list-item{
    flex-direction: column;
  }
  .content-box-list .content-box-list-item .rectangle-box{
    width: 100%;
    margin-right: 0px;
    margin-bottom: 40px;
  }
  .content-box-list .content-box-list-item:not(:last-child){
    margin-bottom: 60px;
  }
  /* Service What We Do Section Style Relative Code End */
  /* Service Card Section Style Relative Code Start */
  .card-view-list .card-view-list-item{
    width: 100%;
  }
  .card-view-list{
    margin: 0px -15px;
  }
  .service-card-section{
    padding: 50px 35px 50px;
  }
  /* Service Card Section Style Relative Code End */
}
@media screen and (max-width: 576px) {
  /* Comman Style CSS Start */
  .display{
    font-size: 42px;
    line-height: 55px;
  }
  .paragraph-extra-large{
    font-size: 26px;
    line-height: 36px;
  }
  h1, .heading-title-1{
    font-size: 30px;
    line-height: 36px;
  }
  h3, .heading-title-3{
    font-size: 18px;
    line-height: 20px;
  }
  .heading-title-4{
    font-size: 14px;
    line-height: 24px;
  }
  .paragraph-extra-small{
    font-size: 10px;
    line-height: 16px;
    letter-spacing: 3px;
  }
  .paragraph-large{
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 0.16px;
  }
  .learn-more-btn{
    font-size: 14px;
    letter-spacing: 3px;
  }
  .cmn-section h2.heading-title-1{
    margin: 50px 0px 40px;
  }
  /* Comman Style CSS End */
  /* Owl Slider Style CSS Start */
  .owl-carousel-container .owl-carousel .owl-nav .owl-prev,
  .owl-carousel-container .owl-carousel .owl-nav .owl-next{
    font-size: 10px;
    letter-spacing: 3px;
  }
  .owl-carousel-container .owl-carousel .owl-nav .owl-prev{
    left: 35px;
  }
  .owl-carousel-container .owl-carousel .owl-nav .owl-next{
    right: 35px;
  }
  /* Owl Slider Style CSS End */
  /* Position Through Boxes Style Relative Code Start */
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image{
    margin-bottom: 90px;
    padding-left: 35px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-top .image-relative{
    width: 130px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .content-bottom .circle-image{
    width: 100px;
    height: 100px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(odd) .item .owl-content-box-image .content-bottom .circle-image{
    bottom: -50px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-top{
    left: 70px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .blue-content-box{
    width: 130px;
    min-height: auto;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-bottom{
    bottom: -40px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-bottom .circle-image{
    margin-bottom: -20px;
  }
  /* Position Through Boxes Style Relative Code End */
  .btn-container a.btn-primary-3{
    width: 100%;
    font-size: 10px;
  }
  /* What We Do Section Style Relative Code Start */
  .what-we-do-section{
    padding: 70px 0px 80px 0px;
  }
  .what-we-do-list{
    margin: 0px -12px;
  }
  .what-we-do-list .what-we-do-list-item .what-we-do-list-item-content-box img{
    height: 60px;
    margin: 20px auto 20px;
  }
  /* What We Do Section Style Relative Code End */
  /* Owl Our Clients Slider Style Relative Code Start */
  .our-clients-section{
    padding-bottom: 100px;
  }
  .owl-carousel-container.owl-our-clients-slider-image-container .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image-content{
    width: 160px;
    padding: 25px 25px;
  }
  /* Owl Our Clients Slider Style Relative Code End */
  /* Footer Style Relative Code Start */
  /* Footer Detail Style Relative Code Start */
  .footer-detail-section .footer-detail-list .footer-detail-list-item{
    font-size: 10px;
  }
  /* Footer Detail Style Relative Code End */
  /* Footer Style Relative Code End */
}
@media screen and (max-width: 420px) {
  .learn-more-btn{
    font-size: 12px;
  }
  /* Owl Our Clients Slider Style Relative Code Start */
  .owl-carousel-container.owl-our-clients-slider-image-container .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image-content{
    width: 110px;
    padding: 20px 15px;
  }
  /* Owl Our Clients Slider Style Relative Code End */
  /* Footer Style Relative Code Start */
  /* Footer Detail Style Relative Code Start */
  .footer-detail-section .footer-detail-list .footer-detail-list-item{
    margin-right: 3px;
  }
  /* Footer Detail Style Relative Code End */
  /* Footer Style Relative Code End */
  /* Service Header Style Relative Code Start */
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box{
    width: 180px;
    height: 180px;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 3.4px;
    margin: 0px 0px 50px;
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item:nth-child(1){
    left: 0px;
    transform: rotate(30deg);
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item:nth-child(2){
    left: 0px;
    bottom: -10px;
    transform: rotate(140deg);
  }
  .services-header-top-section .content-with-shape .custom-shape-box .circle-box .shape-list .shape-list-item:nth-child(3){
    right: -20px;
    transform: translateY(-50%) rotate(-190deg);
  }
  /* Service Header Style Relative Code End */
  /* Service What We Do Section Style Relative Code Start */
  .service-what-we-do-section .what-we-do-content-box .bg-image-box{
    height: 160px;
  }
  /* Service What We Do Section Style Relative Code End */
}
@media screen and (max-width: 360px) {
  .display{
    font-size: 36px;
    line-height: 52px;
  }
  .paragraph-extra-large{
    font-size: 20px;
    line-height: 32px;
  }
  h1, .heading-title-1{
    font-size: 26px;
  }
  .learn-more-btn{
    font-size: 10px;
  }
  .cmn-section h2.heading-title-1{
    margin: 30px 0px 30px;
  }
  .banner-slider-section{
    padding-bottom: 30px;
  }
  /* Owl Our Clients Slider Style Relative Code Start */
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box{
    margin: 0px 15px 0px 15px;
  }
  .owl-carousel-container .owl-carousel .owl-nav .owl-prev{
    left: 15px;
  }
  .owl-carousel-container .owl-carousel .owl-nav .owl-next{
    right: 15px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box .btn-container{
    margin: 20px 0px 10px 0px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image{
    padding-left: 0px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image > img{
    min-height: 260px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-content-box-image .content-top{
    left: 15px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(odd) .item .owl-content-box-image .content-bottom .circle-image{
    left: unset;
    right: 15px;
    transform: unset;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-bottom{
    left: 15px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-top .image-relative{
    left: unset;
    top: 25px;
    transform: unset;
    right: 25px;
  }
  .owl-carousel-container.banner-owl-slider-container .owl-carousel .owl-stage-outer .owl-stage .owl-item:nth-child(even) .item .owl-content-box-image .content-top .blue-content-box{
    top: 15px;
  }
  .owl-carousel-container.owl-our-clients-slider-image-container .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .image-content{
    width: 80px;
    padding: 20px 0px;
  }
  /* Owl Our Clients Slider Style Relative Code End */
  .what-we-do-section{
    padding: 0px 0px 40px 0px;
  }
  .what-we-do-list .what-we-do-list-item{
    width: 100%;
    padding: 25px 15px;
  }
  .what-we-do-list .what-we-do-list-item:first-child .plus-image{
    display: none;
  }
  .banner-slider-section{
    margin-bottom: 50px;
  }
  .our-clients-section .btn-container a.btn-primary-3{
    min-width: auto;
  }
  /* Footer Style Relative Code Start */
  .footer-connect-with-us-section{
    margin: 20px 0px 60px;
  }
  /* Footer Menu Style Relative Code Start */
  .footer-menu-section .footer-menu-list-content-box{
    margin-top: 30px;
  }
  .footer-menu-section .footer-menu-list{
    width: 100%;
  }
  .footer-menu-section .footer-menu-list .footer-menu-list-item:not(:last-child){
    margin-bottom: 15px;
  }
  .footer-menu-section .footer-menu-list .footer-menu-list-item:last-child{
    margin-bottom: 15px;
  }
  .footer-menu-section .footer-menu-image-list{
    flex-direction: column;
  }
  .footer-menu-section .footer-menu-image-list .footer-menu-image-list-item:not(:last-child){
    margin-right: 0px;
    margin-bottom: 40px;
  }
  /* Footer Menu Style Relative Code End */
  /* Footer Style Relative Code End */
}
/* ************************************************************ Responsive Media Query End ************************************************************ */