@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');
@import url(bootstrap.min.css);
@import url('https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.8/css/intlTelInput.css');
@import url('countrySelect.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css');


 
body {
    font-family: 'Open Sans', sans-serif; 
    background: #F0F3F4;
}

a.active,
a:focus,
button:focus,
button.active {
    outline: none;
}

a {
    text-decoration: none;
}

a:focus,
a:hover,
a:active {
    outline: 0;
    box-shadow: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;

}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul li {
    list-style: none;
}

p {
    margin: 0;
    padding: 0;
}

input:focus,
select:focus,
textarea:focus {
    outline: none;
}

img {
    border-style: none;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.top-bar {
    background: #FFF;
    padding: 9px 0px;
}

.nav-list li a {
    color: #00303F;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
}

.nav-list li a img {
    margin-right: 10px;
}

.top-bar .nav-list {
    display: flex;
    align-items: center;
    justify-content: end;
    grid-gap: 40px;
}

.button-list {
    display: flex;
    align-items: center;
}

.button-list li:first-child {
    margin-right: 15px;
}

.button-list .btn-default {
    width: 98px;
    height: 44px;
}

.btn-link {
    color: #00303F;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    padding: 13.5px 17px;
    text-decoration: none;
}

.btn-default:hover {
    background-color: transparent;
    color: #00303F !important;
}

.btn-default {
    color: #FFF;
    font-size: 15px;
    line-height: 1;
    font-weight: 600;
    line-height: 24px;
    border-radius: 50px;
    display: flex;
    width: 196px;
    height: 69px;
    align-items: center;
    justify-content: center;
    background: #00303F;
    padding: 9px 16.5px !important;
    border: 1px solid #00303F;
}

header .navbar-nav .nav-item .nav-link {
    color: #00303F;
    font-size: 15px;
    font-weight: 600;
    line-height: 24px;
    padding-right: 30px;
    padding-left: 0;
}

header .navbar-nav .nav-item .nav-link:hover {
    color: #DCAE1E;
}

.top-bar .nav-list li a:hover {
    color: #DCAE1E;
}

.reviews-list {
    display: flex;
    align-items: center;
}

.reviews-list li p {
    color: #00303F;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-right: 15px !important;
    display: flex;
    align-items: center;
}

.btn-more {
    color: #C4C4C4 !important;
}

.btn-view {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    flex-shrink: 0;
    border-radius: 50px;
    border: 1px solid var(--White, #FFF);
    display: none;
    align-items: center;
    justify-content: center;
    margin: 36px auto 0;
    width: 196px;
    height: 69px;
    line-height: 24px;
    border-radius: 50px;
    border: 1px solid #FFF;
}

.text-box h1 {
    color: #00303F;
    font-family: 'Open Sans', sans-serif; 
    font-size: 60px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px;
    margin: 48px 0px 14px;
}

.text-box p {
    color: #00303F;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
}

.hero-sec {
    margin: 54px 0px 63px;
}

.text-box ul li img {
    margin-right: 15px;
}

.text-box .lists {
    margin-top: 28px;
}

.bottom-space {
    margin-bottom: 28px;
}

.text-box .lists li {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.hero-sec .btn-default {
    font-size: 16px;
    width: 318px;
    margin-top: 36px;
}

.hero-sec .img-holder {
    margin-left: 46px;
}

.hero-sec .img-holder img {
    max-width: inherit;
}

header .navbar {
    padding: 26px 0px;
}

.logo-box ul {
    margin-left: 50px;
    display: flex;
    align-items: center;
    grid-gap: 50px;
}

.logo-box h6 {
    color: #00303F;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.logo-box {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 40px 0px #EDEFEC;
    padding: 32px 49px 32px;
    display: flex;
    align-items: center;
}

.box {
    border-radius: 15px;
    background: var(--White, #FFF);
    box-shadow: 0px 4px 40px 0px #EDEFEC;
    padding: 60px;
    max-width: 693px;
    margin: 0 auto;
    height: 100%;
}

.box.text-box h3 {
    margin: 20px 0px 32px;
    max-width: 311px;
}

.box .lists {
    margin-top: 20px;
}

.box .lists li {
    margin-bottom: 20px;
}

.box .lists li img {
    margin-right: 20px;
}

.text-box h3 {
    color: #00303F;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
}

.box .button-list .btn-default {
    width: 196px;
    height: 69px;
}

.step-1 .btn-link {
    margin-top: 74px;
    display: block;
}

.btn-link {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration-line: underline;
}

.box .button-list {
    margin-top: 58px;
}

.box .button-list li:first-child {
    margin-right: 32px;
}

.badge-sec {
    margin: 52px 0px 73px;
}

.project-sec {
    background-image: url(../images/bg-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 217px 0px 228px;
}

.wrapper {
    overflow: hidden;
}

.box .img-holder {
    min-height: 48px;
}

.project-sec .text-box h1 {
    color: #FFF;
    text-align: center;
    font-size: 60px;
    font-family: 'Open Sans', sans-serif; 
    font-weight: 700;
    line-height: 65px;
    margin: 0;
}

.btn-see:hover {
    background-color: #fff;
    color: #00303F;
}

.btn-see {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    width: 196px;
    height: 69px;
    margin: 32px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    border: 1px solid #FFF;
}

.language-sec .text-box h2 {
    margin-bottom: 40px;
    color: #fff;
}

.text-box h2 {
    color: #00303F;
    font-size: 48px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif; 
    line-height: 57px;
}

.language-sec .text-box p {
    color: #fff;
    max-width: 875px;
    margin: 0 auto;
}

.language-sec {
    background: #00303F;
    padding: 156px 0px 205px;
}

.country-boxes {
    margin-top: 40px;
}

.country-box h6 {
    color: #00303F;
    font-size: 26px;
    margin-top: 10px;
    font-weight: 500;
    line-height: 36px;
}

.country-box {
    border-radius: 15px;
    padding: 20px;
    background: #FFF;
    text-align: center;
    margin-top: 30px;
}

.document-sec .text-box h2 {
    margin-bottom: 26px;
}

.document-sec .text-box p {
    font-weight: 600;
}

.document-links {
    display: flex;
    grid-gap: 40px;
    margin-top: 36px;
}

.document-sec {
    padding: 203px 0px 184px;
    background: #fff;
}

.document-sec .btn-default {
    font-size: 16px;
    width: 357px;
    margin-top: 90px;
}

.document-links ul li a {
    color: #00303F;
    font-size: 20px;
    font-weight: 500;
    line-height: 40px;
    text-decoration-line: underline;
}

.result-sec {
    padding: 112px 0px;
}

.contact-box p {
    color: #00303F;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 20px;
}

.result-sec .btn-default {
    padding: 23px 45px !important;
}

.cloud-img {
    margin-top: 24px;
}

header .btn-default {
    height: 44px;
}

.number-boxes {
    margin-top: 64px;
    margin-bottom: 64px;
}

.feature-sec {
    background-image: url(../images/featured-img.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 54px 48px 36px 54px;
    margin-top: 48px;
    border-radius: 15px;
}

.result-sec .feature-sec h2 {
    color: #fff;
    max-width: 1068px;
    margin: 0 auto 58px;
}

.slider-box h3 {
    margin: 32px 0px;
}

.logo-sldier {
    flex: 1;
    margin-left: 50px;
}

.slider-box {
    border-radius: 15px;
    background: #FFF;
    padding: 64px 60px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.slider-sec .mySwiper {
    padding: 111px 0px 113px;
}

.certified-sec {
    padding-bottom: 185px;
}

.contact-sec .text-box .lists li {
    margin-bottom: 20px;
}

.translate-sec {
    background-color: #fff;
    padding: 90px 0px 115px;
}

.translate-sec .text-box h3 {
    margin-bottom: 20px;
}

.translate-sec .tranlate-box {
    margin-top: 30px;
}

.translate-sec .text-box h2 {
    margin-bottom: 26px;
}

.translate-sec .text-box p a {
    text-decoration: underline;
    color: #00303F;
}

.translate-sec .text-box {
    max-width: 900px;
    margin: 0 auto;
}

.contact-sec .text-box h2 {
    margin-bottom: 20px;
}

.contact-sec .text-box .lists {
    margin-top: 52px;
}

.top-heading .btn-default {
    width: 196px;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.certified-sec .text-box h3 {
    margin: 32px 0px;
}

.top-heading {
    margin-bottom: 110px;
}

.contact-box {
    border-radius: 15px;
    background: #F0F3F4;
    padding: 64px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.form .form-group {
    margin-bottom: 20px;
}

.form .form-group .form-control::placeholder {
    color: #00303F;
}

.form .form-group .form-control {
    border-radius: 10px;
    border: 1px solid #C9D3DD;
    background-color: #FFF;
    color: #00303F;
    font-size: 18px;
    height: 60px;
    font-weight: 400;
    line-height: 28px;
    padding: 12px 28px;
}

.text-input {
    height: 100px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#file-up {
    display: none;
}

input[type=number] {
    -moz-appearance: textfield;
}

.file-box img {
    margin-right: 18px;
}

.file-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px 0px 0px 10px;
    background: #00303F;
    width: 170px;
    height: 59px;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.btn-page {
    color: #00303F;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 0px 10px 10px 0px;
    border: 1px solid #C9D3DD;
    background: #DDE0E2;
    width: 97px;
    height: 59px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-send:hover {
    background-color: transparent;
    color: #00B67A;
}

.btn-send {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    border: 1px solid #00B67A;
    border-radius: 50px;
    background: #00B67A;
    width: 100%;
    padding: 23px 0px;
}

.contact-sec {
    position: relative;
    background-color: #fff;
    padding-top: 130px;
}

.contact-sec .img-holder {
    margin-top: -70px;
}

.client-sec {
    background: #00303F;
    padding: 143px 0px 108px;
}

.swiper-button-prev {
    left: auto;
    right: 60px;
}

.client-sec .slider-box h2 {
    margin-top: 20px;
}

.client-sec .client-slider {
    padding-top: 130px;
}

.para-space {
    margin-bottom: 32px;
}

.opacity-0 {
    opacity: 0;
}

.solution-sec {
    background: #0D4050;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
    padding: 64px 0px;
}

.solution-sec .btn-default:hover {
    color: #fff !important;
}

.solution-sec .text-box p {
    margin: 32px 0px 20px;
}

footer .text-box p {
    font-size: 12px;
    line-height: 18px;
    margin-top: 129px;
}

.footer-list {
    display: flex;
    margin-right: 12px;
    justify-content: space-between;
}

.footer-list ul li a {
    color: #00303F;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

.payment-list {
    display: flex;
    align-items: center;
    grid-gap: 7px;
}

footer h6 {
    color: #00303F;
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 600;
    line-height: 24px;
}

footer {
    background-color: #fff;
    padding: 80px 0px 120px;
}

.social-icons {
    margin-top: 43px;
}

.social-icons ul {
    display: flex;
    align-items: center;
    grid-gap: 35px;
}

.footer-space {
    padding-left: 20px;
}

.certified-para {
    margin: 12px 0px 32px;
}

.certified-hero .lists {
    display: flex;
    margin: 14px 0px;
}

.certified-hero {
    margin: 90px 0px 114px;
}

.certified-hero .btn-default {
    margin-top: 46px;
}

.certified-hero .lists li {
    max-width: 331px;
    margin-right: 20px;
    width: 100%;
}

.pricing-sec {
    background-color: #00303F;
    padding: 160px 0px 194px;
}



.pricing-card {
    border-radius: 15px;
    background: #0D4050;
    padding: 64px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.card-space {
    margin-top: 86px;
}

.cards-space {
    margin-top: 23px;
}

.pricing-card p {
    margin-bottom: 12px;
}

.pricing-card.card-1 {
    padding-bottom: 131px;
    margin-right: -15px;
    margin-left: 20px;
}

.pricing-card.card-2 {
    background-color: #fff;
    padding-bottom: 87px;
    position: relative;
    padding-top: 105px;
}

.pricing-card.card-3 {
    padding-bottom: 57px;
    margin-left: -15px;
    margin-right: 20px;
}

.pricing-card .btn-send {
    margin: 12px 0px 35px;
}

.pricing-card .btn-default {
    width: 100%;
    margin: 12px 0px 35px;
}

.para-size {
    font-size: 16px !important;
}

.pricing-card ul li img {
    margin-right: 27px;
}

.pricing-card ul li p {
    margin: 0;
    font-weight: 600;
}

.pricing-card ul li {
    display: flex;
    align-items: center;
    padding: 20px 0px;
    border-top: 1px solid #00303F;
    border-bottom: 1px solid #00303F;
}

.pricing-card span {
    color: #00303F;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    margin-left: 12px;
    display: block;
}

.file-sec {
    background-color: #fff;
    padding: 139px 0px 109px;
}

.file-sec .text-box h2 {
    margin-bottom: 20px;
}

.file-sec .btn-default {
    width: 229px;
}

.pdf-box {
    border-radius: 15px;
    background: #DDE0E2;
    margin-top: 30px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 2px 40px 0px rgba(0, 0, 0, 0.05);
}

.pdf-box .text-box {
    flex: 1;
}

.pdf-box .text-box h3 {
    margin-top: 48px;
}

.pdf-box .img-box {
    background: #FFF;
    padding: 11px 17px;
    margin-right: 30px;
}

.support-media .country-box {
    margin-top: 21px;
}

.support-media .country-boxes {
    margin-top: 60px;
}

.document-sec .nav-tabs {
    border: none;
    grid-gap: 24px;
    justify-content: center;
}

.result-sec.certified-result {
    padding: 0px;
}

.start-box .btn-default {
    width: 261px;
}

.certified-result .feature-sec {
    margin-top: -200px;
}

.certified-doc {
    padding: 130px 0px 330px;
}

.document-sec .nav-tabs {
    margin-top: 82px;
}

.tab-content .document-links {
    grid-gap: 0;
    margin-top: 112px;
}

.document-sec .nav-tabs .nav-link {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    padding: 23px 41px;
    border-radius: 50px;
    border: 1px solid #00303F;
}

.document-sec .nav-tabs .nav-link.active,
.document-sec .nav-tabs .nav-link:hover {
    background-color: #00303F;
    color: #fff;
}

.file-box {
    color: #fff !important;
    margin-bottom: 0px !important;
}

.input-space {
    margin: 10px 0px 0;
}

.order-box {
    border-radius: 15px;
    background: #FFF;
    padding: 20px;
    max-width: 533px;
    margin-left: auto;
    padding-top: 45px;
    position: relative;
    z-index: 1;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.order-box .text-box p {
    font-weight: 600;
}

.select2-container--default .select2-selection--single {
    border-radius: 10px;
    border: 1px solid #00303F;
    background: #FFF;
    height: 60px;
    display: flex;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #00303F;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: none;
    background-image: url(../images/drop-arrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 17px;
    height: 10.831px;
    transform: translate(-100%, -100%);
    top: 139%;
}

.select2-search--dropdown .select2-search__field {

    display: none;
}


.select2-container--default .select2-selection--single .select2-selection__rendered img {
    width: 30px;
    height: 20px;
}

.order-box p {
    margin-bottom: 38px;
}

.order-box .select2-container--default {
    width: 100% !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.order-box .link span {
    color: #00303F;
    font-size: 12px;
    margin-bottom: 20px;
    display: block;
    font-weight: 400;
    line-height: 130%;
}

.order-box .form-group {
    margin-bottom: 10px;
}

.order-box .link span a {
    color: #338AF3;
}

.order-box label {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 24px;
}

.tag-box.tag-box2 {
    color: #00303F;
    background: #DDE0E2;
}

.type-box {
    border-radius: 10px;
    border: 1px solid #C9D3DD;
    background: #FFF;
    display: flex;
    padding-left: 9px;
    margin-bottom: 10px;
    align-items: center;
    height: 40px;
}

.form-check-input:focus {
    border-color: #00303F;
    box-shadow: none;
}

.form-check-input {
    margin-top: 0;
    width: 24px;
    height: 24px;
}

.form-check-input:checked {
    background-color: #00303F;
    border-color: #00303F;
}

.order-box .type-box label {
    width: 100%;
    margin-bottom: 0px;
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    padding-left: 24px;
    line-height: 18px;
}

.tag-box {
    color: #338AF3;
    font-size: 12px;
    font-weight: 600;
    height: 40px;
    width: 122px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 24px;
    border-radius: 0px 10px 10px 0px;
    border-left: 1px solid #C9D3DD;
    background: #ECF3FD;
}

.type-boxes2 {
    display: flex;
    align-items: center;
    grid-gap: 5px;
}

.order-box .type-boxes.type-boxes2 label {
    padding-left: 7px;
    padding-right: 21px;
}

.order-box .btn-send {
    margin-bottom: 20px;
}

.order-box .type-boxes2 .tag-box {
    width: 84px;
}

.form-hero {
    margin: 63px 0px 36px;
}

.delivery-box {
    color: #00303F;
    font-size: 12px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 5px;
    background: #DDE0E2;
    height: 34px;
    display: flex;
    margin-top: 20px;
    align-items: center;
    justify-content: center;
}

.polic-sec {
    background-image: url(../images/doucmnet-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 217px 0px 186px;
}

.polic-sec .text-box h1 {
    max-width: 1314px;
    margin: 0 auto;
}

footer .accordion {
    display: none;
}

footer .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

footer .accordion-button {
    padding: 23px 0px;
}

footer .accordion-body {
    padding: 0;
}

footer .accordion-item {
    border: 1px solid #C9D3DD;
    border-left: none;
    border-right: none;
}

footer .accordion-button:not(.collapsed)::after {
    content: none;
}

footer .accordion-button::after {
    content: none;
}

.dropdown-menu {
    min-width: 563px;
    padding: 30px 30px 30px 17px;
    border-radius: 10px;
    background: #FFF;
    border: none;
    margin-top: 20px !important;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.dropdown-menu .form label {
    color: #00303F;
    margin-bottom: 16px;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
}

header .select2-container {
    width: 100% !important;
}

.form-control:focus {
    box-shadow: none;
}

.top-bar .btn-default {
    height: 69px;
}

.select2-container {
    position: relative;
    z-index: 99999;
}

.navbar-toggler:focus {
    box-shadow: none;
}

.solution-box .btn-default {
    width: 261px;
}

.pricing-card .btn-default:hover {
    color: #fff !important;
}

.dropdown-menu2 .form {
    margin-left: 12px;
    margin-top: 16px;
}

.select2-container .select2-selection--single .select2-selection__rendered {

    padding-left: 30px;
}

.dropdown-menu .btn-default {
    color: #fff;
    margin-top: 16px;
    font-size: 16px;
    width: 100%;
}

.dropdown-menu .form-space {
    margin-top: 16px;
}

.dropdown-toggle::after {
    content: none;
}

.dropdown-menu ul li a img {
    margin-right: 12px;
}

.dropdown-menu ul li a {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    width: 100%;
    color: #00303F;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.dropdown-menu.dropdown-menu2::after {
    right: 15px;
    left: auto;
    top: -13px;
}

.dropdown-menu::after {
    content: '';
    background-image: url(../images/arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 33px;
    height: 28px;
    position: absolute;
    left: 67px;
    top: -13px;
}

.dropdown-menu ul {
    display: grid;
    grid-template-columns: 4fr 4fr 4fr;
    grid-gap: 16px;
}

.dropdown-menu h6 {
    color: #00303F;
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 22px;
    padding-left: 8px;
}

.btn-flag:focus,
.btn-flag:hover {
    border-radius: 10px;
    background: var(--Grey-01, #F0F3F4);
    box-shadow: none;
}

.professional-boxes {
    display: grid;
    grid-template-columns: 6fr 6fr;
    grid-gap: 40px;
}

.professional-boxes .techinal-box h6 {
    font-size: 16px;
    padding: 10px 0px 8px;
    margin: 0;
}

.logo-heading h6 {
    margin-left: 16px !important;
}

.navbar-expand-xl .navbar-nav {
    width: 100%;
}

.nav-list2 {
    display: none;
}

.logo-heading {
    display: flex;
    align-items: center;
}

.navbar-toggler {
    padding: 0px;
}

.dropdown-menu.dropdown-menu3 {
    padding: 30px !important;
}

.professional-boxes .techinal-box p {
    color: #00303F;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
}

.professional-boxes .techinal-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown:hover .dropdown-menu2 {
    left: auto;
    right: 0;
}

.feature-sec .text-box h2 {
    font-size: 60px;
    line-height: 65px;
}

.dropdown::after {
    content: '';
    background-color: transparent;
    height: 30px;
    position: absolute;
    bottom: -30px;
    width: 100%;
    left: 0;
}

.dropdown:hover .dropdown-toggle {
    color: #DCAE1E !important;
}

.swiper-pagination-bullet {
    width: 50px;
    height: 4px;
    border-radius: 0px;
    background-color: #00303F;
}

.swiper-pagination {

    margin-top: 48px;
}

.client-sec .swiper-pagination-bullet {
    background-color: #fff;
}

.swiper-pagination {
    position: static;
    justify-content: center;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #fff;
}

.slider-sec .swiper-button-next:after,
.slider-sec .swiper-button-prev:after {
    color: #00303F;
}

.certified-hero .image-holder {
    margin: 32px 0px 30px;
}

.certified-media .text-box p {
    margin-bottom: 44px;
}

.hero-sec .reviews-list p {
    margin-bottom: 0 !important;
}

.form-hero .card img {
    width: fit-content;
    margin: 0 auto 20px;
}

.form-hero .card h6 {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    max-width: 293px;
    margin: 0 auto;
}

.form-hero .certified-media {
    margin-bottom: 64px;
}

.form-hero .card {
    text-align: center;
    justify-content: center;
    border-radius: 15px;
    background: #FFF;
    padding: 30px;
    margin-top: 52px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
    min-height: 175px;
}

.translate-sec .translate-media .text-box {
    max-width: 935px;
}

.translate-sec .translate-media .text-box .tranlate-box {
    max-width: 893px;
}

.translate-sec .translate-media .para-space {
    margin-bottom: 22px;
}

.translate-sec .translate-media .text-box span {
    font-weight: 600;
}

.translate-sec .translate-media ul li a {
    color: #338AF3;
    text-decoration: underline;
}

.translate-sec .translate-media .text-box .tranlate-box p {
    font-size: 18px;
}

.order-list li {
    list-style-type: disc;
    margin-left: 15px;
}

.translate-sec .translate-media .affidavit-box p {
    font-size: 16px !important;
}

.yellow-text {
    color: #DCAE1E !important;

}

.pricing-sec .text-box h2 {
    margin-bottom: 28px;
}

.certified-media2 .text-box.certified-hero p {
    margin-bottom: 74px;
}

.certified-media2 .text-box.certified-hero h1 {
    margin: 39px 0 68px;
}

.img-space {
    margin-top: 26px;
    padding-bottom: 50px;
}

.certified-media3 .reviews-list {
    justify-content: center;
}

.certified-media3 .text-box {
    text-align: center;
    max-width: 1182px;
    margin: 0 auto;
}

.certified-media3 .certified-hero .lists {
    justify-content: space-between;
    margin: 47px auto 67px;
}

.certified-media3 .certified-hero .btn-default {
    margin-bottom: 64px;
}

.certified-media3 .text-box h1 {
    margin: 51px 0px 34px;
}

.certified-media3 .certified-hero .lists li {
    margin: 0;
    max-width: 100%;
    width: auto;
}

.dark-page .hero-sec {
    background-color: #00303F;
    padding: 63px 0px 36px;
    margin: 0;
}

.dark-page .top-bar {
    background-color: #0D4050;
}

.dark-page .nav-list li a {
    color: #fff;
}

.dark-page .nav-list li .dropdown-menu a {
    color: #00303F;
}

.dark-page .nav-list li .dropdown-menu .btn-default {
    color: #fff;
}

.dark-page .navbar-brand {
    margin-right: 58px;
}

.dark-page header .navbar-nav .nav-item .nav-link.btn-default {
    background: #DCAE1E;
    color: #00303F !important;
}

.dark-page header .button-list li:first-child .nav-link {
    margin-right: 12px;
    padding-right: 0;
}

.dark-page header .navbar-nav .nav-item .nav-link.active {
    color: #fff;
    text-decoration: underline;
}

.dark-page .text-box.dark-hero h1,
.dark-page .text-box.dark-hero p {
    color: #fff;
}

.dark-page .text-box.dark-hero p {
    margin-bottom: 195px;
}

.dark-page .text-box.dark-hero h1 {
    margin: 39px 0px 50px;
}

.dark-page .hero-sec .text-box .lists li {
    color: #fff;
}

.dark-page .hero-sec .text-box p {
    max-width: 601px;
}

.dark-page header .button-list .btn-default {
    background: #DCAE1E;
    color: #00303F;
}

.dark-page header .navbar-nav .nav-item .nav-link {
    color: #fff;
}

.dark-page header .navbar {
    background-color: #00303F;
}

.contract-sec .text-box {
    max-width: 1254px;
}

.contract-sec {
    background-image: url(../images/professional-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 202px 0;
}

.delivery-sec {
    background: #00303F;
    padding: 67px 0px;
}

.delivery-card.text-box h3 {
    margin: 32px 0px;
}

.delivery-card {
    border-radius: 15px;
    background: #0D4050;
    padding: 64px 60px;
    height: 100%;
    max-height: 382px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.translate-sec .translate-media p a {
    color: #338AF3;
}

.dark-page .pricing-card.card-1 {
    padding-bottom: 221px;
}

.development-sec {
    padding: 66px 0px 306px;
    background: #00303F;
}

.development-card.text-box h3 {
    margin: 32px 0px;
}

.development-cards .development-card:hover svg path {
    fill: #00303F;
}

.development-cards .development-card:hover h3,
.development-cards .development-card:hover p {
    color: #00303F !important;
}

.development-cards .development-card:hover {
    background: #FFF;
}

.development-cards {
    margin-top: 55px;
}

.dark-page .feature-sec {
    background-image: url(../images/featured-img2.png);
}

.development-card {
    border-radius: 15px;
    cursor: pointer;
    margin-top: 38px;
    background: #0D4050;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
    padding: 40px;
}

.dark-page .professional-hero .btn-default {
    background: var(--Green-02, #00B67A);
}

.dark-page .professional-hero .text-box p {
    margin-bottom: 51px;
}

.dark-page .professional-hero .text-box h1 {
    margin: 50px 0px 48px;
}

header .collapse:not(.show) {
    transition: all 0.5s ease-in-out;
    display: block;
}

.list-box .lists {
    display: block;
}

.certified-hero .list-box li {
    max-width: 100%;
}

.certified-hero .logo-box {
    box-shadow: none;
    margin-top: 64px;
}

.structure-img {
    position: absolute;
    bottom: 134px;
    z-index: -1;
    right: 20%;
}

.business-page .hero-sec .container {
    z-index: 1;
}

.delivery-sec.partner-sec {
    padding: 13px 0px 90px;
}

.partner-inner .delivery-card {
    padding: 60px 30px 55px;
}

.partner-inner .delivery-card.text-box h3 {
    max-width: 140px;
}

.handsome-sec {
    background-image: url(../images/handsome-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 217px 0px 186px;
}

.business-page .certified-sec {
    padding: 120px 0px 128px;
}

.dark-page .business-page .result-sec {
    background-color: #00303F;
}

.dark-page .business-page .result-sec .btn-default {
    color: #00303F;
    background: #00B67A;
}

.top-space {
    margin-top: 32px;
}

.dark-page .business-page .feature-sec.feature-sec2 {
    background-image: url(../images/featured-img.png);
}

.business-page .feature-sec .text-box h2 {
    max-width: 1110px;
    margin: 38px auto 66px;
}

.dark-page .business-page .slider-sec {
    background-color: #00303F;
}

.business-page .slider-box img {
    max-height: 40px;
    min-height: 40px;
}

.business-page .development-sec {
    padding: 14px 0px 94px;
}

.card-heading {
    display: flex;
    align-items: center;
    margin-bottom: 32px;
}

.card-heading h3 {
    margin-left: 23px !important;
}

.btn-learn {
    color: #338AF3;
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0px 0px;
    line-height: 24px;
    text-decoration-line: underline;
}

.business-page .development-card {
    padding: 60px 30px;
}

.business-page .development-card.text-box h3 {
    margin: 0px;
}

.dark-page .hero-sec .business-hero .text-box p {
    max-width: 705px;
    margin-bottom: 24px;
}

.hero-form {
    border-radius: 15px;
    background: #FFF;
    max-width: 533px;
    margin-left: auto;
    padding: 20px 40px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.hero-form label {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 16px;
}

.form-select {
    background-image: url(../images/delivery.svg);
    background-position: right 0rem center;
    background-size: 67px 59px;
}

.hero-form .form .form-group {
    margin-bottom: 16px;
}

.hero-form p {
    font-weight: 700;
    padding: 28px 0px;
}

.billing-sec {
    background-image: url(../images/billing-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 218px 0px 233px;
}

.dark-page .hero-sec .business-hero {
    padding-bottom: 58px;
}

.font-semibold {
    font-weight: 600 !important;
    margin-bottom: 16px;
}

.business-page .translate-sec .translate-media .para-space {
    margin-bottom: 16px;
}

.dark-page .hero-sec .business-hero .structure-img {
    bottom: -92px;
}

.mt-30 {
    margin-top: 60px !important;
}

.delivery-sec.way-sec {
    padding: 142px 0px 321px;
}

.delivery-sec.way-sec .text-box h2 {
    margin-bottom: 108px;
}

.business-page .bg-transparent .feature-sec .text-box h2 {
    margin: 17px auto 29px;
}

.dark-page .business-page .slider-sec.slider-sec2 {
    background-color: transparent;
}

.dark-page .business-page .slider-sec.slider-sec2 .mySwiper {

    padding: 178px 0px 126px;
}

.contact-card {
    border-radius: 15px;
    background: #FFF;
    padding: 64px 60px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.contact-card h3 {
    margin: 20px 0px 32px;
}

.contact-card .btn-default {
    width: 100%;
}

.contact-card p {
    margin-bottom: 20px;
}

.contact-page .text-box h1 {
    margin-bottom: 60px;
}

.contact-page {
    padding: 52px 0px 90px;
}

.location-sec {
    background: #00303F;
    padding: 126px 0px 136px;
}

.location-card:hover {
    background-color: #fff;
}

.location-card:hover h3,
.location-card:hover p {
    color: #00303F !important;
}

.location-card:hover .btn-contact {
    color: #00303F !important;
    border: 1px solid #00303F;
}

.location-card {
    border-radius: 15px;
    background: #0D4050;
    padding: 40px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    justify-content: space-between;
}

.location-card p span {
    font-weight: 700;
}

.gap-32 {
    --bs-gutter-y: 32px;
    margin-top: 80px;
}

.location-card p {
    max-width: 312px;
}

.location-card ul li {
    width: 50%;
}

.location-card ul {
    display: flex;
    align-items: center;
}

.location-card h3 {
    margin-bottom: 32px;
}

.btn-watsapp {
    color: #338AF3;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration-line: underline;
}

.btn-contact:hover {
    background-color: #fff;
    color: #0D4050;
    transition: all 0.5s ease-in-out;
}

.btn-contact {
    color: #FFF;
    height: 69px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 50px;
    border: 1px solid #FFF;
}

.location-sec .form-select {
    border-radius: 100px;
    border: 1px solid var(--Green-04, #00303F);
    background-color: rgba(255, 255, 255, 0.10);
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin: 43px 0px 84px;
    max-width: 360px;
    padding-left: 45px;
    height: 70px;
    background-image: url(../images/arrow-drop.svg);
    background-position: right 34px center;
    background-size: 18px 45px;
}

.adress-space {
    margin: 32px 0px;
}

.buttons-list li {
    width: 50%;
}

.buttons-list {
    display: flex;
    align-items: center;
    max-width: 377px;
}

.map iframe {
    border-radius: 20px;
}

.map-sec {
    padding: 178px 0px 227px;
}

.country-select .selected-flag .arrow.up {
    border-bottom: none;
}

/* select option[selected] {
    background-color: black;
} */

.dark-page .hero-sec .text-box .hero-para p {
    max-width: 830px;
}

.dark-page .hero-sec .certified-media3 .text-box p {
    max-width: 1169px;
    margin: 0 auto 38px;
}

.dark-page .hero-sec .certified-media3 .btn-send {
    max-width: 318px;
    margin: 0 auto 64px;
}

.slider-sec3 .swiper-button-next:after,
.slider-sec3 .swiper-button-prev:after {
    color: #fff;
}

.slider-sec3 .swiper-pagination-bullet {
    background-color: #fff;
}

.mySwiper4 .slider-box,
.mySwiper3 .slider-box {
    min-height: 418px;
}

.vendor-page .hero-sec .btn-send {
    width: 318px;
}

.vendor-page .hero-sec .text-box h1 {
    margin: 0px 0px 50px;
}

.vendor-page .hero-sec .text-box p {
    max-width: 641px;
}

.vendor-page .hero-sec .text-box .certified-para {
    font-size: 18px;
    max-width: 661px;
}

.vendor-page .form-hero {
    margin: 65px 0px 108px;
}

.vendor-page .delivery-sec {
    padding: 90px 0px 126px;
}

.vendor-page .delivery-card {
    padding: 64px 50px;
    height: 100%;
    min-height: 411px;
}

.delivery-heading {
    margin-bottom: 52px;
}

.star-list {
    display: flex;
    align-items: center;
    grid-gap: 28px;
    margin: 103px 0px 57px;
}

.star-list p {
    font-size: 16px;
    color: #fff;
}

.vendor-page .delivery-sec .btn-default:hover {
    background-color: transparent;
    color: #fff !important;
    border: 1px solid #0D4050;
}

.vendor-page .delivery-sec .btn-default {
    background: #0D4050;
}

.vendor-page .feature-sec .text-box h2 {
    max-width: 788px;
    margin: 0 auto;
}

.vendor-page .delivery-sec .feature-sec {
    background-image: url(../images/vendor-featured-img.png);
    padding: 161px 0px 153px;
}

.form-sec {
    padding-top: 56px;
}

.form-sec .text-box {
    max-width: 900px;
    margin: 0 auto;
}

.form-sec .text-box h2 {
    margin-bottom: 40px;
}

.text-box.form-box .form {
    margin-top: 22px;
}

.text-box.form-box {
    border-radius: 15px;
    background: #FFF;
    padding: 30px;
    max-width: 780px;
    margin: 82px auto 38px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.font-sembold {
    font-weight: 600 !important;
}

.text-box.form-box .form-control::placeholder {
    color: #C9D3DD;
}

.text-box.form-box .form-control {
    padding-left: 20px;
}

.text-box.form-box label {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 24px;
}

.text-box.form-box .iti__selected-flag {
    border-radius: 10px 0px 0px 10px;
    border-left: 1px solid #C9D3DD;
    background: #DDE0E2;
    padding: 0 17px 0 22px;
}

.iti__arrow {
    border: none;
    background: url(../images/drop-arrow.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    width: 17px;
    height: 10px;
}

.text-box.form-box .iti.iti--allow-dropdown .form-control {
    padding-left: 102px;
}

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
    background: #DDE0E2;
}

.text-box.form-box .iti {
    width: 100%;
}

.country-select {
    width: 100%;
}

.country-select.inside .flag-dropdown {
    border-radius: 10px 0px 0px 10px;
    border-left: 1px solid #C9D3DD;
    background: #DDE0E2;
    padding: 0 17px 0 22px;
}

.country-select.inside .flag-dropdown:hover .selected-flag {
    background: #DDE0E2;
}

.country-select.inside .selected-flag {
    padding: 0;
}

.country-select .selected-flag .arrow {
    border: none;
    background: url(../images/drop-arrow.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    width: 17px;
    height: 11px;
    margin-top: -5px;
    left: 27px;
}

.country-select.inside input,
.country-select.inside input[type=text] {
    padding-left: 102px;
}

.form-box .type-box {
    height: 60px;
    padding-left: 20px;
    width: 100%;
}

.step-1 .type-boxes2 {
    grid-gap: 23px;
}

.form-box .type-box label {
    margin-bottom: 0px;
    padding-left: 16px;
    font-size: 18px;
    font-weight: normal;
    width: 100%;
    flex: 1;
}

.radio-box {
    border-radius: 10px;
    background: #DDE0E2;
    padding: 24px 20px;
    max-width: 462px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.radio-box label {
    color: #00303F;
    font-size: 14px;
    font-weight: 400;
    padding-left: 34px;
}

.radio-box .form-check-input[type=checkbox] {
    border-radius: 50%;
}

.form-sec .btn-send {
    max-width: 462px;
    margin: 50px auto 129px;
}

.select2-container--default .select2-selection--multiple {
    border-radius: 10px;
    border: 1px solid var(--Grey-03, #C9D3DD);
    background: var(--White, #FFF);
    height: 60px;
    display: flex;
    align-items: center;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #C9D3DD 1px;
}

.select2-selection--multiple::after {
    content: '';
    background-image: url(../images/delivery.svg);
    background-position: right 0rem center;
    background-size: 66px 59px;
    position: absolute;
    right: -1px;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    top: 0;
    z-index: -1;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px;
    padding-left: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    border-radius: 10px;
    background: #ECF3FD;
    color: #338AF3;
    text-align: center;
    margin-top: 0px;
    font-size: 12px;
    border: none;
    font-weight: 600;
    line-height: 24px;
    padding: 11px 15px 11px 40px;
}

.select2-selection--multiple {
    position: relative;
    z-index: 1;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    display: none;
}


.select2-selection__choice {
    position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff2f2;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #fff2f2;
}

.select2-selection__choice__remove::after {
    content: '';
    background-image: url(../images/cross-2.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 14px;
    top: 16px;
}

.word-box .number-input::placeholder {
    color: #00303F !important;
}

.form-select {
    padding-right: 67px !important;
}

.word-box .number-input {
    width: 67px;
    padding: 0;
    text-align: center;
    border-radius: 10px 0px 0px 10px !important;
}

.word-box .form-select {
    border-left: none !important;
    border-radius: 0px 10px 10px 0px !important;
}

.word-box {
    display: flex;
    align-items: center;
}

.msg-input {
    height: 128px !important;
}

.button-lists li a:hover,
.button-lists li a.active {
    color: #00303F;

}

.button-lists li a {
    color: #C9D3DD;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-decoration-line: underline;
}

.button-lists .btn-default {
    width: 155px;
}

.button-lists ul {
    display: flex;
    align-items: center;
    grid-gap: 20px;
}

.button-lists {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.service-box .form-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.form-inner {
    max-width: 780px;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.cv-box p a {
    color: #006FCF;
}

.cv-box p {
    font-size: 14px;
    line-height: 18px;
}

.cv-box {
    border-radius: 10px;
    background: #F0F3F4;
    padding: 17px 18px;
    margin-bottom: 20px;
}

.document-box {
    display: flex;
    align-items: center;
    grid-gap: 26px;
}

.document-box .btn-page {
    width: 180px;
}

.document-box .file-box {
    border-radius: 10px;
    width: 204px;
}

.document-box .form-control::placeholder {
    color: #00303F !important;
}

.thanks-page .hero-form .text-box p a {
    color: #338AF3;
}

.thanks-page .form-hero {
    margin: 50px 0px 0px;
}

.passcode {
    color: #C9D3DD !important;
}

.thanks-page .form-hero .btn-default {
    background-color: #00B67A;
    border: 1px solid #00B67A;
}

.hero-img {
    margin-left: -70px;
}

.way-card:hover .delivery-card {
    background-color: #fff;
}

.way-card:hover .delivery-card img {
    filter: invert(30%) sepia(17%) saturate(2967%) hue-rotate(156deg) brightness(51%) contrast(103%);
}

.partner-inner .way-card:hover .delivery-card.text-box h3,
.partner-inner .way-card:hover .delivery-card.text-box p {
    color: #00303F !important;
}

.member-inner .cv-box {
    margin-top: 22px;
}

.vendor-inner .tag-box {
    height: 58px;
}

.step-1 .vendor-inner .tag-box {
    width: 89px;
}

.form-box.member-inner .type-box label {
    height: 100%;
    display: flex;
    align-items: center;
}

.form-sec .vendor-inner .btn-send {
    width: 318px;
    margin: 50px auto 74px;
}

.type-box.checked {
    border: 1px solid #00303F;
}

/* Zeryab css */
.order-num {
    background: #00303F;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-box-pra p {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #00303F;
}

.order-textbox p {
    color: #fff;
}

.order-textbox .order-pra-active {
    color: #00303F;
}

.order-pra-mt {
    margin-top: 19px;
}

.order-form-list ul li {
    position: relative;
    width: 100%;
}

.order-form-list ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-form-list ul li::after {
    content: "";
    position: absolute;
    top: 23%;
    left: 50%;
    transform: translate(-50%, -23%);
    width: 100%;
    height: 1px;
    z-index: -1;
    background: #C9D3DD;
}

.order-form-list ul li.active-list::after {
    top: 24%;
    transform: translate(-50%, -24%);
}

.order-circle {
    background: #C9D3DD;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    margin-top: 10px !important;
}

.active-list .order-circle {
    margin-top: 0px !important;
}

.order-textbox .order-pra-inactive {
    margin-top: 32px;
    color: #C9D3DD;
}

.order-form-list ul li:last-child {
    text-align: end;
}

.type-of-services {
    margin-top: 45px;
}

.type-of-services .text-box p {
    font-weight: 600;
    margin-bottom: 30px;
}

.services-inner h3 {
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    margin-bottom: 10px;
    color: #00303F;
}

.services-inner p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 128.571% */
    color: #00303F;
    max-width: 289px;
    width: 100%;
}

.services-inner label {
    border-radius: 15px;
    background: #fff;
    padding: 30px;
    text-align: left;
}

.services-inner-main {
    display: grid;
    grid-gap: 27px;
    grid-template-columns: 4fr 4fr 4fr;
}

.services-inner-main .btn-check:focus+.btn,
.btn:focus {
    background: #338AF3;
    box-shadow: none;
    color: #fff;
}

.btn:focus .services-inner p {
    color: #fff;
}

.services-inner-main {
    margin-bottom: 30px;
}

.order-main .order-box {
    max-width: 100%;
    padding: 30px;
    padding-top: 30px;
    margin-bottom: 24px;
}

.order-main .file-box {
    background: #F0F3F4;
    width: 100%;
    color: #00303F !important;
    border: 1px solid #C9D3DD;
    border-radius: 10px;
    padding: 20px 50px 20px 20px;
}

.order-main .file-box span {
    font-weight: 400;
    margin-left: 4px;
}

.upload-doc {
    background: #FFF;
    padding: 30px;
    border-radius: 15px;
    margin-bottom: 24px;
}

.order-main .file-box img {
    margin-right: 50px;
}

.upload-doc .text-box p {
    font-weight: 600;
}

.services-inner .btn.active h3,
.services-inner .btn.active p {
    color: #fff;
}

.upload-pra p {
    margin-top: 20px;
}

.upload-doc .text-box {
    margin-bottom: 30px;
}

.upl-span {
    font-size: 12px;
    color: #00303f;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 15.6px */
    margin: 20px 0;
    display: block;
}

.ques a {
    font-size: 16px;
    color: #FFF;
    text-align: center;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    background: #C9D3DD !important;
    text-decoration: none !important;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-1 .form-check-input:checked {
    background-color: #338AF3;
    border-color: #338AF3;
}

.step-1 .type-box.checked {
    border: 1px solid var(--Blue-02, #338AF3);
    background: var(--Blue-01, #ECF3FD);
}

.doc-click {
    border-radius: 10px;
    background: #F0F3F4;
    padding: 7px 14px 7px 24px;
}

.doc-click .body-text p {
    font-size: 14px;
    color: #00303F;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 18px;
}

.doc-click .ques-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.doc-click .click-main {
    display: flex;
    align-items: center;
}



.doc-click .click-main a,
.doc-click .click-main p {
    font-size: 14px;
    color: #00303F;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    text-decoration-line: underline;
}

.doc-click .click-main p {
    font-weight: 400 !important;
    text-decoration: none;
    margin-left: 4px;
}

.require-urgent {
    padding: 30px;
}

.require-urgent .text-box p {
    font-weight: 600;
    margin-bottom: 18px;
}

.require-urgent .type-box {
    height: 60px;
    width: 100%;
    margin-left: 19px;
}

.require-urgent .form-check-label {
    margin-left: 14px;
}

.require-urgent .tag-box {
    margin-left: auto;
    height: 60px;
    width: 95px;
}

.step-1 .text-box.form-box {
    max-width: 100%;
}

.order-main .btn-send.opt-btn {
    margin: 0;
    margin-top: 32px;
}

.order-main {
    padding-bottom: 144px;
}

.summary-box {
    padding: 40px;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.order-main .right-content {
    max-width: 533px;
    width: 100%;
    margin-left: auto;
}

.order-main .quote-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #C9D3DD;
}

.order-main .right-content h4 {
    font-size: 26px;
    color: #00303F;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 138.462% */
    margin-bottom: 54px;
}

.order-main .summary-box li {
    font-size: 16px;
    color: #00303f;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    margin-bottom: 21px;
}

.order-main .text-box p {
    font-weight: 600;
}

.order-main .summary-box .text-box {
    margin: 20px 0;
}

.order-main .quote-list ol li a {
    color: #338AF3;
    text-decoration: underline;
}

.order-main .quote-list-last {
    padding-bottom: 27px;
    border: 0;
}

.order-main .total p {
    font-size: 26px;
    color: #00303F;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 138.462% */
    background: #E9F7F2;
    border-radius: 10px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.order-main .summary-box {
    margin-bottom: 25px;
}

.order-main .trust-main {
    text-align: center;
    padding: 46px 30px;
    margin-bottom: 23px;
}

.order-main .trust-main a {
    display: block;
    padding-bottom: 20px;
}

.order-main .support {
    padding: 30px;
    display: flex;
    grid-gap: 20px;
}

.support-textbox p {
    max-width: 261px;
    margin-bottom: 63px;
}

.support-textbox .btn {
    max-width: 247px;
    width: 100%;
}

.services-inner-main .euro {
    font-size: 26px;
    color: #00303F;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    /* 138.462% */
    border-bottom: 1px solid #C9D3DD;
    padding-bottom: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.services-inner span {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    /* 150% */
}

.trans-inner {
    padding-top: 15px;
}

.trans-inner ul li {
    font-size: 14px;
    margin-bottom: 15px;
    color: #00303F;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    /* 128.571% */
}

.order-main2 .services-inner label {
    min-height: 249px;
    width: 100%;
}

.order-main2 .doc-click {
    margin-top: 20px;
    margin-bottom: 30px;
}


.certificate {
    margin-bottom: 27px;
}

.order-main2 .certificate .text-box {
    margin-bottom: 20px;
}

.order-main2 .certificate .type-box {
    height: 60px;
    justify-content: space-between;
    padding-left: 19px;
}

.order-main2 .form-check-label {
    margin-left: 14px;
}

.order-main2 .text-box-doc {
    margin-top: 23px;
    margin-bottom: 0;
}

.order-main2 .require-urgent .type-box {
    margin-left: 0;
    padding-left: 19px;
    max-width: 223px;
    width: 100%;
    margin-bottom: 0;
}

.order-main2 .require-urgent {
    margin-bottom: 27px;
}

.order-main2 .text-box.form-box {
    max-width: 100%;
    margin-bottom: 31px;
}

.order-main2 .btn-send.opt-btn {
    margin-top: 0;
}

.order-main2 {
    padding-bottom: 97px;
}

.order-main2-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-main2-btn .back-btn,
.order-main2 .faq-btn {
    font-size: 16px;
    color: #00303F;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}

.order-main2-btn .back-btn span {
    margin-right: 12px;
}

.order-main2 .faq-btn {
    text-decoration-line: underline;
    padding-top: 74px;
    display: flex;
    align-items: center;
    justify-content: center;
}



.order-main3 .details .text-box p {
    margin-bottom: 20px;
}

.order-main3 .data-input label {
    font-size: 16px;
    margin-bottom: 10px;
    color: #00303F;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}

.order-main3 .data-input input {
    border-radius: 10px;
    border: 1px solid #C9D3DD;
    background: #FFF;
    height: 60px;
}

.order-main3 .data-input input::placeholder {
    font-size: 18px;
    color: #C9D3DD;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 155.556% */
}

.order-main3 .data-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-main3 .data-input {
    margin-bottom: 20px;
    width: 100%;
}

.order-main3 .data-input-mr {
    margin-right: 12px;
}

.debit-main {
    padding: 30px;
}

.card-payment-list ul {
    display: grid;
    grid-template-columns: 3fr 3fr 3fr 3fr;
    grid-gap: 15px;
}

.rate-input .select2-container {
    width: 100% !important;
}

.rate-input .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0px;
    height: 100%;
}

.rate-input .select2-container--default .select2-selection--single .select2-selection__rendered img {
    border-radius: 10px 0px 0px 10px;
    background: #DDE0E2;
    height: 100%;
    padding: 22px 30px 22px 21px;
    margin-left: 0px;
    width: 83px;
    margin-right: 10px;
}

.country-select .country-list {
    z-index: 9999999;
}

.rate-input .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: auto;
    left: 63px;
}

.rate-input .select2-container--default .select2-selection--single .select2-selection__arrow b {
    width: 16px;
}

.rate-input .select2-container--default .select2-selection--single {
    border: 1px solid #C9D3DD;
}

.card-payment-list .nav-pills .nav-link {
    border-radius: 10px;
    border: 1px solid #C9D3DD;
    background: #FFF;
    color: #00303F;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;
    padding: 16px 14px 18px;
}

.card-payment-list .nav-pills .nav-link img {
    max-height: 30px;
}

.form .tab-content {
    margin-top: 20px;
}

.card-payment-list .nav-pills .nav-link.active {
    border: 1px solid #00303F;
}

.payment-textbox {
    margin-top: 15px;
}

.row-space {
    --bs-gutter-x: 10px;
}

.arrow-select .form-select {
    background-image: url(../images/drop-arrow.svg);
    background-size: 18px 45px;
    background-position: right 1rem center;
}

.order-main2-btn ul {
    display: flex;
    align-items: center;
}

.form-sec .order-main2-btn ul .btn-send {
    width: 318px;
    margin: 0 0 0 27px;
}

.paypal-box {
    border-radius: 10px;
    border: 1px solid #C9D3DD;
    background: #f0f3f4;
    padding: 30px 34px 36px 23px;
}

.paypal-box p {
    color: #00303F;
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 18px;
}

.paypal-box h6 {
    color: #00303F;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    margin: 10px 0px;
}

.step-2 .vendor-inner .tag-box {
    width: 177px;
}

.step-2 .vendor-inner .form-check-input:checked {
    background-color: transparent;
    border-color: #338AF3;
}

.step-2 .form-check-input[type=checkbox] {
    border-radius: 50px;
}

.step-2 .form-check-input:checked[type=checkbox],
.step-2 .form-check-input:checked[type=radio] {
    background-image: url(../images/Radial.svg);
    background-size: 14px;
}

.arrow-select a {
    color: #00303F;
    font-size: 14px;
    margin-top: 18px;
    border-bottom: 1px solid #DDE0E2;
    padding-bottom: 18px;
    display: block;
    font-weight: 600;
    line-height: 18px;
    text-decoration-line: underline;
}

.step-2 .vendor-inner .para-size {
    margin-top: 16px;
}

.gray-box {
    background: #F0F3F4;
    padding: 23px 30px;
    margin: 0px -30px;
}

.options-box .form-control::placeholder {
    color: #00303F !important;

}

.options-box .btn-page {
    width: 148px;
}

.step-2 .vendor-inner .select2-container {
    width: 100% !important;
}

.options-box .click-main p {
    padding-right: 40px;
}

.step-2 .form-box .physical-box .type-boxes2 .type-box {
    max-width: 223px;
    width: 100%;
}

.accordion-button:not(.collapsed) {
    box-shadow: none;
}

.accordion-button:focus {
    box-shadow: none;
}

.step-2 .vendor-inner .accordion-button::after {
    display: none;
}

.accordion-body.text-box.form-box {
    box-shadow: none;
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.step-2 .vendor-inner .accordion-button {
    padding: 0px;
    background-color: transparent;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #00303F;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.step-2 .vendor-inner .accordion-item {
    border-radius: 15px;
    background: #FFF;
    padding: 30px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.step-2 .accordion {
    margin-bottom: 122px;
}

.step-1 .require-urgent .type-box {
    margin-left: 0px;
}

.step-1 .services-inner-main {
    grid-template-columns: 6fr 6fr;
}

.order-step .services-inner label {
    width: 100%;
}

.order-step .services-inner.checked h3,
.order-step .services-inner.checked p,
.order-step .services-inner.checked li {
    color: #fff;
}

.order-step .services-inner.checked label {
    background: #338AF3;
    border-radius: 20px;
}

.step-2 .type-box.checked {
    border: 1px solid #338AF3;
}

#accordionExample button[aria-expanded="true"] svg {
    transform: rotate(224deg);
}

.physical-box .type-box.checked {
    background-color: #ECF3FD;
}

.support.bg-main,
.trust-main.bg-main {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.quote-box ul li svg {
    margin-left: 14px;
}

.step-1 .type-boxes2 {
    margin-bottom: 10px;
}

.quote-box {
    background: #FFF;
    padding: 17px 0px;
    margin-bottom: 28px;
    display: none;
}

.quote-box a span {
    text-decoration: underline;
}

.quote-box ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.quote-box p,
.quote-box a {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.text-box.form-box .error .form-control::placeholder {
    color: var(--Error, #D80034);
}

.text-box.form-box .error .form-control {
    border: 1px solid #D80034;

}

.error-icon {
    position: absolute;
    top: 50%;
    right: 14px;
    transform: translate(0, -50%);
}

.faq-box p {
    color: #00303F;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.faq-box h6 {
    color: var(--Green-04, #00303F);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 24px;
}

.faq-box {
    border-radius: 15px;
    background: var(--Grey-01, #F0F3F4);
    padding: 30px;
    margin-bottom: 16px;
}

.error p {
    color: var(--Error, #D80034);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 20px;
}

.faq-sec h4 {
    margin: 30px 0px;
    text-align: center;
    color: var(--Green-04, #00303F);
    text-align: center;
    font-size: 26px;
    font-weight: 600;
    line-height: 36px;
}

.modal-dialog {
    max-width: 677px;
}

.modal-body {
    padding: 0;
}

.step-2 .expend-step .accordion {
    margin-bottom: 31px;
}


.iti__flag.iti__gb {
    transform: scale(1.3);
    margin-left: -6px;
}

.country-select .flag.gb {
    transform: scale(1.3);
    margin-left: -3px;
}

.iti__arrow {
    margin-left: 10px;
}

.blog-sec .text-box p {
    max-width: 908px;
    margin: 0 auto;
}

.search-icon {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 20px;
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
    z-index: 0;
}

.blog-form .form-control::placeholder {
    color: #00303F;
}

.blog-form ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-form {
    max-width: 750px;
    margin: 54px auto 80px;
    display: grid;
    grid-template-columns: 4fr 4fr 4fr;
}

.blog-form .form-select {
    background-image: url(../images/polygon.svg);
    background-position: right 20px center;
    background-size: 20px;
}

.blog-form .form-control {
    border-radius: 100px !important;
    border: 1px solid #00303F;
    padding: 0px 20px;
    color: #00303F;
    font-size: 16px;
    position: relative;
    height: 55px;
    background-color: transparent;
    font-weight: 600;
    line-height: 24px;
}

.blog-card.text-box p {
    font-size: 18px;
    margin: 32px 0px;
}

.blog-card span {
    color: #C9D3DD;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin: 32px 0px;
    display: block;
}

.blog-card {
    border-radius: 15px;
    background: #FFF;
    margin-bottom: 26px;
    padding: 40px;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
}

.blog-sec .page-link.active {
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #00303F;
}

.blog-sec .page-link {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    line-height: 10px;
    border: none;
    padding: 23px 25px;
    background-color: transparent;
}

.text-size a {
    color: #fff;
}

.text-size {
    font-size: 14px !important;
    color: #fff !important;
}

.blog-sec .pagination {
    justify-content: center;
    margin: 40px 0px 68px;
}

.blog-card-inner .btn-default {
    margin-top: 64px;
}

.blog-inner .blog-card .blog-right {
    margin-left: 40px;
}

.blog-card .blog-right span {
    margin: 0px 0px 10px;
}

.blog-card.text-box .blog-right p {
    margin: 10px 0px 32px;
}

.blog-card.text-box .blog-right .btn-default {
    width: 247px;
}

.blog-inner .blog-card {
    display: flex;
    align-items: center;
}

/****** ARTICLE PAGE ****/
.article-sec {
    padding: 10px 0 0 0;
}

.article-sec .breadcrumb-list {
    display: flex;
    align-items: center;
    grid-gap: 16px;
}

.article-sec .breadcrumb-list li a {
    color: #6C727F;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-content: center;
    font-weight: 500;
}

.text-blue {
    color: #338AF3 !important;
}

.document-list li img {
    margin-right: 12px;
}

.document-list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 64px;
}

.document-list li:last-child {
    border-right: none;
}

.document-list li {
    color: #6C727F;
    font-size: 16px;
    border-right: 1px solid #C9D3DD;
    margin-right: 20px;
    padding-right: 20px;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    align-items: center;
}

.blog-header p {
    margin: 34px 0px 27px;
}

.blog-header .img-holder {
    margin-bottom: -67px;
}

.blog-header {
    max-width: 1182px;
    margin: 0 auto;
}

/****** BLOG ARTICLE *****/
.article-blog-sec {
    background-color: #fff;
    padding: 127px 0;
}

.blod-sidebar {
    background-color: #F0F3F4;
    padding: 34px;
    height: 100%;
}

.blod-sidebar form {
    position: relative;
}

.blod-sidebar form .form-control {
    border: 1px solid #00303F;
    background-color: #fff;
    border-radius: 15px;
    height: 55px;
    width: 100%;
    padding: 0 27px;
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
}

.blod-sidebar form a {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 27px;
}

.article-filter {
    margin: 23px 0 0 0;
}

.article-filter-btn a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #00303F;
    background-color: #00303F;
    border-radius: 15px;
    height: 55px;
    padding: 0 25px;
}

.article-filter-inner ul {
    margin: 35px 0 0 0;
}

.article-filter-inner ul li {
    margin-bottom: 25px;
}

.article-filter-inner ul li:last-child {
    margin: 0;
}

.article-filter-inner ul li a {
    color: #00303F;
    font-size: 18px;
    font-weight: normal;
    display: flex;
    align-items: center;
    line-height: 1;
}

.article-filter-inner ul li a:hover {
    color: #338AF3;
}

.share-article {
    margin: 36px 0 0 0;
}

.share-article-btn a {
    background-color: #fff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #00303F;
    font-size: 16px;
    height: 55px;
    font-weight: 600;
    padding: 0 15px;
}

.article-social {
    margin: 36px 0 56px 0;
}

.article-social ul li {
    margin-bottom: 24px;
}

.article-social ul li:last-child {
    margin: 0;
}

.article-social ul li a {
    display: flex;
    align-items: center;
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
}

.article-social ul li a span {
    display: flex;
    align-items: center;
    max-width: 25px;
    width: 100%;
    margin-right: 15px;
}

.article-social ul li a:hover {
    color: #338AF3;
}

.article-social ul li a:hover svg path {
    fill: #338AF3;
}

.article-question {
    border-radius: 15px;
    background-color: #00303F;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
    padding: 60px 30px;
}

.article-question .text-box {
    text-align: center;
    margin-bottom: 30px;
}

.article-question .text-box h3 {
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
}

.article-question .text-box img {
    margin: 30px 0;
}

.article-question .text-box h4 {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    line-height: 26px;
}

.question-reach {
    border-radius: 15px;
    background-color: #0D4050;
    text-align: center;
    padding: 42px 40px 47px;
}

.question-reach h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 35px;
    color: #fff;
}

.question-reach span {
    font-size: 26px;
    font-weight: 600;
    display: block;
    line-height: 36px;
    color: #fff;
    margin-bottom: 20px;
}

.question-reach a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00B67A;
    border-radius: 100px;
    font-size: 16px;
    font-weight: 600;
    height: 69px;
    color: #fff;
}

.Trustpilot {
    text-align: center;
    background-color: #fff;
    border-radius: 15px;
    margin-top: 26px;
    padding: 47px 0;
}

.Trustpilot h4 {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    margin: 24px 0 0 0;
}

.certified-article {
    background-color: #fff;
    border-radius: 15px;
    margin: 28px 0 0 0;
    padding: 30px;
}

.certified-article span {
    display: flex;
    align-items: center;
    justify-content: center;
}

.certified-article span img {
    border-radius: 15px;
}

.certified-article h4 {
    color: #00303F;
    font-size: 26px;
    text-align: center;
    line-height: 36px;
    font-weight: 600;
    margin: 30px 0 32px 0;
}

.certified-article p {
    color: #00303F;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 26px;
    margin-bottom: 30px;
}

.certified-article a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00303F;
    height: 69px;
    border-radius: 50px;
    max-width: 247px;
    width: 100%;
    margin: 0 auto;
}

.related-articles {
    margin: 50px 0 0 0;
}

.related-articles h4 {
    color: #00303F;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 26px;
}

.related-articles a {
    color: #00303F;
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    text-decoration: underline;
    display: flex;
    align-items: center;
}


/**** BLOG ARTICAL RIGHT *****/
.article-blog-right .text-box {
    margin-bottom: 46px;
}

.article-blog-right .text-box h3 {
    margin-bottom: 28px;
}

.article-blog-right .text-box p {
    font-size: 18px;
    margin-bottom: 28px;
}

.article-blog-right .text-box p:last-child {
    margin-bottom: 0;
}

.article-blog-right .text-box p a {
    color: #338AF3;
    text-decoration: underline;
}

.article-blog-right .text-box ul li {
    color: #00303F;
    font-size: 18px;
    font-weight: normal;
    line-height: 28px;
    margin-bottom: 3px;
    display: flex;
    align-items: flex-start;
}

.article-blog-right .text-box ul li span {
    display: flex;
    align-items: center;
    margin-right: 4px;
}

.article-blog-right .text-box ul li:last-child {
    margin: 0;
}

.article-blog-right .image-holder {
    margin: 70px 0 55px;
}

.text-travel {
    margin-bottom: 30px;
}

.text-travel h4 {
    color: #00303F;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}

.text-travel ul li {
    color: #00303F;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    position: relative;
    margin-bottom: 3px;
    padding-left: 27px;
}

.text-travel ul li::after {
    position: absolute;
    content: "";
    left: 10px;
    width: 6px;
    height: 6px;
    top: 10px;
    background-color: #00303F;
    border-radius: 100%;
}

.article-refused {
    border-top: 1px solid #00303F;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0 0 0;
}

.refused-btn h4 {
    color: #00303F;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    margin: 23px 0 14px 0;
}

.refused-btn p {
    color: #338AF3;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

.article-blog-right .text-box ul.box-visa li {
    display: block;
    margin-bottom: 28px;
    position: relative;
    padding-left: 27px;
}

.article-blog-right .text-box ul.box-visa li::after {
    position: absolute;
    content: "";
    left: 10px;
    width: 6px;
    height: 6px;
    top: 10px;
    background-color: #00303F;
    border-radius: 100%;
}

.recent-article-sec {
    background: #F0F3F4;
    padding: 100px 0;
}

.recent-article-sec .media {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 85px;
}

.recent-article-sec .media h4 {
    color: #00303F;
    font-size: 48px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif; 
}

.recent-article-sec .media a {
    color: #338AF3;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    line-height: 1;
    text-decoration: underline;
}

/******** DASHBOARD HEADER *****/
.login-header {
    background: #fff;
    padding: 32px 0;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 10;
    width: 100%;
}

.login-container {
    max-width: 1570px;
    width: 100%;
    margin: 0 auto;
}

.login-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-header-right {
    display: flex;
    align-items: center;
}

.progress-main {
    max-width: 469px;
    width: 100%;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-btn {
    color: #338AF3;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-radius: 4px;
    border: 1px solid #338AF3;
    background: #ECF3FD;
    padding: 0;
    margin-right: 22px;
    width: 100px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login-header .progress {
    flex: 1;
}

.login-header .progress-bar,
.login-header .progress {
    height: 4px;
}

.navbar-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 20px 0 0;
    padding: 0;
}

.noti-icon {
    border-radius: 15px;
    border: 1px solid #C9D3DD;
    padding: 15px 18px;
}

.noti-icon:hover {
    background-color: #338AF3;
    border-color: #338AF3;
}

.noti-icon:hover svg path {
    fill: #fff;
}

.order-btn a {
    border-radius: 50px;
    background: var(--Green-04, #00303F);
    width: 187px;
    height: 54px;
    display: flex;
    align-items: center;
    color: var(--White, #FFF);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 160% */
    margin-left: 18px;

}

.plus {
    border-radius: 40px;
    background: #FFF;
    margin-top: 6px;
    margin-left: 9px;
    margin-bottom: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 26px;
}

/******** DASHBOARD *****/
.dashboard-sec {
    padding: 0;
}

.dashboard-inner {
    display: flex;
}

/**** SIDEBAR *****/
.sidebar {
    max-width: 282px;
    width: 100%;
    position: fixed;
    height: calc(100% - 190px);
    left: 168px;
    top: 170px;
}

.login-btn {
    font-size: 16px;
    color: var(--Grey-05, #6C727F);
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    display: flex;
    align-items: center;
}

.login-btn span {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.sidebar-nav {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.navigation ul li {
    margin-bottom: 12px;
}

.navigation ul li:last-child {
    margin: 0;
}

.navigation ul li a {
    color: #6C727F;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 17px 0;
}

.navigation ul li a span {
    color: #338AF3;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.navigation ul li a strong {
    display: flex;
    align-items: center;
    max-width: 30px;
    margin-right: 15px;
    width: 100%;
}

.navigation ul li a.active {
    color: #00303F;
}

.navigation ul li a.active svg path {
    fill: #00303F;
}

/***** RIGHT CONTENT *****/
.dashboard-sec .right-content {
    width: 100%;
    padding-left: 364px;
    padding-top: 188px;
    padding-bottom: 50px;
}

.login-order-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #C9D3DD;
    padding: 0 0 34px 0;
    flex-wrap: wrap;
}

.login-order-title h4 {
    color: #00303F;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.login-order-title ul {
    display: flex;
    align-items: center;
}

.login-order-title ul li {
    margin-left: 15px;
}

.login-order-title ul li:first-child {
    margin-left: 0;
}

.login-order-title ul li a {
    border: 1px solid #00303F;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    height: 60px;
    width: 182px;
}

.login-order-title ul li a:hover {
    background-color: #00303F;
    color: #fff;
}

.login-order-title ul li a:hover svg path {
    fill: #fff;
}

.login-order-title ul li a span {
    color: #338AF3;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.login-order-title ul li a svg {
    margin-left: 14px;
}

.change-btn {
    width: 234px !important;
}

.order-listing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0 40px 0;
}

.order-listing h4 {
    color: #00303F;
    font-size: 26px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.order-listing ul {
    display: flex;
    align-items: center;
}

.order-listing ul li {
    display: flex;
    align-items: center;
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    border-right: 1px solid #C9D3DD;
    padding: 1px 20px;
}

.order-listing ul li:first-child {
    padding-left: 0;
}

.order-listing ul li:last-child {
    padding-right: 0;
    border: none;
}

.order-listing ul li img {
    margin-right: 14px;
}

.order-listing ul li span {
    color: #338AF3;
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.order-listing ul li a {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.order-back {
    color: #6C727F;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.order-back img {
    margin-right: 18px;
}

.order-back:hover {
    color: #00303F;
}

.order-received {
    background-color: #DDE0E2;
    border: 1px solid #00303F;
    border-radius: 15px;
    padding: 22px 30px;
}

.order-received h4 {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #00303F;
    margin-bottom: 15px;
}

.order-received p {
    font-size: 14px;
    font-weight: 400;
    color: #00303F;
    line-height: 18px;
}

/**** CERTIFIED LOGIN ****/
.certified-login {
    background-color: #FFFFFF;
    box-shadow: 0px 4px 40px 0px #EDEFEC;
    border-radius: 15px;
    padding: 40px;
    margin: 22px 0 0 0;
}

.certified-login .text-box {
    max-width: 503px;
}

.certified-login .text-box h4 {
    color: #00303F;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 40px;
}

.certified-login .text-box ul li {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.certified-login .text-box ul li:last-child {
    margin: 0;
}

.certified-login .text-box ul li span {
    display: flex;
    align-items: center;
}

.certified-login .text-box ul li span strong {
    color: #338AF3;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ECF3FD;
    border-radius: 10px;
    height: 26px;
    width: 67px;
    margin-left: 14px;
}

.certified-login .text-box ul li span img {
    margin-left: 16px;
    margin-right: 0;
}

.certified-right {
    background-color: #F0F3F4;
    border-radius: 15px;
    padding: 40px;
    max-width: 500px;
    width: 100%;
    margin-left: auto;
}

.certified-right ul li {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.certified-right ul li:last-child {
    margin: 0;
}

/***** LOGIN DOCUMENTS *****/
.login-documents {
    margin: 18px 0 0 0;
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 4px 40px 0px #EDEFEC;
    padding: 50px 30px 41px;
}

.login-documents .text-inner h4 {
    color: #00303F;
    font-size: 20px;
    font-weight: 600;
    line-height: 36px;
}

.documents-list ul li {
    margin-bottom: 14px;
}

.documents-list ul li:last-child {
    margin: 0;
}

.documents-list label {
    display: flex;
    color: #6C727F;
    font-size: 16px;
    font-weight: 600;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #C9D3DD;
    background: #F0F3F4;
    padding: 16px 27px;
}

input[type="file"] {
    display: none;
}

.login-documents p {
    background-color: #F0F3F4;
    border-radius: 15px;
    color: #00303F;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 17px 15px;
    margin-top: 20px;
}

.login-documents p a {
    color: #338AF3;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-left: 4px;
    ;
}

.login-translated {
    background-color: #F0F3F4;
    border: 1px solid #C9D3DD;
    padding: 14px 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.login-translated h4 {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
}

.login-translated span {
    border: 1px solid #338AF3;
    background-color: #ECF3FD;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #338AF3;
    font-size: 12px;
    height: 28px;
    width: 100px;
    font-weight: 600;
}

/**** PRE LOGIN MODAL ****/
.modal-backdrop {
    background-color: rgba(0, 48, 63, 0.20);
}

.pre-login-modal .modal-dialog {
    max-width: 403px;
    width: 100%;
}

.modal-content {
    border: none;
    border-radius: 10px;
}

.pre-login-modal .modal-body {
    padding: 30px;
}

.pre-login-modal .modal-body h4 {
    color: #00303F;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
}

.pre-login-modal .modal-body p {
    color: #00303F;
    font-size: 16px;
    font-weight: 400;
    padding: 20px 0 46px 0;
    line-height: 24px;
}

.pre-login-modal .modal-body p a {
    color: #338AF3;
    font-weight: 600;
}

.pre-login-modal .modal-body span {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    background-color: #F0F3F4;
    border-radius: 10px;
    align-items: center;
    padding: 9px 14px;
}

.pre-login-modal .modal-body span img {
    margin-right: 22px;
}

/**** SETTING *****/
.login-order-title ul.nav-pills li a {
    height: 54px;
}

.login-order-title ul.nav-pills li a.active {
    background-color: #00303F;
    color: #fff;
}

.setting-profile {
    padding: 52px 0 0 0;
}

.edit-profile {
    max-width: 708px;
    width: 100%;
}

.edit-profile .form-group {
    margin-bottom: 28px;
}

.edit-profile .form-group label {
    display: block;
    margin: 0 0 10px 0;
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
}

.edit-profile .form-group .form-control {
    color: #00303F;
    font-size: 18px;
    font-weight: normal;
    border: 1px solid #C9D3DD;
    background-color: #fff;
    height: 60px;
    padding-left: 20px;
    border-radius: 10px;
    box-shadow: none;
}

.edit-profile .form-control::placeholder {
    color: #00303F;
}

.edit-profile .text-box.form-box {
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    border-radius: 0;
    max-width: 100%;
    margin: 0;
}

.edit-profile .select2-container {
    width: 100% !important;
}

.edit-profile .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 15px;
}

.btn-update {
    height: 69px;
    width: 196px;
    margin: 25px 0 0 0;
}

.services-inner-main .btn-check:focus+.btn,
.btn:focus {
    background: #00B67A;
    box-shadow: none;
    color: #fff;
}

/*** ALERT MODAL ****/
.alert-modal .modal-body {
    padding: 50px 30px 30px 30px;
}

.alert-modal .modal-body p {
    padding: 20px 0 20px 0;
}

.alert-modal .modal-body .btn-send {
    height: 60px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.close-btn {
    position: absolute;
    top: 53px;
    right: 26px;
}

/***** ORDER ****/
.order-search {
    display: flex;
    align-items: center;
}

.filter-btn {
    border: 1px solid #C9D3DD;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 59px;
    height: 55px;
}

.filter-btn:hover,
.filter-btn.active {
    background-color: #338AF3;
    border-color: #338AF3;
}

.filter-btn:hover svg line,
.filter-btn.active svg line {
    stroke: #fff;
}

.order-search form {
    position: relative;
    margin-left: 12px;
    margin-right: 21px;
}

.order-search form .form-control {
    border: 1px solid #C9D3DD;
    background-color: #fff;
    padding-left: 24px;
    color: #00303F;
    font-size: 16px;
    font-weight: 400;
    border-radius: 16px;
    height: 55px;
    box-shadow: none;
}

.order-search form .form-control::placeholder {
    color: #00303F;
}

.order-search form span {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: 24px;
}

.order-plus {
    width: 40px;
    height: 40px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

/**** ORDER TABLE ****/
.dashbpard-order {
    padding: 10px 0 0;
}

.order-table table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px 16px;
}

.order-table table thead tr th {
    color: #00303F;
    font-size: 12px;
    font-weight: 600;
    padding: 15px 20px;
}

.order-table table tbody tr td {
    color: #00303F;
    font-size: 16px;
    vertical-align: top;
    font-weight: 600;
    background-color: #fff;
    padding: 21px 20px;
}

.order-table table tbody tr td p {
    display: flex;
    align-items: center;
}

.order-table table tbody tr td p img {
    margin-right: 10px;
    height: 14px;
}

.order-table table tbody tr td p span {
    color: #338AF3;
    display: flex;
    align-items: center;
    margin-left: 3px;
}

.order-table table tbody tr td:first-child {
    border-radius: 10px 0 0 10px;
}

.order-table table tbody tr td:last-child {
    border-radius: 0 10px 10px 0;
}

.order-table table tbody tr td .text-box h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    color: #338AF3;
    margin-bottom: 10px;
}

.order-table table tbody tr td .text-box p {
    font-size: 16px;
    line-height: 1;
    font-weight: 400;
    color: #00303F;
}

.progress-status {
    border: 1px solid #338AF3;
    background-color: #ECF3FD;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    width: 100%;
    color: #338AF3;
    font-weight: 600;
    font-size: 12px;
}

.view-btn {
    border: 1px solid #C9D3DD;
    border-radius: 10px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.progress-complate {
    border-color: #00B67A;
    background-color: #E9F7F2;
    color: #00B67A;
}

.pagination {
    margin: 70px 0 0 0;
}

.pagination ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination ul li {
    margin: 0 5px;
}

.pagination ul li:first-child {
    margin-right: 20px;
    margin-left: 0;
}

.pagination ul li:last-child {
    margin-left: 20px;
    margin-right: 0;
}

.pagination-link {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid transparent;
    border-radius: 10px;
    width: 60px;
    height: 60px;
}

.pagination-link.active,
.pagination-link:hover {
    background-color: #fff;
    border-color: #00303F;
    color: #00303F;
}

/**** ORDER FILTER ****/
.order-filter {
    width: 100%;
    margin: 36px 0 0 0;
    display: none;
}

.order-filter form ol {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -12px;
}

.order-filter form ol li {
    width: 25%;
    padding: 0 12px;
}

.order-filter form .form-group label {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin: 0 0 10px 0;
}

.order-filter form .form-group .form-control {
    border: 1px solid #C9D3DD;
    border-radius: 10px;
    height: 57px;
    width: 100%;
    background-color: #fff;
    color: #00303F;
    font-size: 16px;
    padding-left: 16px;
    font-weight: 400;
}

.filter-sort {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0 0;
}

.filter-sort p {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.filter-sort p span {
    color: #338AF3;
}

.sort-btn {
    display: flex;
    align-items: center;
}

.closs-btn {
    color: #6C727F;
    text-decoration: underline;
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
    margin-right: 23px;
}

.closs-btn:hover {
    text-decoration: underline;
    color: #00303F;
}

.search-btn {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #00303F;
    width: 157px;
    height: 57px;
    border-radius: 50px;
}

.search-btn:hover {
    background-color: #338AF3;
    color: #fff;
}

/***** ORDER INPROGRESS *****/
.order-inprogress-sec .login-order-title {
    border-bottom: none;
    padding: 0 0 5px 0;
}

/**** ORDER COMPLETE *****/
.progress-complete .progress-bar {
    background-color: #00B67A !important;
}

.progress-btn.progress-complete {
    border-color: #00B67A;
    background-color: #E9F7F2;
    color: #00B67A;
}

.order-complete {
    border: 1px solid #00B67A;
    background-color: #E9F7F2;
    display: flex;
    align-items: center;
    padding: 19px 30px;
    justify-content: space-between;
    border-radius: 15px;
}

.order-complete h4 {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    color: #00B67A;
    margin-bottom: 15px;
}

.order-complete p {
    font-size: 14px;
    font-weight: 400;
    color: #00B67A;
    line-height: 18px;
}

.order-complete .btn-send {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 184px;
}

/**** ORDER ERROR *****/
.noti-error {
    background-color: #D80034;
    border-color: #D80034;
}

.order-complete.order-complete-error {
    background-color: #EEDBDF;
    border-color: #D80034;
}

.order-complete.order-complete-error h4,
.order-complete.order-complete-error p {
    color: #D80034;
}

.order-complete.order-complete-error .btn-send {
    background-color: #D80034;
    border-color: #D80034;
}

.order-complete.order-complete-error .btn-send:hover {
    background-color: transparent;
    color: #D80034;
}

/****** PAYMENTS ******/
.view-invoice {
    color: #00303F;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #00303F;
    width: 182px;
    margin-left: auto;
}

.view-invoice svg {
    margin-left: 23px;
}

.view-invoice:hover {
    background-color: #00303F;
    color: #fff;
}

.view-invoice:hover svg path {
    fill: #fff;
}

.payment-sec .pagination {
    margin: 30px 0 0 0;
}

/******/
.request-change-modaal .modal-dialog {
    max-width: 634px;
    width: 100%;
}

.request-change-modaal .modal-body {
    padding: 58px 32px;
}

.request-change-modaal .modal-body h4 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #00303F;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
}

.change-modaal-form {
    margin: 36px 0 0 0;
}

.request-change-modaal .modal-body h4 .close-btn {
    position: static;
}

.change-modaal-form form .form-group {
    margin-bottom: 20px;
}

.change-modaal-form form label {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin: 0 0 10px 0;
}

.change-modaal-form form .form-control {
    border: 1px solid #C9D3DD;
    background-color: #F0F3F4;
    height: 58px;
    width: 100%;
    border-radius: 10px;
    padding-left: 14px;
}

.toolbar-inner {
    border-right: 1px solid #C9D3DD;
    padding: 20px 35px;
}

.toolbar-inner:last-child {
    border: none;
}

#editor {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background: #F0F3F4;
    height: 283px;
}

#toolbar {
    border: 1px solid #C9D3DD;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
}

#page ul {
    padding-left: 28px;
    color: #777;
    list-style: circle;
}

#page ul li {
    list-style: disc;
}

#page ol li {
    list-style: auto;
}

#page ol {
    padding-left: 28px;
    color: #777;
    list-style: disc;
}

#page {
    padding-top: 30px;
    min-height: 600px;
    outline: none;
}

.icon {
    float: left;
    height: auto;
    width: auto;
    margin-right: 35px;
    background: #fafafa;
    font-size: 18px;
    color: #000000;
    text-align: center;
    cursor: pointer;
}

.icon:last-child {
    margin: 0;
}

.icon:hover {
    border-color: #3e7086;
    color: #3e7086;
}

.change-modaal-form form label.upload {
    border: 1px dashed #00303F;
    background-color: #F0F3F4;
    font-size: 16px;
    font-weight: normal;
    justify-content: center;
    border-radius: 10px;
    color: #00303F;
    padding: 14px 16px;
}

.change-modaal-form form label.upload p {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.change-modaal-form form label.upload span {
    background-color: #00303F;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: auto;
}

.change-modaal-form form label.upload a {
    color: #00303F;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-left: 5px;
    text-decoration-line: underline;
}

.change-modaal-form .btn-send {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
    font-size: 16px;
    background-color: #00303F;
    border-color: #00303F;
}

.change-modaal-form .btn-send:hover {
    background-color: transparent;
    color: #00303F;
}

.change-request-list {
    margin: 56px 0 0 0;
}
.change-request-list .media2{
    display: flex;
    align-items: center;
    margin-bottom: 46px;
    justify-content: space-between;
}
.change-request-list h4 {
    color: #00303F;
    font-size: 20px; 
    font-weight: 600;
    line-height: 1;
}
.change-request-list a{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.request-list-box {
    border-radius: 10px;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    padding: 31px 20px;
    justify-content: space-between;
}

.request-list-box .media {
    display: flex;
    align-items: center;
}

.request-list-box .media h5 {
    color: #00303F;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.request-list-box .media .text-box {
    flex: 1;
    width: 100%;
    padding-left: 74px;
}

.request-list-box .media .text-box h6 {
    color: #338AF3;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 6px;
}

.request-list-box .media .text-box p {
    color: #00303F;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.request-list-box .progress-status {
    width: 100px;
}

.progress-status.status-pending {
    border-color: #6C727F;
    background-color: #DDE0E2;
    color: #6C727F;
}

/***** MESSAGES PAGE *******/
.message-reply .certified-login .text-box ul li {
    justify-content: flex-start;
}

.message-reply .tayo {
    margin-right: 6px;
    color: #338AF3;
}

.message-reply .certified-login .text-box ul li span img {
    margin-left: 0;
    margin-right: 12px;
}

.message-reply .progress-complate {
    max-width: 139px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
}

.message-reply .certified-login .text-box ul li {
    margin-bottom: 18px;
}

.message-reply .certified-login .text-box ul li:nth-child(2) {
    margin-bottom: 58px;
}

.read-btn {
    font-size: 16px;
    color: #338AF3;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}

.message-reply .certified-right {
    max-width: 100%;
    background: transparent;
}

.message-reply .certified-right .text-box h3 {
    font-size: 20px;
    color: #00303F;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    /* 130% */
    margin-bottom: 20px;
}

.message-reply .certified-right .text-box p {
    font-size: 18px;
    color: #00303F;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 155.556% */
    margin-bottom: 20px;
    max-width: 710px;
    width: 100%;
}

.message-reply .certified-login .text-box {
    max-width: 100%;
}

.message-reply .certified-login {
    border: 1px solid #C9D3DD;
}

.message-reply .certified-login {
    margin-top: 0;
    padding: 49px 0 63px 41px;
    margin-bottom: 23px;
}

.message-reply .dashbpard-order {
    padding-top: 0;
}

.message-reply .certified-right {
    padding: 0;
}

.message-reply .reply-btn {
    width: 184px !important;
}

.active-btn-main {
    color: #fff !important;
    background: #00303F;
}

/***** MESSAGE ORDER *****/
.message-order-box {
    margin: 30px 0;
    border: 1px solid #C9D3DD;
    border-radius: 10px;
    background: #fff;
}

.message-order-box #editor {
    background-color: transparent;
}

.message-order-box #toolbar {
    background-color: #F0F3F4;
    border-color: #C9D3DD;
}

.toolbar-closs {
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid #C9D3DD;
    position: absolute;
    right: 0;
    height: 100%;
    padding: 0 20px;
}

.message-order-bottom {
    border-top: 1px solid #C9D3DD;
    border-bottom: 1px solid #F0F3F4;
    padding: 30px 30px 5px;
    background-color: #F0F3F4;
    border-radius: 0 0 10px 10px;
}

.message-order-bottom .change-modaal-form {
    margin: 0;
    max-width: 794px;
    width: 100%;
}

.message-order-bottom .change-modaal-form form .form-group {
    max-width: 484px;
    width: 100%;
}

.message-order-bottom .change-modaal-form form .form-group.arrow-select {
    max-width: 280px;
    width: 100%;
    margin-left: 30px;
}

.message-order-bottom .change-modaal-form form label.upload p {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 14px;
}

.message-order-bottom .change-modaal-form form label.upload,
.message-order-bottom .change-modaal-form form .form-control {
    background-color: #fff;
    margin: 0;
}

.message-order-bottom .change-modaal-form form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.message-order-bottom .btn-send {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0 0 24px;
    height: 69px;
    max-width: 197px;
    width: 100%;
}

.upload-file {
    border-radius: 5px;
    background-color: #fff;
    width: 100%;
    position: relative;
    padding: 20px 18px;
    margin-bottom: 36px;
}

.upload-file .media {
    display: flex;
    align-items: center;
}

.upload-file .media .text-box {
    flex: 1;
    width: 100%;
    padding-left: 23px;
}

.upload-file .media .text-box h4 {
    color: #001723;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
}

.upload-file .media .text-box p {
    color: #6C727F;
    font-size: 12px;
    font-weight: normal;
    list-style: 1;
}

.upload-file .progress {
    background-color: #F0F3F4;
    height: 5px;
    border-radius: 10px;
    margin: 8px 0 0 0;
}

.upload-file .progress .progress-bar {
    background-color: #338AF3;
    border-radius: 10px;
}

.upload-file .progress .progress-bar span {
    color: #00303F;
    font-size: 14px;
    font-weight: normal;
    display: flex;
    align-items: center;
    position: absolute;
    right: 18px;
    top: 18px;
}

.message-order-bottom .change-modaal-form form label.upload.upload-blue {
    border-color: #338AF3;
    background-color: #ECF3FD;
    color: #338AF3;
}

.message-order-bottom .change-modaal-form form label.upload.upload-blue a {
    color: #338AF3;
}

.message-order-bottom .change-modaal-form form label.upload span {
    border-color: #338AF3;
    background-color: #338AF3;
}

.upload-file-success {
    background-color: #DDE0E2;
    border: 1px solid #C9D3DD;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 20px;
    margin-bottom: 40px;
}

.upload-file-success p {
    color: #6C727F;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
}

.body-cross {
    display: none;
    align-items: center;
    justify-content: center;
}

.menu-cross-icon {
    display: none;
}

.menu-mobile {
    display: none;
}

/*****/
.order-mobile-box {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0px 2px 80px 0px rgba(0, 0, 0, 0.05);
    padding: 30px 20px;
    margin-bottom: 36px;
}

.order-mobile-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3px 0px;
    cursor: pointer;
    margin-bottom: 20px;
}

.order-mobile-title h4 {
    color: #00303F;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
}

.order-mobile-title a {
    display: flex;
    align-items: center;
}
.order-mobile-inner{
    margin-bottom: 20px;
    display: none;
}
.order-mobile-inner ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #00303F;
    padding: 5px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}
.order-mobile-inner ul li p span{
    color: #338AF3;
    font-weight: 600;
}
.order-mobile-inner ul li:last-child{
    margin: 0;
}
.order-mobile-inner ul li .text-box h4{
    color: #338AF3;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1;
}
.order-mobile-inner ul li .text-box p{
    color: #00303F;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
}
.order-mobile-inner ul li .progress-status{
    width: 100px;
}
.order-mobile-box .view-btn{
    width: 100%;
    height: 50px;
}
.closs-arrow{
    display: none;
}
.order-mobile-title.active .down-arrow{
    display: none;
}
.order-mobile-title.active .closs-arrow{
    display: block;
}
.order-step .order-pad{
    padding-right: 40px;
}
.order-main .order-step .right-content {
    max-width: 486px; 
}