body,html {
font-family: "Nunito Sans", sans-serif !important;
}
html, body {
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
}
/* common start */
:root {
--theming1: #0092BC;
--theming2: #E4002B;
--theming3: #00AF66;
}
.common-gap {
margin-top: 45px;
}
.common-padding {
padding-top: 40px;
padding-bottom: 45px;
}
.main-heading {
font-size: 28px;
text-transform: capitalize;
}
.main-heading-two {
font-size: 24px;
}
/* .main-heading::before {
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
height: 3px;
width: 90px;
border-radius: 8px;
background: linear-gradient(to right, var(--theming1), var(--theming2), var(--theming3));
} */
.heading-section .heading-title {
font-size: 16px ;
font-weight: 500;
}
.apply-btn {
background: var(--theming3);
color: #fff;
padding: 10px;
border-radius: 5px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border: 1px solid var(--theming3);
transition: all 0.3s ease-in-out;
}
.apply-btn:hover {
background: transparent;
color: var(--theming3);
}
@media (max-width:991px){
.main-heading {
font-size: 25px;
}
}
@media (max-width:767px){
.main-heading {
font-size: 20px;
line-height: 29px;
padding-bottom: 0;
}
.main-heading-two {
font-size: 18px;
}
.heading-section .heading-title {
font-size: 15px;
line-height: 26px;
}
.common-gap {
margin-top: 35px;
}
.common-padding {
padding-top: 35px;
padding-bottom: 40px;
}
.apply-btn {
font-size: 15px;
padding: 8px;
}
}
/* common end */
/* navbar css start */
.navbar-inner {
background-color: var(--theming1);
padding-block: 18px;
}
.navbar {
transition: all 0.3s ease-in-out;
padding-block: 12px;
background-color: #fff;
box-shadow: 0 0 2px #616161;
}
.navbar.scrolled {
animation: fixedAnim 1s forwards;
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.06);
position: fixed;
top: 0;
z-index: 600;
background-color: white;
width: 100%;
}
@keyframes fixedAnim {
from {
top: -100px;
}
to {
top: 0;
}
}
.navbar .navbar-logo {
height: 55px;
border-radius: 3px;
padding: 5px;
background: #fff;
}
.navbar.scrolled {
background-color: #fff;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.navbar .nav-link {
font-size: 15px;
font-weight: 500;
color: #000;
padding: 0 !important;
transition: all 0.3s ease-in-out;
}
.navbar .nav-link:hover {
color: var(--theming1);
}
.navbar .nav-link::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 1px;
z-index: -1;
width: 100%;
background-color:#fff;
transition: transform 0.4s ease;
transform: scaleX(0);
transform-origin: right center;
}
.navbar .nav-link.active {
color: #fff !important;
}
.navbar .nav-link:hover::before {
transform: scaleX(1);
transform-origin: left center;
}
.navbar.scrolled .nav-link {
color: #000;
}
.navbar .navbar-nav {
gap: 35px;
}
.navbar .nav-contact-link {
color: #fff;
font-weight: 600;
font-size: 14px;
transition: all 0.3s ease-in-out;
}
.navbar .nav-contact-link:hover {
color: var(--theming1);
}
.navbar .header-content-link {
height: 35px;
width: 35px;
border: 1.6px solid #fff;
font-size: 15px;
color: #ffff;
transition: all 0.3s ease-in-out;
}
.navbar .header-content-link:hover {
background-color: #ffff;
color: var(--theming1);
}
.navbar.scrolled .header-content-link,
.navbar.navbar-two .header-content-link {
border-color:var(--theming1);
color: var(--theming1);
}
.navbar.scrolled .header-content-link:hover,
.navbar.navbar-two .header-content-link:hover {
background-color: var(--theming1);
color: #fff;
}
.navbar.scrolled .nav-contact-link {
color: #000;
}
.navbar.scrolled .nav-contact-link i {
color: var(--theming1);
}
.navbar.scrolled .nav-link.active {
color: var(--theming1) !important;
}
.navbar.scrolled .nav-link:hover {
color: var(--theming1);
}
.navbar.scrolled .nav-contact-link:hover {
color: var(--theming1);
}
.navbar .navbar-toggler {
height: 36px;
width: 48px;
border-radius: 5px;
padding: 10px;
font-size: 18px;
background-color: #ffff;
}
.navbar-two {
background-color: #FFF;
position: sticky !important;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.navbar-two.scrolled {
position: fixed !important;
}
.navbar-two .nav-link {
color: #000;
}
.navbar-two .nav-link.active {
color: var(--theming1) !important;
}
.navbar-two .nav-link:hover {
color: var(--theming1);
}
.navbar-two .nav-contact-link {
color: #000;
}
.navbar-two .nav-contact-link i {
color: var(--theming1);
}
.navbar .nav-item {
padding-block: 6px;
}
.navbar .drop-main {
overflow: hidden;
}
.navbar .drop-main:hover {
overflow: visible;
}
.navbar .urgent-btn {
background-color: var(--theming3);
border: 2px solid var(--theming3);
color: #fff;
font-size: 16px;
line-height: normal;
padding: 9px 35px;
border-radius: 10px;
font-weight: 500;
transition: all .3s ease-in-out;
}
.navbar .urgent-btn:hover {
background-color: #fff;
border: 2px solid var(--theming3);
color: var(--theming3);
}
.navbar .urgent-btn i {
transition: all 0.3s ease-in-out;
}
.navbar .urgent-btn:hover i {
transform: translateX(6px);
}
@media (max-width:1200px){
.navbar .nav-link.active {
color: var(--theming1) !important;
}
.navbar .nav-link {
color: #000 !important;
}
.navbar .navbar-nav {
gap: 15px;
}
.navbar .offcanvas-logo {
height: 40px;
}
}
@media (max-width:767px) {
.navbar .navbar-nav {
gap: 10px;
}
.navbar .navbar-logo {
height: 42px;
}
.nav-offcanvas {
max-width: 320px;
}
.navbar {
padding-block: 7px;
}
.navbar .navbar-toggler {
height: 28px;
width: 37px;
padding: 9px;
font-size: 16px;
}
.navbar .offcanvas-logo {
height: 29px;
}
.offcanvas-header .btn-close {
font-size: 13px;
}
}
/* navbar css end */
/***** breadcrumb section start *****/
.breadcrumb-section {
margin-top: 10px;
}
.breadcrumb-section .breadcrumb-list {
gap: 10px;
}
.breadcrumb-section .breadcrumb-link {
font-weight: 600;
font-size: 16px;
gap: 5px;
color: #000;
}
.breadcrumb-section .breadcrumb-link i {
font-size: 14px;
}
.breadcrumb-section .breadcrumb-link.active {
color: var(--theming1);
}
/***** breadcrumb section end *****/
/* hero section start */
.hero-section {
background: url(..//images/hero-bg.webp) no-repeat;
background-size: cover;
background-position: center;
padding-top: 260px;
padding-bottom: 40px;
}
.hero-section::before {
content: '';
position: absolute;
left: 0;
height: 100%;
width: 100%;
top: 0;
background-color: #00000046;
}
.hero-section .hero-heading {
font-size: 42px;
color: #fff;
text-transform: capitalize;
}
.hero-section .hero-para {
color: #fff;
line-height: 29px;
}
.hero-card {
padding: 15px 13px;
background-color: #0092bcb8;
transition: all .3s ease-in-out;
border-radius: 12px !important;
}
.hero-card:hover {
box-shadow: 0 0 12px #ebebeb;
}
.hero-card .hero-card-heading {
font-size: 26px;
color: #fff;
}
.hero-card .hero-card-title {
color: #fff;
font-size: 18px;
margin-top: 4px;
}
.hero-card-two {
background: #e4002a9d;
}
.hero-card-three {
background: #00af66a8;
}
/* keep your base styles */
.hero-card .hero-btn {
background-color: #fff;
color: var(--theming1);
font-size: 15px;
margin-top: 10px;
padding: 5px 12px;
font-weight: 500;
border-radius: 8px;
border: 1px solid #fff;
transition: all 0.3s ease-in-out;
}
/* pulse animation */
@keyframes btn-pulse {
0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0,0,0,0); }
50% { transform: scale(1.04); box-shadow: 0 6px 18px rgba(0,0,0,0.08); }
100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(0,0,0,0); }
}
.hero-card .hero-btn.blink-pulse {
animation: btn-pulse 1.6s ease-in-out infinite;
}
/* respect user's reduced motion preference */
@media (prefers-reduced-motion: reduce) {
.hero-card .hero-btn.blink-pulse { animation: none; }
}
.hero-card .hero-btn:hover {
background-color: var(--theming1);
color: #fff;
}
.hero-card .hero-btn-two {
color: var(--theming2);
}
.hero-card .hero-btn-two:hover {
background-color: var(--theming2);
}
.hero-card .hero-btn-three {
color: var(--theming3);
}
.hero-card .hero-btn-three:hover {
background-color: var(--theming3);
}
@media (max-width: 480px) {
.navbar .navbar-logo {
height: 40px;
}
.navbar .navbar-toggler {
height: 28px;
width: 34px;
white-space: nowrap;
}
}
@media (max-width:991px){
.hero-section {
padding-top: 200px;
}
.hero-section .hero-heading {
font-size: 30px;
}
.hero-card .hero-card-heading {
font-size: 22px;
}
}
@media (max-width:767px){
.hero-section {
padding-top: 100px;
padding-bottom: 30px;
}
.hero-section .hero-heading {
font-size: 24px;
line-height: 33px;
}
.hero-section .hero-para {
font-size: 15px;
line-height: 26px;
}
.hero-card {
padding:12px 10px;
}
.hero-card .hero-card-heading {
font-size: 20px;
}
.hero-card .hero-card-title {
font-size: 16px;
}
.hero-card .hero-btn {
font-size: 14px;
}
}
@media (max-width: 480px){
.hero-section .hero-heading {
font-size: 22px;
line-height: 33px;
}
.hero-card .hero-card-heading {
font-size: 18px;
}
.breadcrumb-section .breadcrumb-link {
font-weight: 600;
font-size: 14px;
}
.breadcrumb-section .breadcrumb-list li {
font-size: 13px;
}
}
/* hero section end */
/* step section start */
.step-card {
padding: 15px;
border-radius: 6px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.step-card .step-icon {
font-size: 44px;
color: var(--theming1);
}
.step-card .step-card-heading {
font-size: 19px;
margin-top: 5px;
}
.step-card .step-card-title {
font-size: 16px;
margin-top: 5px;
}
.step-card .step-count {
line-height: normal;
top: 0;
right: 0;
height: 45px;
width: 45px;
background-color: var(--theming1);
border-radius: 0 0 0 40px;
padding: 0 0 5px 5px;
}
@media (max-width:1400px){
.navbar .navbar-nav {
gap: 22px;
}
}
@media (max-width:767px){
.step-card {
padding: 12px;
}
.step-card .step-icon {
font-size: 35px;
}
.step-card .step-card-title {
font-size: 15px;
}
.step-card .step-card-heading {
font-size: 17px;
}
.step-card .step-count {
height: 42px;
width: 42px;
}
}
/* step section end */
.form-section .form-step .dropzone {
width: 100%;
height: 200px;
padding: 15px;
border-style: none;
border-color: #d71921;
border-width: 2px;
background-color: #f7f6f4;
color: #c60c30;
margin-top: -14px;
ransition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
-webkit-box-shadow: 0 5px 6px -6px #777;
text-align: center;
}
.form-section .form-step .choose-label .dropzone {
border: 1px dashed #0092bc !important;
border-radius: 5px;
}
.dropzone .dz-preview .dz-image {
border-radius: 20px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
display: block;
z-index: 10;
box-shadow: 0 0 4px #6d6d6d;
}
.dropzone .dz-message .dz-images-bxs {
border-radius: 14px;
overflow: hidden;
width: 120px;
height: 120px;
position: relative;
display: block;
z-index: 10;
}
.dropzone .dz-message .dz-images-bxs img {
width: 100%;
height: 100%;
}
.dz-close-icon.dz-remove {
outline: none;
box-shadow: none;
border: 1px solid #ed2939;
padding: 0px 6px !important;
border-radius: 30px;
position: absolute;
top: 5px;
right: 4px;
color: #ed2939;
background: #fff !important;
z-index: 100;
}
/* dropzone section end */
/***** payment section start *****/
.payment-section .payment-heading-main {
gap: 10px;
}
.payment-section .payment-heading {
font-size: 27px;
}
.payment-detail-card {
box-shadow: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 1px 3px 1px;
border-radius: 12px;
margin-top: 18px;
}
.payment-detail-card .payment-detail-header {
padding: 12px;
}
.payment-detail-card .payment-card-heading {
font-size: 18px;
}
.payment-detail-card .edit-btn {
background-color: var(--theming2);
color: #fff;
font-weight: 500;
font-size: 14px;
padding: 7px 7px;
border-radius: 4px;
transition: all .3s ease-in-out;
gap: 4px;
width: max-content;
}
.payment-detail-card .edit-btn:hover {
background-color: #da4b50;
}
.payment-detail-card .table th {
font-weight: 600;
padding: 10px 13px;
font-size: 15px;
}
.payment-detail-card .table td {
font-size: 14px;
padding: 10px 13px;
}
.payment-detail-card .payment-detail-body {
padding: 15px;
}
.payment-detail-card .payment-detail-input:checked~.payment-check-card {
border: 2px solid #009739;
}
.payment-detail-card .payment-detail-input:checked~.payment-check-card .express-check {
background-color: #009739;
}
.payment-detail-card .payment-check-card {
border-radius: 7px;
border: 1.5px solid #c9c9c9;
cursor: pointer;
transition: all .1s ease-in-out;
gap: 10px;
padding: 10px;
}
.payment-detail-card .payment-check-card .express-check {
height: 16px;
max-width: 16px;
min-width: 16px;
font-size: 10px;
color: #fff;
background-color: #b3b3b3;
margin-top: 5px;
}
.payment-detail-card .payment-check-card .payment-check-title {
font-weight: 500;
}
.payment-detail-card .payment-check-card .payment-check-price {
color: #009739;
font-weight: 600;
font-size: 15px;
}
.payment-detail-card .payment-check-card .payment-check-para {
font-size: 14px;
margin-top: 1px;
}
.payment-detail-card .payment-detail-subheading {
font-size: 14px;
margin-top: 2px;
color: #505050;
}
.payment-detail-card .payment-detail-footer {
padding: 12px;
gap: 10px;
}
.payment-detail-card .payment-detail-safey-icon {
height: 25px;
margin-top: 4px;
}
.payment-detail-card .payment-detail-footer-title {
font-size: 14px;
}
.payment-detail-card .payment-detail-footer-title-two {
font-size: 12px;
gap: 6px;
}
.payment-detail-card .payment-detail-footer-title-two i {
color: var(--theme1);
}
.payment-sidebar-card {
padding: 13px 10px;
border: 1px solid #c9c9c9;
cursor: pointer;
gap: 10px;
transition: all .1s ease-in-out;
}
.payment-sidebar-card img {
height: 33px;
}
.payment-sidebar-card .payment-sidebar-check {
height: 20px;
min-width: 20px;
max-width: 20px;
border: 1px solid #ccc;
}
.payment-sidebar-card .payment-sidebar-check::before {
content: "";
position: absolute;
right: -3px;
top: -1px;
height: 0px;
width: 9px;
background-color: #f8f9fa;
transition: all .3s ease-in-out;
}
.payment-sidebar-card .payment-sidebar-check img {
height: 125%;
width: 0%;
left: 2px;
position: absolute;
top: -6px;
transition: all .3s ease-in-out;
}
.sidebar-input:checked~.payment-sidebar-card {
border: 1.8px solid var(--theme1);
}
.sidebar-input:checked~.payment-sidebar-card .payment-sidebar-check::before {
height: 9px;
}
.sidebar-input:checked~.payment-sidebar-card .payment-sidebar-check img {
width: 125%}
.form-btn-one {
background-color: #2c3e50;
border-color: #fff;
}
.form-btn-one {
background-color: var(--theming1);
color: #fff;
border: 2px solid var(--theming1);
padding: 9px 30px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
border-radius: 6px;
gap: 8px;
transition: all 0.3s ease-in-out;
font-size: 15px;
font-weight: 600 !important;
}
.form-btn-one:hover {color: var(--theming1);background-color: #fff;}
/***** payment section end *****/
/* payment section start */
.heading {
font-size:22px;
font-weight:600;
color:#000;
}
.order-page .Confirm-card {
padding: 20px;
}
.order-page .Confirm-card .Confirm-heading {
font-size: 19px;
line-height: normal;
}
.order-page .Confirm-card .total-order {
font-size: 17px;
font-weight: 700 !important;
line-height: normal;
color: #000000;
}
.order-page .Confirm-card .data-table .table-head th {
font-size: 15px;
color: #293b5c;
padding: 7px 18px;
}
.order-page .Confirm-card .data-table .table-body td {
font-size: 14px;
color: #616161;
padding: 7px 18px;
white-space: nowrap;
}
.order-page .Confirm-card .data-table .table-body .edit-btn {
background-color: #d91212;
font-size: 13px;
color: #fff;
padding: 3px 8px;
line-height: normal;
gap: 3px;
outline: none;
border: none;
box-shadow: none;
}
.order-page .Confirm-card .data-table .table-body .edit-btn:focus {
outline: none;
border: none;
box-shadow: none;
}
.order-page .Confirm-card .data-table .table-body .edit-btn span {
height: 13px;
width: 13px;
}
.order-page .Confirm-card .visa-card {
padding: 15px;
}
.order-page .Confirm-card .visa-card .visa-card-heading {
font-size: 18px;
color: #000;
line-height: normal;
}
.order-page .Confirm-card .visa-card .visa-card-title {
font-size: 14px;
color: #666;
margin-top: 9px;
line-height: normal;
}
.order-page .Confirm-card .subtotal-title {
font-size: 17px;
color: #000;
}
.order-page .Confirm-card .subtotaltwo {
font-size: 15px;
color: #464646;
}
.order-page .Confirm-card .card-subheading {
font-size: 18px;
color: #000;
}
.order-page .Confirm-card .express-service-card {
padding: 12px 15px;
cursor: pointer;
color: #000;
gap: 8px;
}
.order-page .Confirm-card .express-service-card .express-heading {
font-size: 15px;
line-height: normal;
}
.order-page .Confirm-card .express-service-card .express-charge {
font-size: 15px;
color: #d91212;
line-height: normal;
}
.order-page .Confirm-card .express-service-card .express-title {
font-size: 14px;
color: #444;
line-height: normal;
margin-top: 3px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.order-page .Confirm-card .express-service-card input {
accent-color: #d91212;
}
.order-page .Confirm-card .referral-code {
font-size: 14px;
line-height: normal;
}
.order-page .Confirm-card .subtotal {
font-size: 18px;
line-height: normal;
color: #d71921;
}
.order-page .Confirm-card .total-subtotal {
font-size: 20px;
}
.order-page .payment-datalist {
padding: 10px 10px 15px;
}
.order-page .payment-datalist .transactions-title {
font-size: 14px;
}
.order-page .payment-datalist .payment-card {
padding: 6px;
gap: 7px;
}
.order-page .payment-datalist .payment-card .payment-img {
height: 40px;
width: 130px;
}
.order-page .payment-datalist .payment-card .payment-img img {
object-fit: contain;
}
.order-page .payment-datalist .payment-card .payment-check-box {
accent-color: red;
/*height: 18px;*/
/*width: 18px;*/
position: unset !important;
-ms-transform: scale(1.2); /* IE 9 */
-webkit-transform: scale(1.2); /* Chrome, Safari, Opera */
transform: scale(1.2);
}
.order-page .payment-datalist .terms-and-condition {
font-size: 14px;
}
.order-page .payment-datalist .terms-and-condition a {
color: blue;
}
.order-page .payment-datalist .new-button {
background-color: #d91212;
border: none;
color: #fff;
font-size: 14px;
width: 100%;
padding: 7px;
border-radius: 27px;
background-image: linear-gradient(to right, #d91212 0%, #d91212 51%, #d91212 100%);
border: solid 3px #fff;
box-shadow: 0 2px 4px 2px #6c757d 3b;
}
.order-page .payment-datalist .new-button .btn-icon {
transition: all 0.3s ease-in-out;
}
.order-page .payment-datalist .new-button:hover .btn-icon {
transform: translateX(4px);
}
.order-page .payment-datalist .payment-footer {
padding: 10px 2px;
}
.order-page .payment-datalist .payment-footer .payment-footer-title {
font-size: 14px;
}
.order-page .payment-datalist .payment-footer .payment-footer-title .global-icon {
color: #d71921;
}
.order-page .select-box {
font-size: 15px;
}
.visa-ex-alert {
background-color: #d7192126;
color: #d71921;
margin-top: 8px;
border-radius: var(--bs-border-radius)!important;
padding: 6px;
font-size: 13px;
line-height: 1.7;
}
.visa-ex-alert p {
margin-bottom: 0;
line-height: 1.6;
color: #d71921;
font-weight: 500;
}
/* payment page media query start */
/***** add another modal start *****/
.azerbaijan-addanother-modal .modal-dialog {
max-width: 80%;
}
.azerbaijan-addanother-modal .modal-title {
font-size: 18px;
}
.azerbaijan-addanother-modal .btn-close {
font-size: 12px;
}
.oman-addanother-modal .modal-dialog {
max-width: 60%;
}
.form-input-group .input-label {
font-weight: 500;
display: block;
margin-bottom: 5px;
font-size: 15px;
padding-left: 2px;
}
.form-input-group .form-input {
height: 45px;
font-size: 14px;
border-color: #b3b3b3;
border-radius: 8px;
}
.form-input-group .date-input::before {
content: "\f073";
font-family: FontAwesome;
top: 10px;
right: 12px;
position: absolute;
font-size: 18px;
z-index: 1;
}
.form-input-group .select2-selection {
height: 45px !important;
display: flex !important;
align-items: center;
border-radius: 8px !important;
}
.form-input-group .select2-selection__rendered {
font-size: 14px !important;
}
.form-input-group .select2-selection__arrow {
height: 44px !important;
top: 0 !important;
}
.form-input-group .select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.form-input-group .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.form-input-group .select2-container {
width: 100% !important;
}
.select2-container {
z-index: 1111;
}
.form-card .form-card-title {
font-size: 18px;
margin-top: 35px;
padding-bottom: 6px;
}
.form-card .form-inner-title {
font-size: 13px;
color: #666;
padding-bottom: 8px;
line-height: 22px;
}
.dropzone {
border: 1px dashed var(--theming2) !important;
border-radius: 7px;
max-height: 150px;
}
.dropzone .dz-message {
margin: 0;
}
.dropzone .dropzone-icon {
height: 40px;
}
.dropzone .dropzone-title {
font-size: 15px;
margin-top: 12px;
color: #000;
}
.form-card .form-note-card {
padding: 6px;
font-size: 13px;
line-height: 25px;
margin-top: 20px;
}
.iti.iti--allow-dropdown {
width: 100%;
}
.iti.iti--allow-dropdown .iti__country-list {
z-index: 1112;
}
.modal-btn-up {
margin-top: 30px;
gap: 15px;
}
.modal-btn-up .form-btn {
background-color: var(--theming1);
color: #fff;
border: 1px solid var(--theming1);
padding: 9px 30px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
border-radius: 6px;
gap: 8px;
transition: all 0.3s ease-in-out;
font-size: 17px;
}
.modal-btn-up .form-btn:hover {
background-color: #fff;
color: var(--theming1);
}
@media (max-width: 575px){
.iti__country-list {
white-space: normal;
width: 250px;
}
}
/***** add another modal end *****/
/***** visa sidebar start *****/
.visa-sidebar-main {
top: 70px;
z-index: 0;
}
.visa-sidebar {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
border-radius: 13px;
border: 1px solid #dadada;
}
.visa-sidebar .tile {
padding: 18px;
padding-top: 4px;
}
.visa-sidebar .visa-sidebar-header-main {
top: 0px;
left: 50%;
transform: translateX(-50%);
width: 106.50%;
}
.visa-sidebar .visa-sidebar-header {
background-color: var(--theme1);
padding: 10px 24px;
border-radius: 13px 13px 0 0;
}
.visa-sidebar .visa-sidebar-header::before {
content: '';
position: absolute;
left: 0;
bottom: -12px;
border: 6px solid;
border-color: #94291f #94291f transparent transparent;
}
.visa-sidebar .visa-sidebar-header::after {
content: '';
position: absolute;
right: 0;
bottom: -12px;
border: 6px solid;
border-color: #94291f transparent transparent #94291f ;
}
.visa-sidebar .visa-sidebar-header .visa-sidebar-header-title {
font-size: 17px;
color: #fff;
}
.visa-sidebar .visa-sidebar-header .visa-sidebar-header-time {
color:#eee;
font-size: 14px;
}
.visa-sidebar .visa-sidebar-heading {
font-size: 22px;
font-weight: 600 !important;
padding: 10px;
text-align: center;
border-radius: 13px 13px 0px 0px;
background-color: var(--theming1);
color: #fff !important;
}
.visa-sidebar .visa-sidebar-traveller-details {
margin-top: 20px;
}
.visa-sidebar .visa-sidebar-traveller-title {
font-size: 16px;
}
.visa-sidebar .visa-sidebar-traveller-title .visa-sidebar-traveller-icon {
color: #777777;
margin-right: 2px;
}
.visa-sidebar .visa-sidebar-traveller-data {
border: 1px solid #d4d4d4;
height: 35px;
border-radius: 30px;
padding-inline: 5px;
}
.visa-sidebar .visa-sidebar-traveller-data .visa-sidebar-data-input {
font-size: 14px;
padding-inline: 8px;
width:50px;
}
.visa-sidebar .visa-sidebar-traveller-data .visa-sidebar-data-btn {
border: 0;
background-color: transparent;
font-size: 13px;
}
.visa-sidebar .visa-sidebar-icon {
margin-right: 12px;
}
.visa-sidebar .visa-sidebar-icon img{
filter: invert(1);
}
.visa-sidebar .nav-tabs {
gap: 12px;
}
.visa-sidebar .nav-link {
border: 1px solid #eee !important;
border-radius: 3px 25px 3px 25px;
font-size: 14px;
padding: 7px 20px;
color: #333;
}
.visa-sidebar .nav-link::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
background-color: var(--theme1);
height: 0%;
width: 100%;
transition: all 0.3s ease-in-out;
}
.visa-sidebar .nav-link.active {
color: #fff;
border: 1px solid var(--theme1) !important;
}
.visa-sidebar .nav-link.active::before {
height: 100%;
}
.visa-sidebar .nav-link i {
margin-right: 2px;
}
.visa-sidebar .visa-sidebar-title {
font-size: 17px;
line-height: normal;
}
.visa-sidebar .visa-sidebar-detail-title {
color:#000;
font-size: 15px;
gap:8px;
}
.custom-tooltip .tooltip-icon {
font-size: 15px;
color: var(--theme1);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.custom-tooltip .tooltip-detail-main {
width: 250px;
left: 50%;
transform: translateX(-50%);
top: 165%;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
z-index: 1;
}
.custom-tooltip .tooltip-details {
background-color: #fff;
border: 1px solid #eee;
border-radius: 14px;
padding: 14px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.custom-tooltip .tooltip-details::before {
content: '';
position: absolute;
left: 50%;
top: -7px;
background: #fff;
height: 14px;
width: 14px;
border: 1px solid;
border-color: #eee transparent transparent #eee;
transform:translateX(-50%) rotate(45deg);
}
.custom-tooltip .tooltip-title {
font-size: 17px;
}
.custom-tooltip .tooltip-details .tooltip-para {
font-size: 14px;
margin-bottom: 0;
line-height: 24.5px;
color: #5e5d5d;
margin-top: 2px;
}
.custom-tooltip:hover .tooltip-detail-main {
opacity: 1;
visibility: visible;
}
.visa-sidebar .visa-sidebar-detail {
gap: 15px;
margin-top: 18px;
}
.visa-sidebar .visa-sidebar-detail-subtitle {
font-size: 15px;
gap: 8px;
}
.visa-sidebar .visa-sidebar-detail-price {
font-size: 16px;
}
.visa-sidebar .visa-sidebar-price-main {
margin-top: 20px;
padding-top: 18px;
border-top: 1.5px dashed var(--theme1);
}
.visa-sidebar .visa-sidebar-price-title {
font-size: 18px;
}
.visa-sidebar .visa-sidebar-total-price {
font-size: 19px;
}
.visa-sidebar .visa-sidebar-btn-main {
margin-top: 20px;
}
.visa-sidebar .visa-sidebar-btn {
background-color: var(--theming1);
color: #ffff;
padding: 11px;
gap: 5px;
border-radius: 8px;
transition: all 0.3s ease-in-out;
line-height: normal;
}
.visa-sidebar .visa-sidebar-btn:hover {
background-color: #2c3e50;
}
.visa-sidebar .visa-sidebar-btn img {
filter: invert(1);
}
.country-time-card {
background-color: #2c3e50;
padding: 12px;
border-radius: 14px;
margin-top: 20px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
gap: 12px;
}
.country-time-card .time-country-name {
font-size: 18px;
}
.country-time-card .country-time {
font-size: 17px;
}
.country-time-card .country-time-icon-main {
height: 70px;
width: 70px;
border: 1px dashed #fff;
}
.country-time-card .country-time-icon {
height: 55px;
width: 55px;
}
/***** visa sidebar end *****/
/* visa requirement section start */
.visa-requirement-card {
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 14px;
padding: 18px;
transition: all .3s ease-in-out;
background-color: #ecfaff;
height: 240px;
overflow: hidden;
}
.visa-requirement-card .visa-requirement-title {
font-size:18px ;
margin-top: 5px;
margin-bottom: 5px;
line-height: normal;
}
.visa-requirement-card .visa-requirement-icon {
font-size: 28px;
color:var(--theming1);
}
.visa-requirement-card .visa-requirement-para {
font-size: 15px;
line-height: 26px;
}
.visa-requirement-section .visa-requirement-link {
color: #000;
padding: 10px 18px;
gap: 5px;
transition: all 0.3s ease-in-out;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.visa-requirement-section .visa-requirement-link i {
transition: all 0.3s ease-in-out;
}
.visa-requirement-section .visa-requirement-link:hover i {
transform: translateX(5px);
}
.visa-requirement-section .visa-requirement-link:hover {
color: var(--theming1);
}
.visa-requirement-section .visa-requirement-img {
height: 500px;
width: 500px;
}
.visa-requirement-section .visa-requirement-img::before {
content: "";
position: absolute;
width: 200%;
height: 0%;
left: 50%;
top: 50%;
background-color: rgba(255,255,255,.3);
transform: translate(-50%, -50%) rotate(-45deg);
z-index: 1
}
.visa-requirement-section .visa-requirement-img:hover::before {
height: 250%;
transition: all 600ms linear;
background-color: rgba(0,0,0,0)
}
@media (max-width:1200px){
.visa-requirement-section .visa-requirement-img {
height: 400px;
width: 400px;
}
}
@media (max-width:767px){
.visa-requirement-card {
padding: 15px;
height: auto;
}
.visa-requirement-card .visa-requirement-title {
font-size:17px ;
}
.visa-requirement-card .visa-requirement-icon {
font-size: 24px;
}
.visa-requirement-card .visa-requirement-para {
font-size: 14px;
line-height: 25px;
}
.visa-requirement-section .visa-requirement-link {
padding: 6px 9px;
font-size: 15px;
}
.modal-btn-up .form-btn {
font-size: 15px;
}
.azerbaijan-addanother-modal .modal-dialog {
max-width: 96%;
margin: 20px auto;
}
.order-page .Confirm-card .Confirm-heading {
font-size: 18px;
}
.order-page .Confirm-card .total-order {
font-size: 16px;
margin-top: 14px !important;
}
}
/* visa requirement section end */
/* counter section start */
.counter-section {
padding-block: 50px;
background-color: var(--theming1);
}
.counter-section::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: #00000041;
}
.counter-card {
border: 1px solid #ffffff86;
padding: 20px;
border-radius: 6px;
}
.counter-card .counte-icon {
color: #fff;
font-size: 22px;
}
.counter-card .counter-count {
font-size: 25px;
color: #fff;
margin-bottom: 5px;
margin-top: 5px;
}
.counter-card .counter-title {
font-size: 17px;
color: #dbdbdb;
}
@media (max-width:767px){
.counter-section {
padding-block: 40px;
}
.counter-card {
padding: 12px;
}
.counter-card .counte-icon {
font-size: 19px;
}
.counter-card .counter-count {
font-size: 21px;
margin-bottom: 3px;
margin-top: 3px;
}
.counter-card .counter-title {
font-size: 15px;
}
}
/* counter section end */
/***** price section start *****/
.price-card {
border-radius: 10px;
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.price-card .price-card-top,
.price-card .price-card-body,
.price-card .price-card-footer {
padding: 10px;
}
.price-card .price-card-heading {
font-size: 22px;
}
.price-card .price-card-body p {
margin-bottom: 0;
line-height: 30px;
color: #000;
font-weight: 500;
font-size: 15.5px;
}
.price-card .price-card-detail {
position: relative;
background-color: var(--theming1);
border-radius: 12px;
padding: 10px;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
.price-card .price-card-detail::before {
content: "";
position: absolute;
top: -24%;
left: -24%;
width: 150%;
height: 150%;
background: radial-gradient(
circle at top left,
rgba(255,255,255,0.5),
rgba(255,255,255,0) 70%
);
transition: all 0.3s ease-in-out;
}
.price-card .price-card-detail:hover {
transform: scale(1.02);
}
.price-card .price-card-title {
font-size: 20px;
font-weight: 700;
color: #fff;
}
.price-card .price-card-title-two {
color: #fff;
margin-top: 0px;
}
.price-card .price-card-data {
gap: 6px;
padding-block: 12px;
line-height: normal;
align-items: start !important;
}
.price-card .price-card-data .price-check {
height: 16px;
min-width: 16px;
max-width: 16px;
font-size: 12px;
background-color: #d1d1d1;
color: #333;
transition: all 0.3s ease-in-out;
margin-top: 1px;
margin-right: 5px;
}
.price-check-two {
background-color: var(--theming3) !important;
color: #fff !important;
}
.price-card .price-card-inner {
font-size: 15px;
display: flex;
gap: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.price-card .card-price {
font-size: 34px;
font-weight: 700;
line-height: normal;
padding-top: 12px;
}
.price-card .card-price sup {
font-size: 16px;
position: relative;
top: -18px
}
.price-card .price-card-inner .service-type {
font-weight: 700;
white-space: nowrap;
}
.price-card1 .price-card-detail {
background-color: var(--theming1);
}
.price-card2 .price-card-detail {
background-color: var(--theming2);
}
.price-card3 .price-card-detail {
background-color: var(--theming3);
}
.price-card1 .price-card-detail:hover {
box-shadow: 0 0 2px var(--theming1);
}
.price-card2 .price-card-detail:hover {
box-shadow: 0 0 2px var(--theming2);
}
.price-card3 .price-card-detail:hover {
box-shadow: 0 0 2px var(--theming3);
}
.price-card .price-card-detail:hover::before {
background: transparent;
transition: all 0.3s ease-in-out;
}
@media (max-width:991px){
.price-card .price-card-inner {
font-size: 14px;
}
}
@media (max-width:767px){
.price-card .price-card-heading {
font-size:19px;
}
.price-card .price-card-body p {
font-size: 14.5px;
line-height: 29px;
}
.price-card .price-card-title {
font-size: 17px;
}
.price-card .price-card-title-two {
font-size: 15px;
}
.price-card .price-card-inner {
font-size: 13.8px;
}
.order-page .Confirm-card .visa-card {
padding: 10px;
}
.order-page .Confirm-card .visa-card .visa-card-heading {
font-size: 17px;
font-weight: 700 !important;
}
.order-page .Confirm-card .visa-card .visa-card-title {
font-size: 14px;
color: #666;
margin-top: 4px;
}
}
/***** price section end *****/
/* why choosse us section start */
.why-choose-card {
box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
padding: 15px;
transition: all 0.3s ease-in-out;
}
.why-choose-card .why-choose-icon {
font-size: 28px;
color: var(--theming1);
}
.why-choose-card .why-choose-title {
font-size: 14px;
margin-top: 7px;
}
@media (max-width:767px){
.why-choose-card {
padding: 12px;
}
}
/* why choosse us section end */
/* information section start */
.information-card {
padding: 12px;
}
.information-card ul {
padding-left: 22px;
display: flex;
flex-direction: column;
gap: 7px;
margin-bottom: 5px;
}
.information-card li {
font-size: 15px !important;
}
@media (max-width:767px){
.information-card p {
font-size: 15px;
margin-bottom: 10px;
}
}
/* information section end */
/* faq section start */
.faq-section .accordion {
gap: 14px;
}
.faq-section .accordion-item {
border-radius: 4px !important;
}
.faq-section .accordion-button {
font-weight: 700 !Important;
}
.faq-section .accordion-button,
.faq-section .accordion-body {
padding: 14px;
}
.faq-section .accordion-body {
padding-bottom: 0;
}
.faq-section .accordion-button::after {
display: none;
}
.faq-section .accordion-button .accordion-icon {
transition: all 0.3s ease-in-out;
}
.faq-section .accordion-button:not(.collapsed) .accordion-icon {
transform: rotate(-180deg);
}
.faq-section .accordion-button:not(.collapsed) {
background-color: #eee;
color:#005770;
}
.faq-section .accordion-body p {
font-size: 15px;
line-height: 26px;
margin-bottom: 0;
font-weight: 500;
margin-bottom: 13px;
}
.faq-section .accordion-body li {
font-size: 15px;
font-weight: 500;
}
.faq-section .accordion-body li p {
margin-bottom: 0;
}
.faq-section .accordion-body ul {
padding-left: 22px;
display: flex;
flex-direction: column;
gap: 9px;
}
@media (max-width:767px){
.faq-section .accordion {
gap: 12px;
}
.faq-section .accordion-button,
.faq-section .accordion-body {
padding: 12px;
}
.faq-section .accordion-body {
padding-bottom: 0;
}
.faq-section .accordion-button {
font-size: 15px;
line-height: 26px;
}
.faq-section .accordion-body p {
font-size: 14px;
}
.faq-section .accordion-body li {
font-size: 14px;
}
}
/* faq section end */
/* Important Instructions section start */
.important-instrucation-card {
padding: 15px;
}
.important-instrucation-card ul {
gap: 10px;
}
.important-instrucation-card li {
font-size: 16px !important;
line-height: 27px;
}
.important-instrucation-card li i {
color: green;
margin-right:7px;
}
@media (max-width:767px){
.important-instrucation-card {
padding: 12px;
}
.important-instrucation-card ul {
gap: 7px;
}
.important-instrucation-card li {
font-size: 14px !important;
line-height: 25px;
}
}
/* Important Instructions section end */
/* eligible country section start */
.eligible-country-section .countrycontent {
height: 107px;
}
.eligible-country-card {
gap: 4px;
text-align: center;
padding: 11px;
border-radius: 6px;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
display: block !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.eligible-country-card .flag-icon {
height: 27px;
width: 35px;
}
.eligible-country-card .eligible-country-link {
font-size: 15px;
font-weight: 700;
color: #000;
transition: all 0.3s ease-in-out;
}
.eligible-country-card .eligible-country-link:hover {
color: var(--theming1);
}
.eligible-country-section .see-more-btn {
color: #fff;
background-color: #005F7A;
font-size: 15px;
padding: 10px;
border-radius: 4px;
gap: 5px;
}
.eligible-country-section .see-more-btn.expanded i {
transform: rotate(-180deg);
}
.eligible-country-section .see-more-btn i {
transition: all 0.3s ease-in-out;
}
@media (max-width:767px){
.eligible-country-main {
padding: 9px;
}
.eligible-country-card .flag-icon {
height: 22px;
width: 29px;
}
.eligible-country-card .eligible-country-link {
font-size: 14px;
}
.eligible-country-section .see-more-btn {
font-size: 14px;
}
.text-black {
font-size: 14px;
}
.eligible-country-section .countrycontent {
height: 116px;
}
.footer-text-btm p {
text-align: justify;
font-size: 15px;
}
}
/* eligible country section end */
/* footer start */
.footer {
background-color: #151414;
padding-block: 35px;
}
.footer::before {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: url(/web/20250405162128im_/https://www.azerbaijanevisa.com/assets/img/pattern-7.webp) no-repeat;
background-size: cover;
background-position: center;
z-index: 0;
}
.footer .footer-logo {
height: 40px;
width: 220px;
}
.footer .footer-para {
font-size: 15px;
color: #aaaaaa;
margin-top: 15px;
line-height: 28px;
}
.footer .footer-heading {
font-size: 18px;
color: #fff;
padding-bottom: 2px;
}
.footer .footer-heading::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 2px;
border-radius: 5px;
width: 40px;
background-color: var(--theming1);
}
.footer .footer-list {
gap: 16px;
margin-top: 20px;
}
.footer .footer-contact-list {
gap: 11px;
margin-top: 20px;
}
.footer .footer-list .footer-link {
font-size: 15px !important;
text-decoration: none;
color: #aaaaaa;
transition: all 0.3s ease-in-out;
font-weight: 600;
}
.footer .footer-list .footer-link:hover {
color: var(--theming1);
text-decoration: underline;
}
.footer .footer-content-link {
color: #aaaaaa;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease-in-out;
line-height: 26px;
}
.footer .footer-content-link i {
color: var(--theming1);
margin-right: 4px;
}
.footer .footer-subheading {
font-size: 16px;
margin-top: 20px;
color: #fff;
}
.footer .footer-content-link:hover {
color: var(--theming1);
text-decoration: underline;
}
.footer .footer-social {
height: 40px;
width: 40px;
color: #fff;
background: #1877F2;
font-size: 18px;
transition: all 0.3s ease-in-out;
}
.footer .footer-social.instagram {
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}
.footer .footer-social.twitter {
background: #000;
border: 1px solid #fff;
}
.footer .footer-social.pinterest {
background: #E60023;
}
.footer .footer-social.youtube {
background: #FF0000;
}
.footer .footer-social.linkedin {
background: #0077B5;
}
.footer .footer-social:hover {
transform: scale(1.1);
}
@media (max-width:767px){
.footer {
padding-block: 30px;
}
.footer .footer-logo {
height: 35px;
width: 180px;
}
.footer .footer-para {
font-size: 14px;
line-height: 25px;
margin-top: 10px;
}
.footer .footer-social {
height: 38px;
width: 38px;
font-size: 16px;
}
.footer .footer-heading {
font-size: 16px;
}
.footer .footer-heading::before {
width: 30px;
height: 1.5px;
}
.footer .footer-list .footer-link {
font-size: 14px !important;
}
.footer .footer-list {
gap: 12px;
margin-top: 15px;
}
.footer .footer-content-link {
font-size: 14px;
}
.footer .footer-subheading {
margin-top: 15px;
}
}
/* footer end */
/* copyright section start */
.copyright-section {
background-color: #202020;
padding-block: 15px;
border-top: 1px solid #323030;
}
.copyright-section .copyright-text {
font-size: 15px;
color: #aaaaaa;
font-weight: 500;
padding-bottom: 14px;
margin-bottom:14px;
border-color: #333 !important;
}
@media (max-width:767px){
.copyright-section .copyright-text {
font-size: 14px;
line-height: 26px;
}
}
/* copyright section end */
/* application section start */
.application-section {
padding: 50px 0px;
}
.application-title h2 {
font-size: 24px;
font-weight: 600;
color: var(--theming4);
text-align: center;
border-bottom: 1px solid #d2d2d2;
margin-bottom: 14px;
padding-bottom: 14px;
}
.application-table-bx table thead tr th {
font-size: 16px;
color: var(--theming4);
padding: 14px 10px;
}
.application-table-bx table tbody tr td {
font-size: 16px;
color: var(--theming4);
padding: 14px 10px;
}
.status-text {
font-size: 15px;
font-weight: 700;
padding: 4px;
border-radius: 6px;
}
.appli-btn {
background-color: var(--theming1);
color: #fff;
padding: 10px 28px;
line-height: normal;
font-size: 15px;
font-weight: 600;
border-radius: 5px;
text-decoration: none;
transition: all 0.3s ease-in-out;
}
.appli-btn:hover {
background-color: #02546b;
}
/* application section end */
/* content section start */
.content-card {
padding: 15px;
border-radius: 8px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.content-card .read-more-btn {
font-weight: 600;
color: #005B75;
background: transparent;
padding: 0;
}
.content-card .read-more-content {
height: auto;
}
.content-card .read-more-content.ellipsis3 {
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
height: 90px;
}
.content-card ul,
.content-card ol {
display: flex;
flex-direction: column;
padding-left: 22px ;
gap: 8px;
}
.content-card h2 {
font-size: 24px;
font-weight: 700;
}
.content-card h3 {
font-size: 19px;
font-weight: 700;
}
.content-card li {
font-size: 16px !important;
line-height: 30px;
}
.content-card p {
line-height: 29px;
margin-bottom: 12px;
}
.content-card li p {
margin-bottom: 0;
}
.content-card table,
.content-card th,
.content-card td {
border: 1px solid #ccc;
border-collapse: collapse;
}
.content-card th,
.content-card td {
padding: 8px;
}
@media (max-width:767px){
.content-card {
padding: 10px;
}
.content-card ul,
.content-card ol {
gap: 6px;
}
.content-card p {
line-height: 27px;
font-size: 15px;
margin-bottom: 10px;
}
.content-card li p {
margin-bottom: 0;
}
.content-card h2 {
font-size: 20px;
line-height: 28px;
}
.content-card h3 {
font-size: 17px;
}
.content-card li {
font-size: 15px !important;
line-height: 26px;
}
.content-card .read-more-content.ellipsis3 {
height: 80px;
}
.content-card .read-more-btn {
font-size: 15px;
}
}
@media (max-width: 480px) {
.content-card h2 {
font-size: 19px;
line-height: 28px;
}
.content-card h3 {
font-size: 16px;
}
}
/* content section end */
/* review section start */
.review-card {
padding: 12px;
}
.review-card .review-star {
gap: 3px;
}
.review-card .review-star i {
color: #FDCC0D;
font-size: 14px;
}
.review-card .review-para {
margin-top: 8px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.review-card .review-para p {
font-size: 15px;
line-height: 26px;
margin-bottom: 0;
}
.review-card .review-date {
font-size: 13px;
font-weight: 600;
color:#575757;
margin-top: 1px;
line-height: normal ;
}
.review-card .review-title {
display: block;
overflow: hidden;
text-overflow: ellipsis;
text-wrap: nowrap;
}
.review-card .review-name {
font-size: 15px;
}
.review-card .review-card-footer {
margin-top: 10px;
}
.swiper-button-next, .swiper-button-prev {
position: absolute;
top: var(--swiper-navigation-top-offset,50%);
width: calc(var(--swiper-navigation-size)/ 44 * 27);
height: var(--swiper-navigation-size);
margin-top: calc(0px - (var(--swiper-navigation-size)/ 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-navigation-color,var(--swiper-theme-color));
}
.review-section .slider-btn {
height: 45px;
width: 45px;
border-radius: 50%;
background-color: #fff;
border: 1px solid #eee;
box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
font-size: 14px;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.review-section .slider-btn::after {
font-size: 15px;
color: #000;
}
.testimonial-section .swiper-button-next {
right: -50px !important;
}
.testimonial-section .swiper-button-prev {
left: -50px !important;
}
.review-section .reviewslider:hover .swiper-button-next {
right: 0px;
visibility: visible;
opacity: 1;
}
.review-section .reviewslider:hover .swiper-button-prev {
left: 0px;
visibility: visible;
opacity: 1;
}
@media (max-width:767px){
.review-card {
padding: 10px;
}
.review-card .review-star i {
font-size: 13px;
}
.review-card .review-para p {
font-size: 14px;
line-height: 25px;
}
.review-card .review-date {
font-size: 12px;
}
.review-card .review-title {
font-size: 15px;
}
.review-card .review-name {
font-size: 14px;
}
.review-card .review-para {
margin-top: 6px;
-webkit-line-clamp: 3;
}
}
/* review section end */
/* heading section start */
.page-heading-section {
margin-top: 79px;
height: 100%;
background-color: var(--theming1);
padding: 35px 0px;
}
.apply-heading-section {
height: 100%;
}
.page-heading-section .heading-section-title {
font-weight: 700;
margin-bottom: 0;
color: #fff;
font-size: 34px;
line-height: normal;
}
@media (max-width:991px){
.page-heading-section .heading-section-title {
font-size: 30px;
}
}
@media (max-width:767px){
.page-heading-section {
margin-top: 57px;
height: 100%;
padding: 30px 0px;
}
.apply-heading-section {
height: 125px;
}
.page-heading-section .heading-section-title {
font-size: 22px;
}
}
@media (max-width: 575px) {
.page-heading-section {
margin-top: 56px;
height: 100%;
padding: 30px 0px;
}
}
@media (max-width: 480px) {
.page-heading-section {
margin-top: 54px;
height: 100%;
padding: 30px 0px;
}
}
/* heading section end */
/* contact section start */
.contact-card {
padding: 15px;
border-radius: 10px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.contact-card .contact-card-heading {
font-size: 20px;
}
.contact-card .contact-label {
font-size: 15px;
padding-left: 5px;
padding-bottom: 2px;
}
.contact-card .contact-input {
height: 42px;
font-size: 15px;
}
.contact-card .contact-input:focus {
border: 1.5px solid var(--theming1);
}
.contact-card .textarea-input {
height: 100px;
}
.contact-card .contact-btn {
background-color: var(--theming1);
color: #fff;
padding: 10px 28px;
line-height: normal;
font-size: 15px;
border-radius: 5px ;
transition: all 0.3s ease-in-out;
}
.contact-card .contact-btn:hover {
background-color: #02546b;
}
.contact-sidebar {
border-radius: 10px;
padding: 12px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.contact-sidebar .contact-sidebar-heading {
font-size: 18px;
padding-bottom: 8px;
margin-bottom: 10px;
}
.contact-sidebar .contact-sidebar-list {
font-size: 17px;
}
.contact-sidebar .contact-sidebar-list {
gap: 18px;
}
.contact-sidebar .contact-sidebar-list i {
color: var(--theming1);
margin-top: 6px;
height: 27px;
width: 27px;
min-width: 27px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid;
border-radius: 50%;
font-size: 14px;
}
.contact-sidebar .contact-sidebar-list li,
.contact-sidebar .contact-sidebar-list a{
font-size: 15px;
line-height: 24px;
gap: 6px;
color: #000;
transition: all 0.3s ease-in-out;
}
.contact-sidebar .contact-sidebar-list a:hover {
color: var(--theming1);
}
@media (max-width:767px){
.contact-card {
padding: 12px;
}
.contact-sidebar .contact-sidebar-list li,
.contact-sidebar .contact-sidebar-list a{
font-size: 14px;
}
.contact-sidebar .contact-sidebar-list {
gap: 14px;
}
}
/* contact section end */
/* form section start */
.form-section .form-fee-title {
font-size: 17px;
color: var(--theming3);
line-height: normal;
}
.form-section .form-card {
padding: 15px;
border-radius: 8px;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.form-section .progress-bar-background {
height: 5px;
background-color: #e0e0e0;
top: 14px;
}
.form-section .step-indicator-main {
width: 20%;
position: relative;
}
.form-section .step-indicator-main::before {
content: '';
position: absolute;
left: 0;
height: 5px;
background-color: var(--theming1);
top: 14px;
width: 0;
transition: all 0.3s ease-in-out;
}
.form-section .step-indicator-main.completed-step::before {
width: 100%;
}
.form-section .step-indicator-main.completed-step::before {
width: 134%;
}
.form-section .step-indicator {
width: 30px;
height: 30px;
background-color: #e0e0e0;
color: #fff;
font-size: 16px;
}
.form-section .step-indicator-title {
font-size:13px;
font-weight: 500;
color: #a9a8a8;
margin-top: 5px;
display: block;
}
.form-section .step-indicator-main.completed-step .step-indicator{
background-color: var(--theming1);
}
.form-section .step-indicator-main.completed-step .step-indicator-title {
color: var(--theming1);
}
.form-section .step-indicator-main.active .step-indicator{
background-color: #333;
}
.form-section .step-indicator-main.active .step-indicator-title {
color: #000;
}
.form-section .form-step {
display: none;
}
.form-section .form-step.active {
display: block;
}
.form-section .form-card-header {
padding-bottom: 10px;
}
.form-section .form-step-heading {
font-size: 22px;
color: #0092bc;
line-height: normal;
}
.form-section .form-btn {
background-color: var(--theming1);
color: #fff;
padding: 10px 30px;
border-radius: 5px;
width: 20%;
font-size: 18px;
transition: all 0.3s ease-in-out;
}
.form-section .form-btn i.fa-arrow-right{margin-left:3px;}
.form-section .form-btn .fa-arrow-left {margin-right:3px;}
.form-section .form-btn i {
vertical-align: baseline;
font-size: 16px;
transition: all .3s ease-in-out;
}
.form-section .form-btn:hover .fa-arrow-right {transform: translateX(6px);}
.form-section .form-btn:hover .fa-arrow-left {transform: translateX(-6px);}
.form-section .next-btn:hover {
background-color: #02546b;
}
.form-section .previous-btn {
background-color: #333;
}
.form-section .previous-btn:hover {
background-color: #000;
}
.form-section .submit-btn {
background-color: var(--theming3);
}
.form-section .submit-btn:hover {
background-color: #057547;
}
.apply-group .apply-label {
margin-left: 3px;
margin-bottom: 4px;
}
.apply-group .apply-sub-label {
font-size: 14px;
font-weight: 500;
margin-left: 3px;
color: #000;
}
.apply-group .apply-input {
font-size: 16px;
height: 45px;
border-color: #9d9fa1;
z-index: 2;
}
.datepicker {
position: relative;
background: transparent !important;
}
.datepicker2 {
position: relative;
background: transparent !important;
}
.apply-group .date-input::before {
content: "\f073";
font-family: "Font Awesome 6 Free";
position: absolute;
top: 9px;
right: 12px;
font-size: 18px;
color: #000;
z-index: 1;
}
.form-control::-webkit-file-upload-button {
height: 44px;
}
.apply-group .apply-label-two {
font-size: 15px;
margin-bottom: 4px;
line-height: 26px;
}
.apply-group .text-error {
color: red;
}
.apply-group .file-input::before {
content: "";
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
transform: scale(0);
transition: all 0.3s ease-in-out;
height: 15px;
width: 15px;
background: url(/web/20250405162128im_/https://www.azerbaijanevisa.com/assets/img/azerbaijan-check-icon.svg) no-repeat;
background-size: cover;
background-position: center;
}
.apply-group .file-input.image-selected::before {
transform: scale(1) translateY(-50%);
}
.apply-group .iti {
width: 100%;
}
.flatpickr-calendar .flatpickr-monthDropdown-months,
.flatpickr-calendar .numInputWrapper {
font-size: 17px !important;
}
.flatpickr-calendar .flatpickr-weekday {
font-size: 14px;
}
.flatpickr-calendar .flatpickr-day {
color: #000 !important;
}
.flatpickr-calendar .flatpickr-disabled {
color: rgba(57,57,57,0.1) !important;
}
.flatpickr-calendar .flatpickr-day.selected {
color: #ffff !important;
}
.flatpickr-calendar .flatpickr-day.selected {
background: var(--theming1);
border-color: var(--theming1);
}
.form-data-card {
padding: 15px;
border-radius: 8px;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.form-data-card .form-data-card-heading {
font-size: 22px;
}
.form-data-card p {
font-size: 14px;
line-height: 26px;
font-weight: 500;
margin-bottom: 6px;
}
.form-data-card h3 {
font-size: 17px;
font-weight: 600;
}
.payment-card-data {
padding-block: 9px;
}
.price-sidebar-card {
border: 1px solid var(--theming3);
padding: 10px;
border-radius: 6px;
}
.price-sidebar-card .payment-card-data-price {
font-size: 17px;
}
.price-sidebar-card .payment-card-data-pricetitle {
font-size: 18px;
color: var(--theming3);
}
.payment-btn {
background: var(--theming3);
color: #fff;
padding: 10px 22px;
border-radius: 5px;
transition: all 0.3s ease-in-out;
}
.payment-btn:hover {
transform: scale(1.05);
}
.add-another-btn {
background: var(--theming1);
color: #fff;
border:1px solid var(--theming1);
font-size: 15px;
padding: 8px 18px;
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
.add-another-btn:hover {
color: var(--theming1);
background: transparent;
}
.noted-card .noted-cards {
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
padding: 12px;
border-radius: 6px;
font-size: 15px;
}
.noted-card .noted-cards i {
color: var(--theming1);
}
.noted-card .next-btn {
width: max-content !important;
margin: 0 auto;
display: block;
text-decoration: none;
}
.form-date-card {
padding: 12px;
border: 1px solid var(--theming1);
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
border-radius: 6px;
}
.form-date-card .form-date-card-title {
color: var(--theming1);
margin-bottom: 8px;
font-size: 17px;
}
.form-date-card i {
color: var(--theming1);
}
.form-dateend-card {
border: 1px solid var(--theming2);
}
.form-dateend-card i {
color: var(--theming2);
}
.form-dateend-card .form-date-card-title {
color: var(--theming2);
}
.iti__selected-flag {
position: absolute !important;
top: 0 !important;
left: 0 !important;
height: 45px !important;
}
.offcanvas-aply-btn-bx {
display: block;
}
.offcanvas-minaply-btn-bx {
display: none !important;
}
.btm-nav-whatsapp {
display: none;
}
@media (max-width:1199px){
.btm-nav-whatsapp {
display: block;
}
.btm-nav-whatsapp {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 100;
}
.btm-nav-whatsapp {
background: #25d366;
color: white;
bottom: 22px;
left: 22px;
font-size: 37px;
z-index: 10;
height: 70px;
width: 70px;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
animation-play-state: paused;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
.rounded-circle {
border-radius: 50%!important;
}
.btm-nav-whatsapp::before {
content: "";
position: absolute;
border-radius: 50%;
padding: 20px;
border: 5px solid #25d366;
opacity: 0.75;
animation-name: pulse-border;
animation-duration: 1.5s;
animation-timing-function: ease-out;
animation-iteration-count: infinite;
}
.btm-nav-whatsapp img {
width: 100%;
height: 100%;
}
@keyframes pulse-border {
0% {
padding: 25px;
opacity: 0.75;
}
75% {
padding: 50px;
opacity: 0;
}
100% {
opacity: 0;
}
}
.offcanvas-minaply-btn-bx {
display: flex !important;
}
.offcanvas-whtss-btn-bx {
display: none;
}
}
@media (max-width: 480px) {
.btm-nav-whatsapp {
bottom: 20px;
left: 20px;
height: 56px;
width: 56px;
}
}
@media (max-width:991px){
.offcanvas-aply-btn-bx {
display: none;
}
.offcanvas-minaply-btn-bx {
display: flex !important;
white-space: nowrap;
}
.form-section .form-btn {
width: 30%;
font-size: 18px;
}
}
@media (max-width:767px){
.form-section .progress-bar-background {
height: 3px;
}
.form-section .step-indicator-main::before {
height: 3px;
}
.form-section .form-card {
padding: 12px;
}
.form-section .step-indicator {
height: 28px;
width: 28px;
font-size: 14px;
}
.form-section .step-indicator-main {
padding-inline: 5px;
}
.form-section .step-indicator-title {
text-wrap: wrap;
font-size: 12px;
line-height: 16px;
}
.form-section .form-step-heading {
font-size: 18px;
}
.form-section .form-fee-title {
font-size: 16px;
}
.apply-group .apply-label {
font-size: 15px;
}
.apply-group .apply-input {
font-size: 15px;
}
.noted-card {
line-height: 26px;
font-size: 14px;
}
.form-date-card {
padding: 10px;
}
.form-date-card .form-date-card-title {
font-size: 16px;
}
.form-data-card {
padding: 12px;
}
.form-data-card .form-data-card-heading {
font-size: 18px;
}
.apply-group .apply-label-two {
font-size: 14px;
line-height: 25px;
}
.add-another-card {
padding: 10px;
}
.add-another-card .add-another-title {
margin-bottom: 12px;
font-size: 15px;
}
.add-another-card .add-another-btn {
font-size: 14px;
padding: 7px 14px;
}
.payment-card-data {
padding-block: 7px;
}
.payment-card-data .payment-card-data-title {
font-size: 15px;
}
.payment-card-data .payment-card-data-subtitle {
font-size: 15px;
}
.price-sidebar-card {
padding: 8px;
}
.price-sidebar-card .payment-card-data-price {
font-size: 16px;
}
.price-sidebar-card .payment-card-data-pricetitle {
font-size: 17px;
}
.payment-btn {
font-size: 15px;
}
.form-section .form-btn {
width: 40%;
font-size: 18px;
}
}
@media (max-width: 480px) {
.form-section .form-btn {
width: 48%;
font-size: 16px;
}
.form-section .form-btn i {
font-size: 14px;
}
}
/* form section end */
/*--apply-read-more-txt-css--*/
.read-more-wrapper {
position: relative;
display: inline-block;
max-width: 100%;
}
.aply_read_more_txt {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all 0.3s ease-in-out;
}
.aply_read_more_txt.expanded {
-webkit-line-clamp: unset;
}
.read-more-wrapper .read-more-btn {
position: absolute;
right: 0;
bottom: -20px;
padding-left: 40px;
background: linear-gradient(to right, transparent, #fff 60%);
color: #007bff;
cursor: pointer;
font-size: 15px;
font-weight: 500;
}
.aply_read_more_txt p {
line-height: 22px;
margin-bottom: 2px;
}
@media (max-width: 575px) {
.read-more-wrapper {
margin-bottom: 16px;
}
.aply_read_more_txt {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
transition: all 0.3s ease-in-out;
}
.read-more-wrapper .read-more-btn {
position: absolute;
right: 0;
bottom: -17px;
padding-left: 40px;
background: transparent;
font-size: 14px;
font-weight: 500;
}
}
/*--apply-read-more-txt-css-end--*/
/*eligible country page start */
.eligible-country-page {
padding-top: 250px;
padding-bottom: 30px;
}
@media (max-width:767px){
.eligible-country-page {
padding-top: 200px;
}
}
@media (max-width: 575px) {
.justify_cntnt_cnt {
justify-content: center;
}
}
@media (max-width:767px){
.eligible-country-page {
padding-top: 85px;
padding-bottom: 20px;
}
.main-drop-file .form-card-title {
font-size: 17px;
}
.form-data-card .form-data-card-heading {
font-size: 17px;
}
.form-card .form-card-title {
font-size: 17px;
margin-top: 18px;
}
.modal-btn-up {
margin-top: 20px;
gap: 15px;
}
.modal-btn-up .form-btn {
font-size: 16px;
width: 100%;
text-align: center;
justify-content: center;
}
}
/*eligible country page end */
/*track page start */
.track-card {
padding: 15px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.track-card p {
line-height: 27px;
}
.track-group label {
margin-bottom: 3px;
margin-left: 2px;
}
.track-group input {
height: 47px;
border-radius: 2px;
border: 2px solid #ccc;
}
.track-group input:focus {
border-color:var(--theming3);
}
.track-card .track-btn {
color: #fff;
background: var(--theming3);
border: 2px solid var(--theming3);
padding: 8px 20px;
transition: all 0.3s ease-in-out;
border-radius: 4px;
}
.track-card .track-btn:hover {
background: transparent;
color: var(--theming3);
}
.track-application-section .track-application-title {
font-weight: 700;
margin-bottom: 20px;
color: #000;
font-size: 34px;
line-height: normal;
}
.track-application-top-text {
text-align: center;
}
.track-application-top-text p {
font-weight: 700;
margin-bottom: 16px;
font-size: 18px;
color: #000;
}
.track-application-top-text p b {
font-weight: 700;
color: var(--theming1);
}
.track-application-table tr th {
font-size: 18px;
font-weight: 800;
color: #000;
padding: 10px;
}
.track-application-table tr td {
font-size: 18px;
color: #000;
padding: 10px;
}
.track-application-table tr td .track-app-highlight {
background: #d1e7dd;
color: #206c06;
font-size: 16px;
font-weight: 700;
padding: 2px 8px;
border-radius: 6px;
box-shadow: 0 0 2px #a3a3a3;
}
.alert-msg-text {
font-size: 18px;
font-weight: 500;
}
@media (max-width: 991px){
.track-application-section .track-application-title {
font-size: 30px;
}
}
@media (max-width:767px){
.track-application-section .track-application-title {
font-size: 22px;
}
.track-card {
padding: 12px;
}
.track-card p {
line-height: 25px;
font-size: 14px;
}
.track-group label {
font-size: 15px;
}
.track-group input {
font-size: 15px;
}
.track-application-table tr th {
font-size: 16px;
}
.track-application-table tr td {
font-size: 16px;
}
.alert-msg-text {
font-size: 17px;
}
}
@media (max-width: 390px){
.page-heading-section {
height: 100%;
}
}
/*track page end */
/*breadcrumb section start */
.breadcrumb-section {
margin-top: 10px;
}
.breadcrumb-section .breadcrumb-list {
gap: 8px;
}
.breadcrumb-section .breadcrumb-list .active {
color: var(--theming1);
}
.breadcrumb-section .breadcrumb-list a ,
.breadcrumb-section .breadcrumb-list li{
color: #000;
}
@media (max-width:767px){
.breadcrumb-section .breadcrumb-list li {
font-size: 14px;
}
.breadcrumb-section .breadcrumb-list {
gap: 8px;
white-space: nowrap;
overflow: scroll;
}
}
/*breadcrumb section end */
.blog-section .blog-card .blog-img {
aspect-ratio: 5/3;
overflow: hidden;
}
.blog-section .blog-card .blog-img img {
transition: all 0.3s ease-in-out;
overflow: hidden;
}
.blog-section .blog-card .blog-title {
font-size: 18px;
color: #000;
transition: all 0.3s ease-in-out;
margin-bottom: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.blog-section .blog-card .blog-title:hover {
color: var(--theming1);
}
.blog-section .blog-card .blog-inner {
padding: 11px;
}
.blog-section .blog-card .blog-card-content {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.blog-section .blog-card .blog-inner p {
font-size: 15px;
line-height: 25px;
margin-bottom: 3px;
}
.blog-section .blog-card .blog-read-btn {
font-size: 16px;
color: var(--theming1);
padding-top: 8px;
transition: all 0.3s ease-in-out;
}
.blog-section .blog-card .blog-read-btn i {
margin: 2px 0 0 3px;
font-size: 15px;
}
.blog-section .blog-card .blog-read-btn:hover {
color: var(--theming3);
}
.blog-section .blog-card .blog-icons {
gap: 15px;
margin-bottom: 13px;
}
.blog-section .blog-card .blog-icons .blog-views {
font-size: 14px;
color: #000;
font-weight: 500;
}
.blog-section .blog-card .blog-icons .blog-views i {
color: var(--theming1);
font-size: 14px;
margin-right: 4px;
}
.blog-section .blog-card:hover .blog-img img {
transform: scale(1.1);
}
.blog-section .blog-left-card {
top: 77px;
}
.blog-section .blog-left-card .blog-left-inner {
padding: 20px 12px 12px;
}
.blog-section .blog-left-card .blog-left-heading {
font-size: 20px;
font-weight: 600;
color: #000;
padding: 15px;
}
.blog-section .blog-left-card .blog-left-heading > * {
font-size: 20px;
font-weight: 600;
color: #000;
padding: 15px;
}
.blog-section .blog-small-card {
box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.075) !important;
padding: 7px;
overflow: hidden;
}
.blog-section .blog-small-card .blog-small-img {
border-radius: 5px;
height: 77px;
}
.blog-section .blog-small-card .blog-small-img img {
object-fit: cover;
filter: brightness(0.8);
transition: all 0.3s ease-in-out;
}
.blog-section .blog-small-card .small-card-title {
font-size: 15px;
font-weight: 700;
color: #000;
transition: all 0.3s ease-in-out;
line-height: 23px;
display: block;
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.blog-section .blog-small-card .small-card-title:hover {
color: var(--theming1);
}
.blog-section .blog-small-card .blog-small-icon {
gap: 13px;
}
.blog-section .blog-small-card .blog-small-icon .blog-views {
font-size: 13px;
font-weight: 500;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.blog-section .blog-small-card .blog-small-icon .blog-views i {
color: var(--theming1);
margin-right: 4px;
}
.blog-section .blog-small-card:hover .blog-small-img img {
filter: brightness(1);
}
@media (max-width: 991px) {
.blog-section .blog-small-card .blog-small-icon .blog-views {
font-size: 12px;
}
}
@media (max-width: 575.98px) {
.blog-section .blog-card .blog-title {
font-size: 16px;
margin-bottom: 6px;
}
.blog-section .blog-card .blog-inner {
padding: 11px;
}
.blog-section .blog-card .blog-inner p {
font-size: 14px;
line-height: 23px;
}
.blog-section .blog-card .blog-read-btn {
font-size: 15px;
}
.blog-section .blog-card .blog-read-btn i {
font-size: 14px;
}
.blog-section .blog-card .blog-icons {
margin-bottom: 10px;
}
.blog-section .blog-left-card {
top: 77px;
}
.blog-section .blog-left-card .blog-left-inner {
padding: 20px 12px 12px;
}
.blog-section .blog-left-card .blog-left-heading {
padding: 12px;
font-size: 18px;
}
.blog-section .blog-small-card {
box-shadow: 0 0.125rem 0.25rem rgba(33, 37, 41, 0.075) !important;
padding: 7px;
}
.blog-section .blog-small-card .blog-small-img {
border-radius: 5px;
height: 77px;
}
.blog-section .blog-small-card .blog-small-img img {
object-fit: cover;
filter: brightness(0.8);
transition: all 0.3s ease-in-out;
}
.blog-section .blog-small-card .blog-small-icon {
gap: 9px;
}
.blog-section .blog-small-card .blog-small-icon .blog-views {
font-size: 12px;
}
.blog-section .blog-small-card:hover .blog-small-img img {
filter: brightness(1);
}
}
.blog-detail-section .blog-detail-card .blog-detail-inner {
padding: 15px;
}
.blog-detail-section .blog-detail-card .blog-detail-inner img {
border-radius: 7px;
width: 100%;
}
.blog-detail-section .blog-detail-card .blog-detail-heading {
margin-bottom: 13px;
font-size: 26px;
font-weight: 600;
color: #000;
line-height: 38px;
}
.blog-detail-section .blog-detail-card .blog-detail-icons {
font-size: 15px;
font-weight: 500;
color: #000;
line-height: normal;
}
.blog-detail-section .blog-detail-card .blog-detail-icons i {
font-size: 15px;
color: var(--theming1);
margin-right: 4px;
}
.blog-detail-card .blog-detail-content p {
font-size: 15px;
margin-bottom: 10px;
line-height: 27px;
}
.blog-detail-card .blog-detail-content ul {
padding-left: 22px;
display: flex;
flex-direction: column;
gap: 10px;
}
.blog-detail-card .blog-detail-content li {
font-size: 15px;
}
.blog-detail-card .blog-detail-content ul li {
text-align: left;
}
.blog-detail-card .blog-detail-content td p {
text-align: left;
}
.blog-detail-card .blog-detail-content h2 {
font-size: 23px;
margin-bottom: 10px;
font-weight: 700;
}
.blog-detail-card .blog-detail-content h3 {
font-size: 19px;
line-height: 30px;
margin-bottom: 10px;
font-weight: 700;
}
.blog-detail-card .blog-detail-content strong,
.blog-detail-card .blog-detail-content b {
font-weight: 700;
}
.blog-detail-card .blog-detail-content table {
width: 100%;
margin-bottom: 10px;
}
.blog-detail-card .blog-detail-content table,
.blog-detail-card .blog-detail-content th ,
.blog-detail-card .blog-detail-content td {
border: 1px solid #33333338;
}
.blog-detail-card .blog-detail-content tr:first-child {
background-color: #dddd;
font-weight: 700;
}
.blog-detail-card .blog-detail-content th ,
.blog-detail-card .blog-detail-content td {
padding: 10px;
font-size: 15px;
}
.blog-detail-card .blog-detail-content th p,
.blog-detail-card .blog-detail-content td p {
margin: 0;
}
.blog-detail-card .blog-detail-content th {
font-weight: 600;
}
@media (max-width: 767.98px) {
.blog-detail-section .blog-detail-card .blog-detail-heading {
margin-bottom: 12px;
font-size: 25px;
line-height: 33px;
}
.blog-detail-content table {
overflow-x: scroll;
width: 100%;
display: block;
}
}
@media (max-width: 575.98px) {
.blog-detail-section .blog-detail-card .blog-detail-inner {
padding: 10px;
}
.blog-detail-section .blog-detail-card .blog-detail-heading {
margin-bottom: 10px;
font-size: 22px;
line-height: 30px;
}
.blog-detail-section .blog-detail-card .blog-detail-icons {
font-size: 14px;
}
.blog-detail-section .blog-detail-card .blog-detail-icons i {
font-size: 14px;
}
.blog-detail-card .blog-detail-content p {
line-height: 22px;
text-align: left !important;
hyphens: auto;
word-break: break-word;
}
.blog-detail-card .blog-detail-content ul {
gap: 4px;
}
.blog-detail-card .blog-detail-content h2 {
font-size: 18px;
line-height: 26px;
}
.blog-detail-card .blog-detail-content h3 {
font-size: 17px;
line-height: 30px;
}
.table-content .accordion-button {
padding: 10px;
}
}
/*payment page start */
.payment-detail-card .payment-detail-header {
padding: 12px;
}
.payment-detail-card .payment-detail-body {
padding: 12px;
}
.payment-detail-card .Confirm-heading {
font-size: 20px;
line-height: normal;
font-weight: 700;
}
.payment-detail-card .total-order {
font-size: 16px;
line-height: normal;
color: var(--theming3);
font-weight: 700;
}
.payment-detail-card .data-table .table-head th {
font-size: 16px;
color: #293b5c;
padding: 10px 18px;
font-weight: 700;
}
.payment-detail-card .data-table .table-body td {
font-size: 15px;
color: #333;
padding: 9px 18px;
}
.payment-detail-card .data-table .table-body .edit-btn {
background-color: var(--theming1);
font-size: 14px;
color: #fff;
padding: 10px 12px;
line-height: normal;
gap: 3px;
}
.payment-detail-card .visa-card {
padding: 15px;
}
.payment-detail-card .visa-card .visa-card-heading {
font-size: 18px;
color: #000;
line-height: normal;
font-weight: 700;
}
.order-page .payment-detail-card .visa-card .visa-card-title {
font-size: 14px;
color: #666;
margin-top: 9px;
line-height: normal;
font-weight: 500;
}
.order-page .payment-detail-card .subtotal-title {
font-size: 17px;
color: #000;
}
.order-page .payment-detail-card .subtotaltwo {
font-size: 18px;
color: var(--theming1);
}
.order-page .payment-detail-card .subtotal {
font-size: 18px;
line-height: normal;
color: #333;
}
.order-page .payment-detail-card .total-subtotal {
font-size: 20px;
color: var(--theming1);
}
.order-page .payment-datalist {
padding: 10px 10px 15px;
}
.order-page .payment-datalist .transactions-title {
font-size: 14px;
}
.order-page .payment-datalist .payment-card {
padding: 6px;
gap: 7px;
}
.order-page .payment-datalist .payment-card .payment-img {
height: 40px;
}
.order-page .payment-datalist .payment-card .payment-check-box {
accent-color: red;
}
.order-page .payment-datalist .terms-and-condition {
font-size: 14px;
}
.order-page .payment-datalist .terms-and-condition a {
color: var(--theming1);
}
.order-page .payment-datalist .new-button {
background-color: #d91212;
border: none;
color: #fff;
font-size: 15px;
width: 100%;
padding: 11px;
font-weight: 600;
border-radius: 27px;
background: linear-gradient(to bottom, #09566c 0, #0092BC 99%);
border: solid 3px #fff;
box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
gap: 6px;
}
.order-page .payment-datalist .new-button i {
transition: all 0.3s ease-in-out;
}
.order-page .payment-datalist .new-button:hover i {
transform: translateX(4px);
}
.order-page .payment-datalist .payment-footer {
padding: 10px 2px;
}
.order-page .payment-datalist .payment-footer-title {
font-size: 14px;
}
.order-page .payment-datalist .global-icon {
color: var(--theming1);
}
.order-page .select-box {
font-size: 15px;
}
@media (max-width:767px){
.payment-detail-card .visa-card .visa-card-heading {
font-size: 16px;
}
.order-page .payment-detail-card .subtotal {
font-size: 17px;
}
.payment-detail-card .Confirm-heading {
font-size: 18px;
}
.order-page .payment-datalist .new-button {
font-size: 14px;
}
}
/*payment page end */
/*add another modal */
.add-another-modal .modal-dialog {
max-width: 80%;
}
@media (max-width:767px){
.add-another-modal .modal-dialog {
max-width: 100%;
}
}
/*thank you page start */
.thank-card {
padding: 35px;
background: #f5f5f5;
border-radius: 8px;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.thank-card .thanks-text {
color: #000;
line-height: 27px;
}
.thank-card .thanks-btn {
background: var(--theming1);
color: #fff;
padding: 9px 25px;
border-radius: 4px;
transition: all 0.3s ease-in-out;
}
.thank-card .thank-you-heading {
margin-top: 10px;
margin-bottom: 15px;
}
.thank-card .thanks-btn:hover {
transform: scale(1.1);
}
@media (max-width:767px){
.thank-card {
padding: 12px 12px 18px;
}
.thank-card .thanks-text {
font-size: 15px;
margin-bottom: 12px;
}
.thank-card .thanks-btn {
font-size: 14px;
}
.thank-card .thank-you-heading {
margin-top: 5px;
margin-bottom: 10px;
}
.thank-card .thank-you-heading {
font-size: 22px;
line-height: 28px;
}
.thank-card .thanks-text {
line-height: 25px;
}
}
/*thank you page end */
.table-content {
margin-top: 15px;
margin-bottom: 15px
}
.table-content .accordion-button {
padding: 12px;
}
.table-content .accordion-button::after {
display: none;
}
.table-content .accordion-button::before {
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
content: "";
font-family: FontAwesome;
font-size: 17px;
transition: all .3s ease-in-out;
}
.table-content .accordion-button:not(.collapsed) {
color: var(--theming1);
background-color: #f2f2f2;
}
.table-content .accordion-body {
padding: 12px;
}
.table-content .accordion-body ul,
.table-content .accordion-body ol {
margin-bottom: 0 !important;
display: flex;
flex-direction: column;
gap: 8px;
list-style-type: disc !important;
padding-left: 18px !important;
}
.table-content .accordion-body ol {
list-style-type: auto !important ;
}
.table-content .accordion-body ol ol,.table-content .accordion-body ol ul,.table-content .accordion-body ul ol,.table-content .accordion-body ul ul {
margin-top: 8px;
}
.table-content .accordion-body a,.table-content .accordion-body span {
font-size: 14px;
font-weight: 700;
transition: all .3s ease-in-out;
cursor: pointer;
line-height: 28px;
}
.table-content .accordion-body a strong, .table-content .accordion-body span strong {
font-weight: unset;
}
.table-content .accordion-body a:hover,.table-content .accordion-body span:hover {
color: var(--theming1);
}
@media (max-width:767px){
.table-content .accordion-body ul,
.table-content .accordion-body ol {
gap: 6px;
padding-left: 15px !important;
}
}
.table-content .accordion-body ol {
padding-left: 22px !important;
}
@media (max-width:480px){
.payment-section .payment-heading {
font-size: 25px;
}
.visa-sidebar .visa-sidebar-heading {
font-size: 19px;
}
.visa-sidebar .visa-sidebar-price-title {
font-size: 17px;
}
.visa-sidebar .visa-sidebar-total-price {
font-size: 17px;
}
.country-time-card .time-country-name {
font-size: 17px;
}
.country-time-card .country-time {
font-size: 15px;
}
.blog-detail-card .blog-detail-content li {
font-size: 14px;
}
.blog-detail-card .blog-detail-content p {
font-size: 14px;
line-height: 22px;
}
}
.apply-group .select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid #aaa;
border-radius: 4px;
font-size: 16px;
height: 45px;
border-color: #9d9fa1;
}
.apply-group .select2-container--default .select2-selection--single #select2-country_in-container {
line-height: 44px;
color: #000;
}
.apply-group .select2-container--default .select2-selection--single #select2-country_in-container .select2-selection__placeholder {
color: var(--bs-body-color);
}
.apply-group .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 44px;
position: absolute;
top: 1px;
right: 1px;
width: 20px;
}
/*
FILE ARCHIVED ON 16:21:28 Apr 05, 2025 AND RETRIEVED FROM THE
INTERNET ARCHIVE ON 08:50:13 May 06, 2025.
JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 0.723
exclusion.robots: 0.027
exclusion.robots.policy: 0.012
esindex: 0.013
cdx.remote: 35.181
LoadShardBlock: 290.015 (3)
PetaboxLoader3.datanode: 216.037 (4)
PetaboxLoader3.resolve: 209.123 (2)
load_resource: 185.775
*/