@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
*{

    padding: 0;

    margin: 0;

    box-sizing: border-box;

}



:root {

    /* ---- colors ---- */

    --main-color: #2b0136;

    --main-color-2: #119b55;

    --white-color: #fff;

    --wheat-color: #fff7c2;

    --hover-color: #ffb631;

    /* ---- fonts-size ---- */

    --paragraph-size: 22px;

    --header-text-size: 30px;

    --text-size: 1.5rem;

    /* ---- other-properties ---- */

    --trans: all 0.3s ease;

}



body {

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

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

    background-color: #fbfbea;

    overflow-x: hidden;

    background-size: contain;

}



html {

    scroll-behavior: smooth;

}



ul {

    list-style: none;

}



a {

    text-decoration: none;

}



hr {

    /* width: 201%; */

    height: 3px;

    margin-left: 0%;

    color: rgb(163, 163, 163);

}



#welcoming {

    width: 100%;

    background-color: var(--main-color);

    color: var(--white-color);

    text-align: center;

    padding-top: 10px;

}



#welcoming>p {

    text-align: center;

    margin: auto;

}



#main_img {

    background-color: var(--white-color);

    max-width: 100%;

}



#main_img img {



    padding: 0;

}



/* #header{

    width: 100%;

    background-color: var(--main-color);

    color: var(--white-color);

    display: flex;

    justify-content: space-around;

    align-items: center;

}

#header .links{

    padding-top: 10px;

    display: flex;

    align-items: flex-start;

}

#header .links > li{

    padding: 0px 15px;

}

#header .links li a{

    color: var(--white-color);

    font-size: var(--paragraph-size);

    display: flex;

    align-items: center;

    transition: var(--trans);

}

#header .links li:hover a{

    color: var(--hover-color);

}

#header .links li a i{

    font-size: 16px;

}

#header .links li a .bxs-cart{

    font-size: 30px;

    transition: var(--trans);

}



#header .links li a:hover .bxs-cart{

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

}

#header .links li #inner_list{

    display: none;

}

#header .links #mega_list,

#header .links #mega_list i{

    cursor: pointer;

    transition: var(--trans);

}

#header .links #mega_list:hover i{

    transform: rotate(90deg);

    -webkit-transform: rotate(90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

}

#header .links #mega_list:hover #inner_list > li:hover > a{

    color: var(--white-color);

}

#header .links .active{

    color: var(--hover-color);

}

#header #branches{

    text-shadow: -1px -1px 0 #f1bbff, 1px -1px 0 #ad0fce, -1px 1px 0 #9448bb, 1px 1px 0 #7a0ea7;

}

#header .mobile_screen{

    display: none;

} */

#header {

    background-color: var(--main-color);

}



#header a {

    font-size: 22px;

    color: var(--white-color);

}



#header a:hover {

    color: var(--hover-color)

}



#header .active {

    color: var(--hover-color) !important

}



#header #branches {

    color: var(--white-color);

    text-shadow: -1px -1px 0 #f1bbff, 1px -1px 0 #ad0fce, -1px 1px 0 #9448bb, 1px 1px 0 #7a0ea7;

}



#header .dropdown-menu .dropdown-item {

    color: var(--main-color);

}



#header .dropdown-menu .dropdown-item:hover {

    color: var(--hover-color);

    background-color: var(--main-color);

}


nav .container{
    max-width: 100%;
}
nav .container ul{
    margin-left: 11%;
}
#header .navbar-toggler {

    background-color: var(--white-color);

    margin: 0 0 0 auto;



}

.cart-box{
   	padding: 6px 12px;
    background: #fff;
    color: #2b0136;
    border-radius: 5px;


}
#header a:hover .cart-span{
    background-color: var(--hover-color);
}




#description {

    width: 77%;

    background-color: #fbfbea;

    color: #2b0136;

    margin: 0px auto

        /* display: flex;

    justify-content: space-evenly;

    align-items: center; */

}



/* #description .info{

    width: 65%;

} */

#description .info h1 {

    padding: 5px 0;

    font-size: var(--header-text-size);

    font-weight: normal;

}



#description .place #first_one a,

#description .place #second_one a {

    color: var(--main-color);

    transition: var(--trans);

}



#description .place #first_one {

    position: relative;

}



#description .place #first_one::before {

    content: '';

    background-color: var(--white-color);

    width: 20px;

    height: 20px;

    border-radius: 50%;

    position: absolute;

    left: -15%;

    top: 30%;

}



#description .place #first_one::after {

    content: '';

    background-color: var(--white-color);

    width: 2px;

    height: 100%;

    position: absolute;

    left: -11.7%;

    top: 50%;

}



#description .place #second_one {

    position: relative;

}



#description .place #second_one::before {

    content: '';

    background-color: var(--white-color);

    width: 20px;

    height: 20px;

    border-radius: 50%;

    position: absolute;

    left: -15%;

    top: 30%;

}



#description .place #first_one a:hover,

#description .place #second_one a:hover {

    color: var(--wheat-color);

    text-decoration: underline;

}



.content {

    padding-left: 50px;

    padding-right: 50px;

    margin-left: auto;

    margin-right: auto;

    width: 77%;

    background-color: var(--white-color);

}



.content .choosing .country_title {

    font-size: 40px;

    font-weight: 600;

    color: var(--main-color-2);

}



.content .choosing .title {

    font-size: 60px;

    font-weight: 600;

    color: var(--main-color-1);

    padding-left: 15px;

    font-size: 2rem;

}



.content .choosing .title span {

    color: var(--main-color);

    text-shadow: 3px 4px 5px #fff7c2;

}



.content .choosing .divs .card {

    box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.3);

    transition: 0.5s;

    width: 100%;

    height: fit-content;

    display: flex;

    /* flex-direction: row; */

    background-color: #dadada;

    color: var(--main-color);

    padding: 5px 15px;

    margin-bottom: 25px;

    cursor: pointer;

    transition: var(--trans);

    border: 3px solid #dadada;

    position: relative;

}



.content .choosing .divs .card:hover {

    border: 3px solid var(--main-color-2);

}



.content .choosing .divs .card .num {

    background: var(--main-color);

    height: 50px;

    width: 50px;

    position: absolute;

    top: 10px;

    padding: 0;

    text-align: center;

    color: var(--white-color);

    font-size: 35px;

    font-weight: bold;

    vertical-align: middle;

    border-radius: 50%;

    box-shadow: 2px 3px 4px gainsboro;

    transition: var(--trans);

    margin-top: 1.5%;

}



.content .choosing .divs .card:hover .num {

    background: var(--white-color);

    color: var(--main-color-2);

}



.content .choosing .divs .card span h4 {

    color: var(--main-color);

    font-weight: bold;

    margin-top: -4px;

    transition: var(--trans);

}



.content .choosing .divs .card span {

    margin-top: 1.5%;

    padding-left: 60px;

}



.content .choosing .divs .card:hover span h4 {

    color: var(--main-color-2);

}



.content .choosing .divs .card span p {

    font-size: 20px;

    margin-top: -12px;

}



.content .countries .title {

    font-size: 40px;

    font-weight: 600;

    color: var(--main-color);

    padding: 2% 0;

    text-align: center;

}


.content .choosing .flag{
    align-items: flex-start;
}

.content .choosing .flag .flag_img {

    padding-top: 10px;

    /* margin-right: 10px; */

    padding-left: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

}



/* start sidebar */



.embassy_link {

    /* width: 100%; */

    /* margin-left: 45%; */

    background-color: #fafafa;

    border-left: 5px solid #e2dab9;

    margin-top: -8px;

    padding: 10px 15px;

}



.embassy_link h5 {

    color: var(--main-color);

}



.embassy_link ul {

    list-style-type: square;

}



/* end sidebar */



/* .content .countries .col_one,

.content .countries .col_two{

    width: 50%;

} */

/* .content .countries .col_one .peek_country,

.content .countries .col_two .peek_country{

    font-weight: bold;

    width: 100%;

    height: fit-content;

    text-transform: capitalize;

    margin-bottom: 12px;

    font-size: 22px;

    padding: 8px 12px;

    border: 2px solid;

    text-align: left;

    border-radius: 14px 0;

    border-right-color: transparent;

    border-bottom-color: transparent;

    background: gainsboro;

    color: #2b0136;

    cursor: pointer;

    transition: var(--trans);

} */

/* .content .countries .col_one .peek_country:hover,

.content .countries .col_two .peek_country:hover{

    border: 2px solid var(--main-color-2);

} */

/* .content .countries .col_one .blank_country,

.content .countries .col_two .blank_country{

    font-weight: bold;

    width: 100%;

    height: fit-content;

    text-transform: capitalize;

    margin-bottom: 12px;

    font-size: 22px;

    padding: 8px 12px;

    border: 2px solid;

    text-align: left;

    border-radius: 14px 0;

    border-color: var(--main-color);

    background: var(--main-color);

    color: var(--white-color);

    cursor: pointer;

    transition: var(--trans);

} */

/* .content .countries .col_one .blank_country:hover,

.content .countries .col_two .blank_country:hover{

    background-color: var(--main-color-2);

    color: var(--white-color);

    border-color: var(--main-color-2);

}

.content .countries .col_one .peek_country a,

.content .countries .col_two .peek_country a{

    color: var(--main-color);

}

.content .countries .col_one .blank_country a,

.content .countries .col_two .blank_country a{

    color: var(--white-color);

} */



.docName .title,

.docName2 .title {

    color: var(--main-color) !important;

    font-size: var(--header-text-size) !important;

    text-align: left !important;

    text-decoration: underline;

}



.docName2 .title {

    display: inline;

}



.docName2 .subTitle {

    padding-left: 37px;

    color: var(--main-color-2);

}



.docName .divs,

.docName2 .divs {

    padding-left: 40px;

}



.docName .divs ul,

.docName2 .divs ul {

    list-style-type: square;

}



.docName .divs ul li,

.docName2 .divs ul li {

    font-size: 20px;

}



.docName .divs ul li:hover,

.docName2 .divs ul li:hover {

    text-decoration: underline;

    color: var(--main-color-2);

    cursor: pointer;

}



#footer {

    width: 100%;

    background-color: var(--main-color);

    color: var(--white-color);

    text-align: center;

    padding: 10px 0;

    display: flex;

    justify-content: space-around;

    align-items: center;

}



#footer .sharing p {

    color: var(--wheat-color);

}



#footer .sharing a {

    border-radius: 50px;

    border: 1px solid var(--white-color);

    font-size: 22px;

    padding: 4px;

}



#footer .sharing a i {

    color: var(--white-color);

}



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



    .buss_docs,

    .docs {

        width: 70%;



    }

}



@media (max-width: 1659px) and (min-width: 1400px) {

    .content .choosing .title {

        font-size: 50px;

    }



    .divs>a>span>h4 {

        width: 60%;

    }

}



@media (max-width: 1400px) and (min-width: 990px) {

    #welcoming p {

        font-size: 13px;

    }



    #header .nav-item a {

        font-size: 13px;

    }

    #header .search-icon a{
        font-size: 15px;
    }

    .content {

        width: 100%;

    }



    #content_country {

        width: 100% !important;

        margin-left: 0 !important;

    }



    .content .choosing .title {

        font-size: 40px;

    }

}







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



    /* #content_country .counrty_info{

        grid-template-columns: repeat(1, 1fr) !important;

    } */

    #content_country {

        width: 100% !important;

        margin-left: 0 !important;

    }



    #welcoming {

        width: 100%;

        font-size: 10px;

        background-color: var(--main-color);

        color: var(--white-color);

        text-align: center;

        padding: 10px 15px;

    }



    #main_img {

        background-color: var(--white-color);

        max-width: 100%;

    }



    #main_img img {



        padding: 0;

    }



    #header {

        padding: 20px;

    }



    #description .info {

        text-align: center;

        padding: 0 15px;

    }



    #description .place {

        display: none;

    }



    .content {

        width: 100%;

    }



    .content .data {

        /* padding-left: 10px 15px; */

        background-color: var(--white-color);

        /* display: grid;

        grid-template-columns: 1fr; */

    }



    .content .choosing .title {

        font-size: 40px;

    }



    .content .choosing .divs .card {

        /* margin-left: -30px; */

        width: 100%;

    }



    .content .choosing .divs .card span h4 {

        padding-top: 10px;

    }



    .content .choosing .divs .card span p {

        font-size: 16px;

        margin-top: 0px;

    }



    hr {

        width: 100%;

    }



    /* .docName .divs,

    .docName2 .divs{

        display: grid;

        grid-template-columns: repeat(1, 1fr);

    } */

    .docName2 .title {

        display: block;

    }



    .docName2 .subTitle {

        padding-left: 0;

    }



    /* #special{

        margin-top: 20%;

    } */

    #last_one {

        margin-bottom: 15px;

    }



    #footer {

        display: flex;

        flex-direction: column;

    }

}





/* -------- C/O & C/I -------- */

#ci_co_tit {

    color: var(--main-color);

    padding: 15px 0;

    text-align: center;

}



.dci {}



.dci .pdf {

    margin-bottom: 10px;

}



.texts {

    margin: 15px 10px;

}



.texts p {

    font-size: 17px;

}



.texts ul {

    list-style-type: disc;

}



.texts .img {

    display: flex;

    justify-content: space-between;

}



.texts .img img {

    border: 5px solid #ddd;

}



.texts .img p {

    width: 70%;

}



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

    body .container_x .row .co-ci{
        padding: 35px;
    }
    #ci_co_tit {

        font-size: 25px;

        width: 100%;

        /* padding-top: 100px; */

        text-align: center;

    }



    .dci {

        margin-left: 0;

    }



    .dci .pdf img {

        width: 100%;

        padding: 10px;

    }



    .texts h4 {

        text-align: center;

    }



    .texts .img {

        margin-left: 20%;

        display: flex;

        flex-direction: column;

    }



    .texts .img p {

        margin-left: -15%;

        width: 100%;

    }

    .card_bank{
        display: none !important;
    }
}





/* -------- Document Certification Page -------- */

.bus_inv,

.bus_doc {

    /* height: 100vh !important; */

    min-height: calc(100vh - 230px);

}



.bus_inv .countries_selections,

.bus_doc .countries_selections {

    padding-top: 10%;

}



#content_card_view {

    width: 77%;

    margin: auto;

    min-height: calc(100vh - 230px);

    background-color: var(--white-color);

}



#content_invoice {

    width: 77%;

    min-height: calc(100vh - 230px);

    background-color: var(--white-color);

}



#content_invoice .title,

#content_card_view .title {

    text-align: center;

    font-size: 35px;

    padding: 15px 0;

    color: var(--main-color-2);

}



#content_invoice .txt #main_text {

    color: var(--main-color);

    font-weight: bold;

    font-size: var(--paragraph-size);

}



#content_invoice .txt p {

    font-size: 18px;

}



#content_invoice .stemp {

    text-align: center;

    /* padding: 25px 0; */

    font-size: var(--paragraph-size);

}



#content_invoice .stemp>p>span {

    font-weight: bold;

    font-size: var(--header-text-size);

}



#content_invoice .stemp>button {

    background-color: var(--main-color);

    color: var(--wheat-color);

    font-size: 18px;

    padding: 5px 15px;

    border: 2px solid var(--main-color);

    transition: var(--trans);

    width: 50%;

    margin: auto;

}



#content_invoice .stemp>button:hover {

    box-shadow: 2px 3px 4px gainsboro;

    border: 2px solid var(--hover-color);

}



#content_invoice .stemp .img {

    max-width: 100%;

    position: relative;

}



#content_invoice .stemp .img>img {

    width: 5%;

    position: absolute;

    top: -6%;

    left: 19%;

}



#content_invoice .stemp .img .stemp_img {

    /* margin-top: 40px; */

    margin-top: 10px;

    max-width: 100%;

    position: relative;

}



#content_invoice .stemp .img .stemp_img>img {

    /* width: 50%; */

    width: 25%;

    margin-left: 0%;

}



#content_invoice .stemp .img .stemp_img .data .inp {

    background-color: var(--main-color);

    width: 46%;

    transform: rotate(-90deg);

    position: absolute;

    top: 47%;

    right: 2%;

}



#content_invoice .stemp .img .stemp_img .data .inp input {

    width: 20%;

    padding-left: 5px;

}



#content_invoice .stemp .img .stemp_img .data .inp input::placeholder {

    color: #ddd;

    padding-left: 10px;

}



#content_invoice .stemp .img .stemp_img .data .inp button {

    background-color: #a9a9a9;

    color: #a9a9a9;

    padding: 0px 15px;

    border-radius: 5px;

}



#content_invoice .stemp .img .stemp_img .data>p {

    background-color: var(--wheat-color);

    width: 46%;

    transform: rotate(-90deg);

    position: absolute;

    top: 44.5%;

    right: 0%;

    color: var(--main-color);

}



#content_invoice #note {

    padding: 15px;

    font-size: 18px;

    text-align: left;

}



#content_invoice .countries_selections {

    margin-bottom: 35px;

    padding-left: 50px;

}



#content_invoice .docs,

#content_invoice .price {

    /* margin-bottom: 35px; */

    /* padding-left: 50px; */

    margin-top: -1px;

}



.docs>p {

    width: 785px;

    margin: 0 auto;

}



.select-lable{

    display: inline-block;

    margin-top: 8px;

}


select{
    appearance: auto;
}


.docs> p > select {

    position: absolute;
    appearance: auto;

    z-index: 2;

    top: -8px;

    width: 275px;

    display: inline-block;

    font-size: 23px;

    margin: 15px;

}


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

    .docs > p{

        width: auto;

        text-align: center;

    }

    .docs> p > select{

        position: static;

    }

}



select::-webkit-scrollbar-track{

    width: 20px;

    background-color: #119b55;

}



.docs>.bttn button {

    width: 20%;

    min-width: fit-content;

    max-width: 200px;

}



.btn-special {

    background-color: var(--main-color);

    color: #ffffff;

}



.btn-special:hover {

    background-color: #16001c;

    color: #ffffff;

}



#content_invoice .countries_selections h5 {

    color: var(--main-color);

}



#content_invoice .countries_selections .country_card .special_card {

    border-radius: 6px;

}

#country_form {
    width: 23%;
    min-width: 216.5px;
}

#content_invoice .countries_selections .country_card .card,

#content_invoice .countries_selections .country_card .special_card {

    position: relative;

    background-color: var(--main-color);

    color: var(--white-color);

    box-shadow: 2px 3px 4px gainsboro;

    max-width: 100%;

    width: 100%;

    padding: 10px 25px;

    display: flex;

    flex-direction: row;

    align-items: center;

    transition: var(--trans);

    cursor: pointer;

}



#content_invoice .countries_selections .country_card .card img,

#content_invoice .countries_selections .country_card .special_card img {

    width: 10%;

}



#content_invoice .countries_selections .country_card .card span,

#content_invoice .countries_selections .country_card .special_card span {

    padding-left: 15px;

    font-size: var(--paragraph-size);

}



#content_invoice .countries_selections .country_card .card:hover,

#content_invoice .countries_selections .country_card .special_card:hover {

    background-color: var(--main-color-2);

}



#content_invoice .countries_selections .country_card .special_card:hover {

    border-color: var(--main-color-2);

}



.docs {

    width: 50%;

    margin-left: 20%;

    /* display: none; */

}



.bahrain_case,

.iraq_pre_case,

.yemen_pre_case,

.UAE_pre_case,

.iraq_bus_doc,

.yemen_bus_doc {

    display: none;

    width: 80%;

    margin-left: 10%;

    background-color: #fbfbfb;

    padding: 10px 25px;

    font-size: var(--paragraph-size);

    position: relative;

}



.bahrain_case::before,

.iraq_pre_case::before,

.yemen_pre_case::before,

.UAE_pre_case::before,

.iraq_bus_doc::before,

.yemen_bus_doc::before {

    content: '';

    position: absolute;

    background-color: var(--main-color-2);

    width: 5px;

    height: 100%;

    left: 0px;

    top: 50%;

    transform: translateY(-50%);

}



.iraq_bus_doc select {

    margin: 20px 0;

}



.buss_docs,

.docs {

    width: 80%;

    margin: 0 auto;

    background-color: #fbfbfb;

    padding: 10px 25px;

    font-size: var(--paragraph-size);

    position: relative;

}



.buss_docs::before,

.docs::before {

    content: '';

    position: absolute;

    background-color: var(--main-color-2);

    width: 5px;

    height: 100%;

    left: 0px;

    top: 50%;

    transform: translateY(-50%);

}



.buss_docs p {

    text-align: left;

}



.buss_docs .inp1,

.buss_docs .inp2,

.buss_docs .inp3,

.buss_docs .inp4,

.bahrain_case .inp1,

.bahrain_case .inp2,

.bahrain_case .inp3,

.bahrain_case .inp4,

.iraq_pre_case .inp1,

.iraq_pre_case .inp2,

.yemen_pre_case .inp1,

.yemen_pre_case .inp2,

.UAE_pre_case .inp1,

.UAE_pre_case .inp2,

.yemen_bus_doc .inp_doc {

    padding: 15px 0;

    display: flex;

}



.buss_docs .inp1 div,

.buss_docs .inp2 div,

.buss_docs .inp3 div,

.buss_docs .inp4 div,

.bahrain_case .inp1 div,

.bahrain_case .inp2 div,

.bahrain_case .inp3 div,

.bahrain_case .inp4 div,

.iraq_pre_case .inp1 div,

.iraq_pre_case .inp2,

.yemen_pre_case .inp1 div,

.yemen_pre_case .inp2 div,

.UAE_pre_case .inp1 div,

.UAE_pre_case .inp2 div,

.yemen_bus_doc .inp_doc div {

    display: block;

    background-color: white;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    padding: 20px;

    border-radius: 25px;

}



.buss_docs .check-input,

.bahrain_case .check-input,

.iraq_pre_case .check-input,

.yemen_pre_case .check-input,

.UAE_case .check-input{

    display: flex;

}



.buss_docs .inp1 input[type='radio'],

.buss_docs .inp2 input[type='radio'],

.buss_docs .inp3 input[type='radio'],

.buss_docs .inp4 input[type='radio'],

.bahrain_case .inp1 input[type='radio'],

.bahrain_case .inp2 input[type='radio'],

.bahrain_case .inp3 input[type='radio'],

.bahrain_case .inp4 input[type='radio'],

.yemen_case .inp_fee_14 input[type='radio'],

.yemen_case .inp_fee_7 input[type='radio'],

.UAE_case .inp1 input[type='radio'],

.UAE_case .inp2 input[type='radio'],

.yemen_bus_doc .inp_doc input[type='radio'] {

    -webkit-appearance: none;

    appearance: none;

    border: 1px solid #ddd;

    width: 25px;

    height: 25px;

    border-radius: 0;

    cursor: pointer;

    position: relative;

}



.buss_docs .inp1 input[type='radio']:checked:after,

.buss_docs .inp2 input[type='radio']:checked:after,

.buss_docs .inp3 input[type='radio']:checked:after,

.buss_docs .inp4 input[type='radio']:checked:after,

.bahrain_case .inp1 input[type='radio']:checked:after,

.bahrain_case .inp2 input[type='radio']:checked:after,

.bahrain_case .inp3 input[type='radio']:checked:after,

.bahrain_case .inp4 input[type='radio']:checked:after,

.yemen_case .inp_fee_14 input[type='radio']:checked:after,

.yemen_case .inp_fee_7 input[type='radio']:checked:after,

.UAE_case .inp1 input[type='radio']:checked:after,

.UAE_case .inp2 input[type='radio']:checked:after,

.yemen_bus_doc .inp_doc input[type='radio']:checked:after,
#content_shipping .ships .ship_q input[type='radio']:checked:after {

    content: '\2713';

    position: absolute;

    color: var(--main-color-2);

    font-weight: bold;

    top: 0%;
    left: 47%;
    transform: translate(-50%, -50%);
    width: 25px;
    height: 25px;
    font-size: 33px;

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

}

.buss_docs .inp1 input[type='radio']:checked,
.buss_docs .inp2 input[type='radio']:checked,
.buss_docs .inp3 input[type='radio']:checked,
.buss_docs .inp4 input[type='radio']:checked,
.bahrain_case .inp1 input[type='radio']:checked,
.bahrain_case .inp2 input[type='radio']:checked,
.bahrain_case .inp3 input[type='radio']:checked,
.bahrain_case .inp4 input[type='radio']:checked,
.yemen_case .inp_fee_14 input[type='radio']:checked,
.yemen_case .inp_fee_7 input[type='radio']:checked,
.UAE_case .inp1 input[type='radio']:checked,
.UAE_case .inp2 input[type='radio']:checked,
.yemen_bus_doc .inp_doc input[type='radio']:checked,
#content_shipping .ships .ship_q input[type='radio']:checked {
    border: 3px solid #ccc;
}



.buss_docs .inp1 label,

.buss_docs .inp2 label,

.buss_docs .inp3 label,

.buss_docs .inp4 label,

.bahrain_case .inp1 label,

.bahrain_case .inp2 label,

.bahrain_case .inp3 label,

.bahrain_case .inp4 label,

.iraq_pre_case .inp1 label,

.iraq_pre_case .inp2 label,

.iraq_pre_case .inp3 label,

.iraq_pre_case .inp4 label,

.yemen_pre_case .inp1 label,

.yemen_pre_case .inp2 label,

.UAE_pre_case .inp1 label,

.UAE_pre_case .inp2 label,

.yemen_bus_doc .inp_doc label {

    /* padding-left: 35px; */

    margin-right: 3%;

    width: 250px;

    padding-top: 18px;

}

.buss_docs .check-input label,

.bahrain_case .check-input label,

.iraq_case .check-input label,

.yemen_case .check-input label,

.UAE_case .check-input label {

    padding-left: 5px;
    padding-top: 0;
    width: fit-content;
    position: relative;
    bottom: 5px;

}



.buss_docs .num,

.bahrain_case .num,

.iraq_pre_case .num,

.yemen_pre_case .num,

.UAE_pre_case .num {

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

    width: 100px;

    /* padding-left: 10px !important; */

    text-align: center;

    margin: 0px 2px;

    border-radius: 10px;

    border: none;

    font-size: 23px;

}



.buss_docs .sub,

.bahrain_case .sub,

.iraq_pre_case .sub,

.yemen_pre_case .sub,

.UAE_pre_case .sub {

    background: var(--main-color);

    color: #fff;

    border: none;

    font-size: 20px;

    border-radius: 50%;

    padding: 4px 12px;

    margin-top: 1px;

}



.buss_docs .add,

.bahrain_case .add,

.iraq_pre_case .add,

.yemen_pre_case .add,

.UAE_pre_case .add {

    background: var(--main-color);

    color: #fff;

    border: none;

    padding: 4px 11px;

    font-size: 20px;

    border-radius: 50%;



}



.inv_num {

    display: none;

    width: 80%;

    margin-left: 10%;

    padding: 10px 25px;

}



.inv_num table thead {

    background-color: var(--main-color-2);

    color: var(--white-color);

}



.price {

    width: 100%;
    margin: auto;
    padding: 10px 25px;

}



.price h3 span {

    font-size: 32px;

    color: #c10019;

}

/* new table */
.new-table{
    align-items: end;
}
 .new-table > div > p {
    font-size: 19px;
    margin-left: 25px;
}




.new-table .total-price p .check-icon{
    color: var(--main-color-2);
    font-size: 22px;
}
.new-table .total-price p .have-num{
    font-size: 25px;
    color: #c10019;
}


.price table thead, .price table tfoot {


    color: var(--white-color);

}
.price .price-table thead, .price .price-table tfoot{
	    background-color: var(--main-color);
} 
.price .time-table thead, .price .time-table tfoot{
	   background-color: var(--main-color-2);
} 



.price .total {

    width: 25%;

    text-align: center;

    font-weight: bold;

    /* margin-left: 35%; */

    background-color: #ffd4d4;

    padding: 5px 15px 0.5px 5px;

}



.price .total span {
    
    color: #c10019;

}

form .col-sm-12 .mb-4 div{
    padding-left: 0;
}

form .col-sm-12 .mb-4 div label{
    margin-left: 10px;
}


.price .bttn form {

    width: 13%;

    min-width: fit-content;

}



.price .bttn form button {

    width: 100%;

}





.empty {

    display: none;

    margin-left: 20%;

}



.result {

    width: 80%;

    margin-left: 10%;

    padding: 10px 25px;

}



.result table thead, .price table thead {

    background-color: #3a0348;

    color: var(--white-color);

}

.result table tbody tr td:first-child[rowspan]{

    background-color: #efefef;

}



.result table thead tr th, .result table tbody tr td, .result table tbody tr th, .result table tfoot tr th {

    padding-left: 25px;

}



.result table tbody tr #delete {

    cursor: pointer;

    color: #c10019;

    font-size: 28px;

}

.result table tbody tr td form button i{

    font-size: 28px;

}

.result table tfoot {

    background-color: var(--main-color-2);

    color: #ffffff;

}



.result table tfoot tr th{

    width: 50%;

    text-align: left;

}



.result .total {

    width: 25%;

    text-align: center;

    font-weight: bold;

    margin-left: 35%;

    background-color: #ffd4d4;

    padding: 5px 15px 0.5px 5px;

}



.result .total span {

    color: #c10019;

}



.result .quest {

    display: flex;

    /* justify-content: space-between;

    background-color: #f2f2f2; */

    align-items: center;

    padding: 10px 25px;

    margin: 20px 0;

    font-size: var(--paragraph-size);

    position: relative;

}



.choose_btn{

    background-color: #dc5f00 !important;

    width: auto;

    padding: 10px;

    margin-left: 15px;

}

.proceed_btn{

    margin-left: 15px;

    background-color: #5cb85c !important;

    width: auto;

    padding: 10px;

}

.Y_N > *{

    margin-top: 10px;

}





/* .result .quest::before {

    content: '';

    background-color: var(--main-color-2);

    position: absolute;

    width: 5px;

    height: 100%;

    top: 0;

    left: 0;

} */



.result .quest label {

    cursor: pointer;

}



.result .quest .Y_N input {

    margin: 0 10px;

}



.result #more_docs2 {

    display: none;

}



.result #more_buss {

    margin-bottom: 15px;

    margin-left: 0%;

    width: 100%;

}



#desc_foot {

    background-color: var(--main-color-2);

    padding: 10px 0;

    color: var(--white-color);

}



#desc_foot h4 {

    text-align: center;

    color: var(--wheat-color);

}



#desc_foot .postions {
    display: flex;
    justify-content: space-evenly;
}



#desc_foot .postions .first,

#desc_foot .postions .second {

    text-align: center;

}



#desc_foot .postions .first>p,

#desc_foot .postions .second>p {

    color: var(--wheat-color);

}



#desc_foot .postions .first>a,

#desc_foot .postions .second>a {

    color: var(--white-color);

}



#desc_foot .postions .first>a:hover,

#desc_foot .postions .second>a:hover {

    text-decoration: underline;

}






/* cart responsive */

@media (max-width: 1671px) and (min-width: 1573px) {

    #content_card_view .result{

        width: 85%;

        margin: auto;

    }

}

@media (min-width: 1486px) and (max-width: 1573px) {

    #content_card_view .result{

        width: 90%;

        margin: auto;



    }

}

@media (max-width: 1486px) and (min-width: 1400px) {

    #content_card_view .result{

        width: 95%;

        margin: auto;

    }

}



@media (max-width: 1400px) and (min-width: 1281px) {

    #content_card_view .result{

        width: 80%;

        margin: auto;

    }

}

@media (max-width: 1281px) and (min-width: 1139px) {

    #content_card_view .result{

        width: 90%;

        margin: auto;

    }

}

@media (max-width: 1138px) and (min-width: 1024px) {

    #content_card_view .result{

        width: 100%;

        margin: auto;

    }

}

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

    .Y_N{

        width: 345px;

    }

    

}

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

    .result .quest{

        display: block;

    }

    .result .quest > label {

        width: 100%;

    }

}



@media (max-width: 1400px) and (min-width: 767px) {



    #content_card_view,

    #content_invoice {

        width: 100%;

    }



    #content_invoice {

        padding: 25px;

    }


}



@media screen and (max-width:767px) {
    #content_invoice .countries_selections{
        padding-left: 0;
    }

    #content_invoice .countries_selections .country_card {

        margin-left: 15%;

    }

    #country_form {
        width: 35%;
    }

    #content_invoice .countries_selections .country_card .card,

    #content_invoice .countries_selections .country_card .special_card {

        width: 100%;

    }



    #content_invoice {

        width: 100%;

        padding: 15px 25px;

        margin-left: 0;

        /* height: 215vh; */

        min-height: calc(100vh - 230px);

    }



    #content_invoice .stemp .img {

        display: none;

    }



    #content_invoice .countries_selections h5 {

        text-align: center;

        font-weight: bold;

        padding-bottom: 15px;

    }



    #content_invoice .docs {

        width: 100%;

        margin-left: 0;

    }



    #content_invoice .price {

        width: 100%;

        margin-left: 0;

        padding: 0;

    }



    #content_invoice .price .total {

        width: 50%;



    }



    /* ------ Invoice origin page ------- */

    .bus_inv,

    .bus_doc {

        /* height: 180vh !important; */

        min-height: calc(100vh - 230px);

    }



    .bahrain_case,

    .UAE_pre_case,

    .UAE_case,

    .yemen_pre_case,

    .yemen_case,

    .iraq_pre_case,

    .iraq_case {

        width: 100%;

        margin-left: 0;

    }



    .inv_num {

        width: 100%;

        margin-left: 0;

    }



    .buss_docs {

        width: 100%;

        margin-left: 0;

    }



    /* .buss_docs .inp1,

    .buss_docs .inp2,

    .buss_docs .inp3,

    .buss_docs .inp4{

        display: block;

    }

    .buss_docs .inp1 label,

    .buss_docs .inp2 label,

    .buss_docs .inp3 label,

    .buss_docs .inp4 label{

        padding-left: 15px;

        font-size: 14px;

    } */



    /* ------ Cart Preview ----- */

    #content_card_view {

        width: 100%;

        /* height: 50.5vh; */

        min-height: calc(100vh - 230px);

        margin-left: 0;

    }



    #content_card_view .result {

        width: 100%;

        margin-left: 0;

    }



    #content_card_view .result table {

        margin-left: 0%;

    }



    #content_card_view .result table thead,

    #content_card_view .result table tbody {

        font-size: 12px;

    }



    #content_card_view .result .total {

        width: 50%;

        margin-left: 25%;

    }



    #content_card_view .result .quest {

        width: 100%;

    }



    #content_card_view .result .quest label {

        font-size: 16px;

        align-items: center;

    }
    /* order form */
    .cellphone-data{
        margin-top: 10px;
    }
}



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

    .docs> select{

        width: 100%;

    }

    .buss_docs {

        width: 100%;

        margin-left: 0;

    }



    .buss_docs .inp1,

    .buss_docs .inp2,

    .buss_docs .inp3,

    .buss_docs .inp4 {

        display: block;

        text-align: left;



    }
    .buss_docs .check-input, .buss_docs .check-input, .buss_docs .check-input, .buss_docs .check-input{
        display: flex;
    }



    .buss_docs .inp1 label,

    .buss_docs .inp2 label,

    .buss_docs .inp3 label,

    .buss_docs .inp4 label {

        padding-left: 0;

        font-size: 18px;

        margin-right: 0;

        margin-bottom: 5px;

    }



    .buss_docs .inp1 div,

    .buss_docs .inp2 div,

    .buss_docs .inp3 div,

    .buss_docs .inp4 div,

    .bahrain_case .inp1 div,

    .bahrain_case .inp2 div,

    .bahrain_case .inp3 div,

    .bahrain_case .inp4 div,

    .iraq_pre_case .inp1 div,

    .iraq_pre_case .inp2,

    .yemen_pre_case .inp1 div,

    .yemen_pre_case .inp2 div,

    .UAE_pre_case .inp1 div,

    .UAE_pre_case .inp2 div,

    .yemen_bus_doc .inp_doc div {

        display: block;

        width: 300px;

        margin: auto;

    }

}
.counter{
    max-width: 220px;
}



    /* -------- Payment Page -------- */

    #content_payment {

        width: 70%;

        min-height: calc(100vh - 365px);

        background-color: var(--white-color);

    }



    #content_payment .title {

        text-align: center;

        font-size: 35px;

        padding: 15px 0;

        color: var(--main-color-2);

    }



    #content_payment .pay .q,

    #content_payment .pay .q {

        padding: 0 15px;

    }

    #content_credit_card form .row{

        justify-content: space-around;

    }

	.card_contaniner  .btns_navigation .btn-success{
		width: 25%;
    	float: right;
		min-width: 220px
	}

	.card_contaniner  .btns_navigation .btn-back{
		width: 25%;
		min-width: 220px
	}

.btn-back{
    border-radius: 5px;
    margin-top: 10px;
    padding: 6px;
}
.btn-back > a{
    color: #ffffff;
    width: 100%;
    display: block;
}


.pay .row div{
    padding-left: 0;
}
.pay{
    justify-content: space-around;
}
.pay .row div label{
    padding-left: 10px;
}
    @media (max-width: 1400px) and (min-width: 767px) {

        #content_payment {

            width: 100%;

            padding: 25px;

        }

    }



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

        #content_payment {

            width: 100%;

            margin-left: 0;

            padding: 25px;

        }



        #content_payment .bttn {

            padding: 0 15px;

        }

		.card_contaniner  .btns_navigation .btn-success{
			float: none;
			width:100%
		}
		.card_contaniner  .btns_navigation .btn-back{
          	width: 100%;
          	
      	}
        .cvv{
            padding: 0;
        }

    }





    /* -------- Shipping Page -------- */

    #content_shipping {

        width: 77%;

        min-height: calc(100vh - 230px);

        padding: 10px 50px;

        background-color: var(--white-color);

    }



    #content_shipping .title {

        text-align: center;

        font-size: 35px;

        padding: 15px 0;

        color: var(--main-color-2);

    }

    #content_shipping .ships{
        margin-bottom: 15px;
    }

    #content_shipping .ships .ship_q label .shipping-span{
        color: blue;
    }

    #content_shipping .ships .ship_q {

        margin: 15px 0;
        font-size: 18px;
        display: flex;
        align-items: center;

    }



    #content_shipping .ships .ship_q input[type='radio'] {

        -webkit-appearance: none;

        appearance: none;

        border: 1px solid #ddd;

        width: 25px;

        height: 25px;

        border-radius: 0;

        cursor: pointer;
        position: relative;
        top: -10px;
    }
    #content_shipping .ships .ship_q label {

        padding-left: 10px;
        width: 95%;
        cursor: pointer;
    }

    #content_shipping .ship_imgs {

        margin: 25px 0;

    }
    .container_x  .row #content_shipping .ships .ship_q .custom-pos{
        top: 5px;
    }
    #content_shipping .ship_imgs img {

        /* width: 50%; */

        box-shadow: 2px 3px 4px gainsboro;

    }



    #content_shipping #back_res {

        margin-right: 15px;

    }



    @media (max-width: 1400px) and (min-width: 767px) {

        #content_shipping {

            width: 100%;

        }



        #ship_two,

        #ship_three {

            width: 32px;

        }

    }



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

        #content_shipping {

            width: 100%;

            min-height: calc(100vh - 230px);

            margin-left: 0;

        }


        #content_shipping .ships .ship_q label {

            font-size: 16px;

            padding-left: 20px;

        }

    }





    /* -------- Credit Card Page -------- */

    #content_credit_card {

        width: 77%;

        min-height: calc(100vh - 230px);

        padding: 10px 50px;

        background-color: var(--white-color);

    }



    #content_credit_card .title {

        text-align: center;

        font-size: 35px;

        padding: 15px 0;

        color: var(--main-color-2);

    }



    .card_contaniner .inp_credit_card .chx {

        display: flex;

        justify-content: space-between;

    }



    .card_contaniner .inp_credit_card .chx .cc input[type='radio'],

    .card_contaniner .inp_credit_card .chx .bill input[type='radio'],

    .card_contaniner .inp_credit_card .chx .ck input[type='radio'] {

        -webkit-appearance: none;

        appearance: none;

        border: 1px solid #ddd;

        width: 25px;

        height: 25px;

        border-radius: 0;

        cursor: pointer;

        position: relative;

    }



    .card_contaniner .inp_credit_card .chx .cc input[type='radio']:checked:after,

    .card_contaniner .inp_credit_card .chx .bill input[type='radio']:checked:after,

    .card_contaniner .inp_credit_card .chx .ck input[type='radio']:checked:after {

        content: "";

        position: absolute;

        font-size: var(--paragraph-size);

        color: var(--main-color-2);

        font-weight: bold;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 25px;

        height: 25px;

        border: 2px solid var(--hover-color);

    }

    .card_contaniner .inp_credit_card .chx .cc input[type='radio']:checked::before,

    .card_contaniner .inp_credit_card .chx .bill input[type='radio']:checked::before,
    .card_contaniner .inp_credit_card .chx .ck input[type='radio']:checked::before{
        content: '\2714';
        position: absolute;
        top: -4px;
        left: 3px;
        font-size: var(--paragraph-size);
        color: var(--main-color-2);
        font-weight: bold;

    }


    .card_contaniner .inp_credit_card .chx .cc,

    .card_contaniner .inp_credit_card .chx .bill,

    .card_contaniner .inp_credit_card .chx .ck {

        display: flex;

        align-items: center;

        font-size: var(--paragraph-size);

    }



    .card_contaniner .inp_credit_card .chx .cc label,

    .card_contaniner .inp_credit_card .chx .bill label,

    .card_contaniner .inp_credit_card .chx .ck label {

        padding-left: 15px;

        cursor: pointer;

    }



    .card_contaniner .inp_credit_card .ex_date .select_card {

        display: flex;

    }



    .card_contaniner .inp_credit_card .ex_date .card_imgs {

        margin: 15px 0;

        float: right;

    }

    .ex_date select{
        appearance: auto;
    }


    .card_contaniner .card_bank {

        background-color: #4c5150;

        width: 441px;

        height: fit-content;
        min-height: 300px;
        border-radius: 1rem;

        margin-top: 70px;

    }



    .card_contaniner .card_bank .blank_line {

        background-color: #1c1c1c;

        width: 100%;

        height: 41px;

        margin-top: 17px;

    }



    .card_contaniner .card_bank .chip {

        max-width: 100%;

        padding: 15px;

        display: flex;

        align-items: center;

    }



    .card_contaniner .card_bank .chip img {

        width: 15%;

    }



    .card_contaniner .card_bank .chip span {

        padding-left: 15px;

        font-size: var(--header-text-size);

        color: var(--white-color);

    }


    .inputs_card{
        position: relative;
    }
    .card_contaniner .card_bank .inputs_card #input_name,

    .card_contaniner .card_bank .inputs_card #input_number {

        font-size: var(--text-size);

        color: var(--wheat-color);

        padding-left: 15px;

        border-bottom: 1px dotted var(--white-color);

    }

    #input_cvv{
        background-color: #ffffff;
        width: fit-content;
        padding: 5px;
        position: absolute;
        right: 10px;
        display: none;
    }

    .card_contaniner .card_bank .inputs_card .inputs_date {

        font-size: var(--text-size);

        color: var(--wheat-color);

        padding-left: 15px;

    }



    .card_contaniner .card_bank .inputs_card .inputs_date #sep {

        color: var(--white-color);

    }



    @media (max-width: 1400px) and (min-width: 767px) {

        #content_credit_card {

            width: 100%;

        }

    }



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

        #content_credit_card {

            width: 100%;

            min-height: calc(100vh - 230px);

        }



        .card_contaniner .inp_credit_card .chx .cc,

        .card_contaniner .inp_credit_card .chx .bill,

        .card_contaniner .inp_credit_card .chx .ck {

            font-size: 18px;
            margin: 10px;
        }

    }





    /* -------- Country Page -------- */

    #content_country {

        width: 70%;

        /* height: 270vh; */

        min-height: calc(100vh - 230px);

        padding: 10px 50px;

        margin-left: 15%;

        background-color: var(--white-color);

    }



    #content_country .content .divs .card {

        width: 100%;

        height: fit-content;

        display: flex;

        flex-direction: row;

        background-color: #dadada;

        color: var(--main-color);

        padding: 5px 15px;

        margin-bottom: 15px;

        cursor: pointer;

        transition: var(--trans);

        border: 3px solid #dadada;

        position: relative;

    }



    #content_country .content .divs .card:hover {

        border: 3px solid var(--main-color-2);

    }



    #content_country .content .divs .card .num {

        background: var(--main-color);

        height: 50px;

        width: 50px;

        position: absolute;

        top: 10px;

        padding: 0;

        text-align: center;

        color: var(--white-color);

        font-size: 35px;

        font-weight: bold;

        vertical-align: middle;

        border-radius: 50%;

        box-shadow: 2px 3px 4px gainsboro;

        transition: var(--trans);

        margin-top: 1.5%;

    }



    #content_country .content .divs .card .num:hover {

        background: var(--white-color);

        color: var(--main-color-2);

    }



    #content_country .content .divs .card span h4 {

        color: var(--main-color);

        font-weight: bold;

        margin-top: -4px;

        transition: var(--trans);

    }



    #content_country .content .divs .card span {

        margin-top: 1.5%;

        padding-left: 60px;

    }



    #content_country .content .divs .card:hover span h4 {

        color: var(--main-color-2);

    }



    #content_country .content .divs .card span p {

        font-size: 20px;

        margin-top: -12px;

    }



    #content_country .counrty_info .embassy {

        line-height: 2;

    }



    #content_country .counrty_info .embassy .flag {

        display: flex;

        align-items: center;

    }



    #content_country .counrty_info .embassy .flag .flag_txt {

        padding-left: 25px;

        color: var(--main-color);

    }



    #content_country .counrty_info .embassy .receive h5 {

        text-decoration: underline;

        color: #c10019;

    }



    #content_country .counrty_info .embassy .lega_bus h5 {

        color: var(--main-color);

    }



    #content_country .counrty_info .embassy .lega_bus em {

        color: rgb(80, 80, 80);

    }



    #content_country .counrty_info .embassy table thead {

        background-color: var(--main-color-2);

        color: var(--white-color);

    }



    #content_country .counrty_info .embassy table tbody tr th span {

        color: #c10019;

    }



    #content_country .counrty_info .embassy button {

        margin-left: 25%;

    }



    #content_country .counrty_info .embassy_link {

        /* width: 100%; */

        /* margin-left: 45%; */

        background-color: #fafafa;

        border-left: 5px solid #e2dab9;

        padding-left: 15px;

        padding-right: 15px;

    }



    #content_country .counrty_info .embassy_link h5 {

        color: var(--main-color);

    }



    #content_country .counrty_info .embassy_link ul {

        list-style-type: square;

    }



    #content_country .country_commerce h5 {

        color: #c10019;

        text-decoration: underline;

    }



    #content_country .country_commerce ul {

        list-style-type: square;

    }



    #content_country .country_commerce table {

        /* margin-left: 10%; */

        margin: 5% 0 2% 10%;

    }



    #content_country .country_commerce table thead {

        background-color: var(--main-color-2);

        color: var(--white-color);

    }



    #content_country .country_commerce table tbody tr th span {

        color: #c10019;

    }



    #content_country .country_commerce button {

        margin-left: 25%;

        margin-bottom: 5%;

    }



    #content_country .country_payment .title {

        color: var(--main-color);

    }



    #content_country .country_payment ul {

        list-style-type: square;

        width: 60%;

    }



    #content_country .country_payment ul li span {

        color: #c10019;

    }



    #content_country .content .divs {

        margin: 5% 0;

    }



    #content_country .content .divs .card {

        width: 100%;

    }
    .country{
        width: 100%;
        height: 100%;
        padding: 30px 70px;
    }
    .content .data .country-page {
        width: 100% !important;
    }


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

        #content_country {

            width: 100%;

            /* height: 480vh; */

            min-height: calc(100vh - 230px);

            margin-left: -5%;

        }



        #content_country .counrty_info .embassy_link {

            width: 100%;

            margin: 15px 0;

            padding: 15px;

        }



        #content_country .counrty_info .embassy .flag {

            display: flex;

            flex-direction: column;

            align-items: flex-start;

        }



        #content_country .counrty_info .embassy .flag .flag_txt {

            padding-top: 10px;

            padding-left: 0px;

            width: 70%;

            color: var(--main-color);

        }



        #content_country .counrty_info .embassy .receive,

        #content_country .counrty_info .embassy .lega_bus {

            font-size: 16px;

            width: 70%;

        }



        #content_country .counrty_info .embassy table {

            padding: 15px;

        }



        #content_country .counrty_info .embassy table thead,

        #content_country .counrty_info .embassy table tbody {

            font-size: 12px;

        }



        #content_country .counrty_info .embassy_link {

            width: 100%;

            margin-left: 0;

        }



        #content_country .counrty_info .country_commerce {

            font-size: 16px;

        }



        #content_country .country_payment ul {

            width: 100%;

        }



        #content_country .content .divs {

            margin: 0;

        }



        #content_country .content .divs .card {

            width: 100%;

        }

    }





    /* -------- Trade Page -------- */

    #content_trade {

        width: 70%;

        min-height: calc(100vh - 230px);

        padding: 10px 50px;

        background-color: var(--white-color);

    }



    #content_trade .title {

        text-align: center;

        font-size: 35px;

        padding: 15px 0;

        color: var(--main-color-2);

    }



    #content_trade>img {

        margin: 5% 0 5% 25%;

    }



    #content_trade table thead {

        background-color: var(--main-color-2);

        color: var(--white-color);

    }



    @media (max-width: 1400px) and (min-width: 767px) {

        #content_trade {

            width: 100%;

        }

    }



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

        #content_trade {

            width: 100%;

            /* height: 200vh; */

            min-height: calc(100vh - 230px);

            margin-left: 0;

        }



        #content_trade .title {

            padding: 65px 0 0 0;

        }



        #content_trade>img {

            margin: 5% 0 5% 0;

            width: 100%;

        }

    }





    /* -------- About Page -------- */

    #content_about {

        width: 77%;

        min-height: calc(100vh - 230px);

        padding: 10px 50px;

        background-color: var(--white-color);

    }



    #content_about .title {

        text-align: center;

        font-size: 35px;

        padding: 15px 0;

        color: var(--main-color-2);

    }



    #content_about .about_txt h5 {

        color: var(--main-color);

    }



    #content_about .about_imgs {

        margin-top: 5%;

        /* display: grid;

    grid-template-columns: repeat(2, 1fr); */

    }



    #content_about .about_imgs .valid img {

        border: 5px solid #ddd;

    }



    @media (max-width: 1400px) and (min-width: 767px) {

        #content_about {

            width: 100%;

        }

    }



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

        #content_about {

            width: 100%;

            /* height: 340vh; */

            min-height: calc(100vh - 230px);

            margin-left: 0;

        }



        #content_about .title {

            padding: 65px 0 0 0;

        }



        #content_about .about_txt {

            font-size: 14px;

        }



        #content_about .about_imgs .valid p {

            margin-left: -0

        }

    }





    /* -------- Pay Invoice Page -------- */

    #content_pay {

        width: 70%;

        min-height: calc(100vh - 500px);

        padding: 10px 50px;

        background-color: var(--white-color);

    }



    #content_pay .title {

        text-align: center;

        font-size: 35px;

        padding: 15px 0;

        color: var(--main-color-2);

    }



    #content_pay .pay_inv_form {

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    #content_pay .pay_inv_form .pay_inv_inp {

        padding: 15px;

    }



    #content_pay .pay_inv_form .pay_inv_inp label {

        font-size: var(--paragraph-size);

        color: var(--main-color);

    }



    #content_pay .pay_inv_form .pay_inv_inp input {

        padding: 5px 55px;

        margin-left: 10px;

    }



    @media (max-width: 1400px) and (min-width: 767px) {

        #content_pay {

            width: 100%;

        }

    }



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

        #content_pay {

            width: 100%;

            margin-left: 0;

        }



        #content_pay .title {

            padding: 65px 0 0 0;

        }



        #content_pay .pay_inv_form .pay_inv_inp {

            padding: 15px;

            margin-left: 0;

        }

    }



    /* -------- Pay Invoice Data Page -------- */

    #content_invoiceData {

        width: 70%;

        min-height: calc(100vh - 230px);

        padding: 10px 50px;

        background-color: var(--white-color);

        font-size: var(--paragraph-size);

    }



    #content_invoiceData .title {

        text-align: center;

        font-size: 35px;

        padding: 15px 0;

        color: var(--main-color-2);

    }



    #content_invoiceData table .main {

        background-color: var(--main-color-2);

        color: var(--white-color);

    }



    #content_invoiceData table .pad {

        background-color: #c10019;

        color: var(--white-color);

    }



    #content_invoiceData table #scale {

        vertical-align: middle;

        text-align: center;

        font-weight: bold;

    }



    #content_invoiceData .pay_detail {

        margin-top: 35px;

    }



    #content_invoiceData .pay_detail table tbody tr td input[type='checkbox'] {

        -webkit-appearance: none;

        appearance: none;

        border: 2px solid #ddd;

        width: 25px;

        height: 25px;

        border-radius: 0;

        cursor: pointer;

        position: relative;

    }



    #content_invoiceData .pay_detail table tbody tr td input[type='checkbox']:checked:after {

        content: '\2713';

        position: absolute;

        font-size: var(--paragraph-size);

        color: var(--main-color-2);

        font-weight: bold;

        top: 50%;

        left: 50%;

        transform: translate(-50%, -50%);

        width: 25px;

        height: 25px;

    }



    #content_invoiceData .card_invDate {

        background-color: #ededed;

        border-radius: 1.5rem;

        padding: 15px;

    }



    #content_invoiceData .card_invDate table {

        height: fit-content;

        text-align: center;

    }



    #content_invoiceData .card_invDate table thead {

        background-color: var(--main-color);

        color: var(--white-color);

    }



    @media (max-width: 1400px) and (min-width: 767px) {

        #content_invoiceData {

            width: 100%;

        }

    }



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

        #content_invoiceData {

            width: 100%;

            min-height: calc(100vh - 230px);

            margin-left: 0;

        }



        #content_invoiceData>table thead,

        #content_invoiceData>table tbody,

        #content_invoiceData .pay_detail table thead,

        #content_invoiceData .pay_detail table tbody {

            font-size: 12px;

        }

    }





    /* -------- contact Page -------- */

    #content_contact {

        width: 77%;

        min-height: calc(100vh - 400px);

        padding: 10px 50px;

        background-color: var(--white-color);

    }



    #content_contact .map h4 {

        color: var(--main-color-2);

        font-size: var(--header-text-size);

        padding: 25px 0;

    }



    @media (max-width: 1400px) and (min-width: 767px) {

        #content_contact {

            width: 100%;

        }

    }



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

        #content_contact {

            width: 100%;

        }

    }



    /* -------- Printing the billing Page -------- */


    .no-print .btn-special{
        font-size: 20px;
        min-width: 90px;
    }
    
    #content_print {

        width: 70%;

        min-height: calc(100vh - 230px);

        padding: 10px 50px;

        background-color: #fff;

        border: 5px solid #333336;

    }



    #content_print .header {

        display: flex;

        justify-content: space-around;
        padding-top: 25px;
        align-items: center;

        /* margin-left: 10%; */

    }

    #content_print .header .logo,
    #content_print .header .qr {
        width: 120px;
		height: 100px;
		display: inline-block;
        /* margin: auto; */
      	position: relative;
        top: -70px;

    }
	#content_print .header .logo{
		/* margin: 0 60px 0 0 */
	}

	

     #content_print .header .logo-print, #content_print .header .qr-print{
		top: 0;
		width: 100px;
		height: 100px
    } 

	#content_print .header .logo-print{
		/* margin: 0 120px 0 0 */
	}


    /* #content_print .header .qr img {

        width: 30%;


    } */



    #content_print .header .title {
        /* margin: 0 20px; */
        width: 500px;
        display: inline-block;

	}
    #content_print .header .qr-print{
        width: 165px;
    }
    #content_print .body{
        clear: both;
    }

    #content_print .body .title {
        width: 100%;
        text-align: center;
    }



    #content_print .body .data {

        padding-top: 25px;

        display: flex;

        align-items: center;

        justify-content: space-around;
        
    }
    #content_print .body .data .user{
        display: inline-block;
        font-weight: 500;
        width: 58%;
    }
    #content_print .body .data .info{
        display: inline-block;
        width: 40%;
    }

    .for-print table thead{
        background-color: var(--main-color);
        color: #fff;
    }



    #content_print .body .data .info p span {
        color: #c10019;
    }



    #content_print .footer {

        padding-top: 35px;

    }



    #content_print .footer button {

        float: right;

    }

    /* pdf */
    .logo-pdf{
        width: 100px;
        height:100px;
        margin: auto;
    }
    .qr-pdf{
        width: 100px;
        height: 100px;
        margin: auto;
    }
    .title-pdf{
        width: 500px;
        margin: auto;
    }
    .table-pdf thead{
        background-color:#3a0348;
        color: #fff;
    }
    .table-pdf tbody{
        text-align: left;
    }

    @media (max-width: 1400px) and (min-width: 767px) {

        #content_print {

            width: 100%;

        }

    }



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

        #content_print {

            width: 100%;

            min-height: calc(100vh - 230px);

            margin-left: 0;

            padding: 50px;

        }



        #content_print .header {

            display: flex;

            flex-direction: column;

            align-items: center;

        }



        #content_print .body .title {

            width: 45%;

            margin: 20px 0 0 80px;

        }



        #content_print .body .data {

            display: flex;

            align-items: flex-start;

            flex-direction: column;

        }

    }



    @media print {



        #welcoming,

        #main_img,

        #header,

        #desc_foot,

        #footer,

        #print,
        .no-print {

            display: none;

        }



        body {

            background-image: none;

        }



        #content_print {

            position: absolute;

            top: 0;

            right: 0;

            z-index: 10000;

            width: 100%;

            /* height: 100vh; */

        }
        .for-print {
            break-inside: avoid;
        }
		.for-print table {
            break-inside: avoid;
        }

    }



    /* additional style Nasser */

    .steps,

    .step-child,

    #submit_service {

        display: none;

    }



    .card_bank {

        position: relative;

    }



    .abs-div {

        position: absolute;

        bottom: 13px;

        right: 13px;

        width: auto;

        height: 31px;

    }



    .abs-div img {

        width: auto;

        height: 100%;

    }



    .visa,

    .master,

    .amex {

        display: none;

    }



    /* additional style Ahmed */

    .content .choosing .divs .card .home-price {

        font-weight: bold;

        color: var(--main-color-1);

        margin-left: 20px;

        font-size: 23px;

        margin-top: -8px;

    }





    .content .data {

        justify-content: space-between;

    }



    .content .data>.choosing {

        width: 60%;

        margin-top: 20px;

    }
    




    #description>.info {

        width: 73%;

        margin: 0 11%;

    }



    .navbar-nav li {

        padding: 0 4px;

    }



    .img-logo {

        width: 31%;

        height: 164px;

    }



    .main-logo {

        height: 100%;

        width: 177px;

    }



    .main-logo img {

        width: 100%;

    }



    #main_img {

        overflow: hidden;

    }



    #main_img>.row {

        width: 125%;

        overflow: hidden;

    }



    #footer .sharing p {

        display: initial;

    }



    .home-countries {

        line-height: 1.9;

        display: flex;

        flex-direction: row;

        flex-wrap: wrap;

        align-items: center;

        justify-content: space-around;

        width: 35%;

        margin-top: 40px;

        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;

    }



    .home-countries>a {

        color: var(--main-color-1);

        background: #dadada;

        margin: 5px;

        padding: 2px 9px;

        border: 3px solid;

        box-shadow: 6px 5px 10px rgba(0, 0, 0, 0.7);

        border-radius: 10px;

        text-align: center;

        width: 130px;

        margin: 10px;

        transition: 1s ease-in-out;

    }







    .home-countries>a:hover {

        border-color: var(--main-color-2);

        color: #ffffff;

        background-color: #2b0136;

        font-weight: 600;

        box-shadow: 6px 5px 15px rgba(0, 100, 0, 0.5);

    }



    #main_img>.row {

        width: 125%;

        overflow: hidden;

        padding: 10px 0px;

    }



    #content_invoice>.row>div>.txt>* {

        padding-left: 25px;

    }



    /* single-country */

    .single-country .row {

        justify-content: center;

        width: 79%;

        margin: auto;

        padding: 0;

    }



    .single-country .row .country-info {

        background-color: #ffffff;

    }



    .single-country .row .country-info .content {

        width: 100%;

    }



    .single-country .row .country-info .content .data .choosing {

        width: 100%;

    }



    .single-country .row .country-info .content .data .choosing .flag {

        width: 100%;

        margin-bottom: 15px;

    }

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

        .content .data>.choosing {

            width: 60%;

        }



        #description>.info {

            width: 90%;

        }

    }



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

        .img-logo {

            height: 130px;

        }



        .img-chart {

            width: 60%;

        }
 
        .content .data>.choosing {

            width: 80%;

            margin: auto;

        }



        .home-countries {

            margin: auto;

            width: 80%;

        }

        #content_invoice .countries_selections .country_card .card, #content_invoice .countries_selections .country_card .special_card {
            padding: 10px 10px;
        }
        #content_invoice .countries_selections .country_card .card span, #content_invoice .countries_selections .country_card .special_card span {
            padding-left: 5px;
        }

    }

    @media screen and (max-width: 867px){
        .country_card{
            justify-content: space-around;
        }
    }

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

        #main_img>.row {

            width: 100%;

        }



        .main-logo {

            width: 100%;

            padding-left: 20px;

        }

    }



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

        .home-price {

            position: static;

        }



        .content {

            padding-left: 0px;

            padding-right: 0px;

        }

    }
    @media screen and (max-width: 746px) {
        #content_invoice > .hello > div > form > div > .invoice-step > .doc-invoice > div {
            flex-direction: column;
        }
    }


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

        .content .choosing .divs .card {

            flex-direction: column;

        }



        .home-price {

            padding-top: 0;

        }

    }

  


    @media screen and (max-width: 500px) {
        .img-logo{
            height: 100px;
        }
    }

    .img-logo:first-of-type>img {

        margin-left: 20%;

    }



    .docName,

    .docName2 {

        padding: 25px;

    }



    @media screen and (max-width: 767px) {
        .content .data .country-page {
            padding: 20px;
        }
        #main_img>.row {

            width: 100%;

        }



        .main-logo {

            width: 100%;

            padding-left: 20px;

        }



        #content_invoice .countries_selections .country_card {

            width: 100%;

            justify-content: center;

            margin: 0;



        }

        #country_form {
            width: 150px;
        }

        #content_invoice .countries_selections .country_card .special_card {

            width: 100%;

        }

    }
    @media screen and (max-width: 450px) {
        #country_form{
            min-width: 160.5px;
        }
        #content_invoice .countries_selections .country_card .card span, #content_invoice .countries_selections .country_card .special_card span{
            font-size: 15px;
        }
    }
    .out-usa, .own-options, .conditional-state-element, .inner-case-states {
        display:none;
    }


    /* cart responsive proplem */
    @media screen and (max-width: 550px) {
        #content_card_view > .result{
            width: 525px;
            overflow-x: auto;
        }
    }
    @media screen and (max-width: 500px) {
        #content_card_view > .result{
            width: 475px;
            overflow-x: auto;
        }
    }
    @media screen and (max-width: 450px) {
        #content_card_view > .result{
            width: 425px;
            overflow-x: auto;
        }
    @media screen and (max-width: 450px) {
        #content_card_view > .result{
            width: 425px;
            overflow-x: auto;
        }
    }
    @media screen and (max-width: 400px) {
        #content_card_view > .result{
            width: 375px;
            overflow-x: auto;
        }
    }
    @media screen and (max-width: 350px) {
        #content_card_view > .result{
            width: 325px;
            overflow-x: auto;
        }
    }
}

@media screen and (max-width: 550px) {
    #desc_foot{
        font-size: 0.7em;
        padding: 20px;

    }
    #desc_foot h4{
        font-size: 1.5em;
    }
}

input[type="radio"]{
    outline: #000 2px solid;
    margin-right: 10px;
}

@media (max-width: 1040px) and (min-width: 990px) {
    .navbar-nav li{
        padding: 0;
    }
}
.unwanted-content a{
    background-color: #2b0136;
    padding: 20px;
    display: block;
    width: fit-content;
    color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #000;
    margin: auto;
    margin-top: 16px;
}
.unwanted-content a:hover{
    background-color: var(--main-color-2);
}