*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
   font-family: 'Cabin', sans-serif;
}

html{
   scroll-behavior: smooth;
}

body{
   color: #444;
   background: #fff;
   font-weight: 300;
   font-family: 'Cabin', sans-serif;
}

:root{
   --primary-color:#3a9948;
   --secondry-color:#3a9948;
   
   --text-color-white: #fafffa;
   --text-color-white-hover: #d8dadb;

   --text-color-dark: #161616;
   --text-color-grey: #808285;

   --primary-font:  'Cabin', sans-serif;
}
.section_overflow_hidden{
   overflow: hidden;
}
/* =================== Start of Default css or Global css for ll parts of website =================
================================================================================================= */
.top0_sticky{
   position: sticky;
   top: 0px;
   z-index: 100;
}
.full_image{
   height: 100%;
   width: 100%;
}
.full_image img{
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.display_center_space_between{
   display: flex;
}
input:focus{
   box-shadow: none!important;
}
.global_padding60{
   padding: 60px 60px 0px 60px;
}
.global_padding_l60{
   padding:0px 0px 0px 60px;
}
.global_padding_rbl60{
   padding:0px 60px 60px 60px;
}
.global_padding_rl60{
   padding:0px 60px 0px 60px;
}
.global_padding_trl60{
   padding:30px 60px 0px 60px;
}
.global_padding_rbl60-20{
   /* left right 20px reduced to expertise section */
   padding:0px 40px 60px 40px; 
}
.global_padding_top_bottom{
   padding:60px 0px 60px 0px;
}
 .content h6{
   font-size: 1rem;
   font-weight: 600;
   color: var(--text-color-white);
   font-family: var(--primary-font);
}
 .content h2{
   font-size: 1.875rem;
   font-weight: 600;
   color: var(--text-color-white);
   font-family: var(--primary-font);
   margin-top: 15px; 
}
.content h6{
   font-size: 1rem;
   font-weight: 600;
   color: var(--text-color-white);
   font-family: var(--primary-font);
}
.content h2.dark{
   font-size: 1.875rem;
   font-weight: 600;
   font-family: var(--primary-font);
   margin-top: 15px; 
   color: var(--text-color-dark);
}
.content h6.dark{
   font-size: 1rem;
   font-weight: 600;
   font-family: var(--primary-font);
   color: var(--text-color-dark);
}
.desc_text_white16{
   font-size: 1rem;
   font-weight: 400;
   color: var(--text-color-white);
   font-family: var(--primary-font);
}
.desc_text_dark16{
   font-size: 1rem;
   font-weight: 400;
   color: var(--text-color-dark);
   font-family: var(--primary-font);
}
.solid-head-underline{
   width: 10%;
   height: 1px;
   background: var(--secondry-color);
   margin-top: 0px;
}
.dispay-vh-center{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.dispay-h-center{
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.dispay-v-center{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.whats_app_icon {
   position: fixed;
   bottom: 20px;
   right: 30px;
   z-index: 11;
   opacity: 1;
   overflow: hidden;
   pointer-events: all;
   cursor: pointer;
   box-shadow: 0 1px 6px 0 rgba(225, 57, 57, 0.06), 0 2px 32px 0 rgba(0, 0, 0, 0.16);
   background: #4fce5d;
   border-radius: 50%;
   animation-direction: alternate-reverse !important;
   animation: zoom 1s infinite;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
   border: 2px solid transparent; 
}

@keyframes zoom {
   0% {
       transform: scale(1);
       border: 2px solid transparent;
       box-shadow: 0 0 0 2px #c0e2ef, 0 0 0 3px #c0e2ef, 0 0 0 4px #c0e2ef; 
   }
   50% {
       transform: scale(1.1);
       border: 2px solid transparent; 
       box-shadow: 0 0 0 2px #c0e2ef, 0 0 0 3px #c0e2ef, 0 0 0 4px #c0e2ef;
   }
   100% {
       transform: scale(1);
   }
}
@media (max-width: 768px) {
   .whats_app_icon {
       bottom: 15px; 
       right: 10px; 
   }
}
.section_title h1{
   font-size: 3rem;
   font-weight: 700;
   color: var(--text-color-dark);
   font-family: var(--primary-font);
}
.section_title_description p{
   font-size: 1.25rem;
   font-weight: 400;
   color: var(--text-color-dark);
   font-family: var(--primary-font);
}
.tite-description-text-left-right-padding{
   padding-left: 22%;
   padding-right: 22%;
}

.my-button{
   width: fit-content;
   display: flex;
   justify-content: center;
   align-items: center;
}
.my-button button{
   
   background: rgb(53,137,65);
background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
   color: #fff;
   font-family: var(--primary-font);
   padding: 6px 18px;
   border-radius: 50px;
   border-style: none;
   font-size: 0.9375rem;
   font-weight: 500;
}
.form-select:focus{
   outline: 1px solid var(--primary-color);
   border-style: none;
   box-shadow: none;
}
.form-border-focus:focus{
   outline: 1px solid var(--primary-color);
   border-style: none;
   box-shadow: none;
}



/* ==================================== breadcrum starts =========================== */
.breadcrum_main{
   overflow: hidden;
   background: rgb(58,153,72);
   background: linear-gradient(31deg, rgba(58,153,72,0.9752275910364145) 10%, rgba(72,58,153,0.7259278711484594) 90%);
}
.breadcrum_main ul{
   display: flex;
   justify-content: center;
   align-items: center;
   list-style: none;
}
.breadcrum_main ul li{
   display: flex;
   justify-content: center;
   align-items: center;
   list-style: none;
   transform: translate(-15%);
   padding-left: 10px;
}
.breadcrum_main ul li a{
   display: flex;
   justify-content: center;
   align-items: center;
}

.breadcrum_main .bdr_right{
   border-right: 1px solid #fff;
   padding-right: 20px;
}
.text_color_bredcrum{
   color: #fff;
}
.text_color_bredcrum:hover{
   color: #ddd;
}
@media screen and (max-width: 650px){
   .breadcrum_main ul li a{
      flex-direction: column;
      text-align: center;
      padding-left: 10px;
      padding-right: 10px;
   }
}
@media screen and (max-width: 480px){
   .breadcrum_main ul li a{
      flex-direction: column;
      text-align: center;
      padding-left: 5px;
      padding-right: 5px;
      font-size: 14px;
   }
}
@media screen and (max-width: 400px){
   .breadcrum_main ul li a{
      font-size: 12px;
   }
   .bdr_right{
      padding-right: 12px!important;
   }
}
/* ==================================== breadcrum ends =========================== */



/* Topbar */

.topbar_section{
   background: var(--primary-color);
   color: var(--text-color-white);
   padding-bottom: 2px;
 }
 .topbar_list{
   display: flex;
   justify-content: flex-start;
   column-gap: 250px;
      /* border: 1px solid red; */
 }
 .topbar_list .list_type_1{
   display: flex;
 }
 .topbar_list .list_type_2{
   display: flex;
 }
 .topbar_list ul li{
   list-style: none;
   margin: 3px 10px;
   position: relative;
 }
 .topbar_list a{
   color: var(--text-color-white);
   text-decoration: none;
   font-family: var(--primary-font);
   font-size: 14px;
   font-weight: 500;
 }
 .topbar_list a:hover{
   color: var(--text-color-white-hover);
 }
 .topbar_list .flag_and_phone_number{
   display: flex;
   align-items: center;
 }
 .topbar_list .list_type_1 .list{
   padding: 0px 5px;
 }
 .topbar_list .list_type_2{
   padding-left: 0px;
 }
 .topbar_list .list_type_1 .horizontal_line::after{
   content: "";
   position: absolute;
   right: -10px;
   top: 5px;
   width: 2px;
   height: 16px;
   color: var(--text-color-white);
   background: var(--text-color-white);
 }
 .topbar_list .list_type_2 .horizontal_line::after{
   content: "";
   position: absolute;
   right: -10px;
   top: 10px;
   width: 2px;
   height: 15px;
   color: var(--text-color-white);
   background: var(--text-color-white);
 }
 .topbar_list .list_type_2 .flag img{
   background: var(--text-color-white);
   border-radius: 50%;
   margin-right: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
   object-fit: contain;
 }
 .login_dropdown{
   position: relative;
   display: flex;
   align-items: center;
   cursor: pointer;
 }
 .login_wrapper{
   display: flex;
   align-items: center;
   cursor: pointer;
 }
 .login_dropdown .icon_lock{
  margin-right: 2px;
  cursor: pointer;
  margin-top: -3px;
 }
 .down-arrow{
   margin-top: -2px;
 }
 .login_txt{
   padding: 0 2px;
   cursor: pointer;
 }
 .icon_lock span{
   font-size: 20px;
 }
 .login_dropdown .down_icon{
   margin-top: 2px;
   cursor: pointer;
 }
 .login_dropdown ul{
   padding: 10px 0px;
   width: 220px;
   position: absolute;
   top: 32px;
   right: 0px;
   background: #fff;
   box-shadow: 1px 0px 10px rgba(0,0,0,.2);
   z-index: 10000!important;
   display: flex;
   flex-direction: column;
   border-radius: 4px;
   display: none;
 }
 .login_dropdown ul li{
   padding: 4px 3px 4px 8px;
   margin-left: 0px;
   margin-right: 5px;
   width: 100%;
   display: flex;
   align-items: center;
 }
 .login_dropdown ul li a{
   color: var(--text-color-dark);
   font-size: 14px;
 }
 .login_dropdown .text{
   font-size: 14px;
 }
 .login_dropdown .down_icon{
   font-size: 18px;
 }
 .login_dropdown ul li:hover{
   background: #eee;
 }
 .login_dropdown ul li:hover a{
   color: var(--primary-color);
 }
 #loginDropdown i{
   height: 25px;
   width: 25px;
   margin-right: 12px;
   margin-left: 8px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 4px;
   font-size: 14px;
 }
 #loginDropdown .first{
   background: #e7cfff;
   color: #9966CC;
 }
 #loginDropdown .second{
   background: #ffe4c9;
   color: #FF8000;
 }
 #loginDropdown .first_arrow{
   color: #9966CC;
 }
 #loginDropdown .second_arrow{
   color: #FF8000;
 }
 #loginDropdown .sliding_arrow{
   position: relative;
   left: -50px;
   z-index: -1;
   opacity: 0;
   transition: all 0.5s ease;
 }
 #loginDropdown li:hover .sliding_arrow{
   position: relative;
   left: 0px;
   z-index: 1;
   opacity: 1;
 }
 
 
 /* Remaining Header */
 
 .my-button{
   width: fit-content;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .my-button button{
   
   background: rgb(53,137,65);
 background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
   color: #fff;
   font-family: var(--primary-font);
   padding: 6px 18px;
   border-radius: 50px;
   border-style: none;
   font-size: 0.9375rem;
   font-weight: 500;
   text-decoration: none;
 }
 
 .my-button button a{
    text-decoration: none;
 }
 .form-select:focus{
   outline: 1px solid var(--primary-color);
   border-style: none;
   box-shadow: none;
 }
 .form-border-focus:focus{
   outline: 1px solid var(--primary-color);
   border-style: none;
   box-shadow: none;
 }
 
 /*  */
 
 .header .sliding-text-container{
   max-width: 120px;
   height: 32px;
   display: flex;
   align-items: center;
   border-top: 2px solid var(--primary-color);
   border-bottom: 2px solid var(--primary-color);
 }
 .header .sliding-text{
   color: var(--text-color-dark);
   font-family: var(--primary-font);
   font-size: 0.9375rem;
 }
 .sliding-text-container {
   overflow: hidden;
   min-width: 200px;
 }
 
 .sliding-text {
   display: inline-block;
   white-space: nowrap;
   animation: slide-in 20s linear infinite;
 }
 
 @keyframes slide-in {
   from {
     transform: translateX(20%);
   }
   to {
     transform: translateX(-100%); /* Adjust this value based on the width of the text */
   }
 }
 
 
 @media screen and (max-width: 1200px) {
 
   .header .text-slider{
     display: none;
  }
 
  .topbar_list .list_type_1{
   display: none;
 }
 .sticky-offer{
   height: 120px;
 }
 }
 
 @media screen and (max-width: 768px) {
 
   .topbar_list {
     display: flex;
     justify-content: space-around;
 }
   .topbar_list .list_type_1{
      display: none;
   }
   .sticky-offer{
      height: 120px;
    }
 }
 
 @media screen and (max-width: 425px) {
 
   .header .my-button{
     display: none;
  }
  .login_dropdown{
   width: 100%;
   display: flex;
   justify-content: flex-end;
 }
 
 .list_type_2 {
   width: 100%;
 }
 
 .topbar_list ul li {
   list-style: none;
   margin: 3px 9px;
   position: relative;
 }
 
 .topbar_list .list_type_2 .icon {
   display: none;
 }
 .flag_and_phone_number{
   width: 100%;
   justify-content: flex-start;
 }
 #flag_and_phone_number1{
   display: none;
 }
 
 
 
 }
 
 
 /* Header Section */
 .header_section {
   background: #fff;
 }
 
 .header_row {
   position: relative;
   display: grid;
   grid-template-columns: 140px calc(100% - 140px);
   justify-content: space-between;
 }
 
 .my_navbar_row {
   display: grid;
   grid-template-columns: auto auto;
   justify-content: flex-end;
   margin-right: 10px;
   width: 100%;
 }
 
 /*  */
 .header nav .drp {
   display: flex;
   margin: 0px;
   padding: 0px;
   margin-right: 25px;
 }
 
 /* Services Item */
 
 .drp > li {
   float: unset;
   position: unset;
 }
 
 .dropdown_menu {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1000;
   display: none;
   float: left;
   min-width: 160px;
   padding: 5px 0;
   margin: 2px 0 0;
   font-size: 14px;
   background-color: #fff;
   border: 1px solid #ccc;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 4px;
   -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
   background-clip: padding-box;
 }
 
 .nav_dropdown_parent .dropdown_menu.nav_drop {
   display: none;
   border: unset;
   box-shadow: unset;
   background: 0 0;
   padding: 0;
   top: 50px !important;
   padding-top: 25px;
   left: 0;
   right: 0;
   transform: unset !important;
 }
 
 .nav_dropdown_parent:hover .dropdown_menu.nav_drop {
   display: block;
 }
 
 .drp > li > .dropdown_menu {
   margin-top: 0;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
 }
 
 .nav_drop .big_menu {
   background: #fff;
   border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
   box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
   overflow: hidden;
 }
 
 .big_menu_wrap {
   display: flex;
   align-items: stretch;
   justify-content: space-between;
   padding: 20px;
 }
 
 .big_menu_lt {
   width: 65%;
 }
 
 .big_menu_list {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
 }
 
 .big_menu_item {
   width: 50%;
   /* margin-bottom: 15px; */
   display: flex;
 }

 .big_menu_item:nth-child(1) a i{
   background: #e2ecf3;
   color: #5f98e4;
 }
 .big_menu_item:nth-child(1) a figure{
   color: #5f98e4;
 }
 .big_menu_item:nth-child(2) a i{
   background: #f3e5ef;
   color: #b60687;
 }
 .big_menu_item:nth-child(2) a figure{
   color: #b60687;
 }
 .big_menu_item:nth-child(3) a i{
   background: #ffdede;
   color: #f17070;
 }
 .big_menu_item:nth-child(3) a figure{
   color: #f17070;
 }
 .big_menu_item:nth-child(4) a i{
   background: #eedcf3;
   color: #cd5ee9;
 }
 .big_menu_item:nth-child(4) a figure{
   color: #cd5ee9;
 }
 .big_menu_item:nth-child(5) a i{
   background: #d2c8f5;
   color: #7752fe;
 }
 .big_menu_item:nth-child(5) a figure{
   color: #7752fe;
 }
 .big_menu_item:nth-child(6) a i{
   background: #dde9f8;
   color: #5f98e4;
 }
 .big_menu_item:nth-child(6) a figure{
   color: #5f98e4;
 }

 .big_menu_rt {
   width: 35%;
 }
 
 .ebook_wrap {
   display: flex;
   align-items: center;
   justify-content: flex-start;
 }
 
 .ebook_img {
   width: 25%;
 }
 
 .ebook_img img {
   height: auto;
   max-width: 100%;
 }
 
 .ebook_content {
   width: 75%;
   padding-left: 20px;
 }
 
 .ebook_cat {
   color: #4185F4;
   font-weight: 600;
   font-size: 14px;
 }
 
 h3.ebook_heading {
   font-size: 16px;
   font-weight: 600;
   line-height: normal;
   color: #1d1d1d;
   margin: 5px 0;
 }
 
 .ebook_date {
   display: block;
   font-size: 13px;
   line-height: normal;
   font-weight: 400;
   margin-bottom: 16px;
 }
 
 .ebook_btn {
   background: #4185F4 !important;
   display: flex;
   color: #fff !important;
   padding: 8px 10px !important;
   width: fit-content;
   border-radius: 5px;
 }
 
 .big_menu_item a {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   width: fit-content;
   position: relative;
 }
 
 .big_menu_item:hover .menu_arrow {
   position: relative;
   left: 0px;
   z-index: 1;
   opacity: 1;
 }
 
 .menu_arrow {
   position: relative;
   left: -50px;
   top: 10px;
   z-index: -1;
   opacity: 0;
   transition: all 0.5s ease;
 }
 
 /* Services End */
 
 .my_navbar {
   display: flex;
   justify-content: flex-end;
 }
 
 /*  */
 .my_navbar_custom {
   display: flex;
   justify-content: flex-end;
 }
 
 /*  */
 .drp2 {
   width: fit-content;
   list-style: none;
   padding: 25px 0;
   position: relative;
 }
 
 .header nav ul li a {
   width: fit-content;
   text-decoration: none;
   color: var(--text-color-dark);
   font-family: var(--primary-font);
   font-size: 15px;
   font-weight: 500;
 }
 
 .nav_dropdown_parent {
   cursor: pointer;
   position: relative;
   display: inline-block;
 }
 
 .nav_dropdown_parent a.drop_anchor:after {
   transition: ease-in-out 0.4s;
 }
 
 .nav_dropdown_parent:hover a.drop_anchor:after {
   border-top-color: var(--primary-color);
   transform: rotate(-178deg);
 }
 
 .nav_dropdown_parent:hover a.drop_anchor {
   color: var(--primary-color);
 }
 
 #drp2_pricing {
   position: relative;
 }
 
 #drp2_pricing .big_menu {
   padding: 15px;
 }
 
 #drp2_pricing .big_menu_item {
   width: 100%;
   display: flex;
 }
 
 #drp2_pricing .big_menu_list {
   padding: 0;
 }
 
 #drp2_pricing .dropdown_menu.nav_drop,
 #loginDropdown .dropdown_menunav_drop {
   padding-top: 16px;
   width: 268px;
 }
 
 .header nav ul .dropdown_icon::after {
   content: "";
   position: absolute;
   right: -12px;
   border-top: solid 6px #1d1d1d;
   border-left: solid 4px transparent;
   border-right: solid 4px transparent;
   top: 22px;
   transition: ease-in-out 0.4s;
 }
 
 .dropdown_menu li .web_icon {
   background: #d8e3f3;
   color: #6ca8fd;
 }
 
 .dropdown_menu li .seo_icon {
   background: #f5e3d2;
   color: #fc9e41;
 }
 
 .dropdown_menu li .social_icon {
   background: #e7cfff;
   color: #9966cc;
 }
 
 #loginDropdown i {
   height: 25px;
   width: 25px;
   margin-right: 12px;
   margin-left: 8px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 4px;
   font-size: 14px;
 }
 
 .menu_bar {
   display: none;
   background: rgb(58, 153, 72);
   color: #fff;
   font-size: 1.5rem;
   height: 30px;
   width: 30px;
   justify-content: center;
   align-items: center;
   border-radius: 4px;
   border: 2px solid #3a9948;
 }
 
 .responsive_wrapper {
   min-width: 220px;
   display: flex;
   align-items: center;
 }
 
 .items {
   display: flex;
   justify-content: flex-end;
 }
 
 .mnu-itm {
   margin-left: 15px;
 }
 
 /* Header End */

 /* Responsive */

 @media screen and (max-width: 1200px) {
   /* Header */
   #menu {
     height: 0;
     z-index: -5;
     opacity: 0;
     visibility: 0;
   }
 
   .header nav {
     display: flex;
     background: var(--text-color-white);
     color: var(--text-color-dark);
     z-index: -1;
     position: absolute;
     left: 0vh;
     right: 0vh;
     top: 70px;
     width: 100%;
     display: flex;
     flex-direction: column;
     align-items: start;
     padding: 20px;
     overflow-y: auto;
     opacity: 0;
     visibility: 0;
     transition: all ease-in-out 0.3s;
   }
 
   #open_menubar {
     display: flex;
   }
 
   #close_menubar {
     display: none;
   }
 
   .my_navbar_custom {
     display: flex;
     justify-content: flex-start;
   }
 
   .header .my_navbar_custom .drp {
     text-align: left;
     text-align: left !important;
     border-bottom: 1px solid hsla(0, 0%, 88%, 0.5);
     width: 100%;
     margin-right: 0;
   }
 
   .header,
   .my_navbar_custom .drp2 {
     padding: 15px 0;
   }
 
   .pricing-dropdown {
     display: flex !important;
     flex-direction: column !important;
   }
 
   #md_sm_submenu {
     display: flex !important;
     flex-direction: column !important;
     border: 1px solid blue !important;
   }
 
   .responsive_wrapper {
     display: flex;
     justify-content: flex-end;
   }
 
   .sticky-offer {
     height: 200px;
   }
 
   .header .my_navbar_custom a {
     font-size: 16px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     width: 100%;
   }
 
   .nav_dropdown_parent a.drop_anchor:after {
     right: 0px;
   }
 
   .nav_dropdown_parent .dropdown_menu.nav_drop.open {
     display: block;
   }
 
   .nav_dropdown_parent .dropdown_menu.nav_drop {
     display: none;
     position: relative !important;
     width: 100% !important;
     top: 0 !important;
     transform: unset !important;
   }
 
   /*  */
   .drp > li {
     width: 100%;
   }
 
   .big_menu_lt {
     width: 100%;
   }
 
   .big_menu_rt {
     display: none;
   }
 
   .header .big_menu_item a {
     justify-content: flex-start;
     text-align: left;
   }
}

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

   /* Header */
   .big_menu_list {
     flex-direction: column;
     padding-left: 0;
   }
 
   .big_menu_item {
     width: 100%;
     border-bottom: 1px solid hsla(0, 0%, 88%, 0.5);
     padding-bottom: 8px;
   }
}
 


/* ================================  Hero Starts  ============================ */
.hero_left{
   display: flex;
   align-items: center;
   position: relative;
}
.hero_right{
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
}
.svg_particle_top_left{
   position: absolute;
   top: -35px;
   left: -50px;
   z-index: -1;
}
.svg_particle_bottom_right{
   position: absolute;
   bottom: 0;
   right: -40px;
   z-index: -1;
}
.hero_header h1{
   font-size: 3.25rem;
   font-weight: 700;
   color: var(--text-color-dark);
   font-family: var(--primary-font);
}
.hero_header .hero_grey_text{
   font-size: 3.25rem;
   font-weight: 700;
   color: var(--text-color-grey);
   font-family: var(--primary-font);
}
.hero_header h1 span{
   color: var(--primary-color);
   font-family: var(--primary-font);
}
.hero_desc p{
   font-size: 1.375rem;
   margin: 25px 0px;
   color: var(--text-color-dark);
   font-family: var(--primary-font);
}
.button_main button{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 55px;
   background: rgb(53,137,65);
   background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
   color: #fff;
   font-family: var(--primary-font);
   padding: 0px 8px 0px 20px;
   border-radius: 50px;
   border-style: none;
   font-size: 1.375rem;
   font-weight: 500;
   position: relative;
}
.button_main button .wrap{
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--text-color-white);
   text-decoration: none;
   margin-right: 50px;
   transition: all 0.5s;
   font-weight: 400;
   font-size: 1.25rem;
}
.button_main button a{
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--text-color-white);
   text-decoration: none;
   margin-right: 50px;
   transition: all 0.5s;
   font-weight: 400;
   font-size: 1.25rem;
}
.button_main button .wrap i{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 42px;
   width: 42px;
   font-size: 1.5rem;
   margin-left: 10px;
   border-radius: 100%;
   background: var(--text-color-white);
   color: var(--text-color-dark);
   position: absolute;
   right: 5px;
   top: 50%;
   transform: translate(0,-50%);
   transition: all 0.5s;
}
.button_main button a i{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 42px;
   width: 42px;
   font-size: 1.5rem;
   margin-left: 10px;
   border-radius: 100%;
   background: var(--text-color-white);
   color: var(--text-color-dark);
   position: absolute;
   right: 5px;
   top: 50%;
   transform: translate(0,-50%);
   transition: all 0.5s;
}
.button_main button:hover{
   background: #fff;
   color: var(--text-color-dark);
   padding: 0px 20px 0px 0px;
   box-shadow: 1px 0px 10px rgba(0,0,0,.2);
}
.button_main .shadow_none:hover{
   box-shadow: none;
}
.button_main button:hover .wrap{
   margin-right: 10px;
   margin-left: 60px;
}
.button_main button:hover a{
   margin-right: 10px;
   margin-left: 60px;
}
.button_main button:hover .quote_text{
   color: var(--text-color-dark); 
}
.button_main button:hover .arrow_right{
  margin-right: 5px;
}
.button_main button:hover .arrow_right i{
   --icon-width: 50px;
   right: calc(100% - var(--icon-width));
   background: rgb(53,137,65);
background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
   /* color: var(--text-color-white); */
}
.button_main button .s0{
   fill: #000000;
}
.button_main button:hover .s0{
   fill: #ffffff;
} 

.hero_button_wrapper{
   display: flex;
}

.top-counter{
   margin-left: -150px;
   text-align: center;
}
.count_lst{
   list-style-type:none;
   /* margin-right: 50px; */
}
.count_lst h3 {
   font-size: 36px;
   color: #4185F4;
   font-weight: 900;
   margin: 0;
   line-height: normal;
}
.count_lst p {
   color: #010101;
   /* margin: 0; */
   font-weight: 500;
   font-size: 18px;
}
/* ================================  Hero Ends  ============================ */


/* ==================  Main Services and Trusted By Started ====================== */
.main_services-and_trusted_by{
   background: #CEEAD6;
   margin-top: 70px;
}
.main_services-and_trusted_by .main_services{
   margin-top: -120px;
   padding: 10px 20px;
   background:#fff;
   border-radius: 20px;
   box-shadow: 1px 0px 10px rgba(0,0,0,.1);
}
.main_services .item_service .item{
   padding: 20px 20px 5px;
   border-radius: 10px;
   margin: 10px;
}
.main_services .item_service .item:hover{
   box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.main_services .item_service .item:hover .hover_white{
  fill: #ffffff;
}
.main_services .item_service .item_copy{ 
   /* reused in our expertise section*/
   margin: 10px;
   padding: 20px 30px;
}
.serv_item1{
   background: #e8f1e9;
}
.serv_item1:hover{
   background: #d7ebd9;
}
.serv_item2{
   background: #e6ebf1;
}
.serv_item2:hover{
   background: #dce5f0;
}
.serv_item3{
   background: #e8f1e9;
}
.serv_item3:hover{
   background: #d7ebd9;
}
.main_services .item_service .item .service_heading{
   display: flex;
   justify-content: space-between;
}
.main_services .item_service .item .service_heading h4{
   font-size: 1.375rem;
   font-family: var(--primary-font);
   font-weight: 600;
}
.left_border{
   margin-left: 30px;
   margin-top: 30px;
   border-left: 1px solid #fff;
}
.arrow_right_only{
   display: flex;
   justify-content: center;
   align-items: center;
   text-decoration: none;
   margin-top: -15px;
}
.arrow_right_only i{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 35px;
   width: 35px;
   font-size: 1.25rem;
   margin-left: 10px;
   border-radius: 100%;
   background: #ccc;
   transition: all 0.5s;
   color: var(--text-color-dark);
}
.main_services .item_service .item:hover .arrow_right_only i{
   background: rgb(53,137,65);
   background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
   color: var(--text-color-white);
   transform: rotate(360deg);
}
.trusted_text{
   display: flex;
   align-items: center;
}
.trusted_by_image{
   border-left: 1px solid var(--text-color-white);
   padding-left: 25px;
   display: flex;
   justify-content: flex-end;
}
.trusted_by_image img{
   object-fit: contain;
}
/* ==================  Main Services and Trusted By Ends ====================== */


/* <!-- ==================  Awards & Recognition Started ====================== --> */
.google_review_container{
   display: flex;
   justify-content: flex-end;
   align-items: center;
}
.review_img_and_rating{
   background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
   padding: 10px 0px 0px 0px;
   display: flex;
   justify-content: space-evenly;
   align-items: center;
}
.google_review{
   height: auto;
   width: 240px;
   box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.176);
   margin-right: -20px;
}
.review_image{
   margin-top: -5px;
   height: auto;
   display: flex;
   align-items: center;
   justify-content: center;
}
.rating_text h1{
   font-size: 64px;
}
.review_star_container{
   display: flex;
   justify-content: space-evenly;
   margin-top: -10px;
   margin-bottom: 20px;
   padding: 0px 15px;
}
.review_star{
   height: 35px;
   width: 35px;
   background: var(--primary-color);
   clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.review_star_empty .star{
   height: 35px;
   width: 35px;
   fill: none;
   stroke: green; 
   stroke-width: 3;  
   clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.center_image{
   display: flex;
   justify-content: center;
}
.award_item{
   width: 100%!important;
   transform: none;
   opacity: 1;
}
.award_item .title16 h5{
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 600;
   color: var(--text-color-dark);
}
.award_item .desc_text_dark14{
   font-size: 0.875rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: var(--text-color-dark);
}
.main_services .item_service .award_item{
   margin: 10px;
   padding: 10px;
}
.award_item:hover .expertise_image img{
   transform: rotateY(0deg)!important;
}
.award_item .center_image{
   padding: 10px;
}
.award_item_hover_jquery{
   transition: all 0.5s ease;
}
.award_main_image{
   height: 100%;
   width: 100%;
   display: flex;
   justify-content: center;
}
.award_main_image img{
   height: 100%;
   width: 100%;
   object-fit: contain;
}
@media screen and (max-width: 576px){
   .award_main_image{
      padding-bottom: 50px;
   }
}
/* <!-- ==================  Awards & Recognition Ends ====================== --> */


/* <!-- ==================  Certitications starts ====================== --> */
.certifications_container{
   display: grid;
   grid-template-columns: auto auto auto auto auto;
   column-gap: 20px;
   row-gap: 20px;
}
.certifications_container .award_item .service_desc{
   display: flex;
   justify-content: center;
}
.certifications_container .award_item .service_desc .desc_text_dark14{
   width: 60%;
   text-align: center;
   padding-bottom: 8px;
}
/* <!-- ==================  Certitications ends ====================== --> */


/* <!-- ==================  Get In Touch Starts ====================== --> */
.padding_right30{
   padding-right: 30px;
}
.get_in_touch_text h2{
   font-size: 2.5rem;
   font-family: var(--primary-font);
   font-weight: 500;
   color: var(--text-color-dark);
}
.our_experts h1{
   font-size: 5rem;
   font-family: var(--primary-font);
   font-weight: 700;
   color: var(--primary-color);
}
.integrate_container{
   padding: 10px 0px;
}
.text_below_integrate{
   margin: 10px 0px;
}
a{
   text-decoration: none!important;
}
.our_experts_below_para p, .text_below_integrate p{
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: var(--text-color-dark);
}
.integrate_text h3, .contact_info h3{
   font-size: 1.875rem;
   font-family: var(--primary-font);
   font-weight: 600;
   color: var(--text-color-dark);
}
.partner_text h5{
   font-size: 1.125rem;
   font-family: var(--primary-font);
   font-weight: 500;
   color: var(--text-color-dark);
}
.contact_div p{
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: var(--text-color-dark);
}
.contact_container a{
   text-decoration: none;
}
.contact_div i{
   font-size: 1.5rem;
   margin-right: 10px;
   color: var(--primary-color);
}
.contact_div img{
   margin-right: 4px;
}
.bigger_arrow_right_with_bg{
   height: 30px;
   width: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: rgb(53,137,65);
   background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
   color: var(--text-color-white);
   border-radius: 100%;
   margin-top: -3px;
   margin-left: 15px;
   font-size: 0.875rem;
}
.contact_container{
   margin-top: 20px;
}
.arrow_with_bg_get_in_touch svg{
   margin-left: 10px;
   height: 30px;
   width: 30px;
   border-radius: 100%;
   margin-top: -4px;
   fill: #fff;
   padding: 5px;
   background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
}

/* ==== form css starts ===== */

.form_container{
   background: #fff;
   box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.176);
   padding: 30px;
   border-radius: 12px;
   margin-left: 80px;
   display: flex;
   align-items: center;
}
.form_wrapper{
   width: 100%;
}
.form_field input, .form_field textarea{
   width: 100%;
   padding: 12px 20px;
   margin: 10px 0px;
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: #333;
   border-radius: 50px;
   border: 1px solid #ccc;
}
.form_field input[name="name"]{
   height:50px;
   width: 100%;
   padding: 12px 20px;
   margin: 10px 0px;
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: #333;
   border-radius: 50px;
   border: 1px solid #ccc;
}
.form_field input[name="fullname"]{
   height:50px;
   width: 100%;
   padding: 12px 20px;
   margin: 10px 0px;
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: #333;
   border-radius: 50px;
   border: 1px solid #ccc;
}
.form_field input[name="websitelink"]{
   height:50px;
   width: 100%;
   padding: 12px 20px;
   margin: 10px 0px;
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: #333;
   border-radius: 50px;
   border: 1px solid #ccc;
}
.form_field input[name="email"]{
   height:50px;
   width: 100%;
}
.phone_number_field{
   height:50px;
   width: 100%;
}
.form_field input:focus{
   border: 1px solid #ccc;
   outline:none;
}
.form_field textarea:focus{
   border: 1px solid #ccc;
   outline:none;
}
.phone_number_field{
   border: 1px solid #ccc;
   border-radius: 50px;
}
.phone_number_field .input input{
   height:48px;
   width: 100%;
   padding: 20px 20px!important;
   margin-top: 0px;
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: #333;
   border-radius: 0px;
   border: 1px solid #ccc;
   border: 0px solid #222;
}
.phone_number_field input:focus{
   border: 0px;
}
.phone_number_field .flag_and_code{
   display: flex;
   align-items: center;
}
.phone_number_field .flag_and_code .contact_div{
   display: flex;
   align-items: center;
}
.phone_number_field .flag_and_code img{
   display: flex;
   align-items: center;
   margin-left: 20px;
}
.country_code{
   height: 30px;
   margin-top: 6px;
   margin-right: 8px;
}
.form_field textarea{
   padding: 20px;
   margin: 10px 0px;
   border-radius: 16px;
}
.form_field input::placeholder {
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: #444;
}
.form_field #phone_number{
   width: 100%;
   padding:0px 0px;
}
.form_field .phone_number_field{
   margin: 10px 0px;
}
.form_field textarea::placeholder {
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: #444;
}
.footer_form_btn{
   color: #fff;
}
.audit_from_container{
   padding: 0 20px!important;
}
/* <!-- ==================  Get In Touch Ends ====================== --> */


/* ==================  Revolutionizing Businesses Circle Design Started  ====================== */
.business_item{
   margin-left: -12px;
   box-shadow: rgba(58,153,72,22%) 6px 6px 12px;
   padding: 25px 20px;
   border-radius: 12px;
   margin-bottom: 15px;
   transition: all 0.3s ease;
   background: #fff;
   color: #222;
}
.business_item h5{
   margin-top: 10px;
}
.circle-wrapper{
   height: 100%;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
}
.item_circle{
   height: 100%;
   width: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.3s ease;
}
.circle_logo{
   height: 100%;
   width: 100%;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   transition: all 0.3s ease;
}
.item_circle1{
   z-index: 5;
   height: 60px;
   width: 60px;
   border-radius: 100%;
}
.item_circle1 img{
   animation: zoomInOut 3s infinite;
}
@keyframes zoomInOut {
   0%{ /* Start and end state */
      transform: scale(1);
   }
   50% { 
     transform: scale(1.5);
   }
}

.item_circle2{
   z-index: 4;
   height: 237px;
   width: 237px;
   border-radius: 100%;
   filter: drop-shadow(2px 2px 6px #000);
   overflow: hidden;
}
.item_circle3{
   z-index: 3;
   height: 368px;
   width: 368px;
   border-radius: 100%;
   filter: drop-shadow(2px 2px 5px #222);
   overflow: hidden;
}
.item_circle4{
   z-index: 2;
   height: 503px;
   width: 503px;
   border-radius: 100%;
   filter: drop-shadow(2px 2px 3px #333);
   overflow: hidden;
}
.item_circle5{
   z-index: 1;
   height: 643px;
   width: 643px;
   border-radius: 100%;
   overflow: hidden;
}
.item_circle img{
   height: 100%;
   width: 100%;
   object-fit: contain;
}
/* ==================  Revolutionizing Businesses Circle Design Ends  ====================== */

/* ==================  Featured projects slider Started  ====================== */
.featured_projects{
   padding: 0;
   margin: 0;
   overflow: hidden;
}
.featured_project_title{
  padding:0px 25px;
}
.owl-item {
   display: grid;
   grid-template-columns: 50% 50%;
}
.owl-item .content_wrapper{
   background: #444;
   display: flex;
   align-items: center;
}
.owl-buttons .owl-prev{
  position: absolute;
  top: 50%;
  left: -65px;
}
.owl-buttons .owl-next{
   position: absolute;
   top: 50%;
   transform: translate(-50%);
   right: -80px;
}
.slider_arrow span{
   height: 35px;
   width: 35px;
   display: flex;
   justify-content: center;
   align-items: center;
   background: var(--primary-color);
   border-radius: 100%;
   color:#fff;
}
.arrow_right_reversed span{
   transform: rotate(180deg);
}
.owl-theme .owl-controls .owl-buttons .owl-prev{
   background: none;
}
.owl-theme .owl-controls .owl-buttons .owl-next{
   background: none;
}
.owl-theme .owl-controls {
   margin-top: -10px!important;
}
.featured_image_div{
   background-color: var(--primary-color);
}
.featured_image_div{
   background: #fff;
   object-fit: contain;
}
.text_white18_600{
   font-size: 1.125rem;
   font-weight: 600;
   color: var(--text-color-white);
   font-family: var(--primary-font);
}
.transparent_arrow_right_button button{
   background: transparent;
   border: 2px solid var(--text-color-white);
}
.transparent_arrow_right_button button:hover{
   background: transparent;
   border: 2px solid var(--text-color-white);
   color:  var(--text-color-white);
}
.transparent_arrow_right_button button:hover a .quote_text{
   color: var(--text-color-white)!important;
}
.transparent_arrow_right_button button:hover a i{
   background: var(--text-color-white)!important;
   color: var(--text-color-dark)!important;
}
.featured_project_image{
   height: 420px;
   width: 100%;
   object-fit: contain;
}
.featured_project_image img{
   height: 100%;
   width: 100%;
   object-fit: contain;
}
.slider_button{
   margin-top: 60px!important;
}
.owl-buttons svg{
   height: 35px;
   width: 35px;
   border-radius: 100%;
   padding: 6px;
   fill: #fff;
   background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
}



/* ================== Let's Build Starts  ====================== */
.container_main{
   background: #dee0e5;
   border-radius: 15px;
}
.lets_build_img_container{
   position: relative;
   display: flex;
   justify-content: center;
}
.lets_build_left{
   padding-left: 40px!important;
}
.lets_build_image img{
   height: 340px;
   object-fit: cover;
}
.lets_build_svg{
   position: absolute;
   top: 28%;
   left: -10%;
}
.title50 span{
   font-size: 3.125rem;
   font-weight: 700;
   font-family: var(--primary-font);
   color: var(--text-color-dark);
}
.title50 .primary_colored_text{
   color: var(--primary-color);
}
.desc22 span{
   font-size: 1.375rem;
   font-weight: 400;
   font-family: var(--primary-font);
   color: var(--text-color-dark);
}
.arrrow_right_white_button button{
   background: #fff;
}
.arrrow_right_white_button button:hover{
   background: #fff;
}
.arrrow_right_white_button button a{
   color: var(--text-color-dark);
}
.arrrow_right_white_button button a .arrow_right i{
   background: rgb(53,137,65);
   background: linear-gradient(67deg, rgba(53,137,65,0.9752275910364145) 10%, rgba(76,197,94,1) 90%);
   color: var(--text-color-white);
}

/* ==================  Let's Build Ends  ====================== */


/* ==================  Our Expertise Starts  ====================== */
.expertise_image img{
   object-fit: contain;
   transition: all 0.5s ease;
}
.item_copy:hover .expertise_image img{
   transform: rotateY(180deg);
}
.bigger_arrow_right i{
   margin: 10px 0px 0px 0px;
   height: 50px;
   width: 50px;
   background: #fff;
   transition: none;
}
.bigger_arrow_right:hover i{
   transform: none;
}
.bigger_arrow_right i span{
   font-size: 2rem;
}
.title28 h4{
   font-size: 1.75rem;
   font-weight: 600;
}
.item_service:hover .arrow_right_hover_light svg{
   fill: #fff;
}
/* ==================  Our Expertise Ends  ====================== */


.become_partner_bg_text{
   background: var(--primary-light-color);
   padding: 8px 15px;
   border-radius: 4PX;
}



/* ==================  Technology Stack Starts  ====================== */
.technology_title_container{
   display: flex;
   align-items: center;
   padding-right: 20px;
}
.technology_container_padding{
   padding: 30px;
}
.technology_sub_section .image{
   background: #fff;
   border-radius: 6px;
   height: auto;
   width: auto;
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 10px;
   box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.176);
}
.technology_sub_section .image img{
   height: 100%;
   width: 100%;
   object-fit: contain;
}
.technology_sub_section .content_wrapper{
   display: flex;
   flex-direction: column;
   align-items: center;
}
.sub_section_middle{
   margin-right: 50px;
}
.technology_sub_section h5{
   width: fit-content;
   border-bottom: 1px solid #333;
   color: #333;
   font-family: var(--primary-font);
   font-weight: 500;
   font-size: 1.125rem;
}
.technology_sub_section p{
   color: #333;
   font-family: var(--primary-font);
   font-weight: 400;
   font-size: 0.9375rem;
}
.technology_title h3{
   width: fit-content;
   border-bottom: 2px solid #333;
   color: var(--text-color-dark);
   font-family: var(--primary-font);
   font-weight: 700;
   font-size: 2.25rem;
   transition: color 2s ease;
}
.technology_container:hover .technology_title h3{
   border-bottom: 2px solid var(--primary-color);
   color: var(--primary-color);
}
.hover_grey {
   transition: 0.7s ease;
   opacity: 1;
 }
 .hover_grey2{
   transition: 0.7s ease;
   opacity: 1;
 }
/* ==================  Technology Stack Ends  ====================== */


/* <!-- =============== Lets Hear Testimonial Starts ================== --> */
.padding_rl_60{
   padding: 60px;
}
.testimonial_image{
   position: relative;
   left: -12px;
   z-index: 1;
}
.testimonial_image .bg_image{
   height: 360px;
   width: 100%;
   position: relative;
   top: 0px;
   left: 0px;
   z-index: 1;
}
.testimonial_image .bg_image img{
   height: 100%;
   object-fit: cover;
}
.testimonial_image .testi_image{
   height: 250px;
   position: absolute;
   top: 75px;
   left: 25px;
   z-index: 2;
   cursor: pointer;
}
.testimonial_image .testi_image img{
   height: 100%;
   object-fit: cover;
}
.testi_video{
   height: 250px;
   width: 444px;
   position: absolute;
   top: 75px;
   left: 25px;
   z-index: 1;
   cursor: pointer;
}
.testi_right{
   display: flex;
   justify-content: flex-end;
   align-items: center;
}
.testi_right .testimonial_content{
   position: relative;
   left: 0px;
}
.testi_quote_image{
   position: relative;
   left: -20px;
}
.testi_right .testi_heading{
   position: absolute;
   top: 40px;
}
.testi_description{
   font-size: 1.1rem;
}
.testimonial{
   display: flex;
   justify-content: center;
}
.testimonial_carasoul{
   width: 80%!important;
}
 .testi_slide_image{
   height: 100px;
   width: 100px;
   border-radius: 100%;
   overflow: hidden;
   margin-top: 25px;
   margin-bottom: 25px;
   cursor: pointer;
   transition: all 0.3s ease;
 }
 .testi_slide_image img{
   height: 100%;
   width: 100%;
   object-fit: cover;
 }

 /* slick slider */
 .slider-nav {
  height: 200px;
}
 .active_slick_image{
   margin-top: 12px;
   padding: 2px;
   height: 130px;
   width: 130px;
   border: 2px solid var(--primary-color);
}
.testi_slide_image{
   display: flex;
   justify-content: center;
   margin-left: 50%;
   transform: translateX(-50%);
}
.slider-nav .slider_arrow span{
   background: transparent;
   color: #555;
   border: 1px solid #ccc;
   height: 50px;
   width: 50px;
   font-size: 32px;
   cursor: pointer;
}
.slider-nav .slider_arrow span:hover{
   color: #222;
   border: 1px solid #666;
}
.slider-nav .arrow_right_reversed{
   position: absolute;
   top: 80%;
   left: 45%;
   z-index: 10;
   transform: translateX(-45%);
}
.slider-nav .arrow_right{
   position: absolute;
   top: 80%;
   right: 45%;
   z-index: 10;
   transform: translateX(45%);
}
.slider-nav svg{
   height: 35px;
   width: 35px;
   border-radius: 100%;
   padding: 6px;
   border: 1px solid #ccc;
}
/* <!-- =============== Lets Hear Testimonial Ends ================== --> */


/* ==================  Partner Starts  ====================== */
.partner_div{
   padding: 0!important;
}
.partner_image{
   width: 100%;
   height: 100%;
   border: 1px solid #eee;
}
.partner_image img{
   padding: 35px;
   width: 100%;
   height: 100%;
   object-fit: contain;
}
/* ==================  Partner Ends  ====================== */


/* ================== Our Robust Started ====================== */
.container_main_dark{
  background: var(--text-color-dark);
}
.title50_light span{
   font-size: 2rem;
   font-weight: 600;
   color: var(--text-color-white);
}
.our_robust_image_container{
   display: flex;
   justify-content: flex-end;
}
.our_robust_image_container img{
   object-fit: cover;
   margin-right: -12px;
   margin-top: -8px;
}
/* ================== Our Robust Ends ====================== */


/* ========================= Why Choose Starts ========================= */
.why_choose_item{
   display: grid;
   grid-template-columns: auto auto;
   box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.1111);
   padding: 15px 15px 0px 15px;
   border-radius: 6px;
   margin-bottom: 22px;
   transition: all 0.3s ease;
}
.why_choose_item .icon{
   margin-right: 10px;
   margin-top: 1px;
}
.why_choose_item .icon i{
   display: flex;
   justify-content: center;
   align-items: center;
   height: 24px;
   width: 24px;
   background: var(--primary-color);
   color: var(--text-color-white);
   font-size: 1rem;
   border-radius: 100%;
   transition: all 0.3s ease;
}
.why_choose_item .why_choose_content .heading h3{
   font-size: 1.375rem;
   font-family: var(--primary-font);
   font-weight: 600;
   color: var(--text-color-dark);
}
.why_choose_item .why_choose_content .description p{
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: var(--text-color-dark);
}
.why_choose_item:hover{
   background: var(--primary-color);
}
.why_choose_item:hover .icon i{
   background: var(--text-color-white);
   color: var(--primary-color);
}
.why_choose_item:hover .heading h3{
   color: var(--text-color-white);
}
.why_choose_item:hover .description p{
   color: var(--text-color-white);
}
/* ========================= Why Choose Ends ========================= */


/* ========================= How we work starts ========================= */
.section_how_we_work{
   padding: 40px 0px 80px 0px;
}
/* ========================= How we work Ends ========================= */


/* ==================  Featured Blog Started ====================== */
.blog_item_blog{
   padding: 20px!important;
}
.blog_wrapper_main{
   background-color: #e6ebf1;
   padding: 15px 6px;
   border-radius: 8px;
}
.blog_item_blog:nth-child(1) .blog_wrapper_main{
   background-color: #e6ebf1;
}
.blog_item_blog:nth-child(2) .blog_wrapper_main{
   background-color: #e8f1e9;
}
.blog_item_blog:nth-child(3) .blog_wrapper_main{
   background-color: #e8f1e9;
}
.blog_item_blog:nth-child(4) .blog_wrapper_main{
   background-color: #e6ebf1;
}
.blog_item_blog:nth-child(5) .blog_wrapper_main{
   background-color: #e6ebf1;
}
.blog_item_blog:nth-child(6) .blog_wrapper_main{
   background-color: #e8f1e9;
}
.blog_item_blog:nth-child(7) .blog_wrapper_main{
   background-color: #e8f1e9;
}
.blog_item_blog:nth-child(8) .blog_wrapper_main{
   background-color: #e6ebf1;
}
.blog_item_blog:nth-child(9) .blog_wrapper_main{
   background-color: #e6ebf1;
}
.blog_item_blog:nth-child(10) .blog_wrapper_main{
   background-color: #e8f1e9;
}
.blog_item_blog:nth-child(11) .blog_wrapper_main{
   background-color: #e8f1e9;
}
.blog_item_blog:nth-child(12) .blog_wrapper_main{
   background-color: #e6ebf1;
}
.blog_item_blog:nth-child(13) .blog_wrapper_main{
   background-color: #e6ebf1;
}
.blog_item_blog:nth-child(14) .blog_wrapper_main{
   background-color: #e8f1e9;
}
.blog_item_blog:nth-child(15) .blog_wrapper_main{
   background-color: #e8f1e9;
}
.blog_item_blog:nth-child(16) .blog_wrapper_main{
   background-color: #e6ebf1;
}
.blog_item_blog:nth-child(17) .blog_wrapper_main{
   background-color: #e6ebf1;
}
.blog_item_blog:nth-child(18) .blog_wrapper_main{
   background-color: #e8f1e9;
}
.blog_item_blog:nth-child(19) .blog_wrapper_main{
   background-color: #e8f1e9;
}
.blog_item_blog:nth-child(20) .blog_wrapper_main{
   background-color: #e6ebf1;
}
.blog_wrapper_main3{
   background-color: #edeffe;
   position: relative;
   overflow: hidden;
}
.blog_wrapper_main .full_image{
   border-radius: 12px;
   padding:8px 0px;
}
.blog_wrapper_main .full_image img{
   border-radius: 12px;
}
.blog_content{
   display: flex;
   justify-content: center;
   align-items: center;
}
.blog_content .coloured_text{
   font-family: var(--primary-font);
   color: var(--primary-color);
   font-weight: 700;
   font-size: 1rem;
}
.blog_content .blog_heading h5{
   font-family: var(--primary-font);
   color: var(--text-color-dark);
   font-weight: 600;
   font-size: 1.125rem;
}
.blog_content .date_of_post p{
   font-family: var(--primary-font);
   color: var(--text-color-dark);
   font-weight: 400;
   font-size: 0.9375rem;
}
.blog_right_section{
   margin-left: 15px!important;
}
.blog3_image{
   display: flex;
   justify-content: flex-end;
   position: relative;
   right: 40px;
   bottom: 20px;
   z-index: 2;
}
.bg_white_circle{
   height: 420px;
   width: 420px;
   background: #fff;
   border-radius: 100%;
   position: absolute;
   bottom: -60px;
   right: -60px;
   z-index: 1;
}
.blog_right_section .coloured_text{
   font-size: 1.125rem;
}
.blog_right_section .blog_heading h5{
   font-size: 1.5rem;
}
/* ==================  Featured Blog Ends ====================== */


/* ==================  PopUp Starts ====================== */
.popUp{
   height: 100%;
   width: 100vw;
   background: rgba(0, 0, 0, 0.5);
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1000000;
   display: none;
}
.popUp_row{
   height: 100vh;
}
.wrapper_inner{
   position: relative;
   top: 50%;
   left: 50%;
   transform: translate(-50%,-50%);
   z-index: 99;
   height:fit-content;
   background-color: #fff;
   border-radius: 12px;
   display: flex;
}
.popUp_left{
   /* background: #f2f8f3; */
   border-radius: 12px;
   margin:5px 5px 5px -5px;
}
.popUp_left_image_full{
   height: 420px;
   width: 100%;
}
.popUp_left_image_full2{
   height: auto;
}
.audit_popup_email_field input{
   margin: 0px;
}
#popUp_right h4{
   padding:20px 20px 0px 20px;
}
.popUp_left_image_full img{
   height: 100%;
   width: 100%;
   object-fit: contain;
   border-radius: 6px;
}
.left_wrapper{
   padding: 10px;
}
.left_wrapper2{
   background: #f2f8f3;
   border-radius: 12px;
   margin:5px 5px 5px -5px;
}
.form_wrapper2{
   padding-left: 20px;
}
.btn-text-white{
   color: #fff;
}
.arrow-hover-white:hover i{
   color: #fff!important;
}
.popUp_left h2{
   color: var(--text-color-dark);
   font-weight: 600;
   margin-bottom: 15px;
}
 .popUp_images .image img{
 height: 100%;
 width: 100%;
 object-fit: contain;
 background: #fff;
 border-radius: 6px;
}

.popUp_button_submit{
  margin-left: 10px;
}
.popUp_button_submit input{
   border: none;
   background: #3a9948;
   color: #fff;
   padding: 6px 12px;
   border-radius: 4px;
 }
 .popUp_button_submit input:hover{
   background: #2c7e38;
 }

/* popUp form css */
.countryFlag img{
   height: 24px;
   padding: 0px;
   margin-left: 10px!important;
   padding-bottom: 5px;
}
.dialCode{
   padding: 0px;
   margin-left: -15px!important;
}
#popUp_right .form_field input{
   padding: 12px 20px;
   margin: 5px 0px;
   color: #666;
   border-style: none;
   border-radius: 0px;
   border-bottom: 0px solid #ccc;
}
#popUp_right{
 display: grid;
 align-items: center;
 padding: 20px;
}
#popUp_right hr{
   margin-top: 0px;
   margin-left: 18px;
}

#textarea_hr{
   margin-left: 20px;
   margin-top: -20px !important;
}
#popUptextarea {
   border: none !important;
   outline: none !important;
   resize: none !important;
   box-shadow: none !important;
 }
#popUptextarea:focus {
   border: none !important;
   outline: none !important;
   resize: none !important;
   box-shadow: none !important;
 }
#phone_hr{
   margin-left: 20px!important;
}

#popUp_right .phone{
   margin-top: -12px;
   margin-left: 0px;
}
#popUp_right .form_field input[name="name"]{
   height:50px;
   width: 100%;
   padding: 12px 20px;
   margin: 2px 0px;
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: #666;
   border-radius: 0px;
   border-bottom: 0px solid #ccc;
}
#popUp_right .phone_number_field{
   height:50px;
   width: 100%;
   border: none;
}
#popUp_right .form_field input:focus{
   border-bottom: 0px solid #ccc;
   outline:none;
}
#popUp_right .phone_number_field{
   border-bottom: 0px solid #ccc;
   border-radius: 0px;
}
#popUp_right .phone_number_field .input input{
   height:48px;
   width: 100%;
   padding: 20px 20px!important;
   margin-top: 0px;
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: #666;
   border-radius: 0px;
   border: 0px solid #222;
   border-bottom: none;
}
#popUp_right .phone_number_field input:focus{
   border: 0px;
}
#popUp_right .phone_number_field .flag_and_code{
   display: flex;
   align-items: center;
   color: #666;
}
#popUp_right .phone_number_field .flag_and_code .contact_div{
   display: flex;
   align-items: center;
}
#popUp_right .phone_number_field .flag_and_code img{
   display: flex;
   align-items: center;
   margin-left: 20px;
}
#popUp_right .country_code{
   height: 30px;
   margin-top: 6px;
   margin-right: 8px;
}
#popUp_right .country_code p{
   color: #666;
}
#popUp_right .form_field input::placeholder {
   font-size: 1rem;
   font-family: var(--primary-font);
   font-weight: 400;
   color: #666;
}
#popUp_right .form_field #phone_number{
   width: 100%;
   padding:0px 0px;
}
#popUp_right .form_field .phone_number_field{
   margin: 10px 0px;
}
#popUp_right .button_main{
  margin-left: 10px;
  margin-bottom: 25px;
}
.popUp_cross_icon i{
   position: relative;
   top: 15px;
   right: 45px;
   height: 26px;
   width: 26px;
   border-radius: 100%;
   color: var(--text-color-white);
   background: var(--primary-color);
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: 1rem;
   cursor: pointer;
}

/* ==================  PopUp Ends ====================== */


/* ================================  Big Breadcrumb CSS Starts  ============================ */
.big_bredcrum{
   background-color: #d6e9fb;
}
.big_bredcrum_row{
   padding: 60px 0px;
}
.big_breadcrum_left{
   height: 100%;
    display: flex;
    align-items: center;
}
.big_breadcrum_image{
   height: 100%;
   width: 100%;
   padding-top: 20px;
}
.big_breadcrum_image img{
   height: 100%;
   width: 100%;
   object-fit: cover;
}
.big_breadcrum_text h4{
   color: var(--primary-color);
   font-weight: 400;
   font-size: 2rem;
   line-height: 18px;
}
.big_breadcrum_text h2{
   color: var(--text-color-dark);
   font-weight: 800;
   font-size: 2.6rem;
}
.big_breadcrum_text h5{
   color: var(--text-color-dark);
   font-weight: 400;
   font-size: 1.35rem;
}
/* ================================  Big Breadcrumb CSS Ends  ============================ */


/* ================================ Career Page Tab job openings CSS Starts  ============================ */
.job_openings_section_row{
   padding: 80px 0px;
}
.filter-menu ul{
   margin-left: -20px;
   cursor: pointer;
}
.filter-menu ul li{
   list-style: none;
   margin-bottom: 10px;
   padding: 15px;
   font-size: 1.2rem;
   font-weight: 500;
}
.itemBox{
   display: none;
}
.activetab{
   color: var(--primary-color);
   display: block;
   border-radius: 6px;
}
.tab_description_item{
   padding: 0px 20px;
}
.tab_description_item h4{
   margin-top: 20px;
}
.desired_candidate_desc_item .title{
   font-weight: 600;
   font-size: 1.075rem;
   color: #555;
}
.job_title_link{
   color: #444;
}
.job_title_link:hover{
   color: var(--primary-color);
}
.job_position_overview p{
   color: #666;
   font-size: 1.1rem;
}
.job_responsibilities ul li{
   color: #666;
   font-size: 1.075rem;
}
.job_requirements ul li{
   color: #666;
   font-size: 1.075rem;
}
.desired_candidate_desc_item .content{
   color: #666;
   font-size: 1.075rem;
}
/* ================================ Career Page Tab job openings CSS Ends   ============================ */


/* ================================ Career Page Process Starts   ============================ */
.process_section{
   background: #e6ebf1;
   padding: 60px 0px;
}
.process_cards_wrapper{
   display: grid;
   grid-template-columns: auto auto auto auto auto;
   padding-top: 20px;
}
.process_head {
   display: flex;
   padding: 0px 20px;
}
.process_head h1{
   height: 60px;
   width: 60px;
   border-radius: 100%;
   background: var(--primary-color);
   color: var(--text-color-white);
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   z-index: 2;
}
.dash_image{
   height: 5px;
   width: 100%;
   margin-top: 30px;
   background: url('../img/process/dash.png');
   background-repeat: repeat-x;
   margin-left: -10px;
   margin-right: -60px;
   z-index: 0;
}
.dash_image_round{
   height: auto;
   width: 100%;
   margin-top: -80px;
   background: url('../img/process/round_dash.png');
   background-repeat: no-repeat;
   margin-left: -10px;
   margin-right: -60px;
   z-index: 0;
}
.process_body{
   padding: 20px;
}
.process_list{
   display: flex;
   flex-direction: column;
}
.process_body img{
   height: 60px;
   width: auto;
   margin-bottom: 20px;
   filter: grayscale(90%);
   transition: 0.3s ease-in;
}
.process_card:hover img{
   filter: grayscale(0%);
}
/* ================================ Career Page Process Ends   ============================ */


.faq_section{
   background: #e6ebf1;
   padding-top: 60px;
}
.sld-wrp{
   padding-top: 0px;
}
/* ================================ Career Page Job Apply Now Form Starts   ============================ */
.job_apply_section{
   background: #fff;
   padding: 60px 0px;
}
.job_form form{
   margin-top: 30px;
}
.job_form_right_content{
   padding-left: 40px;
}
.job_apply_form{
   border-right: 1px solid #ccc;
}
.job_form{
   padding-right: 40px;
}
.form_field_firstname, .form_field_lastname{
   margin-bottom: -15px;
}
.job_form .form_field input{
  border-radius: 4px!important;
  padding: 10px;
  border: 1px solid #ccc;
  background: #eee;
}
.job_form .form_field select{
   border-radius: 4px!important;
   border: 1px solid #ccc;
   background: #eee;
   color: #444;
   padding: 12px 5px;
   width: 100%;
 }
 .job_form .form_field select:focus{
   outline: none;
   border: 1px solid #6fb48c;
 }
 .custom-select::after {
   content: "\25BC"; /* Unicode arrow-down character */
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-50%);
   pointer-events: none;
}
.job_form .form_field input:focus{
   border-radius: 4px!important;
   border: 1px solid #6fb48c;
 }
.job_form_right_content h1{
   margin-bottom: 30px;
}
.round_number{
   height: 40px;
   width: 40px;
   background: var(--primary-color);
   color: var(--text-color-white);
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 100%;
   font-size: 1.2rem;
   margin-right: 20px;
}
.right_content{
   display: flex;
}
.right_content .icon_image{
   height: 40px;
   width: 40px;
   margin-right: 10px;
}
.right_content .icon_image img{
   height: 100%;
   width: 100%;
}
.job_form_right_content p{
   color: #444;
   font-size: 1.075rem;
}
.job_form_phone{
   margin-top: 30px;
   color: #444;
}
.job_form_phone2 .number{
  margin-top: 5px;
}
.job_form_phone a{
   color: #444;
}
.job_form_phone a:hover{
   color: #666;
}
.job_form_right_content2{
   padding: 20px;
}
/* ================================ Career Page  Job Apply Now Form Ends   ============================ */



/* ================================  Single Blog Page CSS Starts  ============================ */
.content_wrapper{
   padding: 20px 0px;
}
.single_blog_section{
   background: #eee;
}
.single_blog_section .content_wrapper{
   display: grid;
   grid-template-columns: 70px auto 250px;
   column-gap: 20px;
}
.single_blog_section .share{
   display: flex;
   justify-content: center;
   text-align: center;
}
.single_blog_section .share_wrapper{
   padding: 25px 0px 0px 0px;
   background: #fff;
   border-radius: 2px;
   height: fit-content;
}
.single_blog_section .share_wrapper p{
   text-align: center;
   color: #666;
}
.single_blog_section .share_items{
   display: flex;
   flex-direction: column;
}
.single_blog_section .share_items a i{
   color: #666;
   margin-bottom: 25px;
}
.description_wrapper{
   background: #fff;
   border-radius: 2px;
   padding: 20px;
   height: fit-content;
}
.single_blog_breadcrum{
   margin: 15px 0px;
}
.breadcrum_list i{
   font-size: 12px;
   margin: 0px 6px;
}
.single_blog_breadcrum .breadcrum_list a{
   list-style: none;
   color: #1d6828;
   font-weight: 600;
}
.post_image{
   margin: 30px 0px;
}
.post_image .image{
   width: 100%;
   height: auto;
}
.post_image .image img{
   width: 100%;
   height: auto;
   object-fit: cover;
}
.sidebar{
   border-radius: 2px;
   height: fit-content;
}
.table_of_contents{
   background: #fff;
   padding: 20px 15px;
}
.sidebar .content_block{
   padding: 5px 0px;
}
.sidebar .block{
   margin: 8px 0px;
   /* border-left: 4px solid #008f3b; */
}
.sidebar .block_text{
   margin-left: 6px;
}
.sidebar .block a{
   color: #666;
}
.sidebar_image{
   margin-top: 20px;
   background:var(--primary-color);
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
}
.sidebar_image .image{
   width: 100%;
   height: auto;
   padding: 0px 10px;
}
.sidebar_image .image img{
   width: 100%;
   height: auto;
   object-fit: cover;
}
.sidebar_image{
   padding-top: 20px;
 }
.sidebar_contact{
   position: relative;
   top: -20px;
   left: 50%;
   transform: translate(-50%);
   width: 210px;
   background: #eee;
   z-index: 2;
   text-align: center;
   padding:15px 10px;
   border-radius: 10px;
}

.simple_buttton button{
   margin-top: 10px;
   background: var(--primary-color);
   border-style: none;
   padding: 10px 30px;
   border-radius: 25px;
   color: #fff;
}
.simple_buttton button:hover{
   color: #ddd;
}
.top120_sticky{
   position: sticky;
   top: 120px;
}
/* ================================ single Blog Page CSS Ends  ============================ */


/* ================================  Footer Starts  ============================ */
.footer_section{
   background: #222;
   padding: 30px 0px;
   position: relative;
   z-index: 4;
} 
.footer_section .service_list{
   display: flex;
   flex-direction: column;
}
.footer_section .heading h3{
   color: var(--text-color-white);
   font-family: var(--primary-font);
   font-weight: 400;
   font-size: 1.5rem;
}
.footer_section p{
   color: var(--text-color-white);
   font-family: var(--primary-font);
   font-weight: 400;
   font-size: 0.9375rem;
}
.footer_wrapper{
   display: grid;
   grid-template-columns: auto 250px auto auto 320px;
}
.footer_item{
   padding: 20px;
}
.group_wrapper{
   display: grid;
   grid-template-columns: auto auto;
}
.group_wrapper .logo{
   margin-top: 20px;
   width: auto;
   background: #fff;
   border-radius: 6px;
   display: flex;
   justify-content: center;
   margin: 5px;
}
.footer_list a{
   color: var(--text-color-white);
   text-decoration: none;
   font-size: 0.875rem;
   font-family: var(--primary-font);
   font-weight: 400;
   font-size: 0.9375rem;
}
.footer_list a:hover{
   color: var(--text-color-white-hover);
}
.newsletter .newsletter_input{
   height: 40px;
   border-style: none;
   padding: 0px 6px;
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
   font-family: var(--primary-font);
   font-weight: 400;
   font-size: 0.9375rem;
}
.newsletter input:focus{
   outline: none;
}
.newsletter_button{
   height: 40px;
   border-style: none;
   background: var(--primary-color);
   padding: 0px 15px;
   font-size: 0.9375rem;
   color: var(--text-color-white);
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
   font-family: var(--primary-font);
   font-weight: 400;
   font-size: 0.9375rem;
   position: relative;
   top: 0px;
}
.newsletter_info{
   font-size: 0.875rem;
}
.line_horizontal{
   height: 1px;
   color: var(--text-color-white);
}
.line_horizontal2{
   height: 2px!important;
   color: var(--text-color-white);
}
.footer_social_links a{
   color: var(--text-color-white);
   margin-right: 25px;
   font-family: var(--primary-font);
   font-weight: 400;
   font-size: 0.9375rem;

}

.footer_social_links a:hover{
   color: var(--text-color-white-hover);
}
.contact_social_links a{
   color: var(--text-color-dark);
   margin-right: 25px;
   font-family: var(--primary-font);
   font-weight: 400;
   font-size: 1.7rem;

}

.contact_social_links a:hover{
   color: var(--primary-color);
}
.footer_bottom{
   display: grid;
   grid-template-columns: auto auto auto;
   justify-content: center;
}
.footer_bottom span{
   font-family: var(--primary-font);
   color: var(--text-color-white);
   font-weight: 400;
   font-size: 0.875rem;
   margin-right: 20px;
}
.footer_bottom a{
   font-family: var(--primary-font);
   color: var(--text-color-white);
   font-weight: 400;
   font-size: 0.875rem;
   text-decoration: none;
   margin-right: 20px;
}
.footer_bottom a:hover{
   color: var(--text-color-white-hover);
}
/* ================================  Footer Ends  ============================ */



/* 
==================================================================================-====
==================== Career snd Career Description page Css Starts ==================== */
.blue-color{
   color: #3a9948 !important;
}
.orange-color{
   color: #3a9948;
}
.font-size-14{
   font-size: 14px;
} 
.font-size-24{
   font-size: 24px;
}
.f-weight-600 a{
   font-weight: 600 !important;
}

.text-align-right-and-left-in-mobile{
   text-align: right;
   /* this will be chaged later */
}
.text-align-left{
   text-align: left;
}

.job-container{
   /* border: 1px solid black; */
   padding: 10px 5px;
   border-radius: 5px;
   box-shadow: 0px 2px 8px 0px rgba(58, 58, 58, 0.301);
}
.job-title{
   font-size: 16px;
   font-weight: 600;
}
.job_desc_sidebar{
   padding: 60px 0px;
   box-shadow: 0px 2px 8px 0px rgba(58, 58, 58, 0.301);
   border-radius: 6px;
   height: fit-content;
   margin-right: 30px;
}
.job_desc_with_sidebar{
   display: flex;
   justify-content: space-between;
}
.job_apply_form_left{
   margin-left: 20px;
}
.view-job-btn {
text-decoration: none;
}
.view-job-btn:hover{
   text-decoration: none;
   color: #3a9948 !important;
}
.career-page-background-img{
   z-index: -10;
   position: absolute;
   top: -150px;
   left: -100px;
}
.career-page-background-img img{
   width: 100%;
}
.career-page-heading{
   font-size: 56px;
}
.last_button_bottom{
   display: none;
}
.first_button_bottom{
   display: flex;
}  

/*********************** CSS FOR JOB DESCRIPTION *************/
/* breadcrumbs css */
.breadcrumbs ul{
   list-style-type: none;
}
.breadcrumbs ul li{
   display: inline-block;
   color: black !important;
}
.breadcrumbs ul li a{
   color: #4e616a;;
}
.breadcrumbs ul li a:hover{
   color: #3a9948;

}
li.active-page a{
   color: #3a9948  !important;
}
.breadcrumbs ul li a:hover{
   /* cursor: pointer; */
   text-decoration:  none ;  
}
.breadcrumbs  hr{
   /* margin-top: -5px; */
   margin-left: auto;
   margin-right: auto;
   width: 90%;
}
/* descriptin seciton css */
.description-page-job-title{
   font-weight: 600;
   font-size: 24px;
}
.description-page-subtitle{
   font-size: 20px;
   font-weight: 600;
   color: #3a9948;
}
.description-text{
   color: #4e616a;
   font-size: 16px;
}
.list-in-description li{
   margin-bottom: 10px;
}
.apply-for-job-btn{
   margin-left: auto;
   margin-right: auto;
   font-size: 15px;
   font-weight: 600;
   color: white;
   background-color: #3a9948;
   padding:  15px 22px;
   border-radius: 3px; 
   transition: background-color 0.2s;
}


.apply-for-job-btn:hover{
   color: white !important;
   text-decoration: none;
   background-color: #3a9948;
   
}
.left-sidebar{
   border-left: 1px solid #c8c9c9b6;
   height: 100%;
   padding-left: 20px;
}
.left-sidebar-apply-for-button a{
   font-size: 18px ;
   /* border: 1px solid green; */
   width: 100%;
   display: inline-block;
}
.job-opening-share{
   width: 100%;
   border: 1px solid #c8c9c9b6;
   border-radius: 3px;
   padding: 5px;
}

/* mobile responsive */
@media screen and (max-width:776px){
   .description-section .description-text{
       font-size: 15px;
   }
   .text-align-right-and-left-in-mobile{
       text-align: left;
   }
   .hide-on-mobile{
       display: none;
   }
   .left-sidebar {
      padding: 0px !important;
      border-left: none !important;
}
}
/* 
==================================================================================-====
==================== Career snd Career Description page Css Ends ==================== */




/* 
=========================================================================
==================== Career Form Css Starts ==================== */
/*================ application sublinks =======================*/
.application-form-container{
   padding: 10px 80px !important;
}
.application-sublinks ul{
   display: flex;
   flex-direction: row;
   gap: 10px;
}
.application-sublinks ul li{
   list-style: none;
   font-size: 14px;
   font-weight: 700;
}
.application-sublinks ul li a{
   text-decoration: none;
   color: #4C333D;
}
.application-sublinks ul li:hover a{
   color:var(--secondary-color);
}
.application-sublinks-icon{
   color: #4C333D;
   font-weight: bold;
}
.application-form-link a{
   color:var(--secondary-color) !important;
}
.hr-line{
   margin: 30px 0px;
  background-color:#98b1bd!important;
}

/*======================================  */

/* .form-description{
   border: 1px solid ;
} */
.description-heading{
   font-size: 18px;
   font-weight: 700;
   line-height: 20px;
   color: #2a333d;
}
.description-paragraph{
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   color:#8aa2ad;
}
.required-icon{
   color: red;
   font-weight: bold;
}
input[type=text],  textarea  {
   width: 100%;
   padding: 10px;
   border: 1px solid #8aa2ad;
   border-radius: 4px;
   box-sizing: border-box;
   margin-top: 6px;
   margin-bottom: 16px;
   resize: vertical;
 }
 input[type=text]:focus {
   outline: none;
   box-shadow: 0 0 0 2px rgba(129, 175, 255, 0.3);
 }
 input::placeholder {
   color: #8aa2ad;
  font-weight: 600;
 }
 .candidate_info{
   font-weight: 700;
   font-size: 14px;
   line-height: 15px;
color: #2a333d;
 }
.help-block{
   font-size: 14px;
   font-weight: 500;
   line-height: 20px;
Color:#98b1bd;
margin-left: -70px!important;
}
textarea:focus {
   outline: none;
   box-shadow: 0 0 0 2px rgba(129, 175, 255, 0.3);
 }
 /*========================================== Style the checkbox============ */
input[type="checkbox"] {
   width: 15px;
   height: 15px;
   outline: none;
   background-color: green;
 }
 .left-hr-line{
   border-left: 1px solid rgba(100, 101, 103, 0.3);
   width: 1px ;
   /* height: 260px; */
   margin-top: 5px;
 }
 .required-fields-text{
   padding-left: 350px;
 }
 .submit-button{
   padding: 10px 20px;
   border: none;
   background-color: #008f3b;
   border-radius: 5px;
   font-size: 15px;
   line-height: 30px;
   color: #fff;
   font-weight: 700;
 }
 .submit-button:hover{
   background-color: #008f3b;
 }
 .submit-button:focus{
 outline: none;
 /* border: none; */
 }
 @media(max-width:550px){
   .application-form-container{
       padding: 10px!important;
   }
   .required-fields-text{ padding-left: 10px !important;}
   .help-block{margin-left: 1px !important;}
   .application-sublinks ul{flex-wrap: wrap;}
 }
/* 
=========================================================================
==================== Career Form Css Ends ==================== */


/* ================== Our core values Started ====================== */
.core_values_section{
   padding: 50px 60px;
}
.core_value_item{
   margin-bottom: 30px;
}
.core_value_item .round_number{
   background: rgba(58,153,72, 0.2);
   color: #222;
   margin-right: 6px;
}
.core_value_item .item_wrapper{
   box-shadow: 0px 2px 8px 0px rgba(58, 58, 58, 0.301);
   padding: 25px 10px;
   position: relative;
}
.core_value_item .item_wrapper::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 8px; 
   background: linear-gradient(to left, rgba(58,153,72, 0.2), rgba(58,153,72, 0.2) 80%, #3a9948 50%, #3a9948); 
}
.core_value_heading .head_text{
   display: flex;
   align-items: center;
   margin-top: 6px;
   margin-left: 0px;
}
.core_value_description{
   padding-left: 5px;
   padding-top: 12px;
}
/* ================== Our core values Ends ====================== */


/* ================== Accordin Starts====================== */
.accordin_row{
   padding: 20px 0px 60px 0px;
}
.accordion-button:not(.collapsed) {
   color: var(--primary-color);
   background-color: #e7f1ff;
   box-shadow: none;
}
.accordion-button:focus {
   z-index: 3;
   border-color: var(--primary-color);
   outline: none;
}
/* ================== Accordin Ends====================== */
/*================================================
Offer button Area CSS
=================================================*/
.offer-button {
   position: fixed;
   /* top: 50%; */
   /* left: 2%; */
   opacity: 0;
   cursor: pointer;
   color: #fff;
   font-size: 18px;
   line-height: 24px;
   text-align: center;
   /* border-radius: 50px; */
   /* border: 1px solid #fff; */
   display: inline-block;
   /* height: 50px; */
   white-space: nowrap;
   padding-left: 12px;
   /* background-color: #25d366; */
   z-index: 100;
   -webkit-transition: all 500ms ease-in-out;
   transition: all 500ms ease-in-out;
 }
 .offer-button.active {
   top: 98%;
   -webkit-transform: translateY(-95%);
   transform: translateY(-95%);
   opacity: 1;
   visibility: visible;
 }
 .sticky-offer{
   height: 200px;
 }

 .hero_right img{
   height: auto;
 }
/* ================ Start of media queries for resonsiveness ==========
========================================================================= */
@media screen and (max-width: 1400px) {
   .global_padding60{
      padding-top: 60px;
   }
   .global_padding_rbl60{
      padding: 0px 0px 60px 0px;
   }
   .always_padding_below1400{
      padding: 0px 20px 0px 20px;
   }
   .container_main{
      padding-top: 40px;
      padding-bottom: 40px;
   }
    .technology_title h3{
      font-size: 2rem;
   }
   .blog_wrapper_main3 .button_main{
      position: relative;
      z-index: 2;
   }
   .bg_white_circle{
      height: 380px;
      width: 380px;
      right: -80px;
   }
   .featured_project_image{
      height: 90%;
      width: 90%;
   }
}

@media screen and (max-width: 1200px) {
   #menu{
      height: 0;
      z-index: -5;
      opacity: 0;
      visibility: 0;
   }
   .hero_left{
      justify-content: center;
      text-align: center;
   }
   .button_main_hero{
      display: flex;
      justify-content: center;
      margin-bottom: 40px;
   }
   .hero_button_wrapper{
      display: flex;
      justify-content: center;
      margin-bottom: 30px;
   }
   .main_services{
      display: flex;
      flex-direction: column;
   }
   .featured_image_div{
      padding: 0px;
      margin: 0px;
      padding-top: 25px;
   }
   .owl-item{
      display: block;
   }
   .certifications_container{
      grid-template-columns: auto auto auto;
   }
   .footer_wrapper{
      grid-template-columns: auto auto auto;
   }
   /* .header nav{
      display: flex;
      background:  var(--text-color-white);
      color: var(--text-color-dark);
      z-index: -1;
      position: absolute;
      left: 0vh;
      top: 70px;
      width: 100vw;
      display: flex;
      flex-direction: column;
      align-items: start;
      padding-left: 20px;
      overflow-y: auto;
      opacity: 0;
      visibility: 0;
      transition: all ease-in-out 0.3s;
   }
   .header .text-slider{
      display: none;
   }
   #open_menubar{
      display: flex;
   }  
   #close_menubar{
      display: none;
   }
   .dropdown_nav_item{
      transform: none;
      left: -20px;
      width: 300px!important;
   }
   .pricing-dropdown{
      display: flex!important;
      flex-direction: column!important;
   }
   #md_sm_submenu{
      display: flex!important;
      flex-direction: column!important;
      border: 1px solid blue!important;
   }
   .responsive_wrapper{
      display: flex;
      justify-content: flex-end;
   } */
   .partner_image img{
      padding: 10px;
   }
   .featured_projects .button_main{
      margin-bottom: 25px;
   }
   .lets_build_left{
      padding-left: 40px!important;
   }
   .lets_build_image img{
      position: relative;
      bottom: -40px;
   }
   .lets_build_svg{
      left: 20%;
   }
   .lets_build_svg img{
     transform: rotateX(180deg);
   }
   .blog_wrapper_main3{
      margin-top: 50px!important;
      margin-left: -20px!important;
   }
   .testimonial_content{
      padding-left: 50px;
   }
   .testi_right{
      display: none;
   }
   .slide-container{
      display: flex;
      justify-content: center;
   }
   .job_desc_sidebar{
      margin-right: 0px;
   }
   .section_how_we_work{
      padding: 0px 0px 20px 0px;
   }
   .sticky-offer{
      height: 200px;
    }
     /* circle design section 1200 */
   .item_circle1{
      height: 50px;
      width: 50px;
   }
   .item_circle2{
      height: 200px;
      width: 200px;
   }
   .item_circle3{
      height: 300px;
      width: 300px;
   }
   .item_circle4{
      height: 400px;
      width: 400px;
   }
   .item_circle5{
      height: 500px;
      width: 500px;
   }
}

@media screen and (max-width: 992px) {
   
   .footer_wrapper{
      display: grid;
      grid-template-columns: auto 260px;
      justify-content: space-between;
   }
   .topbar_list{
      margin-left: -20px;
      justify-content:center;
   }   
   .trusted_text{
      text-align: center;
      margin-bottom: 20px;
   }
   .trusted_by_image{
      border: none;
      display: flex;
      justify-content: center;
   }
   .left_border{
      margin-left: 00px;
      margin-top: 10px;
      border-left: 0px solid #fff;
   }
   .tite-description-text-left-right-padding{
      padding-left: 12%;
      padding-right: 12%;
   }
   .technology_sub_section .heading{
      margin-top: 20px;
   }
   .blog_right_section{
      margin-left: -15px!important;
      margin-top: 40px!important;
   }
   .form_container{
      margin-left: 0px;
   }
   .lets_build_svg{
      top: 10%;
      left: 10%;
   }
   .tailored_right{
      height: 500px;
   }
   .tailored_left{
      display: none;
   }
   .job_apply_form{
      border-right: 0px solid #ccc;
   }
   .job_form_right_content{
      padding-left: 0px;
   }
   .job_form{
      padding-right: 0px;
   }
   .job_apply_form_button{
      display: flex;
      justify-content: flex-start;
   }
   .job_apply_row{
      display: flex;
      flex-direction: column-reverse;
   }
   .job_apply_form_information{
      margin-bottom: 40px;
   }
   .button_job_description{
      display: flex;
      justify-content: flex-start;
   }
   .testimonial_image{
      left: 25px;
   }
   .slider-nav .arrow_right_reversed{
      left: 35%;
      transform: translateX(-35%);
   }
   .slider-nav .arrow_right{
      right: 35%;
      transform: translateX(35%);
   }
   .process_cards_wrapper{
      display: grid;
      grid-template-columns: auto auto auto;
      padding-top: 20px;
   }
   .dash_image_round{
      margin-top: 30px;
      background: url('../img/process/dash.png');
      background-repeat: repeat-x;
   }
   .job_desc_sidebar{
      box-shadow: none;
      padding-bottom: 0px;
   }
   .job_apply_form_left{
      padding-bottom: 0px;
      margin-bottom: 0px;
   }
   .last_button_bottom{
      display: flex;
   }   
   .first_button_bottom{
      display: none;
   }  
   .sticky-offer{
      height: 150px;
    }
}
@media screen and (max-width: 850px) {
   .topbar_list .list_type_1{
      display: none;
   }
   .sticky-offer{
      height: 120px;
    }
}
@media screen and (max-width: 768px) {
   .sticky-offer{
      height: 120px;
    }
   .hero_button_wrapper{
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 30px;
   }
   .filter-menu ul{
      display: flex;
      flex-wrap: wrap;
   }
   .filter-menu ul li{
      list-style: none;
      margin-bottom: 10px;
      padding: 10px;
      font-size: 1rem;
      font-weight: 500;
   }
   .footer_wrapper{
      grid-template-columns: 320px auto;
   }
   .footer_item{
      padding: 0px;
   }
   .google_review_container{
      display: none;
   }
   .section_title h1{
      text-align: center;
   }
   .section_title_description p{
      text-align: center;
   }
   .technology_container_padding{
      padding: 15px 15px;
   }
   .certifications_container{
      grid-template-columns: auto auto;
   }
   .tite-description-text-left-right-padding{
      padding-left: 8%;
      padding-right: 8%;
   }
   .global_padding_rl60{
      padding: 0px;
   }
   .hero_right img{
      height: auto;
   }
   .owl-item .button_main{
      display: none;
   }
   .featured_project_title .short_project_name{
      display: none;
   }
   .testimonial_carasoul{
      width: 100%!important;
   }
   .wrapper_inner{
      display: block;
   }
   .popUp_cross_icon i{
      position: absolute;
      top: 20px;
      right: 25px;
   }
   
   /* popUp */
   .wrapper_inner{
      position: relative;
      top: 70%;
      left: 50%;
      transform: translate(-50%,-70%);
      z-index: 99;
      height:fit-content;
      background-color: #fff;
      border-radius: 12px;
      display: flex;
   }
   .popUp_left{
      display: none;
   }
   .popUp_left .left_wrapper{
      padding-top: 0;
      padding-bottom: 0;
   }
   
   .popUp_images{
      display: none;
   }
   .popUp_left .content{
      margin-top: 20px;
      padding-right: 60px;
   }
   .popUp_right {
      margin-bottom: 25px;
   }
   .popUp_right .button_main{
      margin-bottom: 25px;
      padding-bottom: 20px;
   }
   .svg_particle_top_left{
      display: none;
   }
   .svg_particle_bottom_right{
      display: none;
   }
   .testimonial_carasoul{
      width: 100%!important;
   }
   .padding_rl_60{
      padding: 10px;
   }
   .testimonial_image{
      left: -15px;
   }
   .process_cards_wrapper{
      display: grid;
      grid-template-columns:auto auto;
   }
}

@media screen and (max-width: 576px) {
   .footer_item{
      padding:10px 0px;
   }
   .certifications_container{
      grid-template-columns:  auto;
   }
   .get_in_touch{
      padding-top: 20px!important;
   }
   .topbar_list{
      justify-content: center;
      margin-left: 0px;
   }
   .topbar_list .list_type_2{
      display: flex;
      justify-content: center;
      padding: 0px;
   }
   .topbar_list .list_type_2 .icon{
      display: none;
   }
   .header_contact_button{
      display: none;
   }
   .main_services-and_trusted_by .main_services {
      padding:20px 0px;
   }
   .global_padding_trl60 {
      padding: 0px;
   }
   .tite-description-text-left-right-padding{
      padding-left: 5%;
      padding-right: 5%;
   }
   .global_padding_rbl60-20 {
      padding: 0px;
   }
   .global_padding_rl60 {
      padding: 10px;
   }
   .footer_wrapper{
      grid-template-columns: auto;
   }
   .footer_bottom{
      grid-template-columns: auto;
      text-align: center;
   }
   .featured_projects .owl-buttons{
      display: none;
    }
   .global_padding60{
      padding:25px 10px;
   }
   .slider_button{
      margin-top: 60px!important;
   }
   .featured_projects .owl-item{
         display: flex;
         flex-direction: column-reverse;
   }
   .core_values_section{
      padding: 50px 5px;
   }
   .slider-nav{
       height: 50px;
       width: 40px!important;
   }
   .testi_item{
      display: none!important;
   }
   .testi_left{
     display: flex;
     justify-content: center;
     padding-left: 8%;
   }
   .testimonial_image{
      left: -15px;
   }
   .slider-nav .arrow_right_reversed{
      top: 0%;
      left: -35px;
   }
   .slider-nav .arrow_right{
      top: 0%;
      right: -35px;
   }
   .process_cards_wrapper{
      display: grid;
      grid-template-columns: auto;
   }
   .process_head {
      display: flex;
      flex-direction: column;
   }
   .process_card{
      display: flex;
   }
   .dash_image{
      height: 100%;
      width: 5px;
      margin-top: -20px;
      margin-bottom: -20px;
      background: url('../img/process/dash_vertical.png');
      background-repeat: repeat-y;
      margin-left: 30px;
   }
   .dash_image_round{
      height: 100%;
      width: 5px;
      margin-top: -20px;
      margin-bottom: -20px;
      background: url('../img/process/dash_vertical.png');
      background-repeat: repeat-y;
      margin-left: 30px;
   }
   .job_apply_form_left {
      margin-left: 0px;
      padding-left: 0px;
   }
   .how-we-work-image{
      padding: 0px;
      margin: 0px;
   }
}
@media screen and (max-width: 520px) {
   .hero_button_wrapper .button_main{
      width: 100%;
      display: flex;
      justify-content: center;
   }
   .hero_button_wrapper .button_main .wrap{
      width: 200px;
      display: flex;
   }
   .hero_right img{
      height: auto;
      margin-bottom: -20px;
   }
   .lets_build_img_container {
      display: none;
   }
   .title50{
      font-size: 42px;
   }
   .certifications_container{
      row-gap: 0px;
   }
   .hero_header h1{
      font-size: 2.5rem;
   }
   .hero_grey_text{
      font-size: 2.5rem!important;
   }
   .hero_desc p{
      font-size: 1rem;
   }
   .section_title h1{
      font-size: 2.5rem;
   }
   .title50 {
      font-size: 2.5rem;
   }
   .our_experts h1{
      font-size: 80px;
   }
   .lets_build_left{
      padding: 10px!important;
   }
   .testimonial_image .bg_image{
      height: 300px;
      width: 100%;
      position: relative;
      top: 0px;
      left: -20px;
      z-index: 1;
      margin-bottom: 40px;
   }
   .testimonial_content{
      padding-left: 0px;
   }
   .testimonial_image .testi_image{
      height: 210px;
      position: absolute;
      top: 70px;
      left: 2px;
      z-index: 2;
      cursor: pointer;
   }
   .testi_video{
      height: 250px;
      width: 375px;
      position: absolute;
      top: 70px;
      left: 0px;
      z-index: 1;
      cursor: pointer;
   }
   /* circle design section */
   .item_circle1{
      height: 50px;
      width: 50px;
   }
   .item_circle2{
      height: 120px;
      width: 120px;
   }
   .item_circle3{
      height: 175px;
      width: 175px;
   }
   .item_circle4{
      height: 235px;
      width: 235px;
   }
   .item_circle5{
      height: 300px;
      width: 300px;
   }
   .tailored_right{
      height: 270px;
   }
   .testimonial_image{
      left: -20px;
   }
}
@media screen and (max-width: 460px) {
.list_type_2{
   width: 100%;
}
.login_dropdown{
   width: 100%;
   display: flex;
   justify-content: flex-end;
}
.flag_and_phone_number{
   width: 100%;
   justify-content: flex-start;
}
#flag_and_phone_number1{
   display: none;
}
.testimonial_image{
   margin-bottom: 20px;
}
}
@media screen and (max-width: 450px) {
   .hero_header h1{
      font-size: 2rem;
   }
   .hero_grey_text{
      font-size: 2rem!important;
   }
   .section_title h1{
      font-size: 2rem;
   }
   .title50 span{
      font-size: 2.2rem;
   }
   .our_experts h1{
      font-size: 60px;
   }
   .featured_project_image{
      overflow: hidden!important;
   }
   .testimonial_image{
      left: 0px;
   }
   .testimonial_image .bg_image{
      height: 265px;
      width: 100%;
      top: 10px;
      left: 0px;
   }
   .testimonial_image .testi_image{
      height: 180px;
      left: 22px;
   }
   .testi_video{
      height: 240px;
      width: 360px;
}
}
@media screen and (max-width: 380px) {
   .testimonial_image{
      margin-bottom: 60px;
   }
   .testimonial_image .bg_image{
      height: 230px;
      margin-bottom: 25px;
   }
   .testimonial_image .testi_image{
      height: 160px;
      left: 20px;
      top: 75px;
   }
}

@media screen and (max-width: 360px) {
   .topbar_list ul li a{
      font-size: 12px;
   }
}



/* ============ Thank you page css starts =========================== */
.comingsoon-section {
position: relative;
height: 100vh;
background:rgb(221, 240, 221);
/* background: linear-gradient(150deg, #a8aaf1 0%, #2c31ff 20%, #2c31ff 100%); */
display: -ms-grid;
display: grid;
place-items: center;
}

.comingsoon-section::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
/* background: url('https://sofsee.com/frontend/assets/img/background/banner_2_bg.png') no-repeat center; */
background-size: content;
}

.comingsoon-section .comingsoon-box {
position: relative;
max-width: 760px;
margin: 0 auto;
padding: 45px 40px 35px;
background-color: #fff;
-webkit-box-shadow: 0 0 30px -2px rgba(106, 99, 119, 0.1);
box-shadow: 0 0 30px -2px rgba(106, 99, 119, 0.1);
}

.comingsoon-section .comingsoon-box .logo {
margin: 0 auto 20px;
width: 120px;
}

.comingsoon-section .comingsoon-box .title-box {
text-transform: capitalize;
position: relative;
text-align: center;
}

.comingsoon-section .comingsoon-box .title-box .text {
position: relative;
margin-top: 12px;
}

.comingsoon-section .comingsoon-box .newsletter-form {
margin-bottom: 30px;
}

.comingsoon-section .comingsoon-box .newsletter-form .input-group {
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
    align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
    justify-content: center;
-webkit-box-shadow: 0 0 20px rgba(106, 99, 119, 0.1);
    box-shadow: 0 0 20px rgba(106, 99, 119, 0.1);
border: none;
width: 90%;
}

.comingsoon-section .comingsoon-box .cta-btn {
text-align: center;
}

.comingsoon-section .comingsoon-box .cta-btn .btn-solid {
-webkit-box-shadow: 0 0 40px 40px#E68528 inset;
box-shadow: 0 0 40px 40px #E68528 inset;
}

.comingsoon-section .comingsoon-box .cta-btn .btn-solid:hover {
color: #E68528;
border: 1px solid #E68528;
-webkit-box-shadow: none;
box-shadow: none;
}

.comingsoon-section .comingsoon-box #timer {
padding: 30px 0;
}

.comingsoon-section .comingsoon-box #timer div {
background-color: #332f3b;
color: #fff;
width: 100px;
height: 105px;
border-radius: 5px;
font-size: 40px;
font-weight: 800;
margin-left: 10px;
margin-right: 10px;
}

.comingsoon-section .comingsoon-box #timer div span {
display: block;
margin-top: -2px;
font-size: 17px;
font-weight: 600;
}


/* social link */
.social-link a {
display: inline-block;
width: 28px;
height: 28px;
font-size: 12px;
text-align: center;
color: #fff;
line-height: 28px;
border-radius: 50%;
margin-right: 5px;
border: 1px solid inherit;
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 300ms;
transition-duration: 300ms;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}

.social-link a:last-child {
margin: 0;
}

.social-link a:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.emailus-button{
background-color: #2698e4;
padding: 15px 20px;
border-radius: 5px;
color: #fff;
margin-right:10px ;
font-weight: 600;
}
.Whatsapp-button{
background-color:#1de767;
padding: 15px 20px;
border-radius: 5px;
color: #fff;
margin-right:10px ;
font-weight: 600;
}
.callus-button{
background-color:red;
padding: 15px 20px;
border-radius: 5px;
color: #fff;
margin-right:10px ;
font-weight: 600;
}
.btn-section{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 30px;
}
/* ============ Thank you page css ends =========================== */


/* single-career-page */
.job_apply_form_button2 input{
   color: #fff;
}


/* Header big menu */
.menu_list_bottom{
   background: #dbf1e4;
   display: grid;
   grid-template-columns: auto auto auto;
   gap: 5px;
   justify-content: space-between;
   padding-right: 15%;
}
.menu_list_bottom li{
   width: 100%;
   margin: 6px 0px;
}
.menu_list_bottom li:first-child{
   margin-left: 20px;
}

@media screen and (max-width:1200px){
   .menu_list_bottom{
      padding-right: 5%;
   }
}
@media screen and (max-width:768px){
   .big_menu_list{
      margin-left: 0px;
      padding-left: 0px;
      display: flex;
      flex-direction: column;
      justify-content: left;
      width: 100%!important;
   }
   .big_menu_list li{
      margin-left: 0px;
      padding-left: 0px;
      display: flex;
      flex-direction: column;
      justify-content: left;
      width: 100%!important;
   }
   .menu_list_bottom{
      grid-template-columns: auto;
      padding: 12px 20px;
   }
   .menu_list_bottom li{
      margin: 0px;
   }
   .menu_list_bottom li:first-child{
      margin-left: 0px;
   }
}


/* form edit in contact form 7 layout */
.SelectOptionFieldAuditForm{
   height: 100%;
   width: fit-content; 
   outline: none;
   border: none; 
   border-radius: 0px; 
   padding: 12px;
   display: inline-flex;
}
.audit_service_field label{
   padding-top: 10px!important;
}
.button_submit_audit_form{
   background: none; 
   border:none;
}
.phone_field input{
   width: 180px!important;
}
.audit_form_button{
   margin-top: 0px!important;
   height: 50px;
   display: flex;
   justify-content: flex-start;
}
.audit_form_wrap{
   padding-top: 40px;
}
@media screen and (max-width:992px){
   .audit_form_left_image{
      display: none;
   }
}

.hero_video video{
   width: 82%;
}
@media screen and (max-width:480px){
   .hero_video video{
      width: 100%;
   }
}

#loginDropdown a{
   color: #222;
}

#post_title option:first-child{
   display: none!important;
}


/* home about */

.offers_rt {file:///var/www/html/frontend-neem-infosys/services/mobile-app-development/assets/css/responsive.css

   width: 100%;
   padding: 0;
   margin: 0;
 }


.offers_bx figure {
   margin: 0;
 }


.offers_bx {
   display: flex;
   align-items: baseline;
   gap: 15px;
   background: #fff 0% 0% no-repeat padding-box;
   box-shadow: 0px 15px 36px rgba(0, 0, 0, 0.06);
   border-radius: 12px;
   padding: 25px;
   transition: all 0.3s ease-in-out 0s;
   margin-bottom: 10px;
 }
 

.offers_bx:hover img {
   filter: brightness(0) invert(1);
 }
 
 .offers_bx:hover h3 {
   color: #fff;
 }


.offers_bx:hover {
   background: transparent
     linear-gradient(
       180deg,
       rgba(53, 137, 65, 0.9752275910364145) 10%,
       rgba(76, 197, 94, 1) 90%
     )
     0% 0% no-repeat padding-box;
   transform: scale(1.05);
 }
 
 .offers_bx h3 {
   margin-bottom: 0;
   font-size: 24px;
   line-height: 26px;
 }

 /* home work process */


/* **********Our Partnership Program Caters To Rapid Business Success************ */

.ent_pgrm_imgs img {
   max-width: 100%;
   vertical-align: middle;
   overflow-clip-margin: content-box;
   overflow: clip;
   height: auto;
}
.lall_sc {
   padding: 40px 0;
}

.ent_prise_pgrm {
   padding-top: 90px;
}
.ent_prise_pgrm {
   background-color: #121c51;
}
.ent_pgrm_mn {
   display: flex;
   justify-content: space-between;
}
.ent_pgrm_lt {
   width: 50%;
   position: relative;
}
.ent_bnr_lf h1, .ent_grde_ul li h3, .ent_pgrm_lt h3, .ent_prise_futr h3, .futr_rt_ul li {
   color: rgba(255,255,255,1);
}
.ent_pgrm_lt h3 {
   font-size: 40px;
   font-weight: bold;
   line-height: normal;
   position: relative;
}
.page-template-tpl_enterprise_software_development h3 {
   font-weight: bold;
}
.ent_pgrm_imgs figure.active {
   display: block;
}
.ent_pgrm_imgs figure {
   display: none;
}

.ent_pgrm_lt figure {
   padding-top: 50px;
}
.ent_pgrm_lt figure::before {
   content: "";
   position: absolute;
   background: url("../img/imp_st.png");
   width: 30px;
   height: 50px;
   bottom: -77px;
   right: 72px;
}
.ent_pgrm_lt figure::after {
   content: "";
   position: absolute;
   background: url("../img/imp_st.png");
   width: 30px;
   height: 50px;
   top: 209px;
   left: -62px;
}
.ent_pgrm_lt::after {
   content: "";
   position: absolute;
   background: url("../img/imp_st.png");
   width: 30px;
   height: 50px;
   top: -77px;
   left: 0px;
}
.ent_pgrm_lt h3::after {
   content: "";
   position: absolute;
   background: url("../img/imp_st.png");
   width: 30px;
   height: 50px;
   top: 58px;
   right: 60px;
}
.ent_pgrm_lt figure::before {
   content: "";
   position: absolute;
   background: url("../img/imp_st.png");
   width: 30px;
   height: 50px;
   bottom: -77px;
   right: 72px;
}
.ent_pgrm_rt {
   position: relative;
}
.ent_pgrm_rt {
   display: flex;
   flex-wrap: wrap;
}
.ent_pgrm_rt {
   background-color: #4460b1;
   padding: 40px;
   border-radius: 25px;
}
.ent_pgrm_rt {
   width: 45%;
}
.ent_pgrm_rt li:hover, .ent_pgrm_rt li.active {
   background-color: #05a5fe;
   border: 2px solid rgba(255,255,255,1);
}
.ent_pgrm_rt li {
   background-color: rgba(255,255,255,1);
   width: 46%;
   padding: 30px;
   margin-bottom: 20px;
   border-radius: 16px;
   text-align: center;
   height: 180px;
   border: 2px solid #fff;
   list-style: none;
}
.ent_pgrm_rt li svg {
   height: 60px;
   width: 60px;
}
.ent_pgrm_rt li svg {
   margin-bottom: 10px;
}
.ent_pgrm_rt li:nth-child(4), .ent_pgrm_rt li:nth-child(2) {
   transform: translate(15%,50%);
}
.ent_pgrm_rt li:hover h3, .ent_pgrm_rt li.active h3 {
   color: rgba(255,255,255,1);
}
.ent_pgrm_rt li h3 {
   margin-top: 0px;
}
.ent_pgrm_rt::after {
   content: "";
   position: absolute;
   background: url("../img/imp_st.png");
   width: 30px;
   height: 50px;
   right: 0;
   top: -78px;
}
.ent_pgrm_rt li:hover svg, .ent_pgrm_rt li.active svg {
   filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(0%) hue-rotate(144deg) brightness(115%) contrast(100%);
}
@media (max-width: 1200px)
{
.lall_sc.ent_dvp_ul li {
      display: flex;
  }
.ent_pgrm_lt {
   width: 45%;
}
.ent_pgrm_lt h3 {
   font-size: 35px;
   font-weight: 700;
}
.ent_pgrm_rt {
   padding: 20px;
       width: 50%;
}
.ent_pgrm_rt li h3 {
   font-size: 20px;
}
.ent_pgrm_lt figure::before,.ent_pgrm_lt figure::after,.ent_pgrm_lt::after,.ent_pgrm_lt h3::after,.ent_pgrm_lt figure::before{
   display: none;
}
.ent_cta1_mn::after, .ent_cta_dnt::before, .ent_fit_lt::after, .ent_fit_lt::before, .ent_fit_sec::after, .ent_fit_sec::before{
   display: none;
}
}

@media (max-width: 992px)
{.ent_prise_pgrm {
   padding-top: 40px;
}
.ent_pgrm_mn {
   flex-direction: column;
}
.ent_pgrm_lt {
   text-align: center;
}
.ent_pgrm_lt {
   width: 100%;
}
.ent_pgrm_lt h3 {
   font-size: 25px;
}
.ent_pgrm_lt figure {
   display: none;
}
.ent_pgrm_rt {
   flex-wrap: nowrap;
   overflow-x: auto;
   background: transparent;
   border-radius: 0;
   padding: 0;
       display: flex;
   justify-content: space-between;
}
.ent_pgrm_rt {
   width: 100%;
   margin-top: 30px;
}

.ent_pgrm_rt li {
   height: auto;
}
.ent_pgrm_rt li {
   white-space: nowrap;
   margin-right: 15px;
}
.ent_pgrm_rt li svg {
   height: 30px;
   width: 30px;
}
.ent_pgrm_rt li:nth-child(2), .ent_pgrm_rt li:nth-child(4) {
   transform: inherit;
}
}

@media (max-width: 600px)
{.ent_prise_pgrm {
   padding-bottom: 0;
}
.sb p, .cntct_ftr_d3 .ftrfrminfo li a {
   font-size: 16px;
}
.ent_pgrm_lt figure {
   padding-top: 0px;
}
.ent_pgrm_rt li {
   padding: 10px !important;
   margin-bottom: 15px;
}
.ent_pgrm_rt li, .ent_futr_blk {
   width: 100%;
}
.ent_pgrm_rt li h3 {
   font-size: 15px;
}
}