* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

body {
    font-family: "Quicksand", sans-serif !important;
}
.bg-black {
    background-color: #000 !important;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: "Quicksand", sans-serif !important;
}
p,
span,
ul,
ol,
a {
    font-weight: 500;
}

.t-10 {
    font-size: 10px;
}

.t-12 {
    font-size: 12px;
}

.t-14 {
    font-size: 14px;
}

.t-16 {
    font-size: 16px;
}

.t-18 {
    font-size: 18px;
}

.t-20 {
    font-size: 20px !important;
}
/*input[type="date"]::-webkit-calendar-picker-indicator {*/
/*    background: transparent;*/
/*    bottom: 0;*/
/*    color: transparent;*/
/*    cursor: pointer;*/
/*    height: auto;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*    width: auto;*/
/*}*/
.navbar-brand h1 {
    font-size: 20px;
    font-weight: 800;
}
.navbar-brand .logo {
    width: 90px;
}
.navbar-brand .logo img {
    width: 82%;
}

.navbar-brand .text {
    width: calc(100% - 90px);
}
.navbar-brand p:nth-child(1) {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
}
.navbar-brand p:nth-child(2) {
    font-size: 10px;
    margin-top: -36px;
    font-style: italic;
    font-weight: 600;
    margin-bottom: 0;
    margin-left: -95px;
}

.space {
    padding: 4rem 0;
}

.icon {
    position: relative;
    top: 3px;
}

.separatorEqual li:not(:last-child) {
    padding-right: 20px;
    border-right: 1px solid rgb(187, 182, 182);
}

.separatorEqual li a {
    font-size: 14px;
}

.accountbtngroup li a {
    font-size: 14px;
}

.accountbtngroup li:nth-child(1) a {
    background-color: #2d5d73;
    color: #fff;
    border-radius: 0;
}

.accountbtngroup li:nth-child(2) a {
    background-color: #2596be;
    color: #fff;
    border-radius: 0;
}
#totalCart{
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    top: 16px;
    right: 4px;
}


.bg-blue {
    background-color: #2d5d73 !important;
}

.bg-red {
    background-color: #2596be !important;
}

.text-red {
    color: #2596be !important;
}

.text-blue {
    color: #2d5d73 !important;
}

.headerlinks ul li {
    padding-bottom: 5px;
}

.headerlinks ul li a {
    position: relative;
    text-decoration: none;
    color: #000;
    left: 20px;
    font-size: 14px;
}

.headerlinks ul li a::before {
    content: "\276F";
    position: absolute;
    left: -20px;
    top: 2px;
    color: #000;
}
/* @media (min-width: 600px) {
    #header .nav-item:hover .dropdown-menu {
        display: block;
        left: 0;
        top: 100%;
    }
} */
#header .dropdown-menu {
    left: 0;
    top: 100%;
    border-radius: 0;
    background: #fff;
    border: 0 !important;
    

}
.transform-0{
    transform:none !important;
}
.table .minWidth{
    min-width:150px;
}
.mainBanner {
    height: 500px;
}
.mainBanner .carousel-inner::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background:linear-gradient(to bottom, transparent 0%, #006387be 50%);
}
.userSidebar ul li{
    padding: 10px 0;
    list-style: none;
}
.userSidebar ul li h4{
    border-bottom: 1px solid #ddd;
    padding-bottom: 0.4rem;
}
.userSidebar ul li a, .userSidebar ul li button{
    width: 100%;
    padding: 0px 10px;
    gap: 20px;

}
.wpackage  .icon{
    width: 100px;
    padding: 10px;
}
.wpackage  .icon img{
    width: 100% !important;
    height: 100%;
    object-fit: cover;
}
.wpackage  .text{
    width: calc(100% - 100px);
}
.dashboardNavBtn .icon{
    width: 30px;
    height: 30px;
    border:1px solid #2596be;
    background-color: #fff;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    margin-top: -5px;
}
.editForm label{
    font-size: 17px;
    color: #000;
    font-weight: 500;
    padding-bottom: 0.5rem;

    position: relative;
    width: 100%;
}
.editForm label::before{
    content: ':';
    position: absolute;
    right: 0;
    top: 0;
    font-size: 18px;
}
.cover {
    object-fit: cover;
}

.bannerContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    background: linear-gradient(to top, #006387, transparent);
    color: #fff;
}

.bannerContent h2 {
    font-size: 40px;
    font-weight: 800;
    font-family: "nunito";
}

.bannerContent p {
    font-size: 20px;
}

.searchBox input {
    height: 50px;
}

.serviceIcons {
    margin-top: 1rem;
}

.serviceIcons a {
    text-decoration: none;
    color: #fff;
}

.serviceIcons .sicon {
    width: 90px;
    height: 75px;
    border-radius: 4px;
    background-color: transparent;
    box-shadow: 0 -1px 3px #fff;
    padding: 5px;
}

.serviceIcons .sicon img {
    height: 40px;
    width: 40px;
    margin: 0 auto;
    object-fit: contain;
}

.serviceIcons .sicon p {
    margin: 0;
    font-size: 14px;
}

.serviceIcons .sicon:hover {
    background-color: #2596be;
    box-shadow: 0 1px 3px #000;
}

.navbar-expand-lg .navbar-nav .nav-link {
    opacity: 1;
    color: #000;
    font-weight: 500;
    padding: 26px 15px;
    font-size: 15px;
}
.navbar-nav {
    /* position: relative; */
    z-index: 9;
}
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
    color: #2596be;
}

.sectionTitle {
    text-align: center;
    width: fit-content;
    margin: 0 auto;
}

.sectionTitle h3 {
    font-size: 25px;
    font-weight: bolder;
    position: relative;
    width: fit-content;
    margin: 0 auto;
    padding-bottom: 0.8rem;
    margin-bottom: 1rem;
    color: #2596be;
}
.sectionTitle h3  span{
    font-weight: bold;
    color: #000;
}

.sectionTitle h3::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #2d5d73;
}

.sectionTitle h3::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -9px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #2d5d73;
    background-color: #fff;
}

.sectionTitle p {
    color: #000;
    font-weight: 500;
    font-size: 20px;
    text-align: center;
    display:none;
}

.packageimg {
    height: 200px;
}

.citydetails {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to top, #2596bec4, transparent);
}

.citydetails h2 {
    font-size: 24px;
    font-weight: 800;
    text-align: right;
}

.citydetails a,
.citydetails p {
    font-size: 20px;
}

.citiesBox:hover .citydetails {
    background-color: #2d5d737e;
}

.citiyboxSmall .citydetails h2 {
    font-size: 18px;
    text-align: right;
}
.citiyboxSmall img{
    height: 200px;
    object-fit: cover;
}
.citiyboxSmall .citydetails a,
.citiyboxSmall .citydetails p {
    font-size: 14px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #2596be !important;
    border-radius: 4px;
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 35px !important;
    user-select: none;
    -webkit-user-select: none;
}
.serviceBoxLeft {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.serviceBoxRight {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.serviceBoxRight h2 {
    font-size: 35px;
    font-weight: 800;
}

.serviceBoxRight p:first-of-type {
    width: fit-content;
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 3rem;
}

.serviceBoxLeft p,
.serviceBoxRight p {
    font-size: 16px;
    line-height:1.7;
}

.serviceBoxLeft h2 {
    font-size: 35px;
    font-weight: 800;
}

.flyingimg {
    position: absolute;
    top: 0;
    left: 2rem;
    width: fit-content;
    z-index: 4;
}

.iconImage {
    width: 150px;
    margin: 0 auto;
}

.links ul li {
    list-style: none;
    padding-bottom: 5px;
}

.links ul li a {
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
    margin-left: 15px;
}
.links ul li a::before{
    content: "\00BB";
    position: absolute;
    left: -16px;
    top: -9px;
    font-size: 22px;
}
footer p{
    font-size: 14px;
}

.footer-teg {
    font-size: 14px;
    font-weight: 800;
    width: fit-content;
    padding-bottom: 0.6rem;
    position: relative;
}

.footer-teg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
}

.partnersimage {
    position: absolute;
    width: 80%;
    top: -39px;
    left: 50%;
    transform: translateX(-50%);
}
.socialBtn {
    width:30px;
    height:30px;
    box-shadow:none;
    outline:0;
}
.bg-none {
    background: none !important;
}
.flip-box {
    min-height: 330px;
    height: auto;
    perspective: 1000px;
}

.flip-box-inner {
    position: relative;
    width: 100%;
    height: 100%;

    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 330px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 4px;
    overflow: hidden;
}

.flip-box-back {
    transform: rotateY(180deg);
}
.tourboxflip p {
    font-weight: 500;
    color: #000;
}
.tourboxflip .icon {
    color: #2596be;
    margin-right: 5px;
}
.tourboxflip h4 {
    color: #000;
    font-weight: 800;
}
.flip-desc {
    position: absolute;
    top: 0;
    left: 0;
    /* background:linear-gradient(to top, #2d5d73, transparent); */
    color: #fff;
}
.flip-desc p {
    color: #fff;
}
.breadcrumbgroup a {
    position: relative;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    opacity: 1;
    margin-right: 10px;
}
.breadcrumbgroup a:first-child::after {
    content: "\2022";
    position: absolute;
    top: 0px;
    left: -10px;
    font-size: 14px;
    color: #2596be;
}
.breadcrumbgroup a:not(:last-child)::before {
    content: "\276F";
    position: absolute;
    top: 0px;
    right: -10px;
    font-size: 14px;
    color: #2596be;
}

.breadcrumbgroup a:last-child {
    color: #2d5d73;
    font-weight: 800;
    cursor: default;
}
.bg-light-blue {
    background: #add8e6;
}
.citiyboxSmall {
    max-height: 220px;
}
.countryBox img {
    height: 120px;
    width: 100%;
    object-fit: cover;
}
.countryBox {
    position: relative;
}
.countryBox h4 {
    position: absolute;
    bottom: -40px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #000;
    color: #fff;
    font-size: 16px;
    width: fit-content;
    border-radius: 5px;
    padding: 4px 10px;
    display: none;
}
.countryBox h4::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;

    border-bottom: 8px solid black;
}
.countryBox:hover h4 {
    display: block;
}
.quoteTesti{
    position: relative;
    width: 50px !important;
    left: 20px;
    top: 20px;
    transform: rotate(180deg);
}
.testimonialText{
    height: 350px;
    max-height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #e1f7ff;
    box-shadow: 7px 0rem 0rem rgb(0 0 0 / 15%);
    z-index: 5;
    margin-top: -1rem;
}
.testBg{
    position: relative;
}
.testBg::before {
    content: "";
    position: absolute;
    width: 70%;
    height: 90%;
    z-index: -1;
    background-color: #2596be;
    bottom: 1px;
    left: 0px;
    border-radius: 1rem;
}
.testBg::after {
    content: "";
    position: absolute;
    bottom: -24px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 1px solid transparent;
    border-right: 34px solid transparent;
    border-top: 39px solid #2596be;
}
.filter__box{
    min-width: 160px;
    width: 20%;
}
.owl-stage{
    padding-bottom: 1.5rem;
}
/***** dummy *****/
.country-flag-thumbnail {
    text-align: center;
    border: 1px solid #e2e6ea;
    margin-bottom: 30px;
    transition: box-shadow 0.3s;
}
.country-icon-thumbnail-img {
   width: 100%;
}
.country-icon-thumbnail-img img {
    width: 100%;
    /*height: 150px;*/
}
.country-flag-thumbnail-content {
    padding: 20px;
}
.country-flag-thumbnail .slanting-pattern {
    margin-top: 10px;
}
.slanting-pattern {
    background: url(../img/slanting-pattern.png);
    padding-top: 10px;
    padding-bottom: 10px;
}
.country-flag-thumbnail:hover {
    box-shadow: 0 0 11px rgb(33 33 33 / 20%);
}
.innerBanner {
    height: 200px;
}
.innerBanner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.innerBanner .bannerText {
    padding: 0 20px;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 5;
}
.innerBanner .bannerText h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 800;
    text-align: center;
}
.dbtn .dicon {
    width: 40px;
    height: 40px;
    display: grid;
    place-content: center;
    font-size: 30px;
    background-color: #fff;
    color: #006387;
    border-radius: 50%;
}
.visacountrypage h1 {
    font-size: 30px;
    font-weight: bolder;
    color: #000;
}
.visacountrypage p {
    font-size: 16px;
    text-align: justify;
}
.visacountrypage h2 {
    font-size: 20px;
    font-weight: 600;
    width: fit-content;
    padding-bottom: 6px;
    position: relative;
    color: #2596be;
}
.visacountrypage ol,
.visacountrypage ul,
.visacountrypage span {
    font-size: 16px;
}
.visacountrypage table tr td:first-child {
    font-size: 16px;
    font-weight: 500;
}
.visacountrypage h4 {
    font-size: 20px;
    font-weight: 600;
}
.visacountrypage .form-control {
    border-radius: 0;
}
.visacountrypage .btn {
    border-radius: 0;
}
.visacountrypage table tr td:first-child ion-icon {
    color: #2596be;
}

.visacountrypage h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #006387;
}
.innerCarousel .carousel-item {
    height: 350px;
}
.innerCarousel .carousel-item img {
    height: 100%;
    object-fit: cover;
}
.roadmap {
    height: 93%;
    width: 3.5rem;
    background-color: gray;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 4;
}
.roadmap::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    z-index: 5;
    background-image: linear-gradient(#fff 50%, transparent 50%);
    background-size: 4px 30px;
    background-position: center;
    background-repeat: repeat-y;
}
.car {
    background-image: url(../img/car.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 2rem;
    height: 4rem;
    left: 50%;
    top: 4rem !important;
    transform: translateX(-50%);
    z-index: 10;
}
.itineraryView .col-md-6 img {
    max-height: 450px;
    object-fit: cover;
}
.itineraryrow {
    margin-top: 0rem;
}
.itineraryrow .col-md-6 {
    margin-bottom: 0rem;
}
.itineraryrow h4 {
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    background: #2596be;
    padding: 10px 10px;
    border-bottom: 1px solid #000;
}

.itineraryrow p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.7;
}
.dayShow {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 80px;
    height: 80px;
    background-color: #2596be;
    display: grid;
    place-content: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    border:5px solid #eeeeee
}
.text-justify {
    text-align: justify;
}
/* .box-shadow{
  box-shadow:   -2px 13px 10px #c6d2d7;
} */
.itineraryrow strong {
    color: #2596be;
}
.itineraryrow .row{
    margin-top: -5rem;
}
.packageDetails h2{
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}
.packageDetails p{
    font-size: 16px;
    font-weight: 590;
    text-align: justify;
    line-height: 1.8;
}
.packageDetails h2 + p{
color: gray;
margin: 0;
}
.applications .nav-tabs .nav-link {

    font-size: 12px;
    font-weight: bolder;
    border-radius: 0;
    color: #000;
}
.applications .nav-tabs .nav-link:hover{
    background:#2596be;
    color:#fff !important;
}
.applications .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background:#2596be;
    color:#fff !important;
}
.inclusions ul li{
    position: relative;
    list-style:none;
    line-height: 1.7;
    margin-left: 1rem;
    list-style-image: url(../img/check-mark.png);
    background-size: 12px;
    font-size: 16px;
}
.itineraryView ul li{
    position: relative;
    list-style:none;
    line-height: 1.7;
    margin-left: 1rem;
    list-style-image: url(../img/check-mark.png);
    background-size: 12px;
    font-size: 16px;

}
.visaServicePage h2{
    background-color: #eeeeee;
    padding:  4px 10px;
    border-bottom: 1px solid #000;
    font-size: 18px;
    margin: 0;
    font-weight: bolder;
    margin-bottom: 2rem;

}
.visaServicePage p{
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    text-align: justify;

}
.visaServicePage .sectionTitle{
    margin: 0;
    text-align: left;
}
.applicationForm{
    padding: 3rem;
    border: 20px solid #ddd;
}
.applicationForm label{
    font-size: 14px;
    margin-bottom: 0.6rem;
    font-weight: 600;

}
.applicationForm .form-control, .applicationForm .form-select{
    box-shadow: none !important;
    border-color: #2596be;

}
.remittance_ul li{
    list-style-image: url(../img/check-mark.png);
    list-style-position: inside;
    width: 50%;
    float: left;
    color: gray;
}
.forexBox ul:not(.remittance_ul) li{
    list-style-image: url(../img/check-mark.png);
    list-style-position: inside;
    color: gray;
}

.forexBox h4{
    font-size: 2rem;
    padding-bottom: 1rem;
    font-weight: bolder;
    color: #2596be;

}
.policyPage h2{
    font-size: 24px;
    font-weight: bold;
    color:#2596be;
}
.policyPage h3, .policyPage h4 strong{
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
    color:#2596be;
}
.googleMap iframe{
    width: 100% !important;

}
.forexBox p{
    color: gray;
    line-height: 1.7;
    letter-spacing: 1px;
}
.forexBox{
    background: rgba(255,255,255,0.5);
    box-shadow: 0px -5px 0px #2596be;
    border-top: 1px solid #eeeeee;
    border: 20px solid #eeeeee;
}
.btn-outline-primary {
    --bs-btn-color: #2596be;
    --bs-btn-border-color: #2596be;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2596be;
    --bs-btn-hover-border-color: #2596be;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2596be;
    --bs-btn-active-border-color: #2596be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2596be;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #2596be;
    --bs-gradient: none;
}
.oboardbox p:nth-of-type(2){
    padding: 15px 10px;
    background-color: #ddd;
    border-left: 2px solid #006387;
    color: #000;
}
.insurancepage::before {
    content: "";
    position: absolute;
    bottom: 2px;
    right: 23px;
    background-image: url(../img/travel.svg);
    width: 208px;
    height: 331px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.remittance{
    position: relative;
}
.applicationForm .col-md-6{
    margin-bottom: 1.5rem;
}
.carousel-control-next, .carousel-control-prev{
    z-index: 10;
}
.categoryBox{
    background: #fff;
    width: 250px;
    -webkit-box-shadow: 0 0 22px 2px rgb(0 0 0 / 11%);
    -moz-box-shadow: 0 0 22px 2px rgba(0,0,0,0.11);
    box-shadow: 0 0 22px 2px rgb(0 0 0 / 11%);
    padding-bottom: 0;
    padding-bottom: 0 !important;
    height: 189px;
    border-radius: 4px;
}
.categoryBox figure{
    margin: 0;
    margin-left: -30px;
    width: 100%;
    /* height: 180px; */
    /* width: 180px; */
    /* margin-top: -30px; */
    position: relative;
    top: -10px;
}

.categoryBox figure img{
    width: 100%;
    height: 100%;
    max-height: 137px;
    object-fit: cover;
}
.contactBox .icon{
    width:  50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border:1px solid #006387;
    border-radius: 50%;
    position: relative;
    z-index: 8;
    background-color: #fff;
}
.contactBox .text{
    position: relative;
    padding: 3px 10px;
    font-size: 16px;
    margin-left: -7px;
    top: 3px;
    z-index: 7;
}
.contactBox .text::before{
    content: "";
    position: absolute;
    right: -15px;
    top: 10px;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid #006387;
    border-bottom: 15px solid transparent;
}
.contactBox table tr td{
   padding: 0;
   font-size: 14px;
}
.contactBox table tr td:nth-of-type(1){
    font-weight: bold;
}
.contactBox .d-flex{
    margin-bottom: 1rem;
}
.contactForm .col-md-12{
    margin-bottom: 1.4rem;
}
.contactForm{
    padding:20px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #ccc;
}
.contactForm .form-control{
    background-color: #eeeeee;
}
.contactForm label{
    margin-bottom: 0.5rem;
    font-weight: bold;
    color: #006387;
}

.loginForm h4{
    font-size: 2rem;
    font-weight: bold;
    width: fit-content;
    border-bottom: 1px solid #000;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}
.loginForm .form-control{
    box-shadow: none;
}
.or{
    width: 100%;
    height: 1px;
    background-color: #000;
    margin-top: 2rem;
    position: relative;
}
.or::before{
    content: "OR";
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    top:-20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
}
.userSidebar  li a.active{
    background-color: #2596be;
    color: #fff;
    border-radius: 0;
    border: none;
    padding: 10px;
}
.packageInfo img{
    width: 30px;
}
.packageInfo .d-flex.gap-4{
    padding:10px 0;

}
.packageInfo .d-flex.gap-4 h4{
    font-size: 16px;
}
.packageInfo .qtn{
    width: 150px;
    position: relative;
}
.packageInfo .qtn::before{
    content: ":";
    position: absolute;
    right: -14px;
    top: 0;
    font-weight: 600;
}
.site_icon img{
    width:100%;
    height:100px;
    object-fit:contain;
}
.countrCountSpan{
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    font-size:12px;
}
.filterUl li:not(:last-child){
    border-bottom:1px dashed #ddd;
}

/***** End dummy *****/
@media (max-width: 600px) {
    #topHeader {
        display: none;
    }
    .serviceIcons .sicon {
        width: 65px;
        height: 70px;
        border-radius: 4px;
        background-color: transparent;
        box-shadow: 0 -1px 3px #fff;
        padding: 5px;
    }
    .serviceIcons .sicon img {
        height: 25px;
        width: auto;
        margin: 0 auto;
        object-fit: contain;
    }
    .serviceIcons .sicon p {
        margin: 0;
        font-size: 12px;
    }
    .bannerContent h2 {
        font-size: 20px;
    }
    .bannerContent p {
        font-size: 14px;
    }
    .searchBox input {
        height: 43px;
    }
    .mainBanner {
        height: 363px;
    }
    .space {
        padding: 2rem 0;
    }
    .sectionTitle h3 {
        font-size: 18px;
    }
    .sectionTitle p {
        font-size: 14px;
    }
    .serviceBoxLeft h2,
    .serviceBoxRight h2 {
        font-size: 20px;
    }
    .serviceBoxLeft p,
    .serviceBoxRight p {
        font-size: 14px;
    }
    .t-12 {
        font-size: 10px;
    }
    .t-20,
    .t-16 {
        font-size: 14px !important;
    }
    #sites p {
        font-size: 12px;
        font-weight: 500;
    }
    .t-14 {
        font-size: 12px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px 15px;
        font-size: 14px;
    }
    .navbar .navbar-toggler {
        border: none;
        outline: none;
        background: none;
        box-shadow: none;
    }
    .navbar .navbar-toggler-icon {
        background-image: none;
        border-bottom: 1px solid #000;
        position: relative;
        height: 1em;
        top: 0.1em;
        transition: all 0.5s;
    }
    .navbar .navbar-toggler-icon::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: #000;
        transition: all 0.5s;
    }
    .navbar .navbar-toggler-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        /* transform: translateY(-50%); */
        left: 0;
        width: 100%;
        height: 1px;
        background: #000;
        transition: all 0.5s;
    }
    .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after {
        transform: rotate(45deg);
    }
    .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before {
        transform: rotate(-45deg) translateY(6px) translateX(-6px);
    }
    .navbar .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
        border-bottom-color: transparent;
    }
    .navbar-brand .text {
        display: none;
    }
    .roadmap{
        left: 16px;
    width: 2rem;
        height: 100%;
    }
    .car{
        left:16px;
        top: 10rem !important;
    }
    .dayShow{
        left: 20px;
    width: 69px;
    height: 69px;
    font-size: 12px
    }
    .forexBox h4{
        font-size:20px;
    }
    .forexBox p{
        font-size:14px;
    }
    .insurancepage::before {
        content: "";
        position: absolute;
        bottom: -71px;
        right: 9px;
        background-image: url(../img/travel.svg);
        width: 130px;
        height: 331px;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .btn.bg-blue{
        padding: 5px 10px !important;
        font-size:14px;
    }
    .applicationForm {
    padding: 1rem;
    border: 4px solid #ddd;
}
.breadcrumbgroup a{
    font-size:10px;
}
.breadcrumbgroup a:not(:last-child)::before{
    font-size:10px;
}
}