@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;1,600&family=Poppins:wght@400;500;600;700&display=swap');
*{
    padding: 0px;
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Poppins', sans-serif;
}
.navbar-toggler{
    padding: 0px;
    border: 0px;
    border-radius: 0px;aboutus-head
    color:#ffffff00;  
}
.section-banner-index1{
    background-image:linear-gradient(156deg, rgba(255, 255, 255, 0) 13%, rgba(202,3,3,0) 100%), url('../img/home/main-slider.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-banner-index2{
    background-image:linear-gradient(156deg, rgba(255,255,255,0.3) 13%, rgba(202,3,3,0) 100%), url('../img/home/main-slider2.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-banner-index3{
    background-image:linear-gradient(156deg, rgba(255,255,255,0.2) 13%, rgba(202,3,3,0) 100%), url('../img/home/main-slider3.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-banner-index4{
    background-image:linear-gradient(156deg, rgba(255,255,255,0.0) 13%, rgba(202,3,3,0) 100%), url('../img/home/main-slider4.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.section-banner-index5{
    background-image:linear-gradient(39deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.7) 38%, rgba(255,255,255,0.35898109243697474) 57%, rgba(202,3,3,0.63) 100%),url('../img/home/main-slider5.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.btn-main{
    margin: 0px 5px;
    background-image: linear-gradient(to top,#e93f33,#ea4b32,#eb5632,#ec6032,#ec6a33)!important;
    border: 0px; 
    padding:5px 18px;
    border-radius: 3px;
    color: #fff;
}
.btn-main > a{
    text-decoration: none;
    font-weight: 500;
    color:#ffff;
    font-size:12px;
}
.btn-main > a:hover{
    color:#ffff
}
.btn-main1{
    background-color: #ff787c;
    border:0px;
    transition: 0.5s ease-in-out;
}
.btn-main1:hover{
    background-color: #fe9a9d;

}
.btn-main2{
    margin: 0px 5px;
    border: 1px solid #E94033; 
    background-color: #ffff !important;
    padding:5px 15px;
    border-radius: 3px;
}
.btn-main2 > a{
    text-decoration: none;
    font-weight: 500;
    color: #E94033 !important;
}
.btn-main2 > a:hover{
    color:#ffff
}

.hvr-radial-out:hover{
    background-color: #E94033;
    color: #ffff;
}
.btn-main3{
    font-weight: 800px;
    text-decoration: none;
}
.btn-main3:hover{
    color: #e93f33;
}

.btn-main4{
    background-image: linear-gradient(to top,#e93f33,#ea4b32,#eb5632,#ec6032,#ec6a33)!important;
    border: 0px; 
    padding:5px 18px;
    border-radius: 3px;
    color: #fff ;
}
.btn-main4 a{
    text-decoration: none;
    color: #fff;
}
.btn-main4 a:hover{
    color: #fff;
}


.diff-btn{
    transition: 0.5s ease;
    background-color: #e93f33;
    border-radius: 3px;
}
.diff-btn:hover{
    background-color:#083970
}
.diff-btn > a{
    text-decoration: none;
    color:#fff;
}
/* Top btn Close */

.navbar-nav > .nav-item{
    padding:0px 5px;
}
.nav-item > .nav-link {
    color: #484545;
    font-weight: 400px;
}
.nav-item > .nav-link:hover {
    color: #E94033 !important;
}


/* hover css - OPEN */
.hvr-radial-out:before {
    background-color: #083970 !important;
    border: 0px;
    border-radius: 3px;
}
.hvr-bounce-to-right:before{
    background-color: #083970 !important;
    border: 0px;
    border-radius: 3px;
}
#startTrial2 {
    animation: shadow-pulse 1s infinite;
}

@keyframes shadow-pulse {
    0% {
        transform: scale(.95);
        box-shadow: 0 0 0 0 rgba(14, 130, 213, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(255,82,82,0);
    }

    100% {
        transform: scale(.95);
        box-shadow: 0 0 0 35px rgba(255,82,82,0);
    }
}
/* hover css close */



/* common css OPEN */
.c-content{
    color: #083970;
}
.c-content h3{
    font-weight: 500;
}
.c-content ul{
    list-style: none;
}
.c-content ul > li > img{
    width: 20px;
    height: 20px;
}
.c-content ul > li{
    line-height: 30px;
}
.p-head{
    color:#083970;
    text-align: justify;
    
}
.p-head-sub{
    color: #E94033;
    text-align: justify;
}
.c-pera{
    color: #8a99b3;
    text-align: justify;
}
.fs-14{
    font-size: 14px;
}
.fs-30{
    font-size: 30px !important;
}


/* common css CLOSE */
.section-stick{
    background-image: linear-gradient(rgb(255, 255, 255,0.9),rgb(255, 255, 255,0.8)), url('../img/un-used.JPG');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.section-stick2{
    background-image: linear-gradient(rgb(255, 255, 255,0.9),rgb(255, 255, 255,0.8)), url('../img/client-side-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.aboutus-head{
    background-image: linear-gradient(rgb(0, 0, 0,0.7),rgb(0, 0, 0,0.5)), url('https://i0.wp.com/generationnomads.com/wp-content/uploads/2019/07/finance_your_world_trip_generation_nomads.jpg?fit=1200%2C803&ssl=1');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0%, 100%  10% 99%, 0 81%);
}
.gift-head{
    background-image: linear-gradient(rgb(0, 0, 0,0.7),rgb(0, 0, 0,0.5)), url('../img/croprate-gift.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    clip-path: polygon(0 0, 100% 0%, 100%  10% 99%, 0 81%);
}
.card{
    text-align: center;
    transition: 0.5s ease-in-out;
}
.card p{
    /*font-size: 14px;*/
}
/*.card:hover{*/
/*    color: #fff;*/
/*    background-color: #083970;*/
/*}*/
/*.card:hover p{*/
/*    color:#fff*/
/*}*/
/*.card:hover h6{*/
/*    color:#fff*/
/*}*/
.hvr-underline-from-left:before{
    background-color: #e93f33;
    border: 0px;
    border-radius: 3px;
}
.shadow2{
    box-shadow: 0px 10px 15px -3px rgba(213, 0, 0, 0.1);
}
.diff-btn:hover a{
    color: #fff;
}

.social-icon > a{
    color: #8a99b3;
    padding: 10px;
    transition: 0.5s ease;
}
.social-icon > a:hover{
    color: #3E2D5D;
}
footer{
    background-color: #ffff;
}


.list-style-main > li{
    padding: 5px 0px;
}
.list-style-main > li > a {
    text-decoration: none;
    font-size: 14px;
    color: #8a99b3;
    transition: 0.5s ease;
}
.list-style-main > li > a:hover {
    color:#E94033;

}
.end-fotter{
    background-color: #1d293e;
}

/* slider open */
.home-demo .item {
    background: #ffff;
    margin: auto;
}
.home-demo h2 {
    color: #FFF;
    text-align: center;
    padding: 2rem 0;
    margin: 0;
    font-style: italic;
    font-weight: 300;
}
.home-demo img{
    padding: 2rem 0;
    margin: auto;
}
.home-demo:hover img{
    transform: scale(1.1);
} 
.owl-theme > .item{

}
.item-main > img{
    width: 160px !important;
    height: 150px !important;
    transition: 0.5s ease;
}
.pop-input {
    margin: 5px 0px;
}
.pop-input  label {
    color: #e93f33;
}

.pop-input > input{
    font-size: 14px;
    }
.pop-banner{
    background-image: url('https://trackolap.com/assets/img/submitdemo.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
}
/* slider close */

/* About us page */
.news-letter{
    background: url('../img/home/news-letter.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.news-letter h4{
    font-size: 3em;
}

.how-work-section{
    background-position: center;
    background-attachment: fixed;
}
.index-work{
    background-image: linear-gradient(58deg, rgba(37,4,4,1) 0%, rgba(106,4,4,0.35898109243697474) 36%, rgba(202,3,3,0.63) 100%),url('../img/tech-banner2.jpg')  ;
}
.travel-service-work{
    background-image: linear-gradient(58deg, rgba(37,4,4,1) 0%, rgba(106,4,4,0.35898109243697474) 36%, rgba(202,3,3,0.63) 100%),url('../img/travel-service/tech-banner2.jpg')  ;
}
.meeting-event-work{
    background-image: linear-gradient(58deg, rgba(37,4,4,1) 0%, rgba(106,4,4,0.35898109243697474) 36%, rgba(202,3,3,0.63) 100%),url('../img/meeting-events/work-banner.jpg');
}
.corporate-travel-work{
    background-image: linear-gradient(58deg, rgba(37,4,4,1) 0%, rgba(106,4,4,0.35898109243697474) 36%, rgba(202,3,3,0.63) 100%),url('../img/corprate-travel/work-banner.jpeg');
}

.how-we-work .item {
    background-color: #f9fafb;
    transition: 0.5s ease-in-out;
}
.how-we-work .item h1{
    color: #494747;
    position: absolute;
    top: -3px;
    right: 5px;
    font-weight: 600;
    font-size: 3.5em;
    pointer-events: none;
}
.how-we-work h5{
    color: #ea4b32;
    font-weight: 600;
}
.how-we-work .item p{
    font-size: 14px;
    padding: 10px 0px;
    color: steelblue;
}
.how-we-work  .item:hover {
    transform: rotateX(360deg);
    background-color: #083970;
    color: #ffff;
}

.how-we-work .item a{
    color: #E94033;
}
.tour-pack1{
    background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)) ,url('../img/singapure.jpg');

    background-size: cover;
    background-attachment: fixed;
    z-index: 999;
}
.tour-pack1:hover{
    background: none;
}
.tour-pack2{
    background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)) ,url('../img/malashiya.jpg');
    background-size: cover;
    background-attachment: fixed;
    z-index: 999;
}
.tour-pack2:hover{
    background: none;
}
.tour-pack3{
    background-image: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.8)) ,url('../img/dubai.jpg');
    background-size: cover;
    background-attachment: fixed;
    z-index: 999;
}
.tour-pack3:hover{
    background: none;
}
/* About us page */ 


/* FAQ section open */
.section-faq{
}
.accordion-button:not(.collapsed) {
    color: #FF5722 !important;
    background-color: #eb573215 !important;
}
.accordion-button:focus{
    border-color: #fe8686 !important;
    box-shadow: 0 0 0 0.25rem rgba(253, 13, 13, 0.001) !important;
}
/* FAQ section close */


/* testimonial slider open */
.section-testimonal{
    background-image: linear-gradient(rgba(37, 38, 94, 0.4),rgba(37, 38, 94, 0.4)),url('../img/tech-banner.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
/* testimonial slider close */


 .contact-box{
    text-align: center;
    padding: 20px;
    background-color: #24324a;
    font-size: 15px;
    height: 230px;
    border:0px solid #b0afaf;
    transition: 0.5s ease;
    border-radius: 10px;;
  }
  .contact-box > img{
    display: flex;
    width: 70px; 
  }
  .contact-box > h4{
    color: #fff;
    font-size: 18px;
  }
  .contact-box > a{
    color: #fff;
    font-weight: 500;
  }
  .contact-box > a:hover{
    color: #ea4b32;
  }
  .contact-box:hover{
    transform: translateY(-10px);
    box-shadow: 0px 5px 15px -3px #f88b55;
  }  

  .whatsapp > a > img{
    position: fixed;
    bottom: 20px;
    right: 20px;
    /* background-color: green; */
    /* border-radius: 50%; */
    width: 140px;
    transition: 0.2s ease-in;
    z-index: 9999;
 }
 .whatsapp > a > img:hover{
    /*background-color: rgb(5, 170, 5);*/
 }
  /* .contact-box:hover h4{






@media (min-width: 576px){
    .modal-dialog {
        max-width: 75%;
        margin: 1.75rem auto;
    }
}


form{
font-size: 12px;
padding: 10px 0px;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .news-letter h4{
        font-size: 1.5em;
    }
    .slider-responsive{
        width: 100%;
    }
}

@media only screen and (min-width: 600px) {
    .news-letter h4{
        font-size: 2em;
    }
    .slider-responsive{
        width: 50%;
    }
}
@media only screen and (min-width: 768px) {

}
@media only screen and (min-width: 992px) {
    .news-letter h4{
        font-size: 2em;
    }
    .slider-responsive{
        width: 50%;
    }
}
@media only screen and (min-width: 1200px) {
    .news-letter h4{
        font-size:2em;
    }
    .slider-responsive{
        width: 50%;
        max-height: 100vh;
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
    }
}