.fixedbtn{
 position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999 !important;
  width: 60px;
  height: 60px;
}
.fixedbtn img{
  width: 60px;
  height: 60px;
}

@media screen and (max-width:767px){
  .fixedbtn{
    width:40px;
    height: 40px;
  }
  .fixedbtn img{
  width: 40px;
  height: 40px;
}
}
/*Banner*/
.bannersection{
  background:url('../images/banner.webp');
  background-size: cover;
  position: relative;
  background-size: cover;
  position: relative;
  padding-top: 180px;
  padding-bottom: 30px;
  margin-top: -135px;
  overflow: hidden;
  background-position: top center;
  }.breadcrumb {
      list-style: none;
      display: block;
      position: relative;
      text-align: center;
      background: transparent;
      color: #fff;
      text-transform: uppercase;
      font-size: 15px;
      font-weight: 600;
      border-radius: 10px;

      width: fit-content;font-family: "Marcellus", serif;
      text-align: center;
      padding: 0;
      margin-left: auto;
      margin-right: auto;
  }

  .breadcrumb ul {
      margin: 0;
      padding: 0;
      line-height: 30px
  }

  .breadcrumb ul li {
      display: inline-block
  }

  .breadcrumb ul li:after {
      content: "»";
      font-weight: 700;
      color: #fff;
      font-size: 16px;
      padding: 0 5px 0 10px
  }

  .breadcrumb ul li:last-child:after {
      content: none
  }
  .bannersection h1{
    text-align: center;font-size: 45px;
    color: #fff;
    margin-bottom: 5px;font-family: "Marcellus", serif;
}
.breadcrumb ul li a {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
  font-family: "Marcellus", serif;
}
.bannersection::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(0, 0, 0, 0.33);
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1199px){
    .bannersection h1 {
      font-size: 33px;
  }
  .breadcrumb ul li a {
      font-size: 16px;
  }
  .sectiontitle {
      font-size: 33px;
  }
}
@media screen and (max-width: 991px){
    .bannersection h1 {
      font-size: 27px;
  }
  .breadcrumb ul li a {
      font-size: 14px;
      }.sectiontitle {
          font-size: 30px;
      }
  }

  @media screen and (max-width: 767px){
    .bannersection {
      padding-top: 20px;
      padding-bottom: 19px;
      margin-top: 0;
  }
}


.choose-circle h4 {
  max-width: 200px;
  font-size: 20px;
}

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

@media (max-width: 991.98px) {
  .choose-media {
    margin-bottom: 60px;
  }
}

.choose-media .abs-img {
  top: 100px;
  right: 40px;
}

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

@media (max-width: 991.98px) {
  .choose-sec .anim-img {
    left: auto;
    right: 0;
  }
}

@media (max-width: 991.98px) {
  .choose-sec .choose-content {
    margin-top: 70px;
  }
}

.choose-sec .choose-content h2 {
  margin-bottom: 20px;
}

@media (max-width: 991.98px) {
  .choose-sec .choose-content h2 {
    font-size: 28px;
  }
}

.choose-sec .choose-content p {
  max-width: 600px;
  margin-bottom: 40px;
  color: #606f7b;
}

@media (max-width: 991.98px) {
  .choose-sec .choose-content p {
    margin-left: auto;
    margin-right: auto;
  }
}

.choose-sec .choose-content .display-4 {
  font-size: 20px;
}

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

.choose-sec2 .single-choose {
border-radius: 10px;
  padding: 20px;
    padding-left: 20px;
  padding-left: 50px;
  display: flex;
  gap: 15px;
  position: relative;
  text-align: center;
}
.choose-sec2 .single-choose .icon, .choose-sec2 .single-choose h3{
  font-size: 24px;
  color: #fff;
  width: 100%;
}

.choose-sec2 .single-choose::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #2878a5;
  border-radius: 10px;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
  z-index: 1;
}

.choose-sec2 .single-choose::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 40px;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  background: url("../images/choose-s-b.png") no-repeat center / contain;
  z-index: -1;
}

@media (max-width: 991.98px) {
  .choose-sec2 .single-choose::after {
    display: none;
  }
}

.choose-sec2 .single-choose span.icon {
  width: 68px;
  height: 68px;
  border-radius: 10px;
  position: relative;
}

.choose-sec2 .single-choose span.icon::before {
  content: "";
  position: absolute;
  background-color: white;
  height: 4px;
  width: 39px;
  border-radius: 20px;
  left: 50%;
  transform: translateX(-50%);
}



.choose-sec2 .single-choose .icon,
.choose-sec2 .single-choose h3 {
  position: relative;
  z-index: 2;
}

.choose-sec2 .single-choose:not(:last-child) {
  margin-bottom: 60px;
}

.choose-sec2 .single-choose:nth-child(2)::after {
  left: 60%;
}

.choose-sec2 .single-choose:nth-child(3)::after {
  left: 50%;
}

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

@media (min-width: 768px) {
  .choose-sec2 .reverse-choose {
    padding-left: 30px;
  }
}

.choose-sec2 .reverse-choose .single-choose {
  flex-direction: row-reverse;
  padding-left: 20px;
  padding-right: 50px;
  text-align: center;
}

.choose-sec2 .reverse-choose .single-choose::before {
  background-color: #2878a5;
  clip-path: polygon(0 0, 100% 1%, 92% 100%, 0 100%);
}

.choose-sec2 .reverse-choose .single-choose::after {
  left: -100%;
  background: url("../images/choose-sb2.png") no-repeat center / contain;
}

.choose-sec2 .reverse-choose .single-choose:nth-child(1)::after {
  left: -50%;
}

.choose-sec2 .reverse-choose .single-choose:nth-child(2)::after {
  left: -30%;
}
.choose-sec2{
  padding: 60px 0;
  background: #e9efef;
}
.choose-sec2 .abt-head-title{
  margin-bottom: 30px;
}


@media screen and (max-width: 991px){
  .choose-sec2 {
  padding: 0px 0 60px;
  background: #e9efef;
}
.choose-sec2 .single-choose:not(:last-child) {
  margin-bottom: 20px;
}
}


@media screen and (max-width: 767px){
  .choose-sec2 {
  padding: 20px 0 40px;
  background: #fff;
}
.choose-sec2 .single-choose:not(:last-child) {
  margin-bottom: 20px;
}.choose-sec2 .abt-head-title {
  margin-bottom: 16px;
}.choose-sec2 .single-choose .icon, .choose-sec2 .single-choose h3 {
  font-size: 21px;
}
.choose-sec2 .single-choose {
  border-radius: 10px;
  padding: 14px;
}  .choose-media {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}






.service-footer {
  padding-top: 30px;
  margin-top: 25px;
}

.service-footer span {
  background-color: #000;
  color: #fff;
}

/* ===================== */
.service .row{
  justify-content: center;
}
.service-card {
  padding: 20px 30px;
  mask-repeat: no-repeat;background-color: #ecf0f1 !important;
  box-shadow:0 19px 38px rgba(69, 140, 204, 0.22), 0 15px 12px rgba(69, 140, 204, 0.2);
  margin-bottom: 20px;
  min-height: 390px;
}

.service-card .service-thumb {
  margin: 15px 0 15px;
  mask-image: url('../images/serv-shape.png');
  mask-size: contain;
}

.service-card .service-footer span {
  background-color: var(--shade);
  color: #000;
  width: 40px;
  height: 40px;
}

.service-card  {border-radius: 30px;
  margin-top: 20px;
}

.service-card:hover .service-footer span {
  background-color: #2878a5;
  color: #fff;
}

.service{
  padding: 50px 0 45px;
}
.service-card:hover h3 a {
  color: #2878a5;
}

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

.services-carousel {
  position: relative;
}

/* XXL breakpoint styles removed (SCSS-only) */

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

.services-sec {
  z-index: 1;
}

.services-sec .ct-pagination {
  border: 1px solid #2878a5;
}

.services-sec .ct-pagination .swiper-pagination {
  position: relative;
  padding: 12px;
  bottom: 0;
}

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

.services-sec2 .serv-header,
.services-sec2 .container {
  margin-left: auto;
  margin-right: 0;
}

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

.service-slider2 .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.service-card2 {
  padding: 30px;
}

.service-card2 .serv-thumb {
  clip-path: polygon(100% 0, 100% 67%, 91% 100%, 0 100%, 0 0);
  overflow: hidden;
}

.service-card2 .serv-thumb::before {
  background-color: #000;
}

.service-card2 .serv-thumb .icon {
  width: 100px;
  height: 100px;
  background-color: #000;
}

.service-card2 h3 {
  margin: 55px 0 20px;
  font-weight: 700;
}

.service-card2 .service-footer {
  margin-top: 35px;
  padding-top: 35px;
}

.service-card2 .service-footer span {
  width: 40px;
  height: 40px;
}

.service-card2:hover .serv-thumb::before {
}

.service-card2:hover h3 a {
  color: #2878a5;
}

.service-card2:hover .icon {
  background-color: #2878a5;
}

.service-card2:hover .service-footer span {
  background-color: #2878a5;
  color: #fff;
}

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

.service-entry {
  position: relative;
  height: 440px;
}

.service-entry .serv-txt {
  position: absolute;
  bottom: 0;
  height: 115px;
  padding: 20px;
  width: calc(100% - 15px);
  transition: height 0.5s ease;
}

.service-entry .serv-txt::before {
  top: 50px;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 6px 40px 0 rgba(0, 0, 0, 0.07);
  transition: height 0.5s ease;
}

.service-entry .serv-txt .serv-heading {
  margin: 20px 0 10px;
  transform: translateY(-10px);
  transition: transform 0.4s;
}

.service-entry .serv-txt .serv-title {
  padding-top: 15px;
}

.service-entry .serv-txt p {
  margin-bottom: 0;
  font-weight: 400;
  line-height: 28px;
  transform: translateY(60%);
  opacity: 0;
  transition: transform 0.2s ease, opacity 0.1s ease;
}

.service-entry:hover .serv-txt {
  height: 228px;
}

.service-entry:hover .serv-txt::before {
  height: 100%;
}

.service-entry:hover .serv-heading {
  transform: translateY(0);
}

.service-entry:hover .serv-heading h3 a,
.service-entry:hover .serv-heading i {
  color: #2878a5;
}

.service-entry:hover .serv-txt p {
  opacity: 1;
  transform: translateY(0);
}

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

.single-service .display-3 {
  font-size: 30px;
  margin: 20px 0 10px;
}

.single-service p {
  margin-bottom: 10px;
}

/* ===================== */
.round{
  border-radius: 30px;
}
.case-2 {
  padding-bottom: 80px;
}

.case-2 .service-entry {
  margin-bottom: 80px;
}

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

.services-sidebar .widget {
  background: #fff;
  padding: 40px 30px;
}

.services-sidebar .widget.broucher-widget a {
  margin-bottom: 20px;
}


.service-head h3{
  font-size: 36px;
  font-weight: 800;
  color: #fff;
  font-family: "Marcellus", serif;
  margin: 0;
  width: 100%;
  text-align: center;
}
.service-card p{
  color: #fff !important;
  width: 100%;
  text-align: center;
  font-size: 17px;
  margin-bottom: 5px;
  line-height: 1.4;
}
.service-card1{
  background-color: #458ccc !important;
}
.service-card2{
  background-color: #2E6316 !important;
}

@media screen and (max-width: 1600px){
  .service-head h3 {
  font-size: 32px;
}

}

.gallery-box .box {
    height: 250px;        /* set your desired height */
    overflow: hidden;
}

.gallery-box .box img {
    width: 100%;
    height: 100%;
    object-fit: cover;   /* fills the box, crops if needed */
    display: block;
}
@media (max-width: 768px) {
    .gallery-box .box {
        height: 180px;
    }
}

@media screen and (max-width: 767px) {
  .bannersection {
    padding-top: 20px;
    padding-bottom: 1px;
    margin-top: 0;
  }
  .gallery-section {
  padding: 35px 0 10px;
}
}



.blogpage .blog-card{
margin-bottom: 30px;
}

.blog-internal-page .service__details__left__wrap{
  padding: 0px 0px;
  background: #e8f4ff;
}
.blog-internal-page .servcie__links a{
  border-bottom: 1px solid #ccc;
  border-radius: 0;
  margin-bottom: 0;
}
.blog-internal-page .service__details__wrap h4, .blog-internal-page .service__details__wrap h5, .blog-internal-page .service__details__wrap h6, .blog-internal-page .service__details__wrap h3, .blog-internal-page .service__details__wrap h2, .blog-internal-page .service__details__wrap h1{
  margin-top: 20px;
}

.blog-internal-page .servcie__links h3{
  padding-left: 30px;
  padding-bottom: 11px;
  padding-top: 15px;
  font-size: 24px;
  margin: 0;
  background: #458ccc;
  color: #fff;
}
.blog-internal-page .servcie__links a img{
  height: 50px;
  margin-right: 10px;
}
.mt-30{
  margin-top: 20px;
}
.mb-20{
  margin-bottom: 30px;
}
.blog-internal-page .servcie__links a
{
  font-size: 16px;
  padding: 15px 30px;
}
.contactus{
  padding: 60px 0 60px;
}
.contactus .form-control{
  height: calc(2.25rem + 27px);
  padding: 14px 30px;
  outline: 0;
  background-color: #f4f5f8;
  border: 1px solid #f4f5f8;
  color: #686a6f;
  font-size: 0.9rem;
  width: 100%;
  margin-bottom: 10px;
}
.contactus textarea{
  height: 100px !important;
}
.submitbtn{
  border: 1px solid #458ccc;
  background: #fff !important;
  padding: 10px 20px;
  margin-top: 20px;
  border-radius: 5px;
  transition: 0.5s ease;
  cursor: pointer;
  background: #458ccc !important;
  color: #fff;
  transition: 0.5s ease;
}
.submitbtn:hover{
  background: #fff !important;
  color: #458ccc;
  transition: 0.5s ease;
}

.contact-details__info li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  margin-bottom: 20px;
}
.contact-details__info li .text h6{
  font-size: 22px;
  margin-bottom: 3px;color: #2d6215;
  font-weight: 700;
}
.contact-details__info li .icon {
  height: 80px;
  width: 80px;
  background-color: #2d6215;
  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-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li .icon span {
  color: #fff;
  font-size: 35px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.contact-details__info li .text {
  margin-left: 20px;
}
.contact-details__info li .text a{
 transition: 0.5s;
  margin-bottom: 10px;
  color: #2A2A2A;
  text-align: center;
  font-size: 17px;
  line-height: 1.5;
}

@media screen and (max-width: 991px){
  form{
    margin-bottom: 30px;
  }.contactus {
  padding: 60px 0 27px;
}
}

@media screen and (max-width:767px){
  .contactus {
  padding: 30px 0 11px;
}.mb-20 {
  margin-bottom: 20px;
}
.contact-details__info li .icon {
  height: 60px;
  width: 60px;
}
.contact-details__info li .icon span{
  font-size: 23px;
}
.contact-details__info li .text h6 {
  font-size: 20px;
}
.contact-details__info li .text a{
  font-size: 15px;
}
}




.services-sidebar .widget {
  background: #fdfbfb;
  padding: 40px 30px;
}
.widget {
  margin-bottom: 25px;
  padding: 40px 35px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
}
.widget-title {
  margin-bottom: 20px;
}
.widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.social-contact p{
  color: #fff ;
}
.social-contact a{
  color: #fff ;
}
.widget ul li {
  margin-bottom: 15px;
  border: 2px solid #4a5d6c;
  background-color: #fff;
  padding: 10px 20px;
  text-align: right;
  cursor: pointer;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.widget ul li a {
  display: block;
  float: left;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  color: #2d2d2d;
}
.services-sidebar .widget {
  background: #458CCC;
  padding: 20px 30px;
}
.single-service{
  padding: 60px 0 45px;
}
.widget-title {
  margin-bottom: 14px;
  font-size: 34px;
  color: #fff;
  font-weight: 700;
}
.widget ul li:hover {
  background: #458ccc;
  color: #fff;
  border: 2px solid #fff;
  transition: 0.5s ease;
}
.widget ul li:hover a{
  color: #fff;
  transition: 0.5s ease;
}
.actives {
  background: #458ccc !important;
  color: #fff !important;
  border: 2px solid #fff !important;
  transition: 0.5s ease;
}
.actives a{
  color: #fff !important;
}



.destination-item4 {
  position: relative;
  z-index: 2;
}
.th-ani {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}.destination-item4.style2 .destination-item4_img {
  border-radius: 24px;
}
.global-img {
  position: relative;
  overflow: hidden;
  -webkit-transition: all .5s ease-out;
  transition: all .5s ease-out;
}.global-img::after {
  background: rgba(255,255,255,0.5);
  content: "";
  height: 0;
  left: 0;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9;
}.destination-item4 .destination-content {
  position: absolute;
  top: 30px;
  left: 30px;
  background: white;
    background-color: white;
  border-radius: 30px;
  padding: 8px 15px;
  display: block;
  color: #fff;
  background-color: #458ccc;
  text-align: center;
  padding: 20px;
  border-radius: 30px;
  position: absolute;
  left: 0px;
  right: 0px;
  transition: 0.5s all ease;
  bottom: 0;
  top: auto;
}.destination-item4 .destination-content .box-title {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}.destination-item4 .destination-content .box-title img {
  margin-right: 6px;
}a {
  color: #000;
}.style2 {
  margin-bottom: 30px;
}
.destination-item4.style2 .destination-item4_img img{
  border-radius: 24px;
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
  border-bottom-left-radius: 44px;
  border-bottom-right-radius: 44px;
  height: 400px !important;
}
.destination-item4 .destination-content a{
  color: #fff !important;
  font-size: 22px;font-family: "Marcellus", serif;
}
.blog-sec__single{
  margin-bottom: 30px;
}

.service-thumb{
  margin-bottom: 20px;
}
.single-service ul li{
  list-style: disclosure-closed;
  margin-left: 15px;
}
.single-service ul li::marker{
  color: #458ccc;
}
.single-service ul{
  margin-bottom: 10px;
}
.single-service h3{
  margin: 20px 0 6px;
}



.tour-details-area ul li {
  list-style: none;

}
.th-btn.th-icon:after{
    display:none;
}


.testimonials {
  padding: 50px 0;
}@media screen and (max-width: 767px){
  .testimonials {
  padding: 40px 0 20px;
}
iframe{
  margin-top: 20px;
}
}


.swing {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center 0px;
    float:left;width: 100%;
    /*! box-shadow: 5px 5px 10px rgba(0,0,0,0.5); */
}
.swing img {
    display: block;
}
.swing:after{
    content: '';
    position: absolute;  
    width: 20px; height: 20px;  
    border: 1px solid #999;
    top: -10px; left: 50%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}
/* nail */
.swing:before{
    content: '';
    position: absolute;
     width: 5px;  height: 5px; 
    top: -14px;  left: 52.5%; 
     z-index: 5; 
    border-radius: 50% 50%;
     background: #000;
}
 
@keyframes swing {
    0% { transform: rotate(2deg); }
    100% { transform: rotate(-2deg); }
}


@media screen and (max-width:767px){
    .swing{
        width:100%;
    }
}




@media screen and (min-width:1200px){
    .tour-box_img img{
        height:300px;
    }
}
.package-filter{
text-align:center;
margin-bottom:20px;
}

.destination-check{
margin:10px 0 25px;
}

.destination-check label{
margin:0 15px;
font-weight:500;
}

.day-filter{
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
max-width:900px;
margin:auto;
}

.day-filter::before{
content:"";
position:absolute;
top:10px;
left:0;
right:0;
height:2px;
background:#ddd;
z-index:1;
}

/* Day Item */

.day-item{
text-align:center;
position:relative;
z-index:2;
cursor:pointer;
transition:all 0.3s ease;
}

/* Dot */

.dot{
width:16px;
height:16px;
background:#ddd;
border-radius:50%;
display:block;
margin:auto;
margin-bottom:10px;
transition:all 0.3s ease;
}

/* Text */

.day-item p{
font-size:14px;
margin:0;
transition:all 0.3s ease;
}

/* Active State */

.day-item.active .dot{
background:#458ccc;
transform:scale(1.2);
}

.day-item.active p{
background:#458ccc;
color:#fff;
padding:6px 14px;
border-radius:20px;
display:inline-block;
}

/* Hover Effect */

.day-item:hover .dot{
background:#458ccc;
transform:scale(1.1);
}

.day-item:hover p{
color:#458ccc;
}
.day-item.active p:hover{
  color:#fff;
}

.explore-section{
  display:flex;
  align-items:center;
  gap:25px;
  font-size:20px;
  font-weight:600;
  justify-content: center;
}

.title{
  color:#333;
}
.owl-buttons{
  display: none !important;
}
.checkbox-item{
  display:flex;
  align-items:center;
  gap:8px;
  color:#458ccc;
  font-weight:600;
}

.checkbox-item input{
  width:18px;
  height:18px;
  accent-color:#458ccc;
}
.day-filter .day-item2{
    cursor:pointer;
    position:relative;
    z-index:5;
}

.day-filter .day-item2 .dot{
    pointer-events:none;
}
.testimonials .abt-head-title{
  margin-bottom: 20px;
}
.testimonials .framek iframe{
  height: 400px !important;
}
@media screen and (max-width: 767px){
  .explore-section span{
font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  }.testimonials .abt-head-title{
  margin-bottom: 0px;
}
  .explore-section{
    display: block;
  }
  .checkbox-item input {
  width: 14px;
  height: 14px;
}
.day-item p {
  font-size: 13px;
}
.day-item.active p{
  padding: 2px 9px;
}
.dot {
  width: 13px;
  height: 13px;
}
.day-filter::before{
  top: 7px;
}
.testimonials iframe{
  height: 384px !important;
}
.insta-follow-box{
  height: auto !important;
}  .testimonials {
    padding: 40px 0 40px;
  }
}.duration-filter{
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
max-width:900px;
margin:auto;
}

.duration-filter::before{
content:"";
position:absolute;
top:10px;
left:0;
right:0;
height:2px;
background:#ddd;
z-index:1;
}

.duration-filter .day-item2{
text-align:center;
position:relative;
z-index:2;
cursor:pointer;
transition:all 0.3s ease;
}

.duration-filter .dot{
width:16px;
height:16px;
background:#ddd;
border-radius:50%;
display:block;
margin:auto;
margin-bottom:10px;
transition:all 0.3s ease;
}

.duration-filter .day-item2 p{
font-size:14px;
margin:0;
transition:all 0.3s ease;
}

.duration-filter .day-item2.active .dot{
background:#458ccc;
transform:scale(1.2);
}

.duration-filter .day-item2.active p{
background:#458ccc;
color:#fff;
padding:6px 14px;
border-radius:20px;
display:inline-block;
}

.duration-filter .day-item2:hover .dot{
background:#458ccc;
transform:scale(1.1);
}

.duration-filter .day-item2:hover p{
color:#458ccc;
}

.duration-filter .day-item2.active p:hover{
color:#fff;
}.insta-follow-box{
background:#fff;
height:400px;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;
padding:25px;
border-radius:10px;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.insta-follow-box i{
font-size:45px;
color:#E1306C;
margin-bottom:15px;
}

.insta-follow-box h4{
font-size:18px;
margin-bottom:5px;
color:#555;
}

.insta-follow-box h3{
font-size:26px;
font-weight:700;
margin-bottom:15px;
}

.insta-follow-box p{
font-size:14px;
color:#777;
margin-bottom:20px;
}

.insta-btn{
background:#E1306C;
color:#fff;
padding:10px 22px;
border-radius:25px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.insta-btn:hover{
background:#c2255a;
color:#fff;
}


#blog-slider{
    margin-top:30px;
}