*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, Helvetica, sans-serif
}

a{
  text-decoration: none
}

header{
  background-color: rgb(255,255,255);
  position: sticky;
  top: 0;
  z-index: 999
}

.nav{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  color: rgba(0, 0, 0, 0.5);
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif
}

.nav a{
  text-decoration: none
}




.nav-link a{
  text-decoration: none;
  font-size: 16px;
  font-style: normal;
  padding: 15px;
  color: rgba(0, 0, 0, 0.5);
  font-weight: bolder
}

@media screen and (max-width:680px) {
  .nav-link{
      position: fixed;
      width: 100%;
      top: 50px;
      left: 0;
      background-color:white;
      color: rgba(0, 0, 0, 0.5)
  }
  .nav-link a{
      display: block;
      color: rgba(0, 0, 0, 0.5);
      text-align: center
  }
  .hide{
      display: none
  }
  .hamburger .line{
      width:30px;
      height: 3px;
      background-color: black;
      display: block;
      margin-bottom: 10px
  }
}



/* home page */

/* section2 */

@media screen and (max-width:1250px){
.bg-section{
  background-image: url(./img/other-bg-tr.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}
}



.bg-section2{
 background-image: url(./img/full-shot-travel-concept-with-landmarks.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 550px;
  max-width: 100%
}

.bg-section2 h1{
color: #fff;
font-size: 60px;
margin-bottom: 10px;
font-weight: 400 !important
}

.bg-section2 p {
  color:white
}

.bg-section2 h3{
  font-family: "Open Sans", Arial, sans-serif;
font-weight: 400;
color: white
}

.bg-section2 h2{
  font-size: 60px;
font-weight: bold;
color:white
}

/* section3 */

.bg-section3 h3{
  color: #5a5a5a;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 400;
font-size:40px
}


.bg-section3 p {
  color: #848484;
font-family: "Open Sans", Arial, sans-serif;
font-size: 18px;
font-weight: 300
}

.bg-section3{
  background-color: #F5F5F5;
  width:100%
}


/*  */

.solu_title a{
text-decoration: none;
color:#F78536
}
.blog_recent {
padding: 60px 0
}

.solution_cards_box .solution_card {
background: #fff;
box-shadow: 0 2px 4px 0 rgba(136, 144, 195, .2), 0 5px 15px 0 rgba(37, 44, 97, .15);
border-radius: 15px;
margin: 15px 0;
padding: 10px 15px;
position: relative;
z-index: 1;
overflow: hidden;
min-height: 245px;
transition: .7s
}

.solution_cards_box .solution_card:hover {
background: #F78536;;
color: #fff;
transform: scale(1.1);
z-index: 9
}

.solution_cards_box .solution_card:hover::before {
background: rgb(85 108 214 / 10%)
}

.Copyright a,
.footer .footer_box .sub_head~p,
.footer .footer_box .sub_head~p a,
.footer .footer_box>.links>li>a,
.hotels_page .content_area_hotel ul li a,
.solution_cards_box .solution_card:hover .solu_description p,
.solution_cards_box .solution_card:hover .solu_title h3,
.solution_cards_box .solution_card:hover .solu_title h3 a {
color: #fff
}

.solution_cards_box .solution_card:before {
content: "";
position: absolute;
background: rgb(85 108 214 / 5%);
width: 170px;
height: 400px;
z-index: -1;
transform: rotate(42deg);
right: -56px;
top: -23px;
border-radius: 35px
}

.solution_cards_box .solution_card:hover .solu_description button {
background: #fff !important;
color:  #F78536;
}

.solution_card .solu_title h3 {
color: #212121;
font-size: 18px;
margin: 13px auto
}

.solution_card .solu_description p {
font-size: 15px;
margin-bottom: 15px
}

.solution_card .solu_description button {
border: 0;
cursor: pointer;
border-radius: 15px;
/* background: linear-gradient(140deg, #42c3ca 0, #42c3ca 50%, #42c3cac7 75%) !important; */
background-color:  #F78536;;
color: #fff;
font-weight: 500;
font-size: 1rem;
padding: 5px 16px
}

.hover_color_bubble {
position: absolute;
background: rgb(54 81 207 / 15%);
width: 100rem;
height: 100rem;
right: 0;
z-index: -1;
top: 16rem;
border-radius: 50%;
transform: rotate(-36deg);
left: -18rem;
transition: .7s
}

.solution_cards_box .solution_card:hover .hover_color_bubble {
top: 0
}


.iconer h3{
color: #1a1a1a;
font-size: 19px;
font-weight: 700
}


#fh5co-testimonial {
position: relative;
background: #00AD7C
}
#fh5co-testimonial .fh5co-heading h2 {
color: white
}
#fh5co-testimonial .box-testimony {
margin-bottom: 2em;
float: left
}
#fh5co-testimonial .box-testimony a {
color: rgba(255, 255, 255, 0.5)
}
#fh5co-testimonial .box-testimony a:hover, #fh5co-testimonial .box-testimony a:focus, #fh5co-testimonial .box-testimony a:active {
color: white;
text-decoration: none
}
#fh5co-testimonial .box-testimony blockquote {
padding-left: 0;
border-left: none;
padding: 40px;
background: #fff;
position: relative;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px
}
#fh5co-testimonial .box-testimony blockquote:after {
content: "";
position: absolute;
top: 100%;
left: 40px;
border-top: 15px solid black;
border-top-color: #fff;
border-left: 15px solid transparent;
border-right: 15px solid transparent
}
#fh5co-testimonial .box-testimony blockquote .quote {
position: absolute;
top: 0;
left: 10px;
text-align: center;
font-size: 30px;
line-height: 0;
display: table;
color: #fff;
width: 56px;
height: 56px;
margin-top: -30px;
background: #00AD7C;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%
}
#fh5co-testimonial .box-testimony blockquote .quote > span {
display: table-cell;
vertical-align: middle
}
#fh5co-testimonial .box-testimony blockquote p {
letter-spacing: 1px
}
#fh5co-testimonial .box-testimony .author {
line-height: 20px;
color: white;
font-size: 20px;
margin-left: 20px
}
#fh5co-testimonial .box-testimony .author .subtext {
display: block;
color: rgba(255, 255, 255, 0.5);
font-size: 16px
}

#fh5co-features {
padding: 7em 0
}
#fh5co-features .feature-left {
margin-bottom: 40px
}
@media screen and (max-width: 992px) {
#fh5co-features .feature-left {
margin-bottom: 30px
}
}
#fh5co-features .feature-left .icon i {
color: #d9d9d9 !important;
}
#fh5co-features .feature-left .icon {
float: left;
text-align: center;
width: 15%
}


#fh5co-testimonial .box-testimony blockquote .quote {
position: absolute;
top: 0;
left: 10px;
text-align: center;
font-size: 30px;
line-height: 0;
display: table;
color: #fff;
width: 56px;
height: 56px;
margin-top: -30px;
background: #00AD7C;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%
}


[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

#fh5co-testimonial .box-testimony blockquote .quote {
position: absolute;
top: 0;
left: 10px;
text-align: center;
font-size: 30px

}


.animate-box p{
font-size: 16px;
color: #848484;
font-family: "Open Sans", Arial, sans-serif
}



/* article page */


.mybtn{
  background-color: #F78536
}

.mybtn:hover{
  color:white
}

.inner_banner {
position: relative;
background: url(./img/articles.jpg) bottom center/cover no-repeat;
height: 300px
}

.inner_banner::before {
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
left: 0;
background: rgb(0 0 0 / 40%)
}

.inner_banner .middle_area {
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
text-align: center;
color: #fff;
line-height: 1.3
}

.inner_banner .middle_area span.head {
width: 100%;
float: left;
font-size: 20px;
text-shadow: 0 0 3px #212529;
-webkit-text-shadow: 0 0 3px #212529;
-moz-text-shadow: 0 0 3px #212529;
margin-top: 10px;
margin-bottom: 10px
}

.inner_banner .middle_area .breadcrumbs {
width: 100%;
float: left;
text-transform: capitalize
}

.inner_banner .middle_area .breadcrumbs>* {
display: inline-block;
font-size: 18px;
vertical-align: middle
}

.inner_banner .middle_area .breadcrumbs>a {
color: #fff;
font-family: Poppins, sans-serif
}

.inner_banner .middle_area .breadcrumbs>i {
width: 7px;
height: 7px;
background: #fff;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
margin-left: 10px;
margin-right: 10px;
box-shadow: 0 0 3px #f7f6fd;
-webkit-box-shadow: 0 0 3px #f7f6fd;
-moz-box-shadow: 0 0 3px #212529
}


/* blog page */

.inner_banner1 {
position: relative;
background: url(./img/blog.jpg) bottom center/cover no-repeat;
height: 300px
}

.inner_banner1::before {
width: 100%;
height: 100%;
content: "";
position: absolute;
top: 0;
left: 0;
background: rgb(0 0 0 / 40%)
}

.inner_banner1 .middle_area {
width: 100%;
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
text-align: center;
color: #fff;
line-height: 1.3
}

.inner_banner1 .middle_area span.head {
width: 100%;
float: left;
font-size: 20px;
text-shadow: 0 0 3px #212529;
-webkit-text-shadow: 0 0 3px #212529;
-moz-text-shadow: 0 0 3px #212529;
margin-top: 10px;
margin-bottom: 10px
}

.inner_banner1 .middle_area .breadcrumbs {
width: 100%;
float: left;
text-transform: capitalize
}

.inner_banner1 .middle_area .breadcrumbs>* {
display: inline-block;
font-size: 18px;
vertical-align: middle
}

.inner_banner1 .middle_area .breadcrumbs>a {
color: #fff;
font-family: Poppins, sans-serif
}

.inner_banner1 .middle_area .breadcrumbs>i {
width: 7px;
height: 7px;
background: #fff;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
margin-left: 10px;
margin-right: 10px;
box-shadow: 0 0 3px #f7f6fd;
-webkit-box-shadow: 0 0 3px #f7f6fd;
-moz-box-shadow: 0 0 3px #212529
}


/* detailed page */

.inner_bannerdet {
  position: relative;
  background: url(./img/blog.jpg) bottom center/cover no-repeat;
  height: 300px
  }
  
  .inner_bannerdet::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0 0 0 / 40%)
  }
  
  .inner_bannerdet .middle_area {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  text-align: center;
  color: #fff;
  line-height: 1.3
  }
  
  .inner_bannerdet .middle_area span.head {
  width: 100%;
  float: left;
  font-size: 20px;
  text-shadow: 0 0 3px #212529;
  -webkit-text-shadow: 0 0 3px #212529;
  -moz-text-shadow: 0 0 3px #212529;
  margin-top: 10px;
  margin-bottom: 10px
  }
  
  .inner_bannerdet .middle_area .breadcrumbs {
  width: 100%;
  float: left;
  text-transform: capitalize
  }
  
  .inner_bannerdet .middle_area .breadcrumbs>* {
  display: inline-block;
  font-size: 18px;
  vertical-align: middle
  }
  
  .inner_bannerdet .middle_area .breadcrumbs>a {
  color: #fff;
  font-family: Poppins, sans-serif
  }
  
  .inner_bannerdet .middle_area .breadcrumbs>i {
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  margin-left: 10px;
  margin-right: 10px;
  box-shadow: 0 0 3px #f7f6fd;
  -webkit-box-shadow: 0 0 3px #f7f6fd;
  -moz-box-shadow: 0 0 3px #212529
  }


.prass h6{
  color: #474646;
  
  text-align: justify 
}

.prass h5{
  color: #474646;
  text-align: justify 
}


.prass h4{
  color: #474646;
  text-align: justify 
}


.prass h3{
  color: #474646;
  text-align: justify
}


.prass p{
  color:#484848;;
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-weight: 300
}

.prass ul li{
  color: #474646;
  font-weight:600;
  /*text-align: justify; */
  line-height: 2
}

.prass ul li a{
  color: #007bff;
  font-weight: bolder;
  line-height: 2
}

form{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


/* contact page */


.inner_bannercont {
  position: relative;
  background: url(./img/contact.jpg) bottom center/cover no-repeat;
  height: 300px
  }
  
  .inner_bannercont::before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(0 0 0 / 40%)
  }
  
  .inner_bannercont .middle_area {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  text-align: center;
  color: #fff;
  line-height: 1.3
  }
  
  .inner_bannercont .middle_area span.head {
  width: 100%;
  float: left;
  font-size: 20px;
  text-shadow: 0 0 3px #212529;
  -webkit-text-shadow: 0 0 3px #212529;
  -moz-text-shadow: 0 0 3px #212529;
  margin-top: 10px;
  margin-bottom: 10px
  }
  
  .inner_bannercont .middle_area .breadcrumbs {
  width: 100%;
  float: left;
  text-transform: capitalize
  }
  
  .inner_bannercont .middle_area .breadcrumbs>* {
  display: inline-block;
  font-size: 18px;
  vertical-align: middle
  }
  
  .inner_bannercont .middle_area .breadcrumbs>a {
  color: #fff;
  font-family: Poppins, sans-serif
  }
  
  .inner_bannercont .middle_area .breadcrumbs>i {
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  margin-left: 10px;
  margin-right: 10px;
  box-shadow: 0 0 3px #f7f6fd;
  -webkit-box-shadow: 0 0 3px #f7f6fd;
  -moz-box-shadow: 0 0 3px #212529
  }

.contact-bg{
background-color: #F5F5F5;
width:100%;
height: fit-content
}

#fh5co-contact .form-control {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
border: none;
border: 1px solid rgba(0, 0, 0, 0.1);
font-size: 18px;
font-weight: 400;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
border-radius: 0px
}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {
border-bottom: 1px solid rgba(0, 0, 0, 0.5)
}
#fh5co-contact input[type="text"] {
height: 50px

}
#fh5co-contact .form-group {
margin-bottom: 30px
}

.contact-section h3{
font-size: 40px;
font-weight: 400;
color: #5a5a5a;
font-family: "Open Sans", Arial, sans-serif;
text-align: center
}

.contact-section p{
color: #848484;
font-family: "Open Sans", Arial, sans-serif;
font-size: 20px;
text-align: center
}

.contact-section2 h3{
color: #5a5a5a;
font-family: "Open Sans", Arial, sans-serif;
font-weight: 400;
font-size: 24px
}

.contact-section2 p{
margin-bottom: 1.5em;
font-size: 16px;
color: #848484;
font-family: "Open Sans", Arial, sans-serif
}

.contact-info{
padding-left: 0!important
}

.contact-info li{
list-style: none;
font-size: 18px;
color: #848484

}
.contact-info li a{
list-style: none;
font-size: 18px;
color: #848484;
text-decoration: none
}


.mybtn{
background-color:  #F78536;
color:white
}




/* footer section */


.footer-section{
  background-color: #393E46;
  width:100%;
  height: fit-content
  }
  .footer-section h3{
  color: #fff;
  font-size: 18px;
  font-weight: 400
  }
  
  .footer-section p{
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  font-size: 16px;
  color: #848484;
  font-family: "Open Sans", Arial, sans-serif
  
  }
  
  .footer-section p a{
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px;
  font-weight: 400;
  text-decoration: none
  
  }
  
  .footer-icon svg{
  color:#9C9FA3
  }
  
  .footer-icon p{
  color: rgba(255, 255, 255, 0.5);
  font-size: 14px
  }