body, html, p{
    line-height:1.7;
}

.container-fluid {
    padding-right: 60px;
    padding-left: 60px;
}

.container {
    max-width: 1170px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;

}


section{
    padding-top:80px;
    padding-bottom:80px;
}

.pd-0-0{
    padding-top:0px;
    padding-bottom:0px;
}

.pd-0-80{
    padding-top:0px;
    padding-bottom:80px;
    
}

.pd-80-0{
    padding-top:80px;
    padding-bottom:0px;
    
}


.pd-80-40{
    padding-top:80px;
    padding-bottom:40px;
    
}

.pd-40-80{
    padding-top:40px;
    padding-bottom:80px;
    
}


.mb-0{
    margin-bottom:0px;
}

.mb-10{
    margin-bottom:10px;
}
.mb-20{
    margin-bottom:20px;
}
.mb-30{
    margin-bottom:30px;
}
.mb-35{
    margin-bottom:35px;
}

.rg-20{
    row-gap:20px;
}

.rg-30{
    row-gap:30px;
}

.capital{
    text-transform: capitalize;
}


.sectag{
    display: flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #EFE4D4;
    width:fit-content;
    
    color: #AC8C5E;
    font-family: 'SunwaySans Bold','OpenSans-Bold', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    text-transform: uppercase;
}

.fw-500{
    font-weight:500 !important;
    font-family: 'SunwaySans Medium','OpenSans-Medium', sans-serif !important;
}

.grey{
    color:#555;
}



/*header 
=========================== */

#header-wrap{
    background:none;
}
#primary-menu{
    display:none;
}

.top-links {
    display: none;
}




.hub_menu {
    right: 35px;
}


@media (min-width: 1440px) {
    .hub_menu_call {
        right: 22.5%;
    }
}

@media (max-width: 991px) {
    #header.sticky-style-2 #header-wrap, #header.sticky-style-3 #header-wrap {
         min-height: 0px; 
    }
}




/*footer
==================*/
#footer h4, #footer .h4 {
    margin: 0 0 5px;
    font-size: 15px;
    color: #7e7e7e;
    font-weight: 700;
    font-family: 'SunwaySans Bold', 'OpenSans-Bold', sans-serif;
}

.stretched #gotoTop {
    bottom: 50px;
    right: 15px;
}

@media (min-width: 991px) {
    .floatsidebar {
        top: 85%;
        transform: translateY(-85%);
        -webkit-transform: translateY(-85%);
    }
    
    .sticky-header .floatsidebar {
        top: 85%;
        transform: translateY(-85%);
        -webkit-transform: translateY(-85%);
        bottom: auto;
    }
        
}


/*Banner 
==================================== */



@media (min-width: 768px) {
    #banner.expatpage {
        aspect-ratio: 45 / 16;
        background-size: cover;
        background-position: top center;
        background-image: url(../images/expat/Expat_Voucher_Banner.jpeg);
        /*box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);*/
        
        position:relative;
    }
    
    /*.modal-btn{*/
    /*    position:absolute;*/
    /*    bottom: 220px;*/
    /*    left: 420px;*/
    /*    cursor: pointer;*/
    /*}*/
    
    
}

@media (min-width: 768px) {
    .modal-btn {
        position: absolute;
        bottom: 175px;
        left: 330px;
        cursor: pointer;
    }
}

@media (min-width: 992px) {
    .modal-btn {
        position: absolute;
        bottom: 135px;
        left: 270px;
        cursor: pointer;
    }
}



@media (min-width: 1000px) {
    .modal-btn {
        position: absolute;
        bottom: 136px;
        left: 272px;
    }}

@media (min-width: 1100px) {
    .modal-btn {
        position: absolute;
        bottom: 145px;
        left: 285px;
        cursor: pointer;
    }
}




@media (min-width: 1200px) {
    .modal-btn {
        position: absolute;
        bottom: 175px;
        left: 328px;
        cursor: pointer;
    }
    
}


        
        
@media (min-width: 1300px) {
    .modal-btn {
        position: absolute;
        bottom: 190px;
        left: 365px;
        cursor: pointer;
    }
}

@media (min-width: 1400px) {
    .modal-btn {
        position: absolute;
        bottom: 220px;
        left: 385px;
        cursor: pointer;
    }
}

@media (min-width: 1490px) {
    .modal-btn {
            position: absolute;
            bottom: 220px;
            left: 413px;
    }
    
}


@media (max-width: 767.9px) {
    #banner.expatpage {
        position: relative;
        aspect-ratio: 4/5 ;
        background-position: center ;
        background-size: cover;
        background-image: url(../images/expat/Expat_Mobile.jpeg);
        /*box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);*/
    }
    
      .modal-btn{
        position:absolute;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer;
    }
}



/*Section 2 Why Choose
=========================================*/

#expat-s2{
    position:relative;
    
}

.s2-ele{
    position:absolute;
    top:0;
    right:0;
    pointer-events: none;
}

.why-box{
    display: flex;
    height:100%;
    padding: 30px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}

.why-icon{
    display: flex;
    width: 70px;
    height: 70px;
    padding: 15px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 35px;
    border: 1px solid #D12E26;
}


/*New Packages Accordion 
======================================*/

.pkg-ctn-box{
    display:flex;
    align-items:center;
    gap:30px;
}

.pkg-img{
    width:282px;
    height:400px;
     position:relative;
     
    
}

.pkg-img img{
    width:100%;
    height:100%;
    object-fit:cover;
   
}

.img-btn{
    position:absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    width: 40px;
    height: 40px;
    padding: 11px;
    justify-content: center;
    align-items: center;
    border-radius: 25px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 4px 8px 0 rgba(0, 0, 0, 0.06);
    position: absolute;
    cursor: pointer;
    background: #AC8C5E;
}



/*Section 3 Packages
==========================*/
#expat-package{
    position:relative;
}

#package-accordion{
    position:relative;
    background: #f9f9f9;
    overflow: hidden;
}

.pkg-ele{
    position:absolute;
    top: 90px;
    left: -100px;
    pointer-events:none;
}

.s3-ele{
    position:absolute;
    top:0;
    left:0;
    pointer-events:none;
}

.title-nav{
    display:flex;
    justify-content:space-between;
    align-items: flex-end;
}

.nav-container{
    display: flex;
    align-items: center;
    gap: 10px;
}

.slider-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    border: 1px solid #555;
    background: #fff;
    cursor: pointer;
}



/* Grid holding 6 items per slide page: 3 columns x 2 rows */
.package-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}

@media (max-width: 991px){
    .package-grid{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 600px){
    .package-grid{
        grid-template-columns: 1fr;
    }
}

.package-item{
    display: flex;
    padding: 9px;
    flex-direction: column;
    align-items: center;
    border-radius: 19px;
}
.package-item-blue{ background: #DCECFF; }
.package-item-pink{ background: #F6D4DC; }
.package-item-green{ background: #DBF2D0; }
.package-item-orange{ background: #F7E6D9; }


.package-img{
    border-radius: 12px 12px 0 0;
    background: #000;
    overflow:hidden;
    aspect-ratio: 1.3;
}
.package-info{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    flex-shrink: 0;
    box-shadow: 0 0 3.14px 0 rgba(0, 0, 0, 0.04), 0 6.28px 12.559px 0 rgba(0, 0, 0, 0.08);
    margin-top: -11px;
    z-index: 2;
    width: 100%;
    padding: 15px 20px;
    justify-content: center;
    border-radius: 0 12px 12px 12px;
    background: #FFF;
    position:relative;
}
.pack-title{
    color: #555;
    font-family: 'SunwaySans Medium','OpenSans-Medium', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.5; 
}
.pack-desc{
    color: #555;
    font-family: 'SunwaySans Regular','OpenSans-Regular', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.7; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pack-price{
    color: #D12E26;
    font-family: 'SunwaySans Bold','OpenSans-Bold', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 1.2; 
}
.pack-tag{
    position:absolute;
    top:-26px;
    left:0;
    color: #FFF;
    font-family: 'SunwaySans Bold','OpenSans-Bold', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.787px;
    text-transform: uppercase;
    padding-left: 20px;
    padding-top: 8px;
}
.ribbon-shape {
  width: fit-content;
  height: 26px;
  padding: 0 23px 0 20px; 
  display: flex;
  align-items: center;
  background: #4171DF;
  border-radius: 8px 0 0 0; 
  clip-path: polygon(
    0 0,
    calc(100% - 14px) 0,
    100% 100%,
    0 100%
  );
}

.ribbon-blue{ background: #4171DF; }
.ribbon-pink{ background: #D12E6B; }
.ribbon-green{ background: #2E9E63; }
.ribbon-orange{ background: #E08A2E; }



/*Section 4 About us
=======================================*/

#expat-about{
    /*border-radius: 50px 50px 0 0;*/
    background: #AC8C5E;
        background: #fff;
    overflow:hidden;
    display: flex;
    align-items: stretch;
}



.about-left{
    height: 500px;
    width:50%;
    /*float:left*/
}   

.about-left img{
    width:100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 40%;
}

.about-right{
    display: flex;
    width:50%;
    padding: 80px 60px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 60px;
    flex-shrink: 0;
}
    


.counter-box{
    display: flex;
    width:calc(100% / 3);
    padding: 0 30px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    border-left: 1px solid #CECECE;
}

.counter-box:first-child{
    border-left:none;
}
    
.counter-box .h2{
    color:#fff;
    font-weight: 700;
}
    
    
    
    
/*section 5: why us*/
/*==============================*/
    
.why-us-container{
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}

.why-us-box{
    display: flex;
    height: 100%;
    padding: 30px;
    align-items: center;
    gap: 20px;
    border-radius: 16px;
    border: 1px solid #AC8C5E;
    background: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
}

/* First two boxes span 2 columns each (2+2 = fills row 1) */
.why-us-box:nth-child(1),
.why-us-box:nth-child(2){
    grid-column: span 3;
}

/* Remaining boxes span 1 column each (3 boxes = fills row 2 out of 4 cols) */
.why-us-box:nth-child(n+3){
    grid-column: span 2;
}
    
    
.why-us-icon{
    display: flex;
    width: 70px;
    height: 70px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 35px;
    border: 1px solid #D12E26;
}
    
.why-us-box h5{
    line-height:1.5;
    font-weight:500 !important;
    font-family: 'SunwaySans Medium','OpenSans-Medium', sans-serif !important;
}




/*new choose us section */

.red-to-white {
    background: linear-gradient(to bottom, #ec2227 70%, #fff 70%);
}

.why-choose-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(265px, 265px));
    gap: 40px;
    margin-top: 30px;
    justify-content: space-evenly;
}
    
.choose-item {
    background: #fff;
    padding: 20px;
    display: flex;
    border-radius: 12px;
    text-align: start;
    box-shadow: 0px 9px 32px rgba(0, 0, 0, 0.11);
}
    
.choose-item img {
    margin-right: 15px;
    max-height: 90px;
}

.choose-item .counter {
    color: #ac8c5e;
    font-size: 35px;
    margin: 0;
}

.choose-item p {
    color: #555;
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
    font-family: 'SunwaySans Bold', 'OpenSans-Bold';
}



    
/*Section 6: Guide 
========================================*/
    
    
.guide-bg-box{
        aspect-ratio: 45 / 16;
        background-size: cover;
        background-position: top center;
        background-image: url(../images/expat/guide-bg.jpg);
        border-radius: 24px;
        position:relative;
            display: flex;
    align-items: center;
}
    
  .guide-bg-box::before{
      content:'';
      position:absolute;
      left:0;
      height:100%;
      width:100%;
      border-radius: 24px;
      opacity: 0.5;
    background: linear-gradient(270deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
  } 
    
   .guide-left{
       width:50%;
       padding:85px 100px;
       z-index: 2;
   } 
   
   @media (min-width: 1200px) {
    .guide-left {
            padding: 85px 70px;
        }
    }

    
.guide-btn{
    display: inline-flex;
    /*height: 60px;*/
    padding: 18px 30px;
    font-size: 16px;
    font-family: 'SunwaySans Bold','OpenSans-Bold', sans-serif;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    border-radius: 5px;
    background: #EC2227;
    cursor:pointer;
}  

.modal-content{
    width:100% !important;
        padding: 80px;
}

.modal-header-btn {
    position: absolute;
    right: 30px;
    top: 30px;
}

.modal-header {
    border-bottom:none;
    padding:0;
    
}

.modal-header h2{
    text-transform:capitalize;
}

.modal-body{
    padding:0;
}
    
    
    
/*Section 7: Support*/
/*==============================*/

#expat-s7{
    border-radius: 50px 50px 0 0;
    background: #AC8C5E;
    position:relative;
    overflow:hidden;
}

.s7-ele{
    position:absolute;
    top:0;
    left:0;
}

#expat-s7 .container{
        position: relative;
}


.support-top{
    display:flex;
    justify-content:space-between;
}

.support-outer{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    row-gap:30px;
    column-gap:30px;
}

.support-box{
    display: flex;
    width: 100%;
    height:100%;
    padding: 20px 30px;
    align-items: center;
    gap: 20px;
    border-radius: 16px;
    background: #FFF;
}

.support-icon{
    display: flex;
    width: 40px;
    height: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 19.5px;
    border: 1px solid #D12E26;
}


/*Section 8: map , form*/
/*=================================*/
#expat-map{
    display: flex;
    align-items: stretch;   /* Make both columns equal height */
}

#expat-map .map-left{
    width: 50%;
}

#expat-map iframe{
    width: 100%;
    height: 100%;
    display: block;
}


#tncModal ol li {
        font-family: 'SunwaySans Regular', 'OpenSans-Regular', sans-serif;
}


.form-right{
    width: 50%;
    padding: 80px;
    background: #AC8C5E;
    color:#fff;
}
.form-right h2{
    line-height:1.3;
}

.form-label{
    margin-bottom:5px;
}

#enquiryForm .col-12, #guideForm .col-12 {
    margin-bottom: 15px;
}

#enquiryForm .col-12:last-child, #guideForm .col-12:last-child  {
    margin-bottom: 0px;
}

#enquiryForm .sm-form-control, #guideForm .sm-form-control{
    color: #555;
    font-family: 'SunwaySans Regular','OpenSans-Regular', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.7; 
    padding: 5px 14px;
    height: 36px;
    border-radius: 8px !important;
    border: 1px solid #D1D5DC;
    background: #FFF;
}

#enquiryForm .sm-form-textarea, #guideForm .sm-form-textarea{
    height:auto;
}

#enquiryForm .sm-form-control.sm-select, #guideForm .sm-form-control.sm-select {
    background:#F9F9F9;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='black' stroke-opacity='0.4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 14px;
        
}

#enquiryForm .sm-form-control.hasDatepicker{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='23' viewBox='0 0 23 23' fill='none'%3E%3Cg clip-path='url(%23clip0_8021_373)'%3E%3Cpath d='M23 6.17762V18.6016C23 20.9862 21.0331 22.9999 18.6385 22.9999H4.35252C2.01551 22.9999 0.00450292 21.0421 0.00360233 18.6934L0 6.11728C0 3.67499 2.08305 1.77754 4.4768 1.76493L5.29273 1.76043L5.28823 0.935525C5.28552 0.416809 5.67187 0.00976133 6.1699 -0.000144699C6.66792 -0.0100507 7.08849 0.400599 7.09029 0.935525L7.093 1.76313H15.8863C15.9034 1.49296 15.907 1.2201 15.9034 0.935525C15.8962 0.415909 16.2834 0.0133635 16.7797 -0.000144699C17.2759 -0.0136529 17.6965 0.372682 17.6992 0.888696L17.7037 1.75953L18.5547 1.76493C20.9647 1.77934 22.9982 3.71642 22.9991 6.17762H23ZM17.7037 5.28247C17.7037 5.83 17.2876 6.22534 16.7797 6.21274C16.2997 6.20103 15.9052 5.81199 15.9052 5.30048V3.56332L7.093 3.56242L7.08759 5.30048C7.08579 5.8273 6.67332 6.22264 6.169 6.21274C5.66467 6.20283 5.29183 5.81199 5.29093 5.30048L5.28913 3.56513L4.4795 3.56062C3.04397 3.55162 1.848 4.65929 1.79126 6.10647C1.77865 6.42707 1.78676 6.73055 1.79306 7.06916H21.1862C21.2069 6.75757 21.2159 6.44058 21.2015 6.10557C21.1439 4.69802 19.9993 3.56152 18.5961 3.56603L17.701 3.56873V5.28337L17.7037 5.28247ZM18.5313 21.2123C19.9939 21.2114 21.1997 20.0587 21.2006 18.6025L21.206 8.86575H1.79036L1.78676 18.6484C1.8462 20.1073 3.03316 21.2285 4.49121 21.2123H18.5313Z' fill='%23CECECE'/%3E%3Cpath d='M7.07416 18.6045H5.291C4.77677 18.6036 4.39762 18.1606 4.40843 17.6905C4.42014 17.188 4.81999 16.8062 5.33603 16.8062H7.04804C7.56137 16.8062 7.96033 17.1934 7.97024 17.6914C7.97924 18.1606 7.6082 18.6045 7.07416 18.6045Z' fill='%23CECECE'/%3E%3Cpath d='M17.7261 18.5992L15.9439 18.6082C15.4278 18.6109 15.0316 18.2147 15.0217 17.7275C15.0118 17.2403 15.4143 16.8071 15.9439 16.8071H17.6559C18.1566 16.8071 18.5492 17.1646 18.5817 17.6527C18.6123 18.1102 18.2593 18.5974 17.7261 18.6001V18.5992Z' fill='%23CECECE'/%3E%3Cpath d='M12.3776 13.3003H10.5944C10.0937 13.3003 9.71908 12.8861 9.70917 12.4223C9.69927 11.9585 10.0793 11.5074 10.5944 11.5056L12.3515 11.502C12.8639 11.5011 13.2602 11.891 13.2701 12.3863C13.2791 12.8546 12.9098 13.2994 12.3767 13.2994L12.3776 13.3003Z' fill='%23CECECE'/%3E%3Cpath d='M17.7262 13.2958L15.9439 13.3039C15.4297 13.3066 15.0325 12.9149 15.0217 12.4205C15.0109 11.9261 15.3864 11.5073 15.8989 11.5073H17.7009C18.1981 11.5073 18.5727 11.918 18.5826 12.3845C18.5925 12.8509 18.2431 13.294 17.7253 13.2958H17.7262Z' fill='%23CECECE'/%3E%3Cpath d='M12.3776 18.6036H10.5945C10.0793 18.6036 9.6984 18.1614 9.70921 17.6895C9.72092 17.1852 10.1217 16.8043 10.6395 16.8052H12.3515C12.8649 16.807 13.2611 17.1942 13.271 17.6922C13.28 18.1578 12.9108 18.6036 12.3776 18.6036Z' fill='%23CECECE'/%3E%3Cpath d='M7.07412 13.3002H5.29096C4.79204 13.3002 4.4183 12.8841 4.40839 12.4221C4.39849 11.9601 4.77853 11.5054 5.29096 11.5054H7.09393C7.59015 11.5054 7.96209 11.9232 7.9711 12.3843C7.98011 12.8454 7.60817 13.2993 7.07502 13.2993L7.07412 13.3002Z' fill='%23CECECE'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 20px center;
    background-size: 23px;
}

#enquiryForm .sm-form-control::placeholder{
    color:#555;
}

#enquiryForm label, #guideForm label {
    /*display: inline-block;*/
    display: flex;
    /*gap: 15px;*/
    align-items: start;
    font-size: 14px;
    font-weight: 400;
    font-family: 'SunwaySans Regular','OpenSans-Regular', sans-serif;
    text-transform: none;
    letter-spacing: 1px;
    color: #fff;
    margin-bottom: 0px;
    cursor: pointer;
}

#enquiryForm .radiocheckmark, #guideForm .radiocheckmark{
    width: 20px;
    height: 20px;
    margin-top: 3px;
    margin-right: 15px;
    flex-shrink: 0;
    border-radius: 3px;
    border: 1px solid #D1D5DC;
    background: #FFF;
}

#enquiryForm #submitBtn2 button{
        width: 100%;
    border: none;
    cursor:pointer;
}

#guideForm #submitBtn button{
    /*width: 100%;*/
    width:300px;
    border: none;
    cursor:pointer;
        padding: 12px 28px;
}



/*Section 9: specialty slider*/
/*====================================*/

#expat-s9{
    overflow:hidden;
}
.spec-img{
    border-radius: 16px;
    height:350px;
    overflow:hidden;
}

.owl-carousel .owl-item .spec-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    opacity:0.5;
    transition:all 0.5s ease-in-out;
}

.owl-carousel .owl-item.center .spec-img img{
    opacity:1;
    transition:all 0.5s ease-in-out;
}

.spec-info{
    padding:0 25px;
}

.spec-info h5{
    font-family: 'SunwaySans Medium','OpenSans-Medium', sans-serif;
    font-weight:500;
    margin-bottom:5px;
}

#expat-s9 .owl-carousel .owl-stage-outer{
    overflow:visible;
}


/*Section 10: FAQ 
======================================*/
#expat-faq{
    background: #F9F9F9;
}

.faq-left{
    display: flex;
    padding: 30px 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    flex-shrink: 0;
}
    
  #expat-faq .faq-left h2, #expat-faq .faq-left div {
    color: #555;
  }
 

 
/* --- item shell: padding always wraps header + body --- */
  .accordion-flush .accordion-item {
    padding: 30px;
    border: none;
    background: transparent;
    border-radius: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #CECECE;
    transition: background 0.25s ease, box-shadow 0.25s ease, border-radius 0.25s ease;
  }
 
  .accordion-flush .accordion-item:last-child {
    margin-bottom: 0;
  }
 
  /* open item = card look, no divider */
  .accordion-flush .accordion-item.is-open {
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.04), 0 8px 16px 0 rgba(0, 0, 0, 0.08);
    border-bottom: none;
  }
 
  .accordion-header {
    margin: 0;
  }
 
  /* button is a flex row: title on the left, icon (::after) on the right */
  .accordion .accordion-header .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    width: 100%;
    text-align: left;
    padding: 0;
    border: none;
    background: transparent;
    box-shadow: none;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    font-family: 'SunwaySans Bold', 'OpenSans-Bold', sans-serif;
    color: #555;
  }
  
  .accordion .accordion-header .accordion-button.collapsed {
    padding:0;
}
 
  .accordion-item:not(.is-open) .accordion-button {
    font-weight: 400;
    color: #4A4A4A;
  }
 
  .accordion-button:focus {
    box-shadow: none;
    outline: none;
  }
 
  .accordion .accordion-body {
    padding: 10px 0 0 0;
    font-size: 15px;
    line-height: 1.6;
    color: #6B6B6B;
        padding-right: 40px;
  }
 
  /* smooth open/close via CSS grid-rows — driven entirely by our own .is-open
     class, no dependency on Bootstrap adding/removing a .collapsing class */
  .accordion-collapse {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
  }
  
  .accordion .accordion-collapse {
        border-top: none;
    }
     
  .accordion-item.is-open .accordion-collapse {
    grid-template-rows: 1fr;
  }
 
  .accordion-collapse-inner {
    overflow: hidden;
  }
 
  /* --- icon: single pseudo-element on the button --- */
  .accordion .accordion-button::after {
    content: "";
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    background-position: center;
    background-repeat: no-repeat;
    transition: transform 0.35s ease;
    /* closed = plus-in-circle */
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M25.6831 25.5328C19.8118 31.4857 10.2264 31.4752 4.3621 25.5797C-1.46576 19.7207 -1.45166 10.2327 4.39028 4.39237C10.2909 -1.50773 19.8893 -1.45848 25.7289 4.51197C31.5685 10.4824 31.4358 19.6984 25.6831 25.5328ZM22.3177 25.3452C28.0281 21.2919 29.4149 13.4008 25.3403 7.67542C22.953 4.32202 19.1049 2.30881 14.9727 2.31702C10.8405 2.32523 7.01358 4.34899 4.62043 7.72935C1.54387 12.0759 1.5744 17.9361 4.5993 22.2451C8.65284 28.0186 16.5697 29.4268 22.3177 25.3464V25.3452Z' fill='%23EC2227'/%3E%3Cpath d='M16.1668 20.5998C16.1668 21.3209 15.69 21.8474 15.0266 21.8626C14.3396 21.879 13.8323 21.335 13.8323 20.6256L13.8359 16.0528L9.31496 16.0598C8.62802 16.0598 8.07377 15.6518 8.03149 14.9624C7.99157 14.3175 8.50002 13.7312 9.20341 13.7312L13.8347 13.7289L13.8394 9.07868C13.8394 8.42559 14.3666 7.94017 14.9761 7.9261C15.5562 7.91203 16.1539 8.37048 16.155 9.0224L16.1656 13.7312H20.7429C21.404 13.7312 21.9171 14.1744 21.9676 14.8076C22.0181 15.4408 21.5449 16.0493 20.865 16.0505L16.1632 16.0575L16.1679 20.6022L16.1668 20.5998Z' fill='%23EC2227'/%3E%3C/svg%3E");
    
    }
 
  /* open = minus-in-circle, plus a full-spin transition for a smoother feel */
  .accordion-item.is-open .accordion-button::after {
    background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M25.7981 25.4114C19.9904 31.4337 10.4113 31.5263 4.48394 25.6963C-1.51724 19.7948 -1.49145 10.1113 4.54255 4.24377C10.4277 -1.47956 19.8415 -1.40805 25.6399 4.42314C31.3773 10.1934 31.4746 19.5251 25.7993 25.4114H25.7981ZM21.5297 13.7502H8.44173C7.70316 13.7502 7.17327 14.3434 7.18734 15.0281C7.2014 15.7127 7.72309 16.2485 8.44173 16.2485H21.5566C22.2928 16.2485 22.8263 15.6517 22.8098 14.9718C22.7934 14.2918 22.2823 13.749 21.5297 13.749V13.7502Z' fill='%23EC2227'/%3E%3Cpath d='M21.5301 13.75C22.2827 13.75 22.7939 14.3092 22.8103 14.9727C22.8267 15.6363 22.2945 16.2482 21.5571 16.2482H8.44217C7.72353 16.2482 7.20184 15.6832 7.18777 15.0278C7.17371 14.3725 7.7036 13.75 8.44217 13.75H21.5301Z' fill='white'/%3E%3C/svg%3E");
  
    transform: rotate(180deg);
  }
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
 /*==================================================================*/
 /*Responsive */
 /*==================================================================*/
 
 /*XL size */
 
 @media (max-width: 1399.9px) {
     .guide-btn {
        padding: 12px 18px;
        font-size: 16px;
     }
 }
 
 /*LG size */
 
 @media (max-width: 991.9px) {
     
     .container-fluid {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
       
        padding-right: 15px;
        padding-left: 15px;

     }
     
     /*header */
     
     .mobile_logo img {
        padding: 10px 0;
     }
     
     .top_float {
        height: 45px;
     }
     
     #primary-menu.style-2 > div > ul {
        max-height: 100% !important;
    }
    
    /*footer */
    
    #footer {
        margin-bottom: 0;
    }
    
    .floatsidebar {
        display: flex;
        justify-content: flex-end;
    }
    
    .floatsidebar a {
        width: 20%;
    }
    
    .appstore a {
        width: 30% !important;
    }
    
    .floatsidebar {
        bottom: 120px;
    }
    
    .float-card {
        border-radius: 5px 0 0 5px;
        padding: 10px;
    }
     
     
     /*about */
     
     #expat-about {
        flex-direction: column;
    }
    
    .about-left {
        width: 100%;
        height: 360px;
    }
    
    .about-right {
        padding: 40px 15px;
        gap: 30px;
        width: 100%;
        align-items: center;
    }
     
     
     /*map */
     #expat-map {
        flex-direction: column;
    }
    
    #expat-map .map-left {
        width: 100%;
        height: 300px;
    }
    
    .form-right {
        width: 100%;
        padding: 0 25px;
        padding-top: 30px;
    }

    .form-right h2, .form-right .form-txt{
        text-align:center;
    }
    
    #enquiryForm{
        margin-bottom:35px;
    }
     
     
 }
 
 
 /*MD size*/
 
 @media (max-width: 767.9px) {
     
     section {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    
    .pd-0-80{
        padding-top:0px;
        padding-bottom:40px;
        
    }
    
    
    .pd-80-40{
        padding-top:40px;
        padding-bottom:40px;
        
    }
    
    .pd-40-80{
        padding-top:40px;
        padding-bottom:40px;
        
    }

    
    /*header */
    #primary-menu{
        display:block;
    }
    
    
    .modal.show .modal-dialog {
        margin: 40px 30px;
    }
    
    #guideForm #submitBtn button {
    width: 100%;
    }
    
    /*expat sec 2 */
    .s2-ele {
        width: 45%;
        top: 10%;
    }

    .why-box {
        padding: 25px;
        flex-direction: row;
        align-items: center;
    }
    
    .why-icon {
        width: 60px;
        height: 60px;
    }
    
    
    /*package */
    .s3-ele {
        width: 50%;
        top: 10%;
    }
    
    .img-btn {
        bottom: 6px;
        right: 6px;
        width: 30px;
        height: 30px;
        padding: 8px;
    }
    
    
    .nav-container {
        display: none;
    }
    
    .title-nav {
        text-align: center;
        align-items: center;
        flex-direction: column;
    }
    
    #expat-package .owl-carousel .owl-dots, .owl-carousel .owl-nav, #expat-s9 .owl-carousel .owl-dots, .owl-carousel .owl-nav {
        margin-top: 30px;
        margin-bottom: 0px;
    }
    
    #expat-package .owl-carousel .owl-dots .owl-dot, #expat-s9  .owl-carousel .owl-dots .owl-dot{
        background: transparent;
        border:1px solid #ac8c5e  ;
        opacity:1;
    }
    
    #expat-package .owl-carousel .owl-dots .owl-dot.active, #expat-s9  .owl-carousel .owl-dots .owl-dot.active{
        background: #ac8c5e;
        border:1px solid #ac8c5e ;
        opacity:1;
    }
    
    
    /*new package faq */
    
    .pkg-ele{
        position:absolute;
        top: -45px;
        left: 0px;
        pointer-events:none;
    }
    
    
    .accordion .accordion-body {
        padding-right:0px;
    }
    
    
    .pkg-ctn-box {
        gap:10px;
    }
    
    .pkg-img {
        width: 50%;
        height: 100%;
    }
    
    /*about */
    .counter-box .counter-title{
        line-height:1.2;
    }
    
     
     
     /*why us */
     .why-us-container {
        grid-template-columns: 1fr;
        column-gap: 0px;
        row-gap:20px;
     }
     
     
     .why-us-box:nth-child(1), .why-us-box:nth-child(2), .why-us-box:nth-child(n+3){
        grid-column: span 1;
     }
     
     .why-us-box {
        /*padding: 20px;*/
     }
     .why-us-icon {
        width: 60px;
        height: 60px;
     }
     
     
     /*new why us */
      /*new why us */
    .red-to-white {
        background: #ec2227;
    }
    
    .why-choose-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .choose-item {
        flex-direction: column;
        align-items: center;
        min-height: 190px;
        justify-content: center;
    }
    
    .choose-item img {
        max-height: 60px;
        margin-right: 0;
        margin-bottom: 15px;
    }
    
    .choose-item .counter {
        font-size: 30px;
    }
    
    .choose-item p {
        font-size: 14px;
    }
     
     
     /*guide */
     
     #expat-guide.pd-0-80{
         padding-top:40px;
     }
     
     .guide-bg-box {
        aspect-ratio: 120 / 210;
        background-size: cover;
        background-position: bottom center;
        background-image: url(../images/expat/guide-bg-mb.jpg);
        align-items: flex-start;
     }
     
     .guide-bg-box::before {
        opacity: 0.5;
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
    }
     
     .guide-left {
        width: 100%;
        padding: 40px 25px;
    }
    
    .guide-left .mb-60{
        margin-bottom:30px !important;
    }
    
    .guide-btn {
        /*height: auto;*/
        /*padding: 12px 28px;*/
        /*font-size: 16px;*/
    }
     
    .modal-content {
        padding: 40px 20px;
    }
    
    .modal-header-btn {
        right: 15px;
        top: 15px;
    }
    
    #guideForm .col-12.mb-60 {
        margin-bottom: 30px !important;
    }
    
    /*expat-s7 */
    
    .support-top {
        align-items: center;
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    
    .support-outer {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }
    
    .support-icon {
        width: 50px;
        height: 50px;
        border-radius: 50%;
    }
    
    /*s9 */
    
    #expat-s9 .title-nav.mb-60{
        margin-bottom:30px !important;
    }
    
    
    .spec-img {
        height: 250px;
    }
    
    
    /*faq */
    .faq-left {
        padding: 0;
        align-items: center;
        text-align:center;
    }
    
    

     
     
 }
 
 
 /*SM Size*/
 
 @media (max-width: 575.9px) {
     
     /*footer */
    .stretched #gotoTop {
        bottom: 150px;
    }
      
     /*s9 */
    
    .title-nav {
        /*justify-content: space-between;*/
        /*align-items: flex-end;*/
        /*flex-direction: column;*/
        /*gap: 10px;*/
    }
     
 }
 
 
 
 
 @media (max-width: 500px) {
     
    
     
     /*footer */
    .stretched #gotoTop {
        bottom: 60px;
    }
 }