/* @import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); "Roboto", serif*/
/* @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */
 
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
 

:root { 
    --tp-ff-body: "DM Sans", serif;
    --tp-ff-heading: "DM Sans", serif;
    --tp-ff-content: "DM Sans", serif; 
    --primary-color-one:#8cc63f;
    --primary-color-two:#0a578d;
}

body, html {
    margin: 0;
    padding: 0;
    /* height: 100%; */
    overflow: auto; /* Allow scrolling */
    font-family: var(--tp-ff-body) !important;
    overflow-x: hidden;
}


.fst_word {
  color: var(--primary-color-one) ;

}

.snd_word {
  color: var(--primary-color-two);  
}

.sub_heading{
    font-size: 18px; 
}
/* nav bar  */
.nav-item a{
    font-size: 16px !important;
    font-weight: 500 !important;
}
 
.navbar {
    z-index: 1000 !important; 
    position: fixed !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-top: .5rem ;
    padding-bottom: .5rem;
    top: 0;
    width: 100%;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 15px !important;
    font-weight: 400 !important;
}


/* header  */
.banner {
    background-color: #0a578d;
    color: #f1f1f1;
    height: 90vh; 
  }
  
 
  .btn {
    padding: 0.5em 1.5em !important;
    border-radius: 2em !important;
  }
  
  .carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    top: 22%;
}

 

.custom_carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.custom_carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}



.tg-header__top-social {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  gap: 10px 12px;
  justify-content: flex-end;
}

.tg-header__top-social li a{
  color: #fff;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #8cc63f !important;
}
.navbar-light .navbar-nav .nav-link {
  color: rgb(24 24 25) !important;
}
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
  color: #8cc63f !important;
}


.dropdown-menu-dark .dropdown-item {
  color: #0f0f0e !important;
}

.dropdown-menu-dark .dropdown-item:focus, .dropdown-menu-dark .dropdown-item:hover {
  color: #fff;
  background-color: rgb(10 87 141 / 14%) !important;
}



 
  /* main section */
  .section{
    padding: 70px 0px;
  }
 
 .content_style{
    text-align: justify;
    font-size: 16px;
 }

.custom_card {
  max-width: 100%;
  flex-direction: row;
  background-color: #fff;
  border: 0;
  box-shadow: 0 7px 7px rgba(0, 0, 0, 0.18);
  margin: 1em auto;
  display: flex;
  align-items: center;
}
.custom_card.dark {
  color: #fff;
}
 

.custom_card img {
  max-width: 19%;
  margin: auto;
  padding: 0.5em;
  border-radius: 0.7em;
  height: 110px;
  object-fit: cover;
}
.card-body {
  display: flex;
  justify-content: space-between;
}
.text-section {
  max-width: 60%;
}
.cta-section {
  max-width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
}
.cta-section .btn {
  padding: 0.3em 0.5em;
  /* color: #696969; */
}
 

  /* services  */

  .services li {
    font-size: 20px;
    list-style: none;  
  }

   
  

  /* why choose us  */

  .item {
    background: #fff;
    text-align: center;
    padding: 30px 25px;
    -webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07);
    box-shadow: 0 0px 25px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
    border: 3px solid rgba(0, 0, 0, 0.07);
    margin-bottom: 30px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}


.item .icon {
    font-size: 40px;
    margin-bottom: 25px;
    color: #f91942;
    width: 90px;
    height: 90px;
    line-height: 96px;
    border-radius: 50px;
}

.item .feature_box_col_one { 
    color: #0a578d;
}

.item:hover .item, .item:hover span.icon {
    background: #fff;
    border-radius: 10px;
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
    padding: 5px;
}

.item:hover {
    background: #c5e1a1;
    box-shadow: 0 8px 20px 0px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .5s ease 0;
    transition: all .5s ease 0;
    transition: all 0.5s ease 0s;
}



/* counter */
 
.counter-box {
    display: block;
    background: #f6f6f6;
    padding: 40px 20px 37px;
    text-align: center
}

.counter-box p {
    margin: 5px 0 0;
    padding: 0;
    color: #909090;
    font-size: 18px;
    font-weight: 500
}

.counter-box i {
    font-size: 60px;
    margin: 0 0 15px;
    color: #d2d2d2
}

.counter {
    display: block;
    font-size: 32px;
    font-weight: 700;
    color: #666;
    line-height: 28px
}


.counter-box.colored {
    background: #0a578d
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
    color: #fff
}

/* .we_offer_icons{
  background-color:#0a578d;
  padding: 15px;
  border-radius: 50%;
  color: #fff;
} */
.we_offer_icons { 
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #0a578d;
  color: #ffffff;
  text-align: center;
  border-radius: 50%;
}

.we_offer_icons:hover{
  background-color:#8cc63f; 
  cursor: pointer;
}

.we_offer_icons + h6,
.we_offer_icons + h6 + p {
  cursor: pointer;
}
/* our clients  */
.logo-slider {
  overflow: hidden;
  padding: 30px 0 0 0;
  white-space: nowrap;
  position: relative;
}

.logo-slider:hover .logos-slide {
  animation-play-state: paused;
}

.logos-slide {
  display: inline-block;
  animation: 45s slide infinite linear;
}

.logos-slide img {
  width: 183px;
  height: 83px;
  margin: 0 40px;
}


@keyframes slide {
  from {
      transform: translateX(0);
  }

  to {
      transform: translateX(-100%);
  }
}



/* testmonial  */
.carousel-item {
  text-align: center;
}
.carousel-item img {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.testimonial-text {
  font-style: italic;
}
 
.carousel-control-next-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.carousel-control-prev-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important;
}





/* footer  */
a, a:hover, a:focus, a:active {
  text-decoration: none !important;
  outline: none !important;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ol, ul {
  padding-left: 0 !important;
}
.main-footer{
position: relative;
background: #1e2129;
}
.address-container {
  display: flex;
  align-items: baseline;  
  gap: 5px; 
}

.address-container i { 
  color:#8a8b93; 
}

 
.footer-content{
position: relative;
padding: 40px 0px 40px 0px;
}
.footer-content:before{
position: absolute;
content: '';
background: url(https://i.ibb.co/jyRLrBZ/world-map.png);
width: 744px;
height: -webkit-fill-available;
top: 50px;
right: 0px;
background-size: cover;
background-repeat: no-repeat;
animation-name: float-bob;
animation-duration: 30s;
animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-name: float-bob;
-webkit-animation-duration: 30s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-moz-animation-name: float-bob;
-moz-animation-duration: 30s;
-moz-animation-iteration-count: infinite;
-moz-animation-timing-function: linear;
-ms-animation-name: float-bob;
-ms-animation-duration: 30s;
-ms-animation-iteration-count: infinite;
-ms-animation-timing-function: linear;
-o-animation-name: float-bob;
-o-animation-duration: 30s;
-o-animation-iteration-count: infinite;
-o-animation-timing-function: linear;
}
.footer-content .logo-widget{
position: relative;
margin-top: -5px;
}
.footer-content .logo-widget .footer-social li{
position: relative;
display: inline-block;
margin-right: 9px;
}
.footer-content .logo-widget .footer-social li:last-child{
margin-right: 0px;
}
.footer-content .logo-widget .footer-social li a{
position: relative;
display: inline-block;
width: 42px;
height: 42px;
line-height: 42px;
background: #2e3138;
color: #9ea0a9;
text-align: center;
border-radius: 50%;
}
.footer-content .logo-widget .footer-social li a:hover{
color: #ffffff;
background: #8cc63f;
}
.footer-content .logo-widget .logo-box{
margin-bottom: 25px;
}
.footer-content .logo-widget .text p{
color: #9ea0a9;
margin-bottom: 32px;
}
.footer-content .footer-title , .footer-title{
position: relative;
font-size: 24px;
line-height: 35px;
font-family: var(--tp-ff-heading);
color: #ffffff;
font-weight: 500;
margin-bottom: 27px;
}
.footer-content .service-widget .list li{
display: block;
margin-bottom: 12px;
}
.footer-content .service-widget .list li a{
position: relative;
display: inline-block;
color: #9ea0a9;
}
.footer-content .service-widget .list li a:hover{
color: #8cc63f;
}
.footer-content .contact-widget p{
color: #9ea0a9;
margin-bottom: 15px;
}
.footer-content .contact-widget { 
  /* z-index: 10000; */
  position: relative;
}
.footer-content .contact-widget .footer-title{
margin-bottom: 29px;
}

/** footer-bottom **/

.footer-bottom{
position: relative !important;
background: #13151a !important;
padding: 10px 0px 10px 0px !important;
}
.footer-bottom .copyright,
.footer-bottom .copyright a,
.footer-bottom .footer-nav li a{
position: relative !important;
color: #9ea0a9 !important;
font-size: 13px;
}
.footer-bottom .copyright a:hover,
.footer-bottom .footer-nav li a:hover{
color: #8cc63f;
}
.footer-bottom .footer-nav{
position: relative !important;
text-align: right !important;
}
.footer-bottom .footer-nav li{
position: relative !important;
display: inline-block !important;
margin-left: 29px;
}
.footer-bottom .footer-nav li:first-child{
margin-left: 0px;
}
.footer-bottom .footer-nav li:before{
position: absolute;
content: '';
background: #9ea0a9;
width: 1px;
height: 14px;
top: 7px;
left: -18px;
}
.footer-bottom .footer-nav li:first-child:before{
display: none;
}
.logo-box img {
  max-width: 220px;
}
 
.footer_link span a {
  color: #9ea0a9;
  padding: 0 5px;
  border-right: 1px solid #9ea0a9;
  font-size: 14px;
}
dl, ol, ul {
  margin-top: 0;
  margin-bottom: 0 !important;
}

/* our Portfolio  */
.work_image {
  padding: 20px;
  cursor: pointer;
  transition: transform 0.3s ease;
  width: 353px;
  height: 300px;
  object-fit: contain;
  margin: auto; 
}
.work_image:hover{ 
  transform: scale(1.1);
}
.work_heading:hover{
   text-decoration: underline;
   cursor: pointer; 
}



/* how we work  */
/* .work_icon{
  color: #fff;
  padding: 30px;
  background-color: black;
  font-size: 45px;
  margin: 5px; 
} */

/* bootsrap overright */
.dropdown-item.active, .dropdown-item:active {
  color: #8cc63f !important;
  text-decoration: none !important;
  background-color: transparent !important;
}



/* mega menu  */
.dropdown-menu {
  width: 100%; /* Full width for responsiveness */
}
.navbar-brand-name{
  display: none;
}

 

.nav-item{
  margin-right: 30px !important;
}

.dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: none !important;
  border-radius: .25rem;
}

.dropdown-menu[data-bs-popper] {
  top: 92% !important;
  left: 0 !important; 
}
.dropdown-item {
  padding: 8px 15px !important;
}
.mega_service_list {
  font-size: 15px;
  position: relative;
  padding-left: 15px;  
  cursor: pointer;
  padding-top: 12px;
}
.mega_service_list a:hover{
  color: #8cc63f !important;
}
.mega_service_list.active a{
  color: #8cc63f !important;
}
.mega_service_list a{
  color: #212529 !important;
}

.mega_service_list::before {
  content: ">";
  position: absolute;
  left: 0;
  color: #000;  
  font-size: 15px;  
}

.title{
  font-weight: 500;
  font-size:35px;
}

.description{
  font-size: 18px;
  font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif
}


/* whatsapp  */
.whatsapp-btn {
  position: fixed;
  bottom: 12%;
  right: 20px;
  z-index: 1;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #8cc63f;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  animation: wave 2s ease-in-out infinite;
}

.whatsapp-btn i {
  color: #fff;
  font-size: 30px; 
  text-decoration: none;
}

@keyframes wave {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7);
  }
  50% {
    transform: scale(1.1);
    box-shadow: 0 0 15px 10px rgba(37, 211, 102, 0);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
  }
}
 
.main-enquiry {
  position: fixed;
  top: 50%;
  right: -55px;
  transform: rotate(-90deg);
  z-index: 999;
}

.main-enquiry .enquiry-text {
  background-color: #0a578d;
  color: white;
  font-size: 14px;
  letter-spacing: 1px;
  padding: 6px 12px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
}

.domain_icons{
  font-size: 40px; 
  color: #0a578d;
}
 


/* location dropdown  */
.country-icon {
  height: 1em;
  vertical-align: baseline;
  margin-bottom: -0.1em;
}
.sik-dropdown > button.dropdown-toggle {
  position: relative;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 2ch;
  text-align: left;
}
.sik-dropdown > button.dropdown-toggle::after {
  position: absolute;
  right: 1ch;
  top: calc(50% - 0.2ch);
}
.sik-dropdown .dropdown-item {
  cursor: pointer;
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff !important;
  background-color:#0a578d !important;
}

.btn_custom_green {
  color: #fff !important;
  background-color: #8cc63f !important;
  border-color: #8dc640 !important;
}

/* faq why choose us  */
.accordion__wrapper {
  /* background-color: #fff; */
  /* box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; */
  /* border-radius: 2.5rem; */
  width: 100%; 
  /* padding: 40px 25px; */
}

.accordion__title {
  /* font-size: 2.2rem; */
  font-weight: 700;
  color: #242e4c;
  text-align: center;
  margin-bottom: 4rem;
}

.accordion {
  border-bottom: 0.1rem solid #dae1f5;
  padding-bottom:1rem;
  margin-bottom: 2rem;
}

.accordion__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}

.accordion__icon {
  background-color:#8cc63f;
  width: 2.2rem;
  height: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  flex-shrink: 0;
}

.accordion__question {
  font-size:20px;
  font-weight: 500;
  color: #242e4c;
}

.accordion__answer {
  padding: 2rem 0;
}

.accordion__content {
  overflow: hidden;
  height: 0;
  transition: 0.4s ease-in-out;
}

 
/* price  */
.pricing .nav-tabs {
  justify-content: center;
}
.pricing .nav-tabs {
  border-bottom: none;
}
 
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: white !important;
  background-color: #6ea502 !important;
  border:1px solid #6ea502 !important;
}

.nav-link-custom{
  color: #000 !important;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link {
  border-color: #e9ecef #e9ecef #dee2e6 !important;
  isolation: isolate !important;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #6ea502 #6ea502 #6ea502 !important;
  isolation: isolate !important;
}

.pricing .nav-tabs .nav-link {
  border-radius: 30px;
  padding: 5px 15px;
  margin: 0 10px;
  font-weight: 600;
  border: 1px solid transparent;
  border-top-left-radius: none;
  border-top-right-radius: none;
}
 

 
.card-price-img-top {
  width: 35%;
  /* border-radius: 50%; */
  /* margin: 0 auto; */
  /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); */
}
.card_price {
  position: relative;
  padding: 1.5em 0.5em  ;
  text-align: center;
  border-radius: 2em;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
 /* common */
.ribbon {
  width: 150px;
  height: 109px;
  overflow: hidden;
  position: absolute;
}
/* .ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #6ea502;
} */
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 2px 0;
  background-color: #6ea502;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  /* text-transform: uppercase; */
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 41px;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -10px;
  top: 35px;
  transform: rotate(-45deg);
}
.card-price-title {
  font-weight: bold;
  font-size: 1.5em;
}
.card-price-title_price {
  font-weight: bold;
  font-size: 1.2em;
  padding-bottom: 10px;
}
 .card-price-text{
  margin: 15px 10px;
 }


 



.pricing_box.pricing_style2 {
  border-radius: 10px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  border: 0;
}

.pricing_box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  overflow: hidden;
  position: relative;
}

.pricing_box.pricing_style2 .pr_title {
  border-radius: 10px 10px 0 0;
}
.pr_title {
  padding: 30px 15px 30px;
}

.pr_title * {
  text-transform: capitalize;
  position: relative;
}
.pr_content {
  margin-top: 15px;
  /* text-indent: 15px; */
  text-align: start !important;
  /* background-color: #fff; */
}
.pricing_box.pricing_style2 .pr_footer {
  border-radius: 0 0 10px 10px;
}
.pr_footer {
  background-color: #fff;
  padding: 20px;
}
.pricing_box {
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  overflow: hidden;
  position: relative;
}
.pr_list li {
  padding: 12px;
  display: flex;
  gap: 10px;
}
.btn-price_blue {
  color: #fff !important;
  background-color: #0a578d !important;
  border-color: #0a578d !important;
}
.btn-price_blue:hover {
  color: #fff;
  background-color: #597d96 !important;
  border-color: #0a578d !important;
}
.btn-price_green{
  color: #fff !important;
  background-color: #6ea502 !important;
  border-color: #6ea502 !important;
}
.btn-price_green:hover{
  color: #fff !important;
  background-color: #90a367  !important;
  border-color: #6ea502 !important;
}
  
/* blog  */
 .blog_img {
  width: 100%;
  object-fit: cover;
  height: 200px;
  transition: transform 0.5s ease;
} 
 .card:hover .blog_img {
  transform: scale(0.9); 
} 
 .blog_text {
  padding-top: 10px;
  text-align: justify; 
}
.blog_heading{
  font-size: 17px;
}



/* subpages */

.subpage_mt{
  padding-top:130px;
}
.breadcrumb-item{
  color: #fff;
}
.breadcrumb-item a {
  color: #fff;
}
.breadcrumb-item a:hover {
  color: #fff;
}
.breadcrumb-item.active {
  color: #ffffff !important;
}
.subpage_header{
  background-image: url(../img/background/background-1.jpg); 
  height: 100%;
  object-fit: cover;
}
.subpage_header_static{
    background-image: url(../img/service_bg.jpg); 
    background-position: top;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    height: 500px; 
}
.service_section{
  height: 430px; 
  margin: auto;
}
.service_subheading{
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  display: block;
}
.service_main_heading{
  font-size: 60px;
  font-weight: 700; 
}
.breadcrumb {
  margin-left: 10px !important;
  padding: 15px !important;
}
 
 
.form-wrap{
	background: rgba(255,255,255,1);
	width: 100%;
	max-width: 850px;
	padding: 50px;
	margin: 0 auto;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}
.form-wrap:before{
	content: "";
	width: 90%;
	height: calc(100% + 60px);
	left: 0;
	right: 0;
	margin: 0 auto;
	position: absolute;
	top: -30px; 
	z-index: -1;
	opacity: 0.8;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);
}
.form-group{
	margin-bottom: 25px;
}
.form-group > label{
	display: block;
	font-size: 18px;	
	color: #000;
}
.custom-control-label{
	color: #000;
	font-size: 16px;
}
.form-control{
	height: 50px;
	background: #ecf0f4;
	border-color: transparent;
	padding: 0 15px;
	font-size: 16px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
 

 /* sub page about us  */
 .sub_achievement{
  display: flex;
  gap: 15px;
  align-items: center;
  padding: 15px 10px;
 }

.web_icons{
    font-size: 28px;
    color: #ffffff;
    background: #0a578d;
    padding: 7px 10px;
    border-radius: 5px;
} 

.font_14{
  font-size: 14px;
}
 
/* single page navigate */
.single_page_nav{
  display: flex;
  padding: 25px 15px;
  gap: 35px;
  align-items: center;
  text-align: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 600;
  background-color: #f3f8ec;
  border: 1px solid #8cc63f;
  top: 0;
  z-index: 999;  
  transition: top 0.3s ease; 
}
.single_page_nav_heading a{
  cursor: pointer;
  color: #0a578d;
}
.single_page_nav_heading a:hover{
  cursor: pointer;
  color: #000;
}
  
.single_page_nav.sticky {
  position: fixed;  
  top: 130px; 
  width: 100%;   
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);  
  background-color: #f3f8ec;
  border: 1px solid #8cc63f;
  left: 0;
}
 

/* technologies  */
.tech_img{
  width: 75px;
  height: 75px;
  object-fit: cover;
}
.tech_img_big{
  width: 100%;
  height: 75px;
  object-fit: contain;
}

#startbutton {
  position: fixed;
  bottom: 0;
  width: 100%;
  padding: 7px;
  display: none;
}

.enquiry_bottom_button {
  color: #fff !important;
  background-color: #0a578d !important;
  border-color: #0a578d !important;
}

.bg-breadcrumb {
  /* background: url("../img/greenbg.jpg") no-repeat center center; */
  background-color:#0a0c05 ;
  background-size: cover;
  width: 100%; 
  opacity: 0.6;
  display: none;
}

.paragraph {
  text-align: justify; 
}
.custom-dropdown-menu.show{
  max-height: 70vh;
  overflow-y: scroll; 
}
.megamenu_heading {
  border-right: 1px solid #bcbdbe;
}
.megamenu_heading_main:hover{
  color: #8cc63f !important;
}
.megamenu_heading_main.active{
  color: #8cc63f !important;
}
.coustom_center{
  align-items: center;
}

.vs-media-group{ 
  align-items: center;
  text-align: center; 
}
.we_img{
  width: 75px;
  margin: auto;
  height: 75px;
  object-fit: cover;
}
.media-body{
  margin-top: 15px;
}
.media-para{
  font-size: 20px;
}


/* service home page  */
 

 .image_container {
  position: relative;
  width: 100%;
  height: 250px;  
  overflow: hidden;
}

 .service_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #07070769;  
  transition: background 0.5s ease;  
  z-index: 2;  
}

 .image_container:hover .service_overlay {
  background: #0a578da8;  
}

 .image_container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;  
}

 .service_title {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  text-transform: uppercase;
  color: white;
  z-index: 3;  
  transition: top 0.5s ease;  
}

 .image_container:hover .service_title {
  top: 40%;
}

 .service_para {
  position: absolute;
  left: 50%;  
  top: 50%;   
  transform: translateX(-50%) translateY(20px); 
  opacity: 0;  
  transition: opacity 0.35s ease, transform 0.35s ease; 
  width: 100%;
}

.service_para a {
  display: inline-block;
  padding: 12px 12px;
  color: white; 
  text-decoration: none;
  font-weight: bold;
  z-index: 3;
  text-align: center;
}
.service_para a:hover{
  color: white;
}
 .image_container:hover .service_para {
  opacity: 1; 
  z-index: 999;
}



/* How We Work  */
.how_work_img {
  width: 100%;
  height: 200px;
  object-fit: contain;
}

.how_work_arrow {
  width: 50px;
  height: auto;
}

.how_work_step {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0 !important;
  text-decoration: underline;
}

.how_work_p {
  font-size: 19px;
  font-weight: 500;
  margin-bottom: 0 !important;
}




/* Industry page ===================== */
.industry_heading{
  padding: 7px 5px;
  width: 100%;
}
.industry_heading button{
  color: #000 !important;
  font-size: 18px;
  font-weight: 500;
}
.nav .nav-item button:hover {
  background-color: transparent;
  color: #0a578d !important;
}
.nav .nav-item button.active {
  background-color: transparent;
  color: #0a578d !important;
}

.industry_img{
  width: 100%;
  height: 300px;
  object-fit: cover;
}

/* blog list */
.blog_img_list{
  width: 100%;
  height: 300px;
  display: block;
  object-fit: cover;
}
.blog_title{
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 2px;
  color: #000;
}
.blog_title:hover{
   text-decoration: underline;
}
.blog_date{
  font-size: 14px;
  font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  color: #212529;
}
.contact-info {
  list-style-type: none;
  padding-left: 0;
}
 .contact-info li i {
  background-color: #0a578d;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
  color: #fff;
  font-size: 15px;
}
.contact-info li {
  display: flex;
  align-items: center;
  padding: 8px 0px;
}
.contact-info li i::before {
  top: 12px;
  position: relative;
  margin-left: 13px;
}
.form-control:focus {
  color: #212529;
  background-color: #fff;
  /* border-color: #0a578d !important; */
  outline: 0;
  box-shadow: none !important;
}
.support{
  background-color: #6c6d69;
  padding: 70px 0px;
}
.custom_searchbar {
  max-width: 500px;
  margin: auto;
}
.custom_searchbar .icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
}
.custom_searchbar .form-group {
  width: 100%;
  position: relative;
  margin-bottom: 0;
}
.custom_searchbar .form-control {
  padding-left: 40px;
  border-radius: 30px;height: 42px;
}


/* product ================================================================================ */
 
.product_image{
  padding: 40px 10px;
  margin: auto;
  max-width:1400px; 
}
.product_image img{
  width: 100%;
  height: 500px;
  object-fit: contain; 
  border-radius: 20px;
}
.product_about_img{
  width: 100%; 
  height: 100%;
  object-fit: contain;
  margin-top: 10px;
}
.product_getstarted_img{
  width: 100%;
  height: 350px;
  object-fit: contain;
}
.product_content ul li{
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c9c8c8;
}

.btn-close:focus {
  outline: 0;
  box-shadow: none !important;
  opacity: 1;
}

.spinner-border{
  width: 20px !important;
  height: 20px !important;
}

.service_card{
  padding: 15px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; 
}

.service_card .icon i {
  width: 50px;
  height: 50px;
  border: 2px solid #002b3b;
  border-radius: 50%;
}
.service_img img{
  width: 100%;
  height: 80px;
  object-fit: contain;
}