@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
*,
::after,
::before {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Poppins', sans-serif;
}
html {
    font-size: 62.5%;
}
   
nav{
  position: fixed;
  z-index: 99;
  width: 100%;
  background: #EFFAFF;
  height: 96px;
}
nav .wrapper{
  position: relative;
  max-width: 100%;
  padding: 0px 30px;
  height: 70px;
  line-height: 70px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapper .logo{
  text-decoration: none;
}
.wrapper .nav-links{
  display: inline-flex;
}
.nav-links li{
  list-style: none;
  padding-bottom: 2% !important;
}
ul{
    padding-left: 0 !important;
}
.nav-links li a{
  color: #2f2f2f;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  padding: 9px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.nav-links li a:hover{
  background: #fff;
  color: #000;
}
.nav-links .mobile-item{
  display: none;
}
.nav-links .drop-menu{
  position: absolute;
  background: #c5edff;
  width: 110px;
  line-height: 45px;
  top: 85px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}
.nav-links li:hover .drop-menu{
  transition: all 0.3s ease;
  top: 70px;
  opacity: 1;
  visibility: visible;
}
.drop-menu li a{
  width: 100%;
  display: block;
  padding: 0 0 0 15px;
  font-weight: 400;
  border-radius: 0px;
}
.wrapper .btn{
  color: #fff;
  font-size: 40px;
  cursor: pointer;
  display: none;
}
.wrapper .btn.close-btn{
  position: absolute;
  right: 30px;
  top: 10px;
}


/* ######################## header style ##################### */

.span102{
    margin-left: 6rem;
}
.mega_btn {
  background-color: #e7d5c7;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}
.mega_btn:hover{
    background: #e7d5c7 !important;
}
.drop_mega{
  position: relative;
  display: inline-block;
}

.dropmgcontent{
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  top: 50px;
  z-index: 1;
}

.dropmgcontent a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropmgcontent a:hover{
    background-color: #ddaf95;
}

.drop_mega:hover .dropmgcontent {
  display: block;
}

.drop_mega:hover .mega_btn {
  background-color: #e7d5c7;
}



nav {
    background: rgba(239, 250, 255, 0.8);
    padding: 20px;
    position: fixed;
    width: 100%;
    height: 90px;
}
/*.sicarioads_web{*/
/*    border-bottom: 2px solid #000;*/
/*}*/
.logo {
    float: left;
    margin-top: 15px;
}

.logo img {
    width: 250px;
    margin-top: 11%;
}

.navbar_lists {
    float: right;
    list-style-type: none;
    margin-right: 30px;
    transition: max-height 0.2s ease-out;
    margin-top: 36px;
}

.navbar_lists .sicario-list {
    display: inline-block;
}

.navbar_lists .sicario-list {
    margin-left: 15px;
}

.navbar_lists .sicario-list a {
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
    font-size: 1.4rem;
}

.btn-toggle {
    background: transparent;
    width: 50px;
    padding: 5px;
    float: right;
    margin-top: -110px;
    border: none;
    outline: none;
    transition: all .5s ease;
    display: none;
}

.btn-toggle:hover {
    background: #fff;
    width: 100%;
}

.btn-toggle:hover span {
    /*background: #a29d9d;*/
    background: #000;
    transform: scale(0.8);
}

.btn-toggle span:nth-child(1) {
    margin-top: 0px;
}

.btn-toggle span {
    background: #000;
    display: block;
    margin-top: 6px;
    padding: 2px;
    border-radius: 5px;
    transition: all .5s ease;
    transform: scale(1);
}
/*######################### team client styling ########################*/

 /*team page*/
 .work-table{
     margin-bottom: 4rem;
 }
 .inner-servicepage{
     padding-top: 10%;
 }
 #upper-section{
         padding-top: 12rem;
 }
    .sec_1{
            padding: 2% 0;
        }
       
        .home-icon {
display: inline-block;
color: #43695A;

}

.greater-icon {
display: inline;
text-decoration: none;
color: #43695A;
}

        p{
            font-size:16px;
        }

        .team-banner-box {
            width: 80%;
        }

        .team-banner-box p {
            font-size: 20px;
            font-weight: bold;
            letter-spacing: 1px;
            font-style: italic;
        }

     
        .banner-back-text-r {
            position: absolute;
            width: 400px;
            height: 21px;
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            text-align: center;
            color: #000000;
            transform: rotate(90deg);
            left: -294.5%;
            top: 45%;
        }

        
        .en-btn {
            border: 2px solid #537364;
            height: 50px;
            width: 150px;
            background-color: transparent;
            font-weight: bold;
            border-radius: 10px;
            font-size:15px;
        }
        .en-btn span{
            color: #537364;
        }
        .team-h2 {
            color: #537364;
            text-transform: capitalize;
        }

        .team-h3 {
            color: #537364;
            text-decoration: underline;
            text-transform: capitalize;
        }

        .expert-section ul {
            list-style: none;
            position: relative;
        }

        .expert-section ul li {
            font-size: 16px;
            font-family: inherit;
            padding: 5px 0 5px 15px;
            line-height: 24px;
            font-style: italic;
    font-weight: 600;
        }

        .expert-section-box ul li::before {
            content: '\2192';
            display: inline-block;
            position: absolute;
            left: 0;
            font-family: FontAwesome;
            font-size: 20px;
            color: #537364;
        }

        .expert-section-box ul li a {
            color: #333;
            font-size: 25px;
            padding: 5px 0;
            line-height: 24px;
            /* text-decoration: none; */
            margin-left: 10px;
        }

        .team-mates {
            display: flex;
        }

        .greencolor {
            color: #537364;
        }

        .team-member {
            font-size: 24px;
            font-weight: 700;
            color: #537364;
            letter-spacing: 1px;
        }

        .team-member-profile {
            font-size: 18px;
            font-weight: 500;
            letter-spacing: 0.5px;
        }
.team-member-dn{
    margin-left:2%;
}
        .findmore p {
            font-size: 20px;
            letter-spacing: 1.5px;
            font-weight: 600;
        }
        .findmore span a{
            color:  #0077b5;
        }

        /*form*/
      

.formdiv{
    border: 5px solid #43695A;
    padding: 2%;
    width: 80%;
    margin: auto;
}

.input-container {
	padding-bottom: 1em;
}
.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 35px !important; 
    border: 0;
    border-bottom: 2px solid gray;
    background: transparent;
}
.left-inner-addon i {
    position: absolute;
    padding: 20px 12px;
    pointer-events: none;
    color: #43695A;
    font-size:16px;
}


.formdiv input {
    width: 100%;
		padding: 1em !important;
		margin: 0em !important;
		box-sizing: border-box;
		font-size:16px !important;
}
.left-inner-addon select{
    padding-left: 35px !important; 
    border: 0;
    border-bottom: 2px solid gray;
    background: transparent;
    width: 100%;
		padding: 1em !important;
		margin: 0em !important;
		box-sizing: border-box;
        padding-left: 35px !important;
font-size:16px!important;
}
.left-inner-addon textarea.form-control{
    padding-left: 35px !important;
    border: 0;
    border-bottom: 2px solid gray;
    background: transparent;font-size:16px!important;
}




/*clientpage*/


        .client-banner-box {
            width: 80%;
            height:auto;
        }

        .client-banner-box p {
            font-size: 20px;
            font-weight: bold;
            letter-spacing: 1px;
        }

       
.client-banner h1{
    font-size:80px;
    text-transform:capitalize;
    line-height:120px;
}
   .client-banner p{
    text-transform:capitalize;
}
  
   .client-banner h1 span{
      color:#43695a; 
   }
   
        .lm-btn {
            border: 2px solid #537364;
            height: 50px;
            width: 150px;
            background-color: transparent;
            font-weight: bold;
            border-radius: 10px;
            font-size:15px;
        }
        .lm-btn span{
            color: #537364;
        }
        
        
        /*Generic styles*/
#wrapper{ max-width: 800px; width:100%; margin:0 auto;}
#generic-tabs{ width:100%; padding:20px;}

/*Tab styles*/
#generic-tabs ul { overflow: hidden; margin:0; padding:0;}
#generic-tabs ul li{ float:left; display:inline-block; width:25%; background:transparent;
/*border-top:4px solid #CCCCCC; border-right:1px solid #CCCCCC;*/
    
}
#generic-tabs ul li:last-child {border-right:none;}
#generic-tabs ul li:first-child { padding-left:0; }

/*Tab link styles*/
#generic-tabs ul li a {text-align:center; display:block;font-size: 20px; text-decoration: none; padding: 1.2em 1em; line-height: 16px; color:#43695a;font-weight:700;}

/*Active tab styles*/
#generic-tabs ul li.active {background:transparent; border-bottom:4px solid #27ae60;}
#generic-tabs ul li.active a { color:#333333;font-size: 20px;}


/*Tab content styles*/

#generic-tabs .client-tab-content{ background:transparent; padding:3em 2em; border-top:5px solid #43695a;margin-top:5%;}
#generic-tabs .client-tab-content h1 {margin-top:0;}



.client-table {
    border-style: hidden;
    width: 90%;
    height: 90%;
    margin-top: 50px;
}
.client-table tr, td {
    border: 1px solid #43695A;
    text-align: center;

}

.ranking-div{
   margin:2% 0; 
}


#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
  background:#e7d5c7 ;
}

#customers td, #customers th {
  border: 0;
  padding: 8px;
}

#customers tr:nth-child(odd){background-color: #43695a; color:#e7d5c7;}
#customers tr:nth-child(odd)td{color:#e7d5c7!important;}


#customers th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background:#e7d5c7;
  color: #43695A;}
  
  
  #customers p{
      text-transform:capitalize;
  }

  

/* ####################### section1 styling ##################### */
.section_box_content {
    /*width: 80%;*/
    margin: auto;
    background-color: #e7d5c7
}
.second-para{
    margin: 5rem auto;
    padding-bottom: 10rem;
    background: #e7d5c8;
}
.section-head{
    font-size: 6rem;
    font-weight: 700;
    letter-spacing: 3px;
    margin-bottom: 2rem;
    padding-top: 0;
    margin-top: 7%;
    width: 80%;
}

.inside_section-box>p {
    font-size: 1.8rem;
    width: 100%;
    margin-bottom: 2rem;
}
.sic_head{
    font-size: 3rem;
    margin-top: 3rem;
}
.sic_head>p{
    margin-bottom: 2rem;
}
.inside_section-box {
    width: 90%;
    margin: auto;
}
.p_1005{
    margin: auto;
}
.button-101 {
    border: 1px solid;
    padding: .5rem 1.5rem;
}

.button-101 a {
    text-decoration: none;
    color: #000;
    font-size: 1.6rem;
}

.button-101 a:hover {
    color: #000;
}

.btn-01 {
    background-color: #43695a;
    border-radius: 5px;
   border: 5px solid #df8f62;
    margin-right: 5rem;
    padding: 1rem 2rem;
    color:#fff;
}
.btn-01 a{
    color:#fff;
    text-decoration: none;
    font-size:1.6rem;
}

.btn-02 {
    background-color: #ddaf95;
    border-radius: 5px;
  border: 5px solid #43695a;
    padding: 1rem 2rem;
}

.section-container-content {
    border-radius: 10px;
    margin-top: 4rem;
}

.sec_para{
    font-size: 2rem;
    font-weight: 700;
}
.section_para{
    font-size: 4rem;
    font-weight: 700;
}

.section_para {
    color: #43695a;
}

/* #################### hide show part-1 ######################### */

        .tabs{
            width: 100%;
        }

        ul#tabs-nav {
            list-style: none;
            margin: 0;
            padding: 5px;
            overflow: auto;
        }

        ul#tabs-nav li {
            width: 100px;
            height: 100px;
            margin: 0 8%;
            border-radius: 50%;
            position: relative;
            background-color: #504846;
            color: #fff;
            font-weight: 600;
            float: left;
            padding: 8px 10px;
        }

        ul#tabs-nav li:hover,
        ul#tabs-nav li.active {
            background-color: #ddaf95;
        }

        #tabs-nav li a {
            text-decoration: none;
            color: #FFF;
            font-size: 1.8rem;
            font-weight: 500;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .tab-content {
            padding: 10px;
            border: 2px solid #000;
            background: #e7d5c8;
            border-radius: 20px;
            margin: 5rem 0;
        }
        .tab-content1 {
            margin: 5rem 0;
        }
        ul.tabs-nav li:hover,
        ul.tabs-nav li.active {
            background-color: #ddaf95;
        }
        .tabs-nav li a {
            text-decoration: none;
            color: #FFF;
        }
        ul.tabs-nav {
            list-style: none;
            margin: 0;
            padding: 5px;
            overflow: auto;
        }
        .tabs{
            width: 100%;
        }
        ul.tabs-nav li {
            width: 150px;
            height: 150px;
            border-radius:50%;
            margin: 0 8%;
            position: relative;
            background-color: #43695a;
            color: #fff;
            font-weight: 600;
            float: left;
            padding: 8px 10px;
        }
        .changed-color-lists{
            background-color: #43695a;
        }
        /*ul.tabs-nav li:hover{*/
        /*    width: 240px;*/
        /*    height: 140px;*/
        /*     box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;*/
        /*}*/
        .tabs-nav li a {
            text-decoration: none;
            color: #FFF;
            font-size: 1.8rem;
            font-weight: 500;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }



.hide-show-line {
    display: flex;
    align-items: center;
}

.hide-show-line .line {
    height: 1px;
    flex: 1;
    background-color: #000;
}

.hide-show-head {
    height: auto;
    width: 300px;
    font-size: 2.2rem;
    border: 2px solid #43695a;
    padding: 1rem 2rem;
    border-radius: 12px;
    margin-bottom: 4rem;
    margin-top: 4rem;
}



/* ###################### section 05 ######################## */

.section-fifth-005 {
    width: 96%;
    margin: auto;
    margin-bottom: 5rem;
}


.p_10 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.vertical-line {
    display: flex;
    align-items: center;
}

.vertical-line .line {
    height: 1px;
    flex: 1;
    background-color: #000;
}

.sec-5-container-para {
    height: 80px;
    width: 500px;
    font-size: 2.2rem;
    border: 2px solid #43695a;
    padding: 1rem 2rem;
    border-radius: 12px;
    margin-bottom: 3rem;
    margin-top: 2rem;
}

.vertical-box-line {
    display: flex;
    align-items: center;
    margin: 5rem 0 4rem 0;
}

.vertical-box-line .line {
    height: 1px;
    flex: 1;
    background-color: #000;
}






ul.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 5px;
    overflow: auto;
}

.tabs-nav li a {
    text-decoration: none;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 500;
}




/* ####################### sliding section with active classes ######################### */

.slide-with-hover {
    border: 1px solid;
    height: 510px;
    width: 366px;
    padding: 20px;
    margin: auto;
    border-radius: 20px;
    
}
.slide-with-hover:hover{
    box-shadow: rgba(0, 0, 0, 0.56) 0px 22px 70px 4px;
    height: 515px;
    width: 400px;
    background: #43695a;
}
.btn-03 {
    padding: .5rem 1.5rem;
    color: #43695a;
    background-color: #fff;
    font-size: 1.6rem;
    border: 2px solid #43695a;
    border-radius: 6px;
}
.slide-with-hover:hover .btn-03{
    background-color: #ddaf95;
}
.slide-with-hover img{
    width: 30% !important;
    margin: auto;
}
/*.slide-with-hover.owl-nav .owl-prev {*/
/*  position: absolute;*/
/*  top: calc(50% - 70px);*/
/*  left: 0;*/
/*  opacity: 1;*/
/*  font-size: 60px !important;*/
/*  z-index: 1;*/
/*}*/
/*.slide-with-hover.owl-nav .owl-next {*/
/*  position: absolute;*/
/*  top: calc(50% - 70px);*/
/*  right: 0px;*/
/*  opacity: 1;*/
/*  font-size: 60px !important;*/
/*  z-index: 1;*/
/*}*/

/*.slide-with-hover.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {*/
/*display:block;*/
/*}*/
.btn-03,
.btn-04{
    text-decoration: none !important;
}
.fixed-box-div{
     display: flex;
    justify-content: space-evenly;
    position: absolute;
    right: 46px;
    left: 36px;
    bottom: 30px;
}
.btn-04:hover {
    color: #fff !important;
}

.btn-03:hover {
    color: #000 !important;
}

.btn-04 {
    padding: .5rem 1.5rem;
    background-color: #43695a;
    color: #fff;
    font-size: 1.6rem;
     border-radius: 6px;
}
.slider-bxhead{
    margin: 2rem 0;
}
.active_sliding_section {
    margin-bottom: 4rem;
}
.slider-box10{
    border: none;
}
.slide-with-hover p {
    font-size: 1.6rem;
}
/*###################### slick slider ########################*/


.slick-slide {
      margin: 0 10px;
  }

.moving-rw-box {
padding:0 100px;
}

.slick-prev:before, .slick-next:before{
  color:#000;
}

.slick-dots {
    transform: rotate(335deg);
}
/* ######################### content section styling ####################### */
.content_heading {
    font-size: 2.5rem;
    margin-bottom: 3rem;
    padding-top: 4rem;
}

.pcontent {
    font-size: 1.6rem;
}

.acontent {
    text-decoration: none;
    color: #000;
    font-weight: 600;
}

.acontent:hover {
    color: #000;
}

.lg-head:hover{
    color: #43695a;
    padding-right: 5rem;
    text-decoration: underline #43695a;
    display: block;
}

.iconcontent {
    transform: rotate(180deg);
    margin-right: 8rem;
    display: none;
}
.row-reverse-head{
    margin-top: 2rem;
    font-size: 3rem;
    font-weight: 600;
}
.bigli{
    font-size: 2rem;
    font-weight: 600;
}
/*.bxcontent {*/
/*    border: 2px solid #43695a;*/
/*}*/
.horizontally-center-box{
   margin: 5rem 0;
}

/* ########################## review section ######################### */


/* testemonialtabs */
.testemonialtabs {
  width: 100%;
}
ul#testemonialtabs-nav {
  list-style: none;
  margin: 0;
  padding: 5px;
  overflow: auto;
  display: flex;
  justify-content: space-between;
}
ul#testemonialtabs-nav li {
  width: 100px;
    height: 100px;
    margin: 0 3%;
    border-radius: 5px 5px 5px 5px;
    position: relative;
    /*background-color: #504846;*/
    /*color: #fff;*/
    font-weight: 600;
    float: left;
  padding: 8px 10px;
}

#testemonialtabs-nav li a {
  text-decoration: none;
  color: #FFF;
  font-size: 1.8rem;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.testemonialtab-content {
  padding: 10px;
  /*border: 5px solid #ddaf95;*/
  background-color: transparent;
}




.review{
    margin-bottom: 4rem;
    margin-top: 4rem;
}
.rwimage{
    width: 40px;
    float: right;
}
.spanrating{
    background-color: #43695a;
    padding: .6rem 1.5rem;
    font-size: 1.6rem;
    border-radius: 0 50px 50px 0;
}
.ratingstar{
    padding: 1.1rem 2rem .7rem 0;
    border-radius: 0 50px 50px 0;
    color: #ddaf95;
    background-color: #000;
}
.rwstar1{
    margin-left: 1rem;
}
.rwstar{
    margin-right: .5rem;
}
.rwpara{
    font-size: 1.6rem;
    margin-top: 1rem;
}
.rwspan101{
    font-size: 1.6rem;
    font-weight: 600;
  margin-top: 1.2rem;
}
.span102{
   font-size: 1.6rem;
    font-weight: 600; 
}
.testimonial-bx{
    width: 94%;
    margin: auto;
}
.testimonial-rw-bx{
    width: 100% !important;
    height: auto!important;
    border: 1px solid #000;
    padding: 1.5rem;
    border-radius: 10px;
    /*margin-left: 2rem;*/
    margin-bottom: 2rem;
}
.testimonialhead{
    font-size: 3rem;
    font-weight: 700;
}
.review-img-01{
    width: 155px;
    height: 70px;
}
#tabs-nav li{
    list-style: none;
}
#tabs-nav{
    display: flex;
    justify-content: space-between;
}


ul#tabs-nav {
    list-style: none;
    margin: 0;
    padding: 5px;
    overflow: auto;
}

ul#tabs-nav li:hover,
ul#tabs-nav li.active {
background-color: #ddaf95;
}
#tabs-nav li a {
    text-decoration: none;
    color: #FFF;
    font-size: 1.8rem;
    font-weight: 500;
}
.tab-content {
    padding: 25px;
}

/*our brand*/



.slide img {
  width: 150px;
  height: 100px;
  animation: scroll 60s linear infinite;
}

.slide-track {
  width: 100%;
  display: flex;
  gap: 3em;
  overflow: hidden;
}

.slider {
  margin-top: 70px;
  background-color: whitesmoke;
  padding: 8em 2em;
}

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



/* ######################## MAP section ######################## */

#map-section{
    margin-top: 5rem;
    margin-bottom: 5rem;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 85vh;
    width: 100%;
    position: relative;
    opacity: .8;
}
.map_sec_head{
    font-size: 4rem;
}
.map{
    color: red;
}
.map-icon1{
    position: absolute;
    top: 14%;
    left: 16%;
}
.map-icon2{
    position: absolute;
    top: 23%;
    left: 45.5%;
}
.map-icon3{
    position: absolute;
    top: 59%;
    left: 60%;
}
.map-icon4{
    position: absolute;
    top: 36%;
    left: 67.5%;
}
.map-icon5{
    position: absolute;
    top: 60%;
    left: 82.5%;
}
.mappara1{
    position: absolute;
    top: 10%;
    left: 16%;
    font-size: 1.6rem;
    color: red;
    font-weight: 700;
}
.mappara2{
    position: absolute;
    top: 19%;
    left: 45%;
    font-size: 1.6rem;
    color: red;
    font-weight: 700;
}
.mappara3{
    position: absolute;
    top: 55%;
    left: 60%;
    font-size: 1.6rem;
    color: red;
    font-weight: 700;
}
.mappara4{
    position: absolute;
    top: 32%;
    left: 67.5%;
    font-size: 1.6rem;
    color: red;
    font-weight: 700;
}
.mappara5{
    position: absolute;
    top: 53%;
    left: 82.5%;
    font-size: 1.6rem;
    color: red;
    font-weight: 700;
}
/* ##################### FAQ section ######################### */
#faq_z_index_box{
    background-image: linear-gradient(to right, rgb(101,143,126), rgb(221,175,149));
    width: 100%;
    height: 80vh;
    margin: auto;
    border-radius: 0 0 100% 0;
    margin-bottom: 10rem;
}
.no-space-div{
    padding: 0;
    margin: 0;
}
.faq_head{
    font-size: 2.5rem;
    font-weight: 700;
}
.img_faq{
    width: 80%;
    padding-top: 10rem;
    padding-left: 3rem;
}
 .faqbxcontent_101{
     width: 90%;
     margin: auto;
    margin-top: 4rem;
} 
#collapse-head{
    font-size: 1.6rem;
    background: #504846;
    color: #fff;
}
.collapse-content-box{
    font-size: 1.6rem;
    background: #e7d5c7;
}
.accordion-button::after{
    color: #fff !important;
}
/*##################### solution ppc page styling ###########################*/

.bx1_sol{
    width: auto;
    background: #e7d5c7;
    border: 2px solid black;
}
.bg_web{
    color: #43695a;
    margin-right: 1rem;
}
.ppc_head{
    font-size: 1.4rem;
    margin-left: 2rem;
    color: #43695a;
    text-decoration: underline #43695a;
}
.local-ppc-head{
    font-size: 6rem;
    margin: 4rem 0;
    text-align: center;
}
.local-ppc-head1, .local-ppc-head2{
    font-size: 5rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
}
.local-ppc-head2{
    margin-bottom: 5rem;
}
.local-ppc-head1::after{
    content: '';
    display: block;
    background-color: black;
    height: 2px;
    width: 46%;
    margin-bottom: -3rem;
}
.local-ppc-head2::after{
    content: '';
    display: block;
    background-color: black;
    height: 2px;
    width: 38%;
}
.ppc_image{
    width: 110px;
}
.ppc-sp{
    font-size: 1.6rem;
    font-weight: 600;
}
/*.ppc1{*/
/*    height: 20%;*/
/*}*/
.ad-head{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 1rem;
}
.company-ad{
    height: 320px;
    position: relative;
}
.company-para{
    font-size: 1.6rem;
}
.company-ad-bx-para{
    padding-right: 1rem;
}
.company-ad-bx-para::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 220px;
    background: #43695a;
    width: 2px;
}
.ad-anchor{
    padding: .5rem 1.5rem;
    color: #fff;
    background-color: #43695a;
    font-size: 1.6rem;
    display: inline-block;
    text-decoration: none;
}
.ad-anchor:hover{
    color: #fff;
}
.ad-button{
    position: absolute;
    border: none;
    bottom: 45px;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ppc_rows{
    height: auto;
    width: 500px;
    font-size: 2.2rem;
    border: 2px solid #43695a;
    background-color: #ddaf95;
    padding: 1rem 2rem;
    border-radius: 12px;
    margin-bottom: 3rem;
    margin-top: 2rem;
}
.vertical-line {
    display: flex;
    align-items: center;
}
.vertical-line .line {
    height: 1px;
    flex: 1;
    background-color: #000;
}
.ppch1{
    font-size: 2.2rem;
    font-weight: 600;
}
.ppch10{
    font-size: 2.2rem;
    font-weight: 600;
    text-align: right;
    
}
.seo-process-para{
    font-size: 1.6rem;
    /*width: 65%;*/
}

.seo-process-10{
    /*width: 65%;*/
    float: right;
}
.seo-process-para-786{
    margin-top: 30px;
    margin-bottom: 25px;
}
.biggestbox{
    width: 80%;
    margin: auto;
}
.ppc-left-page{
    width: 65%;
    float: right;
}
.ad_images{
    width: 160px;
    height: 150px;
}

.above-faq-span{
    color: #ddaf95;
    font-size: 3rem;
    font-weight: 700;
}
.above-faq-para{
    font-size: 2rem;
    font-weight: 700;
}
.above-faq-para{
    font-size: 3rem;
}
.above-faq-box{
    display: flex;
    align-items: center;
}
.rw-center-container{
    margin-bottom: 3rem;
}
.above-faq-anchor{
    border: none;
    text-transform: uppercase;
    text-decoration: none;
    color: #fff;
    padding: 1rem 2rem;
    background-color: #43695a;
    font-size: 1.6rem;
    border-radius: 15px;
}
.above-faq-anchor:hover{
    color: #fff;
}
.client-banner p {
    text-transform: capitalize;
}
            .banner-back-text {
            position: absolute;
            width: 107px;
            height: auto;
            right: 5%;
            top: 35%;
        }
        .banner-back-text-r {
            position: absolute;
            width: 400px;
            height: 21px;
            font-style: normal;
            font-weight: 700;
            font-size: 14px;
            line-height: 21px;
            text-align: center;
            color: #000000;
            transform: rotate(90deg);
            right: 0;
            top: 45%;
        }
        .s {
            font-size: 250px;
            font-family: ui-sans-serif;
             -webkit-text-fill-color: #537364;
        }
        .waText {
            color: #fff;
            -webkit-text-fill-color: transparent;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #181715;
            /* text-transform: uppercase; */
            font-weight: 700;
            font-size: 80px;
        }
        .waText:hover {
            -webkit-text-fill-color: #537364;
            -webkit-text-stroke-width: 1px;
            -webkit-text-stroke-color: #000;
        }


/*############################ Display class is used for giving font size of headings ########################################*/

.display-2{
    font-weight: bold;
}

.display-3{
    font-weight: bold;
    margin-top: 5rem;
}
/*############################  Section-1 styling ########################################*/

.seo-para {
    margin-top: 20px;
    font-size: 20px;
    font-weight: bold;
    width: 50%;
}

.home-icon {
    display: inline-block;
    color: #43695A;
}

.greater-icon {
    display: inline;
}
/*############################ Section-2 styling ########################################*/
.seo-service-heading {
    margin-top: 30px;
    font-weight: bolder;
}

.seo-services {
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.seo-boxes {
    display: flex;
    margin: auto;
    border: 2px solid gray;
    border-radius: 10px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    width: 280px;
    height: 70px;
    background-color: #e6ccb8;
   
}

.seo-box-text{
  margin-top: 12px;
  font-weight: bolder;
  text-align: center;
  font-size: 15px;
}

.icon {
    margin-top: 7px;
}

.business-icon {
    margin-left: 10px;
}

.seo-business{
    margin: auto;
    border: 5px solid #43695A;
    border-radius: 10px 10px 10px 10px;
    margin-top: 12px;
    margin-bottom: 52px;
    width: 98%;
    height: 90%;
    font-weight: bolder;
    font-size: 15px;
    background-color: #e6ccb8;
    padding: 2%;
    box-shadow: -3px -1px 12px #000;
}

.display-6{
    font-weight: bold;
    margin-top: 2rem;
}
.display-10{
    font-weight: bold;
    margin-top: 2rem;
    text-align: right;
    font-size: 2.5rem;
}
.seo-process-para-10{
    margin-top: 30px;
    margin-bottom: 25px;
}
/*############################ Section-3 styling ########################################*/
.seo-process-sub-headings {
    float: right;
    font-weight: bold;
}
.seo-process-heading {
    text-align: center;
    font-weight: bolder;
    margin-top: 60px;
    margin-bottom: 60px;
}

.seo-process-para {
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 25px;
}

.seo-process-icon{
    width: 45%;
}
/*############################ Section-4 styling (Heading 1 & Heading 2 container) ########################################*/

/*############################ Section-4 styling (Heading 1 & Heading 2 container) is common for SEO, SMO & ORM ########################################*/
.rw-center-box{
    position: relative;
    margin: auto;
    height: 220px;
    border-radius: 0 0 100% 0;
    background-image: linear-gradient(to right, rgb(221,175,149), transparent);
}
.rw-center-container{
    width: 70%;
    margin: auto;
    margin-top: 4rem;
  
}
.rw-center-box-1{
    position: relative;
    margin: auto;
    height: 220px;
    border-radius: 100% 0 0 0;
    background-image: linear-gradient(to right, rgb(221,175,149), transparent);
}
.botom-rw-1{
    position: absolute;
    font-size: 5rem;
    font-weight: 700;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}
.seo-process-para_101{
    font-size: 1.8rem;
    padding-top: 4rem;
    font-weight: bold;
}
/*############################ Section-5 styling ########################################*/
.marketing-result p{
    width: 50%;
    height: 98%;
    margin: auto;
    font-size: 30px;
    font-weight: bolder;
    margin-top: 80px;
    margin-bottom: 50px;
}

.hdr-link {
  color: #43695A;
  font-size: 14px;
}
.hdr-link:hover{
    color: #43695A;
}

.button {
    margin-top: 110px !important;
    background-color: #43695A;
    border: none;
    color: white;
    padding: 5px;
    font-size: 25px;
    margin: -150px;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
}

/*############################ ORM page styling ########################################*/


.orm {
    font-weight: bold;
}

.orm-para {
    width: 40%;
}

.home-icon {
    display: inline-block;
    color: #43695A;
}

.greater-icon {
    display: inline;
}

.orm-service-heading {
    margin-top: 30px;
    font-weight: bold;
}

.orm-services {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

.orm-boxes {
    display: flex;
    margin: auto;
    border: 2px solid gray;
    border-radius: 10px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    width: 280px;
    height: 70px;
    text-align: center;
    background-color: #e6ccb8;
}

.orm-box-text{
  margin-top: 12px;
  font-weight: bolder;
  text-align: center;
  font-size: 15px;
}

.service-provider-icon {
    margin-left: 10px;
}

.orm-service-provider {
    margin: auto;
    border: 5px solid #43695A;
    border-radius: 10px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    width: 98%;
    height: 90%;
    font-weight: bolder;
    font-size: 15px;
    background-color: #e6ccb8;
    padding: 2%;
    box-shadow: -3px -1px 12px #000;
}

.orm-management-service-sub-headings {
    text-align: right;
}
.orm-management-service007{
    /*width: 65%;*/
    float: right;
    margin-top: 30px;
    margin-bottom: 25px;
}
.orm-management-service-para-1{
    margin-top: 30px;
    margin-bottom: 25px;
}
.orm-management-service-icon{
     margin-top: 30px;
}
.orm-management-service-heading {
    text-align: center;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 60px;
}

.orm-management-service-para {
    margin-top: 30px;
    margin-bottom: 25px;
  
}



/*############################ SMO page styling ########################################*/


.smo {
    font-weight: bold;
}

.smo-para {
    font-size: 25px;
}

.home-icon {
    display: inline-block;
    color: #43695A;
}

.greater-icon {
    display: inline;
}

.smo-service-heading {
    margin-top: 30px;
    font-weight: bold;
}

.smo-services {
    margin-left: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.smo-boxes {
    display: flex;
    margin: auto;
    border: 2px solid gray;
    border-radius: 10px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    width: 280px;
    height: 70px;
    text-align: center;
    background-color: #e6ccb8;
}

.smo-box-text{
  margin-top: 12px;
  font-weight: bolder;
  text-align: center;
  font-size: 15px;
}

.business-icon {
    margin-left: 10px;
}

.smo-business {
    margin: auto;
    border: 5px solid #43695A;
    border-radius: 10px 10px 10px 10px;
    margin-top: 10px;
    margin-bottom: 50px;
    width: 98%;
    height: 90%;
     font-weight: bolder;
    font-size: 15px;
    background-color: #e6ccb8;
    padding: 2%;
    box-shadow: -3px -1px 12px #000;
}



.smo-pick-service-sub-headings {
    float: right;
    margin-right: -40px
}

.smo-pick-service-heading {
    text-align: center;
    font-weight: bold;
    margin-top: 60px;
    margin-bottom: 60px;

}
.smo-pick-service-para-10{
    text-align: right;
    margin-bottom: 20px;
}
.smo-pick-service-para {
    /*font-size: 20px;*/
    margin-top: 30px;
    margin-bottom: 25px;
   
}
.smo-pick-service-icon1 {
    margin-left: -60px;
}
.smo-pick-service-icon img{
    width: 200px;
    height: 150px;
}
.smo-pick-service-10{
    float: right;
   
}


/*############################ WORKS page styling ########################################*/


.home-icon {
    display: inline-block;
    color: #43695A;
    margin-left: 20px;
}

.greater-icon {
    display: inline;
}

.marketing-company{
    margin-top: 20px;
}

.marketing-company-para{
    margin-top: 25px;
    font-weight: bold;
    font-size: 15px;
}

.button1 {
    margin-top: 40px !important;
    margin-bottom: 70px !important;
    background-color: #43695A;
    border: 1px solid black;
    color: white;
    padding: 5px;
    font-size: 15px;
    cursor: pointer;
    border-radius: 5px;
    width: 10%;
}

.discover-para{
     font-weight: bold;
    font-size: 15px;
}

.button2 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    background-color: #43695A;
    border: none;
    color: white;
    padding: 7px;
    font-size: 15px;
    margin-left: 150px;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    width: 13%;
}

.arrow-icon{
    color: black;
}

.user-base-para p{
    font-size: 30px!important;
    margin-left: 25px;
    font-weight: bold;
}

.button3 {
    margin-top: 30px;
    background-color: #e7d5c7;
    border: 4px solid #43695A;
    color: #43695A;
    padding: 15px;
    font-size: 20px;
    margin-left: 150px;
    cursor: pointer;
    border-radius: 10px 10px 10px 10px;
    box-shadow: -3px -1px 12px ;
    width: 54%;
}

.button4 {
    margin-top: 30px;
    background-color: #43695A;
    border: 1px solid black;
    color: black;
    padding: 14px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 5px;
    width: 43%;
    margin-left: -50px;
}

.phone-no{
    font-size: large;
    font-weight: bolder;
    text-align: center;
}

.phone-icon{
    font-size: 30px;
    color: #43695A;
}

.industries{
    margin-top: 50px;
    text-align: center;
    color: #43695A;
    margin-bottom: 50px;
}

.industries-para{
    text-align: center;
    font-weight: bold;
    font-size: 20px;
}

.th, td {
    border: 1px solid #43695A;
    text-align: center; 
    color: #43695A;
    font-weight: bolder;
    font-size: 15px;
}

.img{
font-size: 40px;
}

.work-table table{
    border-style: hidden;
    width: 90%;
    height: 90%;
    margin-top: 50px;
}


/*############################ About Us page styling ########################################*/


.bld-bnds-content{
    margin-top: 25px;
    margin-bottom: 35px;
}

.clr{
    color:#43695A;
    font-weight: bold;
}

.aftr-para{
    margin-top: 30px;
}

.bld-bnds-para{
    font-size: 16px !important;
    font-weight: bold;
}

.aftr-para{
    font-weight: bold;
}

.unexpctd-jrny-para{
    font-weight: bold;
}

.msn-vsn-hdng{
    border: 0px solid ;
    border-radius: 10px;
    background-color: #43695A;
    font-size: 40px;
    text-align: center;
   margin-top: 30px;
}

.mission{
   width: 80%;
   margin-left: 20px;
   font-weight: bold;
} 

.vision{
    width: 80%;
    margin-left: 20px;
    font-weight: bold;
}


/*############################ 404 page styling ########################################*/
.banner-404{
    margin: auto;
    margin-top: 20px;
    width: 50%;
    height: 50%;
}

.pg-nt-fnd {
    font-size: 1.5rem;
    letter-spacing: 30px;
    margin-top: -15px;
    margin-left: 65px;
    text-align: center
}

.box {
    width: 100px;
    height: 100px;
    margin: auto;
    border-radius: 50%;
    position: relative;
    background-color: #504846;
    color: #fff;
    font-weight: 600;
}

.box a {
    font-size: 1.8rem;
    font-weight: 500;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box a {
    text-decoration: none;
    color: #fff;
}

.head {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 2rem;
    margin-top: 3rem;
} 

.inner-shadow {
    margin-top: 120px;
    height: 60px;
    width: 260px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: inset 0 0 15px 0;
    background-color: #43695A;
    position: relative;
    margin-left: 155px;
}

.button-1 {
    background-color: #43695A;
    color: white;
    padding: 7px;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    width: 50%;
}

.inner-shadow-1 {
    margin-top: 120px;
    height: 60px;
    width: 250px;
    border-radius: 10px;
    display: inline-block;
    box-shadow: inset 0 0 15px 0;
    background-color: #43695A;
    position: relative;
    margin-left: 155px;
}

.button-2 {
    background-color: #43695A;
    color: white;
    padding: 7px;
    font-size: 20px;
    cursor: pointer; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: none;
    width: 75%;
}
/*########################### contact styling ############################*/

.form_bx_container{
    border: 2px solid #507162;
    height: 400px;
    position: relative;
    margin-top: 4rem;
    border-radius: 20px;
}
.formbxbtn{
    padding: .3rem 4rem;
    background: #43695a;
}
.formbxbtn a{
    text-decoration: none;
    color: #fff;
}
.formbxbtn a:hover{
     color: #fff;
}
/*#name, #email, #number, #message{*/
/*    margin-bottom: 2rem;*/
/*    width: 340px;*/
/*    font-size: 1.6rem;*/
/*    padding-left: 1rem;*/
/*    border-radius: 10px;*/
/*}*/
.formcontent{
    padding: 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.contact_us{
    margin-right: 1rem;
}
.contact-span{
    font-size: 1.6rem;
}
.contact_us{
    position: relative;
    margin-top: 4rem;
}
.company-contact a{
    text-decoration: none;
    color: #000;
    font-size: 1.6rem;
}
.company-contact a:hover{
    color: #000;
}
.company-contact-bx{
    padding-right: 1rem;
}
.company-contact-bx::after{
    content: '';
    position: absolute;
    top: 40px;
    left: 200px;
    height: 70px;
    background: #43695a;
    width: 2px;
}
.contact-flex-bx{
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 6rem;
}
.contact-mail{
    margin-right: 1rem;
}
.contacta{
    text-decoration: none;
    color: #000;
    font-size: 1.6rem;
}
.contacta:hover{
    color: #000;
}
/*.mailinfo{*/
/*    margin-top: 6rem;*/
/*    margin-bottom: 2rem;*/
/*}*/
.country_name{
    font-size: 30px;
}
.mailinfo{
       padding-top: 1rem;
    margin-bottom: -4rem;
}



#map-section-1{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 60vh;
    width: 100%;
    position: relative;
    opacity: .8;
}
.map_sec_head{
    font-size: 4rem;
}
.map{
    color: red;
}
.hovercontainer {
    position: relative;
    height: 50px;
}
.hovercontainer:hover .popup-11 {
    opacity: 1;
    display: block;
}
.hovercontainer:hover .popup-12 {
    opacity: 1;
    display: block;
}
.hovercontainer:hover .popup-13 {
    opacity: 1;
    display: block;
}
.hovercontainer:hover .popup-14 {
    opacity: 1;
    display: block;
}
.hovercontainer:hover .popup-15 {
    opacity: 1;
    display: block;
}

.icon11{
    position: absolute;
   top: 92%;
    left: 14%;
    font-size: 2rem;
    color: red;
    font-weight: 700;
}
.icon12{
    position: absolute;
    top: 68%;
    left: 46%;
    font-size: 2rem;
    color: red;
    font-weight: 700;
}
.icon13{
    position: absolute;
     top: 20vh;
    left: 60.3%;
    font-size: 2rem;
    color: red;
    font-weight: 700;
}
.icon14{
    position: absolute;
    top: -30%;
    left: 68%;
    font-size: 2rem;
    color: red;
    font-weight: 700;
}
.icon15{
    position: absolute;
    top: 95%;
    left: 83.5%;
    font-size: 2rem;
    color: red;
    font-weight: 700;
}
.pop_up{
    position: relative;
}
.popup-11{
    background-color: #fff;
    padding: 1px 20px;
    position: absolute;
    top: 70px;
    transition: all 0.25s ease;
    /*opacity: 0;*/
    display: none;
    width: 250px;
    height: 100px;
    background: red;
}
.popup-12{
    background-color: #fff;
    padding: 1px 20px;
    position: absolute;
    top: 70px;
    transition: all 0.25s ease;
    opacity: 0;
    display: none;
    width: 250px;
    height: 100px;
    background: blue;
}
.popup-13{
    background-color: #fff;
    padding: 1px 20px;
    position: absolute;
    top: 70px;
    transition: all 0.25s ease;
    opacity: 0;
    display: none;
    width: 250px;
    height: 100px;
    background: green;
}
.popup-14{
    background-color: #fff;
    padding: 1px 20px;
    position: absolute;
    top: 70px;
    transition: all 0.25s ease;
    opacity: 0;
    display: none;
    width: 250px;
    height: 100px;
    background: violet;
}
.popup-15{
    background-color: #fff;
    padding: 1px 20px;
    position: absolute;
    top: 70px;
    transition: all 0.25s ease;
    opacity: 0;
    display: none;
    width: 250px;
    height: 100px;
    background: pink;
}

/* ###################### footer styling ############################ */
.footer-content-bx-container{
    visibility: hidden;
}
#footerbox{
    background-color: #e7d5c8;
    position: absolute;
    width: 100%;
}
.footer_lists li{
    list-style: none;
    font-size: 1.4rem;
}
.footer_lists li a{
    text-decoration: none;
    color: #000;
}
.footer_lists li a:hover{
    color: #000;
}
.footer-head{
    margin-top: 3rem;
}
.f_icon{
    margin-right: 1rem;
}
.footbx{
    margin-top: -3rem;
}
.footer-last-div{
    width: 90%;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.footer-last-div p{
    font-size: 1.4rem;
}
.contactus{
    text-decoration: none;
    color: #000;
}
.contactus:hover{
    color: #000;
}

/*#########################################################################*/

@media screen and (max-width: 970px) {
  .wrapper .btn{
    display: block;
  }
  .wrapper .nav-links{
    position: fixed;
    height: 100vh;
    width: 100%;
    max-width: 350px;
    top: 0;
    left: -100%;
    background: #242526;
    display: block;
    padding: 50px 10px;
    line-height: 50px;
    overflow-y: auto;
    box-shadow: 0px 15px 15px rgba(0,0,0,0.18);
    transition: all 0.3s ease;
  }
  /* custom scroll bar */
  /*::-webkit-scrollbar {*/
  /*  width: 10px;*/
  /*}*/
  /*::-webkit-scrollbar-track {*/
  /*  background: #242526;*/
  /*}*/
  /*::-webkit-scrollbar-thumb {*/
  /*  background: #3A3B3C;*/
  /*}*/
  #menu-btn:checked ~ .nav-links{
    left: 0%;
  }
  #menu-btn:checked ~ .btn.menu-btn{
    display: none;
  }
  #close-btn:checked ~ .btn.menu-btn{
    display: block;
  }
  .nav-links li{
    margin: 15px 10px;
  }
  .nav-links li a{
    padding: 0 20px;
    display: block;
    font-size: 20px;
    color: #fff;
  }
  .nav-links .drop-menu{
    position: static;
    opacity: 1;
    top: 65px;
    visibility: visible;
    padding-left: 20px;
    width: 100%;
    max-height: 0px;
    overflow: hidden;
    box-shadow: none;
    transition: all 0.3s ease;
  }
  #showDrop:checked ~ .drop-menu,
  #showMega:checked ~ .mega-box{
    max-height: 100%;
  }
  .nav-links .desktop-item{
    display: none;
  }
  .nav-links .mobile-item{
    display: block;
    color: #f2f2f2;
    font-size: 20px;
    font-weight: 500;
    padding-left: 20px;
    cursor: pointer;
    border-radius: 5px;
    transition: all 0.3s ease;
  }
  .nav-links .mobile-item:hover{
    background: #3A3B3C;
  }
  .drop-menu li{
    margin: 0;
  }
  .drop-menu li a{
    border-radius: 5px;
    font-size: 18px;
  }
  .mega-box{
    position: static;
    top: 65px;
    opacity: 1;
    visibility: visible;
    padding: 0 20px;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.3s ease;
  }
  .mega-box .content{
    box-shadow: none;
    flex-direction: column;
    padding: 20px 20px 0 20px;
  }
  .mega-box .content .row{
    width: 100%;
    margin-bottom: 15px;
    border-top: 1px solid rgba(255,255,255,0.08);
  }
  .mega-box .content .row:nth-child(1),
  .mega-box .content .row:nth-child(2){
    border-top: 0px;
  }
  .content .row .mega-links{
    border-left: 0px;
    padding-left: 15px;
  }
  .row .mega-links li{
    margin: 0;
  }
  .content .row header{
    font-size: 19px;
  }
nav input{
  display: none;
}
}

/*@media screen and (max-width: 767px) {*/
/*    .navbar_lists .sicario-list {*/
/*        display: inherit;*/
/*        margin-left: 0px;*/
/*        padding: 10px;*/
/*        background: transparent;*/
/*        transition: all .5s linear;*/
/*    }*/
/*    .navbar_lists .sicario-list:hover {*/
/*        background: #fff;*/
/*    }*/
/*    .navbar_lists .sicario-list:hover a {*/
/*        color: #000;*/
/*    }*/
/*    .logo {*/
/*        float: none;*/
/*    }*/
/*    .navbar_lists {*/
/*        float: none;*/
/*        padding: 0px;*/
/*        margin-right: 0px;*/
/*        background: #000;*/
/*        border-radius: 3px;*/
/*        transition: max-height 0.2s ease-out;*/
/*        max-height: 0;*/
/*        overflow: hidden;*/
/*        width: 100%;*/
/*    }*/
/*    .navbar_lists .sicario-list a {*/
/*        color: rgba(255, 255, 255, 1);*/
/*    }*/
/*    .btn-toggle {*/
/*        display: block;*/
/*    }*/
/*}*/

@media all and (min-width: 360px) and (max-width: 600px){
    .logo img {
    
    margin-left: -11%;
}
.inner-servicepage {
    padding-top: 22%;
}
    .section-container-content{
        width: 80%;
        margin: auto;
        margin-top: 3rem;
    }
    ul.tabs-nav li{
        margin: auto;
    }
    ul.tabs-nav li {
            width: 180px;
            height: 80px;
        }
      .sic_head{
    font-size: 2rem;
    margin-top: 3rem;
     }  
     .sic_head, .section-head{
         width: 90%;
        margin-left: auto;
        margin-right: auto;
     }
    .slide-with-hover:hover{
        box-shadow: none;
        height: 450;
        width:80%;
        margin: auto;
        background: #ddaf95;
    }
    .pcontent {
        width: 90%;
        margin: auto;
    }
    ul#tabs-nav li {
    width: 70px;
    height: 70px;
    margin: 0;
}
    .inside_section-box{
        width: 100%;
    }
    .section-head{
        font-size: 2rem;
        margin-top: 31%;
    }
    .inside_section-box>p {
        font-size: 1.3rem;
        width: 90%;
        margin-bottom: 1rem;
        margin-left: auto;
        margin-right: auto;
    }
    .sicpara{
      width: 90%;
        margin: auto;
    }
    .fixed-box-div {
   position: absolute;
    right: 0;
    left: 0;
    bottom: 20px;
    }
    .banner-back-text-r {
        display: none;
    }
    .btn-01{
        margin-bottom: 2rem;
    }
    .hide_show_box{
        margin-bottom: 2rem;
    }
    .hide-container{
        width: 96%;
        margin-top: 0;
    }
    
.sec-5-container-para {
    margin-top: 0;
    height: auto;
    width: 81%;
    margin: auto;
        margin-bottom: 4rem;
    }
    .pcontent {
        font-size: 1.4rem;
        padding: 1.5rem;
    }
    .hide-container{
        padding: 1.5rem;
    font-size: 1.4rem;
}
.review-img-01 {
    width: 120px;
    height: 50px;
}
.testimonial-rw-bx {
    width: 95%;
    height: auto;
    margin: auto;
}
ul#testemonialtabs-nav li{
        margin-right: 6rem;
    margin-left: 6rem;
}
.lg-head{
    border: 2px solid #43695a;
    margin:2rem auto;
    padding: 1rem 2rem;
}
#faq_z_index_box {
    width: 100%;
    height: auto;
   
}
.img_faq {
    width: 50%;
    padding-top: 0rem;
}

.faqbxcontent_101{
    margin-top: -2rem;
}
.testimonial-rw-bx {
    margin: 1rem auto;
}
.fazbox_container{
    height: auto;
}
#map-section{
    display: none;
}
.footer-last-div{
    display: block;
    width: 70%;
}
.slide-with-hover {
    position: relative;
    height: 490px;
    width: 325px;
    margin: auto;
    padding: 1rem;
}
.horizontally-center-box{
    margin-top: 3rem;   
}
.span102{
    float: right;
    margin-top: -4rem;
}
.owl-nav .owl-prev {
    left: -9px;
}
.owl-nav .owl-next {
    right: -9px;
}
.orm-para{
    width: 100%;
}
.smo-page-content{
    margin-top: 5rem;
}
.display-3{
    font-size: 1.8rem;
    margin-top: 0;
}
.display-2{
    font-size: 2.2rem;
}
.smo-services_div{
    margin-top: 8rem;
}
.smo-para{
    font-size: 1.5rem;
    font-weight: 600;
}
.smo-business{
    width: 90%;
}
.smo-pick-service-para{
    font-size: 1.6rem;
}
.smo-pick-service-icon img{
    width: 100px;
    height: 75px;
}
.hide-show-tab{
     display: grid;
    place-items: center;
 } 
}
@media all and (min-width: 601px) and (max-width: 768px){
    .section-container-content{
        width: 80%;
        margin: auto;
        margin-top: 3rem;
    }
    .inside_section-box{
        width: 100%;
    }
    .section-head {
    font-size: 3.5rem;
    margin-top: 18%;
     width: 90%; 
     margin-left: auto;
     margin-right: auto;
    }
    .inside_section-box>p {
        font-size: 1.8rem;
        width: 90%;
        margin-left: auto;
     margin-right: auto;
     margin-bottom: 2rem;
    }
    .banner-back-text-r {
        display: none;
    }
    ul#tabs-nav li {
    width: 100px;
    height: 100px;
    margin: 0;
    
}
     ul.tabs-nav li {
            width: 180px;
            height: 90px;
        }
    ul.tabs-nav li:hover{
            width: 220px;
            height: 110px;
             box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
        }
    .btn-01{
        margin-bottom: 2rem;
    }
    .hide_show_box{
        margin-bottom: 2rem;
    }
    .hide-container{
        width: 96%;
        margin-top: 0;
    }
    
.sec-5-container-para {
    margin-top: 0;
    height: auto;
    }

    .p_1005{
        margin-top: 4rem;
    }
    .pcontent {
        font-size: 1.4rem;
        padding: 1.5rem;
    }
    .hide-container{
        padding: 1.5rem;
    font-size: 1.4rem;
}
/*ul#tabs-nav li {*/
/*     margin: 0 8%; */
/*}*/
.review-img-01 {
    width: 120px;
    height: 50px;
}
.testimonial-rw-bx {
    width: 95%;
    height: auto;
    margin: 1rem auto;
}
ul#testemonialtabs-nav li{
        margin-right: 6rem;
    margin-left: 6rem;

}
.lg-head{
    border: 2px solid #43695a;
    margin:2rem auto;
    padding: 1rem 2rem;
}
.img_faq {
    width: 40%;
    padding-top: 0rem;
}
#map-section{
    display: none;
}
.faqbxcontent_101 {
    width: 100%;
    margin: auto;
    margin-top: -4rem;
}
.footer-last-div{
    display: block;
    width: 70%;
}
.slide-with-hover {
    height: 460px;
    width: 420px;
    margin: auto;
    padding: 3rem;
}
#faq_z_index_box{
    height: auto;
    width: 100%;
}
.fixed-box-div {
    right: 120px;
    left: 120px;
    bottom: 30px;
}
.horizontally-center-box{
    margin-top: 3rem;   
}
.span102{
    float: right;
    margin-top: -4rem;
}
.hide-show-tab{
     display: grid;
    place-items: center;
 } 
}
@media all and (min-width: 769px) and (max-width: 991px){
    .section_box_content {
    padding-top: 8%;
}
.section-container-content{
        width: 100%;
        margin: auto;
        margin-top: -4rem;
    }
    .inside_section-box{
        width: 100%;
    }
   ul#tabs-nav li {
    width: 100px;
    height: 100px;
    margin: 0;
}
    .section-head{
        font-size: 4rem;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }
    .inside_section-box>p {
        font-size: 1.8rem;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }
    .banner-back-text-r {
        display: none;
    }
    .btn-01{
        margin-bottom: 2rem;
    }
    .hide_show_box{
        margin-bottom: 2rem;
    }
    .hide-container{
        width: 96%;
        margin-top: 0;
    }
    
.sec-5-container-para {
    margin-top: 0;
    height: auto;
    }

    .p_1005{
        margin-top: 4rem;
    }
    .pcontent {
        font-size: 1.4rem;
        padding: 1.5rem;
    }
    .hide-container{
        padding: 1.5rem;
    font-size: 1.4rem;
}
.review-img-01 {
    width: 120px;
    height: 50px;
}
.testimonial-rw-bx {
    width: 95%;
    height: auto;
    margin: 1rem auto;
}
ul#testemonialtabs-nav li{
        margin-right: 6rem;
    margin-left: 6rem;

}
.lg-head{
    border: 2px solid #43695a;
    margin:2rem auto;
    padding: 1rem 2rem;
}
.img_faq {
   width: 40%;
    padding-top: 0rem;
}
.faqbxcontent_101 {
    width: 100%;
    margin: auto;
    margin-top: -6rem;
}
.sic_1-para{
    margin-top: 4rem;   
}
#map-section{
    display: none;
}
.footer-last-div{
    display: block;
    width: 70%;
}
#faq_z_index_box{
    height: auto;
    width: 100%;
}
.slide-with-hover {
    height: 500px;
    width: 360px;
    margin: auto;
    padding: 3rem;
}
.slide-with-hover:hover{
        box-shadow: none;
        height: 500;
        width:360;
        margin: auto;
        background: #ddaf95;
    }
.horizontally-center-box{
    margin-top: 3rem;   
}
.span102{
    float: right;
    margin-top: -4rem;
}
#showDrop, #menu-btn, #close-btn{
    display: none;
}
.hide-show-tab{
     display: grid;
    place-items: center;
 } 
}

@media all and (min-width: 992px) and (max-width: 1300px){
    #showDrop, #menu-btn, #close-btn{
    display: none;
    }
    .section-head{
        font-size: 5rem;
        width: 90%;
        margin-top: 2%;
        margin-left: auto;
        margin-right: auto;
    }
    .inside_section-box>p {
        font-size: 2.5rem;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }
    .sicpara{
        font-size: 2rem;
    }
    .section_box_content{
        padding-top: 11%;
    }
    .second-para {
    padding-bottom: 4rem;
}
    .banner-back-text-r {
    left: -170.5%;
}

ul#tabs-nav li {
    width: 100px;
    height: 90px;
}
.slide-with-hover:hover{
    height: 515px;
    width: 360px;
}
ul.tabs-nav li {
            width: 160px;
            height: 65px;
        }
    ul.tabs-nav li:hover{
            width: 173px;
            height: 75px;
             box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px;
        }
.section-container-content {
     margin-top: 0rem; 
}
.slide-with-hover {
    width: 319px;
    margin: auto;
    height: 500px;
}
.fixed-box-div {
    right: 10px;
    left: 13px;
    bottom: 20px;
}
.span102{
    margin-left: 2.8rem;
}
.testimonial-rw-bx {
    width: 300px;
    height: auto;
}
.img_faq {
    padding-top: 0rem;
}
#faq_z_index_box {
    height: auto;
}
#map-section {
    display: none;
}
.hide-show-tab{
     display: grid;
    place-items: center;
 } 
}
@media all and (min-width: 1301px) and (max-width: 1600px){
     #showDrop, #menu-btn, #close-btn{
    display: none;
    }
    .hide-show-tab{
     display: grid;
    place-items: center;
 } 
 .logo img {
    width: 168px;
    margin-top: -7%;
}
}
@media all and (min-width: 1650px) and (max-width: 1920px){
    /*#name, #email, #number, #message{*/
    /*    width: 420px;*/
    /*}*/
     #showDrop, #menu-btn, #close-btn{
    display: none;
    }
    .section-head{
        font-size: 5rem;
        width: 90%;
        /*margin-top: 2%;*/
        margin-left: auto;
        margin-right: auto;
    }
    .inside_section-box>p {
        font-size: 2.5rem;
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 2rem;
    }
    .slide-with-hover {
        height: 490px;
    width: 370px;
    margin: auto;
}
.second-para {
    padding-bottom: 4rem;
}
    .banner-back-text-r {
    left: -154.5%;
}
.inside_section-box>p {
    font-size: 3rem;
    width: 70%;
}
.section-container-content {
     margin-top: 3rem; 
}
.sic_head{
    font-size: 3rem;
    margin-bottom: 1rem;
    margin-top: -6rem;
}
.section-head {
    padding-top: 2rem;
}
.sic_btn{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.icon11{
   top: 4vw;
}
.icon12{
   top: 3.5vw;
}
.icon13{
   top: 11vw;
}
.icon14{
   top: 2vw;
}
.icon15{
   top: 6vw;
}
.hide-show-tab{
     display: grid;
    place-items: center;
 } 
}


img
{
	max-width: 100%;
}

.image-left, .image-right
{
	margin: 1em 0;
}

@media (min-width: 320px)
{
	.image-left, .image-right
	{
		display: flex;
		align-items: center;
	}

	.image-left img
	{
		margin-right: 1em;
		float: left; /* fallback */
	}

	.image-right img
	{
		order: 1;
		margin-left: 1em;
		float: right; /* fallback */
	}
	
	/* clearfix for fallback */
	.image-left::after,
	.image-right::after
	{
		content: "";
  	display: block;
		clear: both;
	}
}

@media (min-width: 480px)
{
	.image-left img, .image-right img
	{
		flex-shrink: 0;
	}
}


CSS.g-6,
.gx-6 {
  --bs-gutter-x: 4.5rem;
}
.g-6,
.gy-6 {
  --bs-gutter-y: 4.5rem;
}
@media (min-width: 576px) {
  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 768px) {
  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 992px) {
  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 1400px) {
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 4.5rem;
  }
}
.mb-6 {
  margin-bottom: 4.5rem !important;
}
.py-6 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}
@media (min-width: 576px) {
  .mb-sm-6 {
    margin-bottom: 4.5rem !important;
  }
  .py-sm-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 768px) {
  .mb-md-6 {
    margin-bottom: 4.5rem !important;
  }
  .py-md-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-6 {
    margin-bottom: 4.5rem !important;
  }
  .py-lg-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-6 {
    margin-bottom: 4.5rem !important;
  }
  .py-xl-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-6 {
    margin-bottom: 4.5rem !important;
  }
  .py-xxl-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}

.align-self-center img{
    width:150px;
}

.section-fifth-005{
    position:relative;
}


.bookmeetModal {
    position: fixed;
    width: 50%;
    background-color: #e7d5c8;
    background: #ee9ca7;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #e7d5c8, #ee9ca7);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #e7d5c8, #ee9ca7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0.3rem;
    outline: 0;
     padding: 4% 2%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    box-shadow:rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
}

.form-label {
    font-size: 14px;
}

.meetclosebtn{
    border:none;
    float:right;
    background:transparent;
    font-size:20px;
    position: absolute;
    right: 3%;
    top: 3%;
}

.bookmeetsubmit{
    background: #43695a;
    color: #fff;
    width: 200px;
    height: 40px;
    font-size: 14px;
    display: block;
    margin: auto;
    border:2px #fff;
}

.bookmeetModal .form-control {
    display: block;
    height: 35px;
}

    .php-email-form .loading {
    display: none;
    background: var(--color-white);
    text-align: center;
    padding: 15px;
    }
    
    .php-email-form .error-message {
    display: none;
    color: var(--color-white);
    background: var(--color-red);
    text-align: left;
    padding: 15px;
    font-weight: 600;
}

.php-email-form .sent-message {
    display: none;
    color: white;
    background: green;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    font-size: 12px;
}