*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

ol,ul{
    list-style: none;
}
a{
    text-decoration: none;
}
ul,ol,li,a,h1,h2,h4,h3,h5,h6,div,span,header,footer{
    margin: 0;
    padding: 0;
}


/* common style start */
body{
    font-family: "Poppins", sans-serif;
    font-weight: 400;
}

:root{
    --primary-color: rgb(195, 34, 41) !important;
    --secondary-color: #6EC1E4 !important;
    --tertiary-color: rgb(129,129,129) !important;
    --padding: 0.6rem;
    --transition: all 0.4s;
    --border-radius: 0.6rem;
    --box-shadow:rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;;
    --bg: #F5F5F5;
}

.common_title{
    /* text-align: center; */
    font-weight: 600;
    font-size: 30px;
    color: var(--secondary-color);
}
.common_description{
    font-size: 1rem;
    font-weight: 400;
    color: var(--tertiary-color);
    margin-top: 10px;
    line-height: 24px;
}
/* common style end */



/* header style start */

.logo_img{
    width: 120px;
}
.navbar-expand-lg .navbar-nav{
    gap: 30px !important;
}
.navbar-expand-lg .navbar-nav .nav-link{
    font-size: 18px;
    font-weight: 500px;
    text-transform: capitalize;
    transition: all linear 0.4s;
    color: #000;
}
.navbar-expand-lg .navbar-nav .nav-link:hover{
    color: rgb(195, 34, 41) !important;
    transition: all linear 0.4s;
}
.navbar-expand-lg .navbar-nav .nav-link.active{
    color: rgb(195, 34, 41) !important;
}
.header_link{
    border: 1px solid black;
    border-radius: 20px;
    padding: 6px 45px !important;
}
.header_link:hover{
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color);
    color: white !important;
}
.navbar-expand-lg .navbar-nav .register_menu:hover{
    color: #ffffff !important;
    transition: var(--transition);
}
/* */
/* header style end */


.slick-slide {
    display: block !important;
}
.country_img {
    /* width: 100%; */
    /* max-width: 1200px; */
    margin: auto;
    display: flex !important;
    gap: 2rem !important;
}
.country_img img{
    /* width: 200px !important; */
    /* width: 80%; */
    width: 100%;
    /* padding: 20px; */
}
.banner_img{
    padding: 0.1rem;
}
.country_content{
    margin: 4rem 0;
}
.coutntry_area{
    width: 100%;
    /* max-width: 1200px; */
    margin: auto;
    /* padding: 20px; */
    text-align: center;
}
.country_img{
    width: 100% !important;
}
.country_img img{
    height: auto;
    padding: 10px;
}
.country_single_img img{
    width: 100%;
    margin: 0 auto;
}

.slick-prev, .slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--primary-color);
    border: none;
    font-size: 30px;
    z-index: 100;
    cursor: pointer;
    border-radius: 50%;
}

/* Left Arrow */
.slick-prev {
    left: 30px;
}

/* Right Arrow */
.slick-next {
    right: 30px;
}

/* Hover effect */
.slick-prev:hover, .slick-next:hover {
    color: black !important;
}
.slick-prev:before {
    display: none;
}
.slick-next:before {
    display: none;
}
.home_service_contact_title h2{
    margin-bottom: -3rem;
}



/* work area start */
.Work_area{
    padding: 4rem 0;
}
.work_area_img{
    width: 100%;
    margin: 2rem 0;
}
.single_work_area{
    box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
    padding: 1rem;
    height: 100%;
    border-radius: var(--border-radius);
    transition: var(--transition);
}
.single_work_area:hover{
    box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    transition: var(--transition);
}
.work_description p{
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
    line-height: 26px;
    margin-top: 1rem;
}
.work_area_icon i{
    font-size: 3rem;
    color: var(--primary-color);
}
.single_work_area h2{
    font-size: 1.3rem;
    color: #000000;
    font-weight: 600;
    padding: 1rem 0;
    text-align: justify;
}
.single_work_area p{
    text-align: justify;
    font-size: 1rem;
    color: #000000;
    line-height: 26px;
    font-weight: 400;
}
/* work area end */

/* sercice area str */
.service_area{
    margin-top: 3rem;
}
/* sercice area end */
/*  */
.visa_title{
    color: #6EC1E4;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.single_visa_text h2{
    color: rgb(30, 41, 59);
    font-size: 24px;
    font-weight: 600;
}
.single_visa_text h4{
    color: rgb(51, 65, 85);
    font-size: 1rem;
    font-weight: 400;
    margin-top: 1.5rem;
}
/*  */
/* travel_benefits area start */
.travel_benefits{
    padding: 4rem 0;
}
.single_travel_benefits_area{
    padding: 1rem;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    background-color: #FFF6F6;
    border-radius: var(--border-radius);
    height: 95%;
    margin-top: 1rem;
}
.single_travel_benefits_area h5{
    color: #ffffff;
    font-size: 1.8rem;
    font-weight: 600;
    
}
.single_travel_benefits_area1{
    background-color: #C32229;
}
.single_travel_benefits_top{
    display: flex;
    gap: 10px;
    align-items: center;
}
.single_travel_benefits_logo img{
    background-color: #ffffff;
    box-shadow: var(--box-shadow);
    width: 65px;
    border-radius: var(--border-radius);
    padding: 5px 10px;
}
.single_travel_benefits_title h2{
    font-size: 1.4rem;
    font-weight: 600;
}
.single_travel_benefits_bottom h2{
    margin-top: 1rem;
    color: rgb(122, 122, 122);
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
}
/* travel_benefits area end */

/* appointment area start */
.Appointment_description{
    color: var(--primary-color);
}
.appointment_img {
    text-align: right;
}
.Appointment_button{
    display: flex;
    gap: 1rem;
}
.Appointment_content p{
    margin-bottom: 2rem;
    font-size: 1rem;
    line-height: 26px;
    color: #000;
}
.Appointment_content h2{
    margin-bottom: 2rem;
    font-size: 1rem;
    font-weight: 700;
    color: #000;
}
.Appointment_button a{
    display: inline-block;
    background-color: var(--primary-color);
    color: #ffffff;
    padding: 10px 20px;
    border-radius: var(--border-radius);
    font-size: 1rem;
}

.Appointment_content .Appointment_button a h3{
    font-size: 1rem;
}
.Appointment_content .Appointment_button a h3 i{
    margin-right: 10px;
}
/* appointment area end */
/* home_consultant area start */
.home_consultant{
    background-color: #F8F8F8;
    padding: 4rem 0;
}
.home_consultant_top h2{
    font-size: 40px;
    font-weight: 500;
    color: var(--primary-color);
}
.home_consultant_top p{
    font-size: 20px;
    font-weight: 400;
    line-height: 26px;
    color: #000000;
    margin-top: 1rem;
}
.home_consultant_text1,
.home_consultant_text2{
    padding: 1.5rem;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
}
.home_consultant_text1 h2{
    color: var(--primary-color);
    font-size: 22px;
    font-weight: 500;
}
.home_consultant_text1 .home_consultant_text1_menu{
    padding-top: 1rem;
    display: flex;
    /* gap: 10px; */
    flex-direction: row;
    flex-wrap: wrap;
}
.home_consultant_text1_menu a{
    color: rgb(51, 65, 85);
    font-size: 20px;
    line-height: 33px;
    /* display: inline-block; */
    margin-right: 15px;
    transition: var(--transition);
}
.home_consultant_text1_menu a:hover{
    color: var(--primary-color);
    transition: var(--transition);
}
.home_consultant_text1_menu a{
    color: rgb(51, 65, 85);
    font-size: 20px;
    line-height: 33px;
    /* display: inline-block; */
    margin-right: 15px;
    transition: var(--transition);
}
.home_consultant_text1_menu a:hover{
    color: var(--primary-color);
    transition: var(--transition);
}
.home_consultant_text2{
    margin-top: 3rem;
}
.home_consultant_text{
    margin-top: 2rem;
}
/* home_consultant area end */
/*  */
.visa_img i{
    font-size: 4rem;
}
.gallery_title h2{
    color: var(--primary-color);
    font-size: 45px;
    margin-bottom: 1rem;
}
.visa_title{
    font-size: 24px;
    font-weight: 600;
    color: rgb(30, 41, 59);
}
.visa_description{
    font-size: 16px;
    font-weight: 400;
    color: rgb(51, 65, 85);
}
/*  */

/* gallery_img start */
.gallery_area{
    width: 100%;
    /* max-width: 1200px; */
    /* margin: auto; */
    /* padding: 20px; */
    margin: 4rem 0;
    text-align: center;
}
.gallery_img{
    width: 100% !important;
}
.gallery_img img{
    height: auto;
    padding: 10px;
}
.single_gallery_img img{
    width: 100%;
    margin: 0 auto;
}
/* gallery_img end */

.single_contact{
    display: flex;
    gap: 10px;
    margin-top: 10px;
}
.phone_contact i{
    transform: rotate(90deg);
    color: var(--secondary-color);
}
.single_contact i{
    color: var(--secondary-color);
}
.single_contact h2{
    font-size: 18px;
    color: rgb(84, 89, 95);
}



/* footer area start */
footer{
    background-color: #334155;
}
.footer_hr{
    color: #ffffff !important;
    height: 4px !important;
}
.footer_content{
    padding: 2.5rem 0 1.8rem;
}

.footer_logo{
    width: 150px !important;
}
.footer_logo img{
    width: 50% !important;
}

.footer_logo_area p{
    font-size: 16px;
    color: white;
    line-height: 26px;
    padding: 1rem 0 2rem;
}
.facebook{
    background-color: white !important;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.instagram{
    width: 40px;
    height: 40px;
    display: inline-block;
}
.footer_icon{
    display: flex;
    gap: 20px;
}
.facebook img{
    width: 50px;
}

.footer_title h2{
    font-size: 25px;
    color: white;
    font-weight: 500;
}
.footer_menu{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer_menu a{
    display: block;
    color: #ffffff;
    font-size: 16px;
}
.footer_menu a:hover{
    color: rgb(195, 34, 41);
}
.contact_menu{
    display: flex;
    gap: 10px;
}
.contact_menu span i{
    color: var(--primary-color);
}
.footer_buttom a{
    cursor: pointer;
    color: white;
    background-color: var(--primary-color);
    padding: 8px 20px;
    border-radius: 20px;
}
.map{
    width: 100%;
}

.footer_bottom{
    padding: 1rem 0 1.5rem;
    text-align: center;
}
.footer_bottom h2{
    font-size: 16px;
    color: #ffffff;
}
.footer_bottom h2 a{
    color: var(--primary-color);
}
/* footer area end */



/* service page start */

.service_banner{
    width: 100%;
    height: 35vh;
    background-color: #FAEEEE;
    display: flex;
    justify-content: center;
    align-items: center;
}
.service_banner h2{
    font-size: 48px;
    font-weight: 600;
    color: var(--primary-color);
}

/* visa_steps area start */
.visa_top_steps p{
    margin-top: 5rem;
    font-size: 1rem;
    color: #000;
}
.visa_single_img{
    border: 1px solid var(--primary-color);
    border-radius: 1rem;
    height: auto;
}
.visa_single_img img{
    border-radius: 1rem 1rem 0 0;
}
.visa_single_img a{
    display: block;
    border-radius:0 0 1rem 1rem ;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    color: #ffffff;
    background-color: var(--primary-color);
    transition: var(--transition);
    padding: 0.5rem 0;
}
.visa_single_img a:hover{
    background-color: #000;
}
.visa_bottom_top_title h2{
    letter-spacing: 3px;
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 600;
}
.visa_bottom_top_title h1{
    font-size: 45px;
    color:#000;
    font-weight: 500;
}
.single_visa_steps{
    border: 1px solid var(--primary-color);
    border-radius: 0.7rem;
    padding: 1rem 0.5rem;
    background-color:var(--bg) ;
    margin-top: 1.5rem;
    
}

.single_visa_steps h2{
    font-size: 24px;
    font-weight: 600;
    color: #000;
}
.single_visa_steps h3{
    font-size: 0.9rem;
    font-weight: 400;
    color: #000;
    margin-top: 1rem;
    line-height: 24px;
}
/* visa_steps area end */

/* service_work_area start */
.service_work_area{
    background: url(../images/asset-12.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 60px 0;
}

.service_single_borrom_contant{
    box-shadow: 0px 0px 10px 0px rgba(6.799999999999976, 6.607826086956498, 6.607826086956498, 0.49);
    background-color: #F8F8F8;
    border-radius: 0.7rem;
    padding: 1rem;
    margin-bottom: 1.4rem;
    height: 90%;
}
.service_single_borrom_contant h2{
    font-size: 1.4rem;
    color: #000;
    font-weight: 500;
    
}
.service_single_borrom_contant p{
    font-size: 0.9rem;
    color: #000;
    line-height: 24px;
    margin-top: 1rem;

}
/* service_work_area end */

/* service_contact atea start */
.service_contact_title{
    text-align: center;
}
.service_contact_title h2{
    color: var(--primary-color);
    font-size: 45px;
    font-weight: 500;
}
.service_contact_form{
    padding: 30px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
    width: 85%;
    margin: 0 auto;
    border-radius: 20px;
}

.service_form_area h2{
    color: #000;
    font-size: 35px;
    font-weight: 500;
}
.service_form_area form{
    margin-top: 3.5rem;
}
.service_form_area form input{
    margin-bottom: 30px;
    width: 100%;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 16px;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
.service_form_area form textarea{
    margin-bottom: 30px;
    width: 100%;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #000000;
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    padding: 12px 16px;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.service_form_button{
    transition: var(--transition);
    border: none;
    color: white;
    background-color: var(--primary-color);
    font-size: 20px;
    font-weight: 600;
    padding: 10px 50px;
}
.service_form_button:hover{
    background-color: #000000;
    transition: var(--transition);
}
.service_form_left_menu span{
    margin-bottom: 0.4rem;
}
.service_form_left_menu span i{
    color: var(--primary-color);
    font-size: 1.1rem;
}
.service_form_left_menu span{
    color: #000000;
    font-size: 1.5rem;
    font-weight: 500;
}

/* service_contact atea end */

/* service page end */


/* visa_consultancy page start */

.about_visa{
    background: url(../images/asset-15.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0;
}
.visa_title h2{
    font-size: 40px;
    color: #000000;
    font-weight: 500;
}
.about_visa_text p{
    font-size: 16px;
    color: #000000;
    line-height: 26px;
    margin-top: 1.2rem;
}
.key_services{
    padding: 5rem 0;
}
.key_services_containe{
    display: flex;
    gap: 10px;
    margin-top: 1rem;
}

.key_services_img i{
    color: var(--primary-color);
    font-size: 2rem;
}
.key_services_text h2{
    font-size: 1rem;
    color: #000000;
    line-height: 26px;
    font-weight: 400;
}
.key_services_text h2 span{
    font-weight: 700;
}

.why_choose{
    background: url(../images/asset-15.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0;
}


.visas_categories{
    background: url(../images/asset-12.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5rem 0;
}
.single_visas_categories{
    margin-top: 1.5rem;
}
.visas_categories_description{
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.single_visas_categories{
    padding: 1rem;
    border: 1px solid var(--primary-color);
    display: flex;
    gap: 10px;
    background-color: #ffffff;
    border-radius: var(--border-radius);
}
.single_visas_categories_img i{
    color: var(--primary-color);
    font-size: 1.5rem;
}
.single_visas_categories_text h2{
    color: var(--primary-color);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 5px;
}
.single_visas_categories_text h3{
    color: #000000;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.benefits_area{
    background: url(../images/leaves-free-img-300x237.webp);
    background-position: center center;
    background-repeat: repeat;
    background-attachment: fixed;
    background-color: #c4c4c4;
}
.benefits_overlay{
    padding: 5rem 0;
}
.benefits_title h2{
    color: #ffffff;
}

.single_benefits{
    box-shadow: 0px 0px 10px 0px rgba(6.799999999999976, 6.607826086956498, 6.607826086956498, 0.49);
    padding: 1.2rem;
    background-color: #F8F8F8;
    border-radius: var(--border-radius);
    margin-top: 1rem;
    height: 100%;
}
.single_benefits h2{
    font-size: 22px;
    font-weight: 500;
    color: #000000;
}
.single_benefits h3{
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #000000;
    padding: 1.5rem 0 2rem;
}





.faq-container {
    max-width: 80%;
    margin: auto;
    background: #fff;
    /* padding: 40px 0px !important; */
    margin: 5rem auto;
    border-radius: 10px;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
}

.faq-title {
    text-align: center;
    font-size: 45px;
    font-weight: 600;
    color: #D61C22;
    margin-bottom: 30px;
    /* margin: 2rem 0; */
}
.faq_item_border{
    border: 1px solid #D5D8DC;
    border-bottom: none;
}
.faq-item {
    border-bottom: 1px solid #D5D8DC;
}

.faq-question {
    width: 100%;
    background: none;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 15px;
    text-align: left;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    transition: 0.3s;
}


.faq-question.active {
    color: #D61C22;
}

.faq-answer {
    font-size: 16px;
    color: #000000;
    padding: 0 15px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.icon {
    font-size: 25px;
    transition: transform 0.3s;
}

.icon.rotate {
    transform: rotate(180deg);
}



/* visa_consultancy page end */

/* media page start */
.media_img{
    padding: 4rem 4rem;
}
.contact_map_area{
    padding: 4rem 4rem;
}
/* media page end */
/* contact page start */

.contact_tabel_area{
    margin: 4rem auto;
    width: 85%;
    box-shadow: 0px 0px 50px -10px rgba(0, 0, 0, 0.13);
    border-radius: 20px;
   
}
.contact_img_area img {
    margin-top: -4%;
}
.single_contact_tabel{
    width: 100%;
    border: 1px solid;
    border-color: rgba(122, 122, 122, 0.25);
    height: 100%;
    padding: 1rem 0.2rem;
}
.contact_tabe_icon i{
    color: var(--primary-color);
    
    font-size: 1.5rem;
}
.contact_tabe_call_icon i{
    transform: rotate(260deg);
}
.contact_tabe_text span{
    color: #000000;
    font-size: 1rem;
    margin: 1rem 0;
    display: block;
    line-height: 26px;
}
/* contact page end */


/* about page start */
.team_members{
    padding: 4rem 0;
}
.team_members_title h2{
    color: rgb(0, 7, 80);
    font-size: 2.5rem;
    text-align: center;
}
.single_team_member{
    box-shadow: var(--box-shadow);
    border-radius: 20px;
    text-align: center;
    margin-top: 1.5rem;
}
.single_team_member img{
    border-radius: 20px 20px 0 0;
}
.single_team_member h2{
    font-size: 24px;
    color: #ffffff;
    font-weight: 400;
    background-color: #000750;
    padding: 12px 0;
}
.single_team_member h3{
    font-size: 20px;
    color: rgb(0, 7, 80);
    font-weight: 500;
    padding: 5px 0 15px;
}
/* about page end */

/* register page start */
.register{
    padding: 4rem 0;
    background: url(../images/asset-12.png);
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
}
.register_area{
    width: 70%;
    margin: 0 auto;
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
    padding: 2rem;
    background-color: #ffffff;
}
.register_title h2{
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: 600;
}
.register_hr hr{
    height: 2px !important;
    color: #000000;
}
.register_form_area{
    padding-top: 1rem;
}
.register_form label{
    display: block;
    font-size: 1rem;
    color: #000000;
    font-weight: 400;
    margin-top: 0.5rem !important;
}
.register_form label span{
    color: var(--primary-color);
}
.register_form input{
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    padding: 8px 15px;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    color: #000000;
    outline: none;
    border: 1px solid #d6cdcd;
}
.register_form select{
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    padding: 8px 15px;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
    color: #000000;
    outline: none;
    border: 1px solid #d6cdcd;
}
.form_button{
    padding: 1rem 0;
}
.form_button button{
    width: 100%;
    border: none;
    background-color: #000000;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    padding: 0.5rem 0;
    border-radius: 20px;
    transition: var(--transition);
}
.form_button button:hover{
    background-color: var(--primary-color);
    transition: var(--transition);
}


/* register page end */