*{

    font-family: 'Poppins', sans-serif;

    font-size: 15px;

    font-style: normal;

    color: #000000;

}

.font-inter{

    font-family: 'Inter', sans-serif;

}

.font-roboto{

    font-family: 'Roboto', sans-serif;

}

.fs-10{

    font-size: 10px;

}

.fs-12{

    font-size: 12px;

}

.fs-14{

    font-size: 14px;

}

.fs-15{

    font-size: 15px;

}

.fs-16{

    font-size: 16px;

}

.fs-20{

    font-size: 20px;

}

.fs-24{

    font-size:24px;

}

.fs-26{

    font-size: 26px;

}

.fs-28{

    font-size: 28px;

}

.fs-30{

    font-size: 30px;

}

.fs-32{

    font-size: 32px;

}

.fs-24{

    font-size: 24px;

}

.fs-36{

    font-size: 36px;

}

.fw-600{

    font-weight: 600!important;

}

.fw-500{

    font-weight: 500 !important;

}

.bg-red{

    background: #ED2024;;

}

.text-red{

    color: #ED2024;

}

.bg-black{

    background: #000000;

}

.bg-olivine{

    background: #9BB973 !important;

}

.bg-grey{

    background: #F5F5F5;

}

.bg-dark-grey{

    background: #817E7E;

}

.text-olivine{

    color:#9BB973;

}

.text-black{

    color: #000000;

}

.text-gray{

    color: #8d8989db;

}

.header-area .nav-link{

    color: white;

}

.header-area .header-flex{

    display: flex;

}

/* .input-bg{

    background: #E2E2E2;

} */

.input-h-40{

    height: 40px;

}

.text-justify{

    text-align: justify;

}

fieldset .nav-tabs .nav-link{

    color: #000000;

}



fieldset .nav-tabs .nav-link.active{

    background-color: red;

    color: white;

}

.cursor-p{

    cursor: pointer;

}

.text-green{

    color: rgb(0, 128, 0);

}

.border-green{

    border: 1px solid rgb(0, 128, 0);

}

.border-blue{

    border: 1px solid #1805bb;

}

.text-blue{

    color: #1805bb;

}

.btn-black{

    color: white;

    background: #1e0404;

}

.btn-black:hover{

    background: #727272;

}

/* ----------- Home Page desing css start ---------- */



#searchResultArea{

    top: 40px;

    max-height: 350px;

    overflow: auto;

    background-color: white;

}





/* Appoinment modal */

.modal-header{

    background-color: #EC2C2C !important;

}



.modal-title{

    color:white;

}



.modal-footer .btn-cancel{

    border-radius: 20px !important;

}

.modal-footer .btn-save{

    border-radius: 20px !important;

    background-color: #EC2C2C;

    color:white;

}

.appointment-modal-header{

    /* height: 5rem; */

    /* padding: 1.5rem; */

}

.modal-footer{

    border: none;

}



.modal-input{

    /* border-radius: unset; */

    padding: 0.6rem 1rem;

    background-color: #f8f8f8;

    color: #6B6767;

    /* border: 1px solid; */

}



.modal-input:focus{

    outline-color: #3A3A3A !important;

}



.form-select{

    border: none;

}

input[type="date"]::-webkit-inner-spin-button,

input[type="date"]::-webkit-calendar-picker-indicator {

    display: hidden;

    -webkit-appearance: none;

}



.input-icon-absolute{

    top: 8px;

    right: 8px;

}









/* End of Appoinment modal */



/* menu area */

.navbar-brand img{

    /* width: 120px;

    height: 75px; */

}

.navbar #searchBtn{

    border: 0;

}



/* #apointmentmodal #timeInput:after{

    z-index:-1;

    content:'📅';

    display: block;

    font-size:2rem;

    color:STEELBLUE;

    background: none;

    width: 50px;

    height: 50px;

    position: absolute;

    top:13px;

    right:-7px;

  } */



.navbar .search-btn{

    background-color: #ED2024;

    border-radius: 5px 5px;

}

.navbar .search-icon{

    stroke: white;

}



.navbar .nav-item{

    padding: 0 15px;

}

.navbar .nav-item .nav-link::after {

    content: '';

    display: block;

    width: 0;

    height: 2px;

    background: #ED2024;

    transition: width .3s;

}

.navbar .nav-item .nav-link:hover::after {

    width: 100%;

    /* //transition: width .3s; */

}

.navbar .nav-item .nav-link{

    border-bottom: 2px solid transparent;

    padding: 0;

}

.navbar .nav-item .nav-active{

    border-bottom: 2px solid #ED2024;

}

.navbar .search-form{

    width: 250px;

}

.navbar .search-form .input-group{

    justify-content: flex-end!important;

}



/* .search-btn-active-bg{

    background-color: #ED2024;

}

.search-btn-bg{

    background-color: white;

} */

/* .search-icon{

    stroke: #3A3A3A;

}

.search-active-icon{

    stroke: white;

} */



/* banner area */

.banner-area{

    background-image: url('../images/banner.png');

    background-position: center;

    height: 410px;

}

/* service area */

.service-area .service-area-wrapper{

    margin-top: -80px;

}

.service-area .service-area-wrapper .card{

    width: 206.79px;

    /* height: 176.99px; */

}

.service-area .service-area-wrapper .card .card-icon{

    height: 176.99px;

    transition: 1s;

}

.service-area .service-area-wrapper .card:hover .card-icon{

    /* height: 1576.99px; */

    background: #EC2C2C;

    transition: 1s ease-in-out;



}

.service-area .service-area-wrapper .card:hover .card-icon svg path{

    /* height: 1576.99px; */

    fill: white;

    transition: 1s;

}



/* immagration service area */

.immigration-service{

    margin-top: 100px;

}

.expert-area{

    display: flex;

}

.immigration-appointment{

    bottom: 100px;

    right: 110px;

}

.appointment-triangle{

    position: relative;

    left: 76%;

    top: -7px;

}

/* visa providing */

.visa-providing{

    height: 376px;

    background: #F1F0F7;

}



.visa-categories{

    margin-top: -150px;

}

.visa-categories .visa-category-wrapper .card{

    /* width: 225px; */

    /* height: 248px; */

    background: #FFFFFF;

    border-radius: 19px;

    margin: 10px;

    transition: 1s ease-in-out;

}

.visa-categories .visa-category-wrapper .card img{

    width: 91.26px;

    height: 83.68px;

    margin: 0 auto;

}

.visa-categories .visa-category-wrapper .card:hover{

    /* border: 1px solid #ED2024; */

    box-shadow: 0 .5rem 1rem #ED2024;

}

.visa-categories .visa-category-wrapper .card svg path{

    transition: 1s ease-in-out;

}

.visa-categories .visa-category-wrapper .card:hover svg path{

    fill:#ED2024;

}

.visa-categories .find-solution:hover,

.immigration-service .check-now:hover {

    color:#de0307;

}



/* consultation area */

.consultation-area .container{

    background-image: url('../images/visa-consultaiton-bg.png');

    background-repeat: no-repeat;

    background-position: center;

    border-radius: 10px;

    height: 268px;

}



/* footer  */



.footer{

    background: rgba(50, 50, 50, 0.99);

    color: #FFFFFF;

}

.footer-social{

    margin-top: -9px;

}





/* ----------- Business visa page css start ---------- */



/* visa area */

.visa-even-bg{

    background: #E1E1E1;

}

.visa-odd-bg{

    background: #DAD9D9;

}

.visa-active,

.profile-active{

    background: #ED2024;

    color: #FFFFFF;

}

.visa-area .nav .nav-link{

    padding: 13px 15px;

}





/* assessment */

.assessment{

    background: #EFF2F5;

}



/* visa benefits area */

.visa-benefit-area .benefits-img-area{

    width: 30%;

}

.visa-benefit-area .benefits{

    width: 70%;

    padding-left: 28px;

}

.visa-benefits{

    display: flex;

}





#eligibilityModal .eligibility-modal-btn{

    top: -12px;

    right: -12px;

  }



.quick-access-show{

    position: fixed;

    top: 40vh;

    right: 10px;

    border-radius: 10px;

    height: auto;

    background-color: white;

}

.quick-access{

    position: fixed;

    top: 40vh;

    right: 10px;

    border-radius: 10px;

    height: auto;

    background-color: white;

    display: none;

    width: 170px;

}

/* .fixed-appointment-area{

    top: 50vh;

    right: 10px;

    border-radius: 50%;

}



.fixed-appointment-area .appointment{

    border-radius: 50%;

}





.fixed-appointment-area:hover .appointment{

    border-radius: 10px;

}

.fixed-appointment-area:hover p{

    display: block;

}



.fixed-appointment-area:after{

    content: ' ';

    position: absolute;

    width: 0;

    height: 0;

    left: auto;

    right: -8px;

    top: -9px;

    bottom: auto;

    border: 25px solid;

    border-color: red transparent transparent red;

    z-index: -1;

    transform: rotate3d(1, 1, 1, 167deg);

} */

/* -----------  e-ticket page  ------------------ */

/* ticket area */

.ticket-area{

    background: url('../images/ticket-area-bg.png');

    background-position: center;

    background-repeat: no-repeat;

    width: 100%;

    float: left;

    background-size: cover;

    height: 380px;

}

.ticket-area-form .ticket-body{

    margin-top: -150px;

}

.ticket-area-form .ticket-body .ticket-menu{

    display: inline-flex;

    background: white;

    position: absolute;

    top: -22px;

    /* left: 46%; */

    border: 1px solid red;

    border-radius: 10px;

    padding: 0px 25px;

}

.ticket-area-form .nav-tabs .nav-link, .ticket-area .nav-tabs{

    border: 0;

    color: #000000;

}

.ticket-area-form .nav-tabs .nav-link.active{

    border: 0;

    color: #ED2024;

    border-bottom: 7px solid #ED2024;;

}

.ticket-area-form .ticket-form .ticket-group{

    width: 20%;

}

.from-group, .to-group{

    width: 30%;

}

.departure-group .return-group{

    width: 20%;;

}

.adult-group, .child-group, .infant-group, .class-group{

    width: 20%;

}





/* gcms css */

.gcms-banner-area{

    /* margin-top: 100px; */

}



.gcms-banner-area .carousel .carousel-control-prev,

.gcms-banner-area .carousel .carousel-control-next{

    background-color: red;

    height: 30px;

    width: 30px;

    border-radius: 50%;

    top: 45%;

    padding: 5px;

}

.gcms-banner-area #gcmsSlider .carousel-inner .carousel-item .carousel-caption{

    left: 60%;

    top: 10%;

    right: 10%;

    float: right;

    height: auto;

}



.gcms-plan-area .gcms-wrapper .card{

    /*width: 255px;*/

    background: #FFFFFF;

    border-radius: 19px;

    margin: 10px;

    transition: 1s ease-in-out;

}

.gcms-plan-area .gcms-wrapper .card:hover{

    /* border: 1px solid #ED2024 !important; */

    box-shadow: 0 .5rem 1rem #ED2024!important;

}

.gcms-plan-area .gcms-wrapper .card .card-icon svg path{

    transition: 1s;

}

.gcms-plan-area .gcms-wrapper .card:hover .card-icon svg path{

    fill:#ED2024;

}





/* back to top button */

.back-top{

    bottom: 20px;

    right: 5px;

    cursor: pointer;

    display: none;

    background-color: white;

}

.back-top:hover{

    background-color: red;

}

.back-top:hover svg path{

    fill: white;

}

#eligibilityCheck .nav .nav-item .nav-link{

    color: #3A3A3A;

}

#eligibilityCheck .nav .nav-item .active{

    color: white;

}

#confirmModal .confirm-modal-btn{

    top: -12px;

    right: -12px;

  }



.modal .modal-close-btn{

    top: -12px;

    right: -12px;

}



/*

#eligibilityCheck .nav-pills .nav-link.active{

    color: white;

}

*/





#apointmentmodal #date-group-icon{

	right: 10px;

    top: 7px;

	text-align: center;

	z-index: 0;

}

#selectTime{

    cursor: pointer;

}

.show-input{

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	cursor: pointer;

	opacity: 0;

}

.input-icon{

    right: 10px;

    top: 7px;

	text-align: center;

	z-index: 0;

}



.time-area{

    width: 225px;

    top: 0;

    background: white;

    right: 0;

    z-index: 10;

}



/* ::-webkit-calendar-picker-indicator {

    filter: invert(1);

    height: 25px;

    width: 25px;

    color: gray;

    background: red;

} */



/* date picker */

.datepicker {

    background-color: #fff ;

    color: #333 ;

}



/* Appointment float */

.appointment {

    border: none;

    text-align: center;

    opacity: 1;

    transition: 0.3s;

  }



  .appointment:hover{

    opacity: 1;

  }



  /* Eligibility */

  .nav-pills {

    --bs-nav-pills-border-radius: 0.375rem;

    --bs-nav-pills-link-active-color: #fff;

    --bs-nav-pills-link-active-bg: #fd0d3e;

}



/* Sidebar style */

.sidebar-active, .sidebar-active span{

    background-color: red;

    color:white;

    border-radius: 30px;

    z-index: 1;

}

.sidebar-active, .sidebar-active span svg path{

    stroke: #E1E1E1;

}





.sidebar-ul li a{

    margin: 0;

    padding-left: 30%;



}

.sidebar-link-text{

    display: inline-block;

}





/* Notification all */

.notification-item{

    border-bottom: 2px solid rgba(217, 217, 217, 0.6);

}



.progressbar {

    margin: 50px 0 50px 0;

    counter-reset: step;

}



.progressbar li {

    list-style-type: none;

    width: 20%;

    float: left;

    font-size: 11px;

    position: relative;

    text-align: center;

    text-transform: uppercase;

    color: #7d7d7d;

}



.progressbar li:before {

    width: 15px;

    height: 15px;

    content: '';

    line-height: 30px;

    border: 4px solid #7d7d7d;

    background-color: #7d7d7d;

    display: block;

    text-align: center;

    margin: 0 auto 10px auto;

    border-radius: 50%;

    transition: all .8s;

}



.progressbar li:after {

    width: 100%;

    height: 5px;

    content: '';

    position: absolute;

    background-color: #7d7d7d;

    top: 5px;

    left: -50%;

    z-index: 0;

    transition: all .8s;

}



.progressbar li:first-child:after {

    content: none;

}



.progressbar li.active:before {

    border-color: #ff0909;

    background-color: #fc0000;

    transition: all .8s;

    z-index: 20;

    position: inherit;

}



.progressbar li.active:after {

    background-color: #ff0d0d;

    transition: all .8s;

}



.progress-bar-text {

    font-size: 12px !important;

}



.progressbar-vertical-line-active{

    height: 120px;

    background: red;

    width: 10px;

    position: relative;

}

.progressbar-vertical-line{

    height: 120px;

    background: gray;

    width: 10px;

    position: relative;

}

.progressbar-vertical-line-bottom-active{

    height: 20px;

    background: red;

    width: 10px;

    position: relative;

}

.progressbar-vertical-line-bottom{

    height: 20px;

    background: gray;

    width: 10px;

    position: relative;

}

.progressbar-vertical-circle-active{

    position: absolute;

    width: 30px;

    height: 30px;

    background-color: red;

    border-radius: 50%;

    left: -10px;

    top: -5px;

}

.progressbar-vertical-circle{

    position: absolute;

    width: 30px;

    height: 30px;

    background-color: gray;

    border-radius: 50%;

    left: -10px;

    top: -5px;

}

.progressbar-vertical-circle-bottom{

    position: absolute;

    width: 30px;

    height: 30px;

    background-color: red;

    border-radius: 50%;

    left: -10px;

    bottom: -28px;

}

.progressbar-vertical-text{

    position: absolute;

    left: 30px;

    width: 250px;

    top: -12px;

}





/* mobile responsive */

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

    .service-area .service-area-wrapper{

        margin-top: -140px;

    }

    .banner-area{

        margin-top: -120px;

    }

}

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

    /* For mobile phones: */



    .banner-area{

        height: 200px;

        background-size: cover;

        background-position: right;

    }

    .navbar .search-form{

        width: auto;

    }

    .navbar .search-form .input-group{

        justify-content: flex-start!important;

    }

    .service-area .service-area-wrapper{

        margin-top: -50px;

    }

    .consultation-area{

        padding: 0 12px;

    }

    .visa-categories .visa-category-wrapper .card{

        /* width: 80%; */

    }

    .expert-area,

    .visa-benefits{

        display: block;

    }

    .expert-second,

    .benefits-second{

        margin-top: 10px;

    }

    .ticket-area .ticket-form .ticket-group{

        width: 33.33%;

    }

    .footer-social-area .col-5{

        width: 50%;

    }

    .footer-social{

        padding-right: 5px;

    }

    .copy-right{

        padding-left: 5px;

    }

    .footer-social-area .col-1

    {

        display: none;

    }

    .resources{

        margin-top: 20px;

    }

    .gcms-banner-area #gcmsSlider .carousel-inner .carousel-item .carousel-caption{

        left: 25%;

        top: 0;

        right: 0%;

        height: auto;

    }

    .gcms-banner-area #gcmsSlider .carousel-inner .carousel-item .content{

        font-size: 8px;

    }



}





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

    .header-area .header-flex{

        display: block;

    }

    .visa-categories .visa-category-wrapper .card{

        /* width: 225px; */

    }

}





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

    .header-area{

        padding: 5px 0px;

    }

    .visa-categories .visa-category-wrapper .card .fs-14{

        font-size: 12px;

    }

    .banner-area{

        /* background-size: cover;

        height: 349px; */

        background-size: contain;

        /* height: 349px; */

        background-repeat: no-repeat;

    }

    .immigration-appointment-area{

        margin-top: 45px;

    }

    .benefits-img{

        margin-top: 25px;

    }

    .subscribe{

        margin-top: 20px;

    }



    .ticket-area .ticket-form .ticket-group{

        width: 25%;

    }

}



/* responsive */

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

    .visa-benefit-area .benefits-img-area{

        width: 100%;

    }

    .visa-benefit-area .benefits{

        width: 100%;

        padding-left: 0;

    }

}



@media (min-width: 1024px) {

    .sidebar-ul li a{

        margin: 0;

        padding-left: 9%;

    }

}



@media (min-width: 1440px) {

    .sidebar-ul li a{

        margin: 0;

        padding-left: 25%;

    }

}



/* large display */

@media only screen and (min-width: 1400px) {

    .gcms-plan-area .gcms-wrapper .card{

        /*width: 280px;*/

    }

}



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

    .progressbar li {

        font-size: 3px;

    }



    .progress-bar-text {

        font-size: 8px !important;

    }

}