@import url('https://fonts.googleapis.com/css2?family=PT+Serif&display=swap');

body {

   font-family: 'PT Serif', serif;

}

h1,h2,h3,h4,h5,h6,a,p,span {

  font-family: 'PT Serif', serif;

}

.header__top {

    background: #672974;
}

.header__top__left {

    padding: 12px 0;

}

ul, ol {
    padding: 0;
    margin: 0;
}
 
 .lists {

    font-size: 1rem;
    color: #000;
    margin-bottom: 0;
    padding: 20px 30px;
    line-height: 1.3;
    font-weight: 400;
    list-style-type: none;

 }
  
 .list-set {
    
    font-size: 1rem;
    color: #000;
    margin-bottom: 0;
    padding-top: 20px;
    border: none;
    line-height: 1.3;
    font-weight: 400;
    padding-bottom: 20px;

 } 

 .list-set li {
 
    list-style-type: none;
    margin-bottom: 0.6rem;

}

.header__top__right {

    text-align: right;

}

.header__top__left li i {

    font-size: 15px;
    margin-right: 5px;
}

.header__top__left li {
 
     font-size: 13px;
     color: #64136f;
     list-style: none;
     display: inline-block;
}

.header__top__right a:last-child {

      margin-right: 0;
}

.header__top__right a {
    
      font-size: 14px;
      color: #ffffff;
      display: inline-block;
      margin-right: 20px;
      text-decoration: none;
}

  .nav-link {
    
        color: #64136f;
        font-size: 1rem;
        padding: 1rem 0.3rem;

    }

    .nav-link:hover{
          
        color: #FFF !important;

    }

    .set_call li a {

       color: #64136f;
       text-decoration: none;
    }

    .f-bg ul li a {

       position:relative;
       z-index: 1;
       display: block;
       padding: 15px 6px;
       text-decoration: none;
       color: #64136f;
       font-weight: 800;
       text-transform: uppercase;
       margin: 0 10px;
       font-size: 1rem;
       border: 0.1rem solid #64136f;
       border-radius: 0.5rem;
       width: auto;
       height: auto;
       font-weight: bold;
       letter-spacing: 0.1rem;
       text-align: center;
       line-height: 0.5rem;
       position: relative;
       overflow: hidden;
       z-index: 1;
       transition: 0.5s;
       margin: 0.1rem;
       font-family: 'PT Serif', serif;

    }

   .f-bg ul li a:after {

           position: absolute;
           width: 0px;
           height: 100%;
           top: 0;
           bottom: 0;
           background: #bf0278;
           transition: all .5s;
           margin: auto;
           content: '.';
           color: #FFF;
           z-index: -1;
           opacity: 0.75;

    }


  .f-bg ul li a:hover:after,
  .f-bg ul li a:hover:before {
        
        width: 100%;
  }

    
.f-bg ul li a:before {
     
     left: 0;
}

.f-bg ul li a:after {
    
     right: 0;
}
       

.f-bg ul li a,
.f-bg ul li a:after,
.f-bg ul li a:before {
  
    transition: all .5s;

}

.t_a1 {

    width: 160px;
    height: 60px
}  

.t_a2 {

    width: 280px;
    height: 60px
}     

.t_a3 {

    width: 300px;
    height: 35px
} 

.t_a4 {

    width: 220px;
    height: 35px
} 


.ban_title a {

   text-decoration: none;
}

.ban_title a:hover {

   text-decoration: none;
}

.navbar-logo-centered .navbar-nav .nav-link{
    
    padding: .5rem 1rem;

} 
 
.card-section { 

      position: relative;
      bottom: 60px; 
}
    
.card-block { 

      padding: 80px; 
}

.section-title { 

      margin-bottom: 60px; 
}


.f-bg {

       background: #FFF; 
 }

.f-bgs {

       border-bottom: 2px solid #64136f;
}




 .head_adds p {
 
    font-size: 2em !important;
    color: #c30174;
    position: relative;
    margin: 0.5em 0 1em !important;
    text-align: center;
}

.head_adds p:before {
 
    left: 41%;
}

.head_adds p:before, .head_adds p:after {
 
    content: '';
    background: #64136f;
    height: 2px;
    width: 5%;
    position: absolute;
    top: 65%;
}    

.head_adds p span:before {
    
    left: 38%;
}

.head_adds p span:before, .head_adds p span:after {

    content: '';
    background: #64136f;
    height: 2px;
    width: 7%;
    position: absolute;
    top: 35%;
}

.head_adds p span:after {

    right: 38%;
}

.head_adds p span:before, .head_adds p span:after {

    content: '';
    background: #64136f;
    height: 2px;
    width: 7%;
    position: absolute;
    top: 35%;
}

.span-cl {

   	color: #fa0405;
}

.span-clr {

  	color: #0d1137;
}

#heads h1 {
 
   line-height: 1 !important;

}

.py-s {
  
	  padding-top: 0.8rem;
   	padding-bottom: 0.8rem;
} 

.py-c {

	   padding-top: 2rem;
	   padding-bottom: 2rem;
} 

.btns {

    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 30px 10px;
    text-transform: uppercase;
    color: #111111;
    text-transform: uppercase;
    letter-spacing: 2px;
    border: 2px solid #13a2b7;
    border-radius: 5px;

}

#banner {

    background-image: linear-gradient(120deg, #91C4FF 0%, #F0F7FF 87%);
    position: relative;
    width: 100%;
    height: 600px;
}
  
#banner ul {

    padding: 0;
    margin: 0;

}

#banner .social li {
 
    display: inline-block;
    margin-right: 10px;
}

#banner .social li a {

      display: block;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      border-radius: 50%;
      background-color: #f9e6d4;
      color: #243666;
      font-size: 14px;
      -webkit-transition: all all 0.5s ease-out 0s;
      -moz-transition: all all 0.5s ease-out 0s;
      -ms-transition: all all 0.5s ease-out 0s;
      -o-transition: all all 0.5s ease-out 0s;
      transition: all all 0.5s ease-out 0s;

  }
  
  .bg-left-half { 

      position: relative; 
  }
  
  .bg-left-half:before {
  
      position: absolute;
      width: 50%;
      height: 100%;
      z-index: -1;
      content: "";
      left: 0;
      top: 0;
      background-color: #f8f9fa;
   }

  .media-29101 img {
      
      margin-bottom: 20px; 
  }

  .media-29101 h3 {
      
      font-size: 18px;
      font-weight: 900 !important; 
  }
  
  .media-29101 h3 a {
    
       color: #6c757d; 
   }

.owl-2-style .owl-nav {
     
     display: none;

  }

.owl-2-style .owl-dots {

    text-align: center;
    position: relative;
    bottom: -30px; 
  }

.owl-2-style .owl-dots .owl-dot {
    
     display: inline-block; 
}
  
.owl-2-style .owl-dots .owl-dot span {
   
        display: inline-block;
        width: 15px;
        height: 3px;
        border-radius: 0px;
        background: #cccccc;
        -webkit-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
        -o-transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
        transition: 0.3s all cubic-bezier(0.32, 0.71, 0.53, 0.53);
        margin: 3px; 
}

.owl-2-style .owl-dots .owl-dot.active span {
      
    background: #007bff; 
}
    
.owl-2-style .owl-dots .owl-dot:active,
.owl-2-style .owl-dots .owl-dot:focus { 

      outline: none; 
} 


.widget ul li {

      margin-bottom: 5px;
      list-style-type: none;
} 

.widget ul li a {

      text-transform: capitalize;
      color: #FFF;
      text-decoration: none;

}

.head-set {

            position: relative;
            background-image: url(../img/head-set.jpg);
            background-size: cover;
            background-position: top center;

    }    

.head-set:after {
   
         width: 100%;
         content: "";
         bottom: 0;
         left: 0;
         background-image: url(../img/head-shap.png);
         position: absolute;
         z-index: 1;
         height: 134px;
         background-repeat: no-repeat;
}

.head-sets {

            position: relative;
            background-image: url(../img/andaman.jpg);
            background-size: cover;
            background-position: top center;

    }    

.head-sets:after {
   
        width: 100%;
        content: "";
        bottom: 0;
        left: 0;
        background-image: url(../img/head-shap.png);
        position: absolute;
        z-index: 1;
        height: 134px;
        background-repeat: no-repeat;
}

.head-set-1 {
 
    position: relative;
    background-image: url(../img/back-img-1.jpg);
    background-size: cover;
    background-position: top center;
}

.head-set-1:after {
   
        width: 100%;
        content: "";
        bottom: 0;
        left: 0;
        background-image: url(../img/head-shap.png);
        position: absolute;
        z-index: 1;
        height: 134px;
        background-repeat: no-repeat;
}

.head-set-2 {
 
    position: relative;
    background-image: url(../img/international-tour.jpg);
    background-size: cover;
    background-position: top center;
}

.head-set-2:after {
   
        width: 100%;
        content: "";
        bottom: 0;
        left: 0;
        background-image: url(../img/head-shap.png);
        position: absolute;
        z-index: 1;
        height: 134px;
        background-repeat: no-repeat;
}

.head-set-3 {
 
    position: relative;
    background-image: url(../img/domestic-tour.jpg);
    background-size: cover;
    background-position: top center;
}

.head-set-3:after {
   
        width: 100%;
        content: "";
        bottom: 0;
        left: 0;
        background-image: url(../img/head-shap.png);
        position: absolute;
        z-index: 1;
        height: 134px;
        background-repeat: no-repeat;
}

.head-set-4 {
 
    position: relative;
    background-image: url(../img/srilanka.jpg);
    background-size: cover;
    background-position: top center;
}

.head-set-4:after {
   
        width: 100%;
        content: "";
        bottom: 0;
        left: 0;
        background-image: url(../img/head-shap.png);
        position: absolute;
        z-index: 1;
        height: 134px;
        background-repeat: no-repeat;
}

.head-set-5 {
 
    position: relative;
    background-image: url(../img/europe.jpg);
    background-size: cover;
    background-position: top center;
}

.head-set-5:after {
   
        width: 100%;
        content: "";
        bottom: 0;
        left: 0;
        background-image: url(../img/head-shap.png);
        position: absolute;
        z-index: 1;
        height: 134px;
        background-repeat: no-repeat;
}

.head-set-6 {
 
    position: relative;
    background-image: url(../img/bg_bus.jpg);
    background-size: cover;
    background-position: top center;
}

.head-set-6:after {
   
        width: 100%;
        content: "";
        bottom: 0;
        left: 0;
        background-image: url(../img/head-shap.png);
        position: absolute;
        z-index: 1;
        height: 134px;
        background-repeat: no-repeat;
}

.head-set-7 {
 
    position: relative;
    background-image: url(../img/train_bg.jpg);
    background-size: cover;
    background-position: top center;
}

.head-set-7:after {
   
        width: 100%;
        content: "";
        bottom: 0;
        left: 0;
        background-image: url(../img/head-shap.png);
        position: absolute;
        z-index: 1;
        height: 134px;
        background-repeat: no-repeat;
}
/* Dinesh added date 09-05-2022 for car rental agency in nagercoil page*/
.head-set-8 {
 
    position: relative;
    background-image: url(../img/car-rendal-in-nagercoil-miracle-tours3.jpeg);
    background-size: cover;
    background-position: top center;

}

.head-set-8:after {
   
        width: 100%;
        content: "";
        bottom: 0;
        left: 0;
        background-image: url(../img/head-shap.png);
        position: absolute;
        z-index: 1;
        height: 134px;
        background-repeat: no-repeat;
}



.breadcrumb-item a {

      text-decoration: none;
      color: #fff;
}

/* dinesh added background color for li link in car rendal service dated 9-05-2022*/
.banner-text-small-bg{
    background-color: #C40275;
}


.contact_info .single_info {

       display: flex;
       flex-wrap: wrap;
}

.contact_info .single_info .icon {
     
      font-size: 15px;
      color: #FFF;
      margin-right: 10px;
}
 
.single_info .info p a {
 
     color: #FFF;
     text-decoration: none;
}

#cloud-scroll {

    background: url(../img/bg.jpg?itok=po0Op8ou) repeat-x;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    position: absolute;
    -webkit-animation: 900000s backgroundScroll infinite linear;
    -moz-animation: 900000s backgroundScroll infinite linear;
    -o-animation: 900000s backgroundScroll infinite linear;
    -ms-animation: 900000s backgroundScroll infinite linear;
    animation: 900000s backgroundScroll infinite linear;
  }
  
  @-webkit-keyframes backgroundScroll {
    from {
      background-position: 0 0;
    }
    to {
      background-position: -99999999px 0;
    }
  }
  
  @keyframes backgroundScroll {
    from {
      background-position: 0 0;
    }
    to {
      background-position: -99999999px 0;
    }
  }


@media only screen and (max-width: 600px) {
 
    .header__top__left li {
 
        font-size: 13px;
        color: #64136f;
        list-style: none;
        display: inline-block;
        margin-right: 15px;
    }

    .header__top__right {
       
        text-align: center;
        padding: 10px 0;
    }

  #banner {

    background-image: linear-gradient(120deg, #91C4FF 0%, #F0F7FF 87%);
    position: relative;
    width: 100%;
    height: 950px;
  
  }

  .card-block {
  
     padding: 30px;
   }

  .card-section {
   
     position: relative;
     bottom: 1px;
  }

}

.bg-set {
    
    padding: 3em;
    background: url(../img/bg-img.jpg) no-repeat;
    background-size: cover;
    position: relative;
    height: auto;
    background-attachment: fixed;

}

.review {
    font-size: 30px;
    font-weight: 600;
    padding: 30px 0
}

.name {
    font-size: 18px;
    color: #c1e718;
    margin: 0
}

.job {
    color: #c8c8c8;
    font-size: 14px
}

.carousel-inner {
    max-width: 800px
}

.fa-minus {
    font-size: 14px
}

.carousel-indicators {
    bottom: -20px;
    right: 0;
    margin: 0
}

.carousel-indicators [data-bs-target] {
    height: 10px;
    border: 2px solid black;
    width: 10px;
    background-color: inherit;
    border-radius: 50%
}

.carousel-indicators .active {
    border: 2px solid transparent;
    background-color: #c1e718
}

.left {
    color: rgb(20, 20, 20);
    font-weight: 600
}

.right {
    color: rgb(12, 12, 12);
    font-weight: 600
}

.carousel-control-next,
.carousel-control-prev {
    position: relative
}

@media (max-width:560px) {
    .review {
        font-size: 14px;
        font-weight: 600
    }

    .name {
        font-size: 13px
    }

    .job {
        font-size: 10px
    }

    .right {
        font-size: 12px
    }

    .left {
        font-size: 12px
    }

    .carousel-indicators [data-bs-target] {
        height: 8px;
        border: 1px solid black;
        width: 8px;
        background-color: inherit;
        border-radius: 50%
    }

    .carousel-indicators .active {
        border: 1px solid transparent;
        background-color: #c1e718
    }
}


.enquiry-form input {
 
    display: block;
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 11px 20px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 13px;
    outline: none;
}

.enquiry-form input[type=text],.enquiry-form input[type="email"],.enquiry-form  textarea:focus{
   
   outline: none;
   background: transparent !important;
   box-shadow: 0 10px 20px rgba(1, 68, 94 ,1), 0 4px 8px rgba(1, 68, 94, 1);
   color: #000;

}

.sendEnquiry input[type=text],.sendEnquiry input[type="email"],.sendEnquiry textarea:focus{
   
   outline: none;
   background: transparent !important;
   box-shadow: 0 10px 20px rgba(1, 68, 94 ,1), 0 4px 8px rgba(1, 68, 94, 1);
   color: #FFF;

}

#submit {
    background: #672974;
    color: #fff;
}

 .card-footers {

    background-color: #fff;
    border: 0px;
}

.card-footers .box {

    padding: 20px;
    width: 100%;
    height: 140px;
    text-align: center;
}

 .card-footers img {

    object-fit: cover;
    width: 100%;
    height: 100%;
    border-top-right-radius: 50%
}

 .card-footers_1 {

    background-color: #fff;
    border: 0px;
}

.card-footers_1 .box {

    padding: 20px;
    width: 100%;
    height: 140px;
    text-align: center;
}

 .card-footers_1 img {

    object-fit: cover;
    width: 100%;
    height: 100%;
    border-top-left-radius: 50%
}
.img-box {

    position: relative;
    width: 80%;
    height: 80%
}

.bg-combo {
  
    background-color: #bf9ec7;

}

.text-contents {

    letter-spacing: 1px;
    font-weight: 500;
    background: rgba(0, 0, 0, 0.3);
    padding: 3em;
    color: #FFF;
}

 .btns-1 {

    width: 200px;
    background-color: #c30174;
    border: none;
    position: relative;
    overflow: hidden;
    color: #fff;
    font-size: 1rem;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
    line-height: 0.6rem;
    padding: 1.4rem;

}

.btns-1 span {
    
    z-index: 10;
}

.btns-1:hover:after {
  
    position: absolute;
    content: '';
    border-radius: 1px;
    background-color: #64136f;
    height: 400px;
    width: 400px;
    top: -12px;
    left: -13px;
    color: #FFF;
}

 .btns-1:after {
    
    position: absolute;
    content: '';
    border-radius: 30% 70% 70% 30% / 30% 22% 78% 70%;
    background-color: #64136f;
    height: 70px;
    width: 80px;
    top: -12px;
    left: -13px;
    transition: all 1s
}

.bt a {

   text-decoration: none;
}

.bt a:hover {
   
   color: #FFF;

}

/*Service*/
 


.icon-box {

    position: relative;
    display: block;
    padding: 40px 20px 30px;
    -webkit-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    -o-transition: all .25s cubic-bezier(.645, .045, .355, 1);
    transition: all .25s cubic-bezier(.645, .045, .355, 1);
    z-index: 99;
    text-decoration: none;
    box-shadow: 0 0 16px rgb(17 17 26 / 10%);
    border-radius: 50px 50px 0 0;
}


.icon-box .icon {

    margin-bottom: 24px

}

.icon-box:hover {

    z-index: 1;  
    box-shadow: 2px 2px 15px #c30174e5;
    transform: scale(1.02)

}

.icon-box .content .title.fz-20 {

    font-size: 20px

}

.icon-box .content .title {

    font-size: 24px;
    line-height: 1.5;
    margin: 0;
    color: #3f3a64
}

.icon-box .content .desc {

    margin-top: 10px

}

.icon-box .content .desc p {

    line-height: 1.6;
    color: #696969
}


.icon-box:hover .content .link {

     color: #64136f;
}

.icon-box .content .link {

    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 34px;
    padding: 5px 0;
    color: #8c89a2
}

.icon-box .content .link i {

    font-size: 16px;
    line-height: 14px;
    margin-left: 14px
}


/*Service*/


/*Pallerax method*/

.bg-sets {
   
    padding: 3em;
    background: linear-gradient(rgba(0, 0, 0,0),rgba(0, 0, 0,0)),url(../img/back-img.png) no-repeat;
    background-size: cover;
    position: relative;
    height: auto;
    background-attachment: fixed;

}

.bk-sets {
   
    padding: 3em;
    background: linear-gradient(rgba(0, 0, 0,0),rgba(0, 0, 0,0)),url(../img/back-img-1.jpg) no-repeat;
    background-size: cover;
    position: relative;
    height: auto;
    background-attachment: fixed;

}

/*Pallerax method*/


/*Package css*/


.image img {

    width: 100%;
    height: 300px;
}


.image {

    position: relative;
    width: 100%;
    overflow: hidden;
}


.image .overlay {

    position: absolute;
    bottom: 0;
    padding-left: 25px;
    padding-top: 15px;
    width: 100%;
    color: white;
    font-size: 20px;
    z-index: 5;
}

.image .overlay::before {

    content: "";
    background: #ffff;
    height: 100%;
    width: 100%;
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: -150px;
    z-index: -2;
    opacity: 0.5;
    transition: all 0.3s ease-out;
}

.image:hover .overlay {

      color: #64136f;
}

.image:hover .overlay .amount,
.image:hover .overlay .h4,
.image:hover .overlay .textmuted,
.image:hover .overlay .fa-star,
.image:hover .overlay .fa-star-half-alt,
.image:hover .overlay .reviews {
       
       color: #64136f;
}

.image:hover .overlay::before {
   
    bottom: 0px;
}

.amount {

    font-size: 15px;
}

.textmuted {

    color: #f8f8f8;
    font-weight: 200;
    font-size: 15px;
    text-transform: capitalize;
}

.sendEnquiry {
 
    background: #64136f;
    padding: 25px;
    color: #FFF;
}

.fa-star,
.fa-star-half-alt {
  
    color: white;
    font-size: 10px;
    margin: 0 1px;
}

.reviews {

    font-size: 12px;
    font-weight: 200;
}

/*Package css*/

.in-tours {

   color: #64136f;
}

.fulls {
    
    background-color: #EEEEEE;
}

    span.btmspn {

       position: relative;
 
    }

    span.btmspn:before {
      
        content: " ";
        background: #0066a6;
        width: 64px;
        height: 2px;
        position: absolute;
        top: 9px;
        left: -75px;

     }

    span.btmspn:after {

        content: " ";
        background: #0066a6;
        width: 64px;
        height: 2px;
        position: absolute;
        top: 9px;
        right: -75px;
    }


  #contactus {

      position: relative;
  }

 .contact_forms {

       background: linear-gradient(rgba(0, 0, 0,0.5),rgba(0, 0, 0,0.5)),url(../img/contactus.jpg) no-repeat 0px 0px;
       background-size: cover;
       -webkit-background-size: cover;
       -moz-background-size: cover;
       -o-background-size: cover;
       -ms-background-size: cover;
        min-height: 400px;      

  }
  
  .c_f h3 {

      font-size: 2rem;
      font-weight: 500;
      text-align: center;
      text-transform: uppercase;
      letter-spacing: 3px;

  }

  .enquiry_form {
  
      margin: 0 auto;
      background: #ffffff4a none repeat scroll 0 0;
      padding: 2em;

  }


.enquiry_form input[type="text"], 
.enquiry_form input[type="email"],
.form-control, 
.enquiry_form textarea {

    width: 100%;
    padding: 10px 10px 10px 10px;
    font-weight: normal;
    background: transparent;
    border: 1px solid #fff;
    color: #fff !important;
    outline: none;
    margin: 10px 0;
    letter-spacing: 1px;
    font-size: 0.95em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;

  }

  .enquiry_form ::placeholder {

     color: #fff;
  }


    #screen {

       display: inline-block;
    }

    #mobile {

       display: none;
    }

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

    #screen {

       display: none;
    }

    #mobile {

       display: inline-block;
    } 
}


.c-b {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
}

.contact {

    padding: 100px 0;
    background: url(../img/contact.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
} 

.copyright_area a {

    text-decoration: none;
}