.container{
    width:100%;
    padding: 0 20px;
}
.section-white{
    background:transparent;
    background-image: linear-gradient(to bottom, #ffffff, #FAFBFC);
}
.toggle-menu,
.menu-overlay{
    display:none;
}
.menu-overlay.open{
    display:inline-block;
    position:fixed;
    top:0;
    right:0;
    z-index:9999;
    background:rgba(0,0,0,0.5);
    height:100%;
    width:100%;
    transform: translate3d(0,0,0);
    transition-delay: 0s;
}
.navbar-collapse-mobile .navbar-right{
    display: inline-block;
    background: #ffffff;
    float: right !important;
    width: 50%;
    height:100%;
    position: fixed;
    right: -30%;
    top: 0;
    z-index: 99999;
}
.navbar-collapse-mobile .navbar-right li{
    display:block;
    width: 100%;
    border-bottom:1px solid rgb(226, 232, 240);
}
.navbar-collapse-mobile .navbar-right li:first-child{
    padding-top:20px;
}
.navbar-collapse-mobile .navbar-right li:last-child{
    padding:15px;
    border-bottom:0;
}
.navbar-collapse-mobile .navbar-right li a{
    color:rgb(26, 35, 50);
    font-size:14px;
    padding-bottom:10px;
}
.navbar-collapse-mobile .navbar-right li a:focus{
    background:transparent;
}
.navbar-collapse-mobile .toggle-menu-close{
    top: 0;
    right: 0;
    z-index: 99999;
    border: 0;
    padding: 10px;
    background: #fff;
    display:none;
    position:fixed;
}
.navbar-collapse-mobile .navbar-right li button.inline-flex{
    display:inline-flex;
    border: 1.6px solid #0f52ba;
    background: none;
    color: #0f52ba;
    border-radius: 8px;
    padding: 5px 8px;
    font-size: 12px;
    width: 90%;
    align-items: center;
    justify-content: center;
}
.navbar-collapse-mobile .navbar-right li button.inline-flex svg{
    color: #0f52ba;
    height: 16px;
    width: 16px;
    margin-bottom: 2px;
    margin-right: 5px;
    font-weight:600;
}
.mobile-bottom-button{
    position:fixed;
    width:100%;
    bottom:0;
    padding:15px;
    background:#ffffff;
    border-top:1px solid rgb(226, 232, 240);
    z-index:99999;
}
.mobile-bottom-button button{
    background-image:linear-gradient(to right in oklab, rgb(6, 214, 160) 0%, rgb(0, 180, 216) 100%);
    border-radius:15.25px;
    color:#ffffff;
    font-size:13.125px;
    font-weight:600;
    padding: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    width: 100%;
}
html,
body,
h2,
h1,
h3,
h4,
h5,
h6,
.navbar-default .navbar-brand div,
.navbar-default .navbar-nav > li > a,
.login-button,
.navbar-collapse-right,
.wallet-button,
.apply-now-button,
.hero-banner-top,
.home-title,
.dont-risk-p,
.hero-button-container,
.guarantee-section div,
.header-block,
.below-banner-content div,
.features-item-section,
.drive-anywhere-section{
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    font-weight: normal !important;
}

main{
    margin-top: 80px;
}

.justify-between {
    justify-content: space-between;
}

.home-title{
    font-size: 72px !important;
    line-height: 72px !important;
}
.navbar-collapse-right span{color:#000;}
.navbar-default .navbar-nav > li > a{
    text-transform: capitalize;
}

.navbar-collapse-right svg{    height: 14px;}
.navbar-default .navbar-brand .sub-logo-content{font-size:10px;}
.navbar-default .navbar-brand .main-logo-content{font-size: 14px;}
.main-logo{
    float: left;
    text-align: center;
    padding: 5px;
    vertical-align: middle;
    color: #fff;
    border-radius: 12px;
    margin-top: 2px;
}

.to-\[\#00B4D8\] {
    --tw-gradient-to: #00b4d8;
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    background-color: #0f52ba; /* For browsers that do not support gradients */
    background-image: linear-gradient(to bottom, #0f52ba, #00b4d8);
}
.bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
}
.navbar-header img{
    width:450px;
}
.footer-logo-section img{
    width:100%;
}
header .flex{
    display: flex;
    align-items: center;
    cursor:pointer;
}
.rounded-lg{--radius: .75rem;}
.navbar-default .navbar-brand{
    padding:0;
    margin:0 0 0 8px !important;
    height:auto;
}
.main-logo svg{vertical-align: middle;margin-top:-5px;}
.login-button, .wallet-button{
    border: 1.6px solid #0f52ba;
    background: none;
    color:#0f52ba;
    border-radius: 8px;
    padding:5px 8px;
    font-size:12px;
}
.login-button svg, .wallet-button svg{
    color:#0f52ba;
    height:16px;
    width:16px;
    margin-bottom: -3px;
    margin-right: 5px;
}
.login-button:hover,
.wallet-button:hover,
.login-button svg:hover, .wallet-button svg:hover{
    background:#e8f6f9;color:#fff;
}
.apply-now-button{
    color:#000;
    padding:5px 8px;
    border-radius: 10px;
    border: 1px solid #06d6a0;
    background:#06d6a0;
    font-size:12px;
}
.apply-now-button svg{
    margin-bottom:-2px;
}
.apply-now-button:hover{
    background:#05c291;
}
.navbar-right{
    float: none !important;
    display: flex;
    justify-content: center;
}

.hero-banner-top{
    color: #ffffff;
    background: #3C5A8C;
    padding: 10px;
    width: 310px;
    border: 1px solid #3C5A8B;
    border-radius: 30px;
    font-size:13px;
    margin: 0 auto;
}
.hero-banner-top svg{
    height: 16px;
    float: left;
    margin-top: 2px;
    color:rgb(6, 214, 160);
}
.home-wrapper{
    background: url(../images/hero-bg.png);
    background-repeat: repeat-x;
    background-position: center top;
    background-attachment: scroll;
    background-size: cover;
    padding: 96px 0 128px 0;
}
.navbar-default{
    max-height:78px;
}
.home-title{
    text-align:center;
}
.home-title span{color:#06D6A0;}
.dont-risk-p{
    font-size: 24px;
    color: #fff;
    line-height: 39px;
    width: 620px;
    margin: 0 auto;
    text-align: center;
}
.hero-button-container{
    width: 500px;
    margin: 0 auto;
    text-align: center;
}
.hero-button-container .apply-for-idp-btn{
    background-color: #06d6a0;
    border:1px solid #06d6a0;
}
.hero-button-container .apply-for-idp-btn:hover{
    background-color: #05c291;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.hero-button-container button{
    font-size:18px;
    padding: 15px;
    border-radius: 10px;
    margin-top:30px;
    font-weight: 600;
}
.hero-button-container button svg{
    height: 15px;
}
.hero-button-container button.check-eligibility-btn{
    background:#2D5CAA;
    border:1px solid #6C8DC4;
    margin-left: 15px;
    margin-top: 40px;
    color: #fff;
    padding-left: 32px;
    padding-right: 32px;
}
.hero-button-container button.check-eligibility-btn:hover{
    background-color: color-mix(in oklab, #fff 20%, transparent);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.guarantee-section{
    text-align: center;
    color: #fff;
    width:550px;
    margin:0 auto;
}
.guarantee-section div{
    float:left;
    margin-left: 10px;
    margin-top: 40px;
}
.guarantee-section div svg{
    height:16px;
    color: rgb(6, 214, 160);
    margin-bottom: -3px;
    margin-right: -4px;
}
.header-block-section,
.below-banner-section{
    text-align:center;
}
.header-block{
    background: #2D5CAA;
    border: 1px solid #6C8DC4;
    text-align: center;
    width: 206px;
    padding: 18px;
    color: #fff;
    border-radius: 16px;
    display: inline-block;
    margin-right: 20px;
    outline-color: color-mix(in oklab, #0f52ba 50%, transparent);
}
.header-block svg{
    height: 60px;
    border-radius: 50%;
    width: 60px;
    padding: 15px;
}
.header-block-1 svg{
    color: #000;
    background: #06d6a0;
}
.header-block-2 svg{
    background: #00b4d8;
}
.header-block-3 svg{
    color: #000;
    background: #f4a261;
}
.header-block-4 svg{
    color:#0F52BA;
    background: #fafbfc;
}
.below-banner-section{
    padding: 32px 0;
    border-bottom:2px solid rgb(226, 232, 240);
}
.below-banner-content{
    margin-right:50px;
}
.below-banner-content,
.below-banner-content > div{
    display: inline-block;
}
.below-banner-content div{
    text-align:left;
}
.below-banner-content svg{
    height: 50px;
    width: 50px;
    padding: 10px;
    border-radius: 15px;
}
.below-banner-content-1 svg{
    background:#E8F6F9;
    color:#0F52BA;
}
.below-banner-content-2 svg,
.below-banner-content-3 svg{
    background:#FEF3E2;
    color:#F4A261;
}
.below-banner-content-4 svg{
    background:#E6FAF5;
    color:#06D6A0;
}
.below-banner-content-5 svg{
    background:#E8F6F9;
    color:#00B4D8;
}
.below-banner-text{
    vertical-align: top;
    margin-top: 5px;
    margin-left:10px;
}
.below-banner-low-text{
    font-size:12px;
    color:rgb(100, 116, 139);
}
.accepted-worldwide-section,
.essential-travel-section{
    width: 200px;
    margin: 0 auto;
    background: #E8F6F9;
    color: #0F52BA;
    border-radius: 25px;
    padding: 8px;
    margin-bottom: 16px;
}
.accepted-worldwide-section svg{
    vertical-align: middle;
    height: 18px;
}
.accepted-worldwide-text{
    display: inline-block;
}
.small-padding-bottom{
    padding-top:80px !important;
    background-image: linear-gradient(to bottom, #fff, #fafbfc);
    border-bottom:1px solid rgb(226, 232, 240);
}
p.section-subtitle {
    font-size: 18px;
}
.features-item-section .features-item > div{
    border:1.6px solid rgb(226, 232, 240);
    border-radius:16px;
    padding: 24px;
    font-size:16px;
}
.features-item-section .features-item > div:hover{
    border-color: #0f52ba;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.features-item-section .features-item > div:hover .transition-colors{
    color: #0f52ba; 
}
.features-item-section .features-item svg{
    outline-color: color-mix(in oklab, #0f52ba 50%, transparent);
    background-color: #009CD1;
    background-image: linear-gradient(to bottom right, #0860BF, #00ABD6);
    color: #ffffff;
    height: 50px;
    width: 50px;
    padding: 12px;
    border-radius: 12px;
}
.features-item-section .features-item img{
    width:50%;
    margin:0 auto;
}
.features-item-bottom-text{
    color:#64748B;
    font-size:12px;
}

.drive-anywhere-section > div{
    border:2px solid #0F52BA;
    border-radius:15px;
    background-image: linear-gradient(to right, #e8f6f9 , #e6faf5);
    padding: 32px;
}

.drive-anywhere-section > div h3{
    font-size:20px;
    margin-bottom: 8px;
}
.drive-anywhere-section > div p{
   color:rgb(100, 116, 139);
   font-size: 16px;
}
.drive-anywhere-block-1{
    float:left;
}
.drive-anywhere-block-2{
    float:right;
}
.drive-anywhere-block-2 > div{
    display:inline-block;
    background: #fff;
    border-radius: 16px;
    padding: 24px;
}
.drive-anywhere-block-2 > div > div:first-child{
    font-size:30px;
}
.drive-anywhere-block-2 > div:first-child{
    border:1.6px solid rgb(6, 214, 160);
}
.drive-anywhere-block-2 > div:first-child > div:first-child{
    color:rgb(6, 214, 160);
}
.drive-anywhere-block-2 > div:nth-child(2){
    border:1.6px solid rgb(15, 82, 186);
}
.drive-anywhere-block-2 > div:nth-child(2) > div:first-child{
    color:rgb(15, 82, 186);
}
.drive-anywhere-block-2 > div > div:nth-child(2){
    color:rgb(100, 116, 139);
    font-size:14px;
}
.get-idp button{
    border:1px solid rgb(226, 232, 240);
    border-radius:10px;
    background:#0f52ba;
    background-image: linear-gradient(to right, #0f52ba , #00b4d8);
    color:#fff;
    font-size:14px;
    font-weight:600;
    padding:16px;
}
.get-idp button:hover{
    box-shadow:0 25px 50px -12px #00000040;
}
.get-idp svg{
    width: 16px;
    margin-bottom: -7px;
    margin-left: 8px;
}
.below-drive-anywhere-section{
    margin-top:24px;
}
.below-drive-anywhere-section > div > div{
    background:#ffffff;
}
.below-drive-anywhere-section > div > div:first-child{padding-left:0px;}
.below-drive-anywhere-section > div > div:last-child{padding-right:0px;}
.below-drive-anywhere-section > div > div > div{
    color: rgb(26, 35, 50);
    border: 0.8px solid rgb(226, 232, 240);
    border-radius: 16px;
    padding: 16px;
}
.below-drive-anywhere-section .bg-white > div:first-child{
    color:#64748B;
}
.drive-anywhere-section{
    margin-top:32px;
}
.essential-travel-section{
    width: 220px;
}
.essential-travel-section svg{
    vertical-align: middle;
    height: 15px;
}
.essential-travel-section .text-sm{
    vertical-align: middle;
}
.international-driving-permit h2{
    font-size:48px;
}
.international-driving-permit p{
    font-size:18px;
    color:rgb(100, 116, 139);
}
.need-an-idp-section{
    margin-bottom:24px;
}
.need-an-idp-section,.what-you-get-section{
    border:1px solid rgb(226, 232, 240);
    border-radius:15px;
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 6px 0 rgba(0, 0, 0, 0.19);
    padding:32px;
}
.need-an-idp-section h3,.what-you-get-section h3{
    margin-top:0;
    margin-bottom:16px;
    font-size:24px;
}
.need-an-idp-section p, .what-you-get-section p{
    font-size:16px;
    color:rgb(100, 116, 139);
    line-height:24px;
}
.what-you-get-section li div,
.what-you-get-section li span{
    display:inline-block;
}
.what-you-get-section li span{
    font-size:16px;
    color:rgb(100, 116, 139);
}
.what-you-get-section li svg{
    color:rgb(6, 214, 160);
    height:12px;
}
.international-driving-permit{
    margin-bottom: 64px;
}
.international-driving-permit-preview-section > div{
    border:1px solid #0F52BA;
    border-radius:15px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background-image: linear-gradient(to bottom, #E8F6F9, #E6FAF5);
    padding:32px;
}
.international-driving-permit-preview-section .live-preview{
    background:#0F52BA;
    color:#fff;
    border:1px solid rgb(226, 232, 240);
    padding:6px 16px;
    border-radius: 20px;
    border-bottom:20px;
    display: inline-block;
    margin-bottom:16px;
}
.driving-permit-outer-top-section{
    border:1px solid rgb(226, 232, 240);
    border-radius:15px;
    background:#F1F9FA;
    height:420px;
    overflow:hidden;
}
.driving-permit-outer-section{
    border:1px solid rgb(226, 232, 240);
    border-radius:15px;
    background:#F1F9FA;
}
.driving-permit-outer-section > div{
    margin:0 48.8px;
}
.driving-permit-outer-section > div > div{
    border:4px solid rgb(15, 82, 186);
    border-radius:12px;
}
.driving-permit-inner-section{
    background-image: linear-gradient(to bottom, #0F52BA, #0F52BA);
    padding:24px;
}
.get-my-idp-button-section{
    margin-top:24px;
}
.get-my-idp-button-section button:first-child{
    border: 1.6px solid rgb(226, 232, 240);
    border-radius: 10px;
    background: #0f52ba;
    background-image: linear-gradient(to right, #0f52ba, #00b4d8);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 16px;
}
.get-my-idp-button-section button:first-child:hover{
    box-shadow: 0 25px 50px -12px #00000040;
}
.get-my-idp-button-section button:last-child{
    border:1.6px solid rgb(15, 82, 186);
    border-radius:10px;
    background-color:rgb(250, 251, 252);
    color:rgb(15, 82, 186);
    font-size: 14px;
    font-weight: 600;
    padding: 16px;
    margin-left:10px;
}
.get-my-idp-button-section button:last-child:hover{
    background-color: #e8f6f9;
    color:#fff;
}
.get-my-idp-button-section button:first-child svg{
    margin-left:15px; 
}
.get-my-idp-button-section button:last-child svg{
    margin-right:15px;
}
.get-my-idp-button-section button:first-child svg,
.get-my-idp-button-section button:last-child svg{
    width:16px;
    margin-bottom:-6px;
}
.driving-permit-inner-section .md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid {
    display: grid;
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.md\:grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.gap-1 {
    gap: calc(.25rem * 1);
}
.gap-2 {
    gap: calc(.40rem * 2);
}
.gap-3 {
    gap: calc(.40rem * 3);
}
.gap-4 {
    gap: calc(.50rem * 4);
}
.gap-6{
    gap: calc(.40rem * 6);
}
.gap-8 {
    gap: calc(.50rem * 8);
}
.inset-0 {
    inset: calc(.25rem * 0);
}
.md\:gap-8 {
    gap: calc(.25rem * 8);
}
.max-w-3xl{
    max-width: 80rem;
}
.mx-auto {
    margin-inline: auto;
}
.md\:grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.lg\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.mb-12 {
    margin-bottom: calc(.25rem * 12);
}
.md\:grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.max-w-4xl {
    max-width: 89rem;
}
.mx-auto {
    margin-inline: auto;
}
.max-w-6xl {
    max-width: 115rem;
}
.relative{
    position:relative;
}
.opacity-5 {
    opacity: .05;
}
.absolute {
    position: absolute;
}
.md\:p-4 {
    padding: calc(.25rem * 4);
}
.md\:gap-4 {
    gap: calc(.25rem * 4);
}
.driving-permit-inner-block{
    margin-bottom:12px;
    display: flex;
    align-items: center;
}
.driving-permit-inner-section .grid svg{
    height:90px;
    width:90px;
    color:#fff;
}
.driving-permit-inner-block > div svg{
    height:32px;
    width:32px;
    margin-top: 13px;
}
.driving-permit-inner-block > div{
    display:inline-block;
    color:#fff;
}
.driving-permit-inner-block > div:first-child,
.driving-permit-inner-block > div:last-child{
    color: #fff;
    border-radius: 50%;
    padding: 0;
    line-height: 24px;
    background-color: rgba(255, 255, 255, 0.2);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    width: 60px;
    height: 60px;
    text-align: center;
    border: 2px solid rgba(255, 255, 255, 0.4);
}
.driving-permit-inner-block h3{
    margin:4px 0 0 0;
    color:#fff;
}
.certificate-no-section{
    color:#ffffff;
    background:#2A61B7;
    border:1px solid #6A92D1;
    border-radius:8px;
    padding: 6px 12px;
}
.certificate-no-section > div:first-child{
    font-size:12px;
}
.certificate-no-section > div:last-child{
    font-size:16px;
}
.licence-preview-section{
    padding:24px;
    background: #fff;
}
.licence-preview-section .form-section{
    border:1.6px solid rgb(15, 82, 186);
    border-radius:12px;
    margin-bottom:24px;
}
.licence-preview-section .form-section > div > div{
    display:inline-block;
}
.photo-section{
    border:1.6px solid rgb(15, 82, 186);
    border-radius:4px;
    height:145px;
    width:110px;
    background:#E8F7F8;
    position: relative;
}
.form-section .flex{
    display: flex;
    /*align-items: center;*/
}
.photo-section .absolute{
    right: 0px;
    top: 3px;
    width: 20px;
    height: 20px;
}
.photo-section .absolute svg{
    color: #fff;
    background: #06D6A0;
    padding: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}
.photo-section .photo-svg-section{
    margin-top:46px;
}
.photo-section .photo-svg-section p {
    color:rgb(100, 116, 139);
    font-size:12px;
}
.photo-section .photo-svg-section > div{
    border: 1px solid rgb(226, 232, 240);
    border-radius: 50%;
    background: #D0E7F1;
    color: #0F52BA;
    height: 48px;
    width: 48px;
    margin: auto;
}
.photo-section .photo-svg-section > div svg{
    margin-top:10px;
}
.licence-preview-section .form-section > div > div:last-child{
    width: 100%;
    margin-left: 15px;
}
.licence-preview-section .form-section > div > div:last-child .border-b{
    border-bottom:0.8px solid rgb(226, 232, 240);
    margin-bottom:12px;
    padding-bottom: 8px;
}
.licence-preview-section .form-section > div > div:last-child > div > div:first-child{
    font-size:12px;
    color:rgb(100, 116, 139);
    text-transform: uppercase;
}
.licence-preview-section .form-section > div > div:last-child > div > div:last-child{
    font-size:14px;
    color:rgb(26, 35, 50);
}
.issue-date-section{
    margin-bottom:24px;
}
.issue-date-section .border{
    border:1px solid #E2E8F0;
    border-radius: 12px;
    padding:12px;
}
.issue-date-section .border > div:first-child{
    color:rgb(100, 116, 139);
    font-size:12px;
}
.issue-date-section .border > div:last-child{
    color:rgb(26, 35, 50);
    font-size:16px;
}
.official-translation-section{
    border:1.6px solid rgb(15, 82, 186);
    border-radius:12px;
    background:#ECF8FB;
    padding:16px;
    margin-bottom:24px;
}
.official-translation-section .flex{
    display:grid;
    grid-template-columns: 5% 91%;
    grid-gap: 10px;
    margin-bottom: 12px;
}
.official-translation-section svg{
    height:20px;
    width:20px;
    color:rgb(15, 82, 186);
}
.official-translation-section h4{
    margin : 0 0 6px 0;
    font-size:14px;
    color:rgb(26, 35, 50);
}
.official-translation-section p{
    color:rgb(100, 116, 139);
    font-size:12px;
    margin-bottom:0px;
}
.authorized-section{
    border-top:0.8px solid rgb(226, 232, 240);
    padding-top:12px;
}
.authorized-section > div > div{
    border-bottom:1.6px solid rgb(26, 35, 50);
    padding-bottom:4px;
    margin-bottom:4px;
}
.authorized-section > div > div span{
    color:rgb(100, 116, 139);
    font-size:14px;
    font-style:italic;
}
.authorized-section > div > p{
    color:rgb(100, 116, 139);
    font-size:12px;
    line-height: 16px;
}
.verification-qr-code{
    display:flex;
    border:0.8px solid rgb(226, 232, 240);
    padding:16px;
    margin-bottom:24px;
    border-radius:12px;
}
.verification-qr-code svg{
    width: 80px;
    height: 80px;
    border: 1.6px solid rgb(15, 82, 186);
    border-radius:4px;
    padding: 10px;
}
.verification-qr-code h4{
    color:rgb(26, 35, 50);
    font-size:14px;
    margin:0 0 4px 0;
}
.verification-qr-code p{
    color:rgb(100, 116, 139);
    font-size:12px;
    margin: 0;
    line-height:19.5px;
}
.verification-qr-code p:last-child{
    color:rgb(15, 82, 186);
    margin-top:4px;
}
.based-on-un{
    border-top:0.8px solid rgb(226, 232, 240);
    font-size:16px;
    line-height:24px;
    padding-top:12px;
}
.based-on-un p{
    color:rgb(100, 116, 139);
    font-size:12px;
    line-height:19.5px;
    margin:0;
}
.based-on-un p:last-child{
    color:rgb(15, 82, 186);
    margin-top:4px;
}
.click-arrow-text{
    color:rgb(100, 116, 139);
    font-size:14px;
    line-height:20px;
    margin-top:24px;
}
.click-arrow-button{
    border:4px solid rgb(255, 255, 255);
    background-image: linear-gradient(to right, #0A5BBD , #00AFD6);
    height:52px;
    width:52px;
    border-radius: 50%;
    color: #fff;
    left: 50%;
    margin-left: -26px;
    margin-top: 10px;
}
.click-arrow-button:hover{
    height:57.2px;
    width:57.2px;
    -tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040);
}
.click-arrow-button svg{
    width:20px;
    height:20px;
    margin-top: 12px;
    animation: key1 1s ease infinite alternate;
	-webkit-animation: key1 1s ease infinite alternate;
	-moz-animation: key1 1s ease infinite alternate;
	-o-animation: key1 1s ease infinite alternate;
}
@keyframes key1{
  0% {transform: translateY(0px);}
  100% {transform: translateY(-10px);} 
}
.valid-delivered-in-section{
    display:grid;
    align-items: center;
    grid-template-columns: auto 20% 22% auto;
    grid-gap: 10px;
    margin-top: 16px;
}
.valid-delivered-in-section > div:nth-child(2),
.valid-delivered-in-section > div:nth-child(3){
    font-size:16px;
    padding:10px 16px;
    border-radius:16px;
}
.valid-delivered-in-section > div:nth-child(2){
    color:rgb(15, 82, 186);
    border:1.6px solid rgb(15, 82, 186);
}
.valid-delivered-in-section > div:nth-child(3){
    color:rgb(6, 214, 160);
    border:1.6px solid rgb(6, 214, 160);
}
.valid-delivered-in-section > div:nth-child(2) .text-xs,
.valid-delivered-in-section > div:nth-child(3) .text-xs{
    font-size:12px;
    line-height:16px;
}
.valid-delivered-in-section > div:nth-child(2) .text-2xl,
.valid-delivered-in-section > div:nth-child(3) .text-2xl{
    font-size:24px;
    line-height:32px;
}
.international-driving-permit-block{
    background-image: linear-gradient(to bottom, #fff, #FAFBFC);
    position:relative;
}
.international-driving-permit-block-bg{
    background-image:url('../images/driving-bg.png');
    position:absolute;
    bottom:0;
    right:0;
    width: 50%;
    height: 50%;
}
.simple-process-text{
    display:inline-block;
    margin: 0 auto;
    background: #E8F6F9;
    color: #0F52BA;
    border-radius: 25px;
    padding: 8px 16px;
    margin-bottom: 16px;
}
.simple-process-h2{
    font-size:48px;
    color:rgb(26, 35, 50);
    margin: 0 0 16px 0;
}
.simple-process-p{
    font-size:18px;
    color:rgb(100, 116, 139);
    line-height:28px;
}
.simple-process-block{
    margin-bottom:64px;
}
.complete-application-section .grid{
    margin:0 168.4px 48px 168.4px;
}
.complete-application-section .grid .relative .inline-flex{
    height:96px;
    width:96px;
    border:0px solid rgb(226, 232, 240);
    border-radius:16px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.complete-application-section .grid .relative:nth-child(1) .inline-flex{
    background:#E8F6F9;
    color:#0F52BA;
}
.complete-application-section .grid .relative:nth-child(2) .inline-flex{
    background:#E6FAF5;
    color:#00B4D8;
}
.complete-application-section .grid .relative:nth-child(3) .inline-flex{
    background:#FEF3E2;
    color:#F4A261;
}
.complete-application-section .grid .relative .inline-flex{
    margin: 0 101px 24px 101px;
}
.complete-application-section .grid .relative .inline-flex .absolute{
    border:0px solid rgb(226, 232, 240);
    border-radius:16px;
    color:#ffffff;
    font-size:12px;
    top: -17px;
    right: -12px;
    padding:6px 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
.complete-application-section .grid .relative:nth-child(1) .inline-flex .absolute{
    background:#06D6A0;
}
.complete-application-section .grid .relative:nth-child(2) .inline-flex .absolute{
    background:#0F52BA;
}
.complete-application-section .grid .relative:nth-child(3) .inline-flex .absolute{
    background:#00B4D8;
}
.complete-application-section .grid .relative .inline-flex svg{
    height: 48px;
    width: 48px;
    margin-top: 22px;
}
.complete-application-section .grid .relative > .text-center > .inline-block{
    display: inline-block;
    background: rgb(232, 246, 249);
    border-radius: 16px;
    color: rgb(15, 82, 186);
    font-size: 14px;
    margin-bottom: 12px;
    padding: 4px 12px;
    margin-top: -72px;
    margin-left: 15px;
    position: absolute;
}
.complete-application-section .grid .relative > .text-center h3{
    color:rgb(26, 35, 50);
    font-size:20px;
    line-height:28px;
    margin:0 0 12px 0;
}
.complete-application-section .grid .relative > .text-center p{
    color:rgb(100, 116, 139);
    font-size:16px;
    line-height:24px;
}
.express-processing-section{
    max-width:68rem;
    background-image: linear-gradient(to right, #E8F6F9, #E6FAF5);
    border:0.8px solid rgb(226, 232, 240);
    border-radius:16px;
    margin:0 auto;
    padding:32px;
}
.express-processing-section svg{
    height:20px;
    width:20px;
}
.express-processing-section .flex{
    display:flex;
}
.express-processing-section > .flex{
    justify-content: center;
    margin-bottom:24px;
}
.express-processing-section > .flex > .flex:nth-child(1) > svg{
    color:#06D6A0;
}
.express-processing-section > .flex > .flex:nth-child(2) > svg{
    color:#00B4D8;
}
.express-processing-section > .flex > .flex:nth-child(3) > svg{
    color:#F4A261;
}
.express-processing-section > .flex > .flex span{
    color:rgb(26, 35, 50);
    font-size:14px;
    line-height:20px;
}
.express-processing-section button{
    border: 1px solid rgb(226, 232, 240);
    border-radius: 10px;
    background: #0f52ba;
    background-image: linear-gradient(to right, #0f52ba, #00b4d8);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 16px;
}
.express-processing-section button:hover{
    box-shadow: 0 25px 50px -12px #00000040;
}
.express-processing-section button svg{
    width: 16px;
    margin-bottom: -7px;
    margin-left: 8px;
}
.choose-your-idp-plan-section{
    background-image: linear-gradient(to bottom, #ffffff, #FAFBFC);
}
.simple-pricing-block{
    color:#06D6A0;
    background:#E6FAF5;
    border-radius:16px;
    line-height:20px;
    display: inline-block;
    font-size: 14px;
    padding:8px 16px;
    margin-bottom:16px;
}
.choose-your-idp-plan-section h2{
    color:rgb(26, 35, 50);
    font-size:48px;
    line-height:48px;
    margin:0 0 16px 0;
    padding:0 16px;
}
.choose-your-idp-plan-section p{
    color:rgb(100, 116, 139);
    font-size:18px;
    line-height:28px;
    /*margin:0 408.4px 32px 408.4px;*/
    padding:0 16px;
}
.choose-your-idp-plan-section .year-block{
    display:flex;
    justify-content: center;
    margin-bottom: 32px;
}
.choose-your-idp-plan-section .year-block .inline-flex{
    background-color:#ffffff;
    border:1.6px solid rgb(226, 232, 240);
    border-radius:45px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    padding:6px;
    display: inline-flex;
}
.choose-your-idp-plan-section .year-block .inline-flex button{
    color:#64748b;
    background:transparent;
    font-size:16px;
    line-height:24px;
    border:0;
    padding:12px 24px;
}
.choose-your-idp-plan-section .year-block .inline-flex button:hover{
    color:#1a2332;
}
.choose-your-idp-plan-section .year-block .inline-flex button.year-active{
    border: 1.6px solid rgb(226, 232, 240);
    border-radius: 40px;
    background: #0f52ba;
    background-image: linear-gradient(to right, #0f52ba, #00b4d8);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 24px;
}
.choose-your-idp-plan-section .year-block .inline-flex button.year-active span:first-child{
    font-size:16px;
    line-height:24px;
}
.choose-your-idp-plan-section .year-block .inline-flex button.year-active span:last-child{
    font-size:12px;
    line-height:16px;
    opacity:0.9;
    display:block !important;
}
.choose-your-idp-plan-section .year-block .inline-flex button.year-active span{
    display:block;
}
.choose-your-idp-plan-section .instant-download-block{
    display:flex;
    justify-content: center;
}
.choose-your-idp-plan-section .instant-download-block .inline-flex{
    display:inline-flex;
    border-radius:30px;
    padding:8px 16px;
    color:rgb(26, 35, 50);
}
.choose-your-idp-plan-section .instant-download-block .inline-flex:nth-child(1){
    background-color:rgb(232, 246, 249);
    border:0.8px solid #BDD5EC;
}
.choose-your-idp-plan-section .instant-download-block .inline-flex:nth-child(2){
    background-color:rgb(254, 243, 226);
    border:0.8px solid #FCE2C8;
}
.choose-your-idp-plan-section .instant-download-block .inline-flex:nth-child(3){
    background-color:rgb(230, 250, 245);
    border:0.8px solid #B9F3E4;
}
.choose-your-idp-plan-section .instant-download-block .inline-flex svg{
    height:16px;
    width:16px;
    margin-top: 2px;
}
.choose-your-idp-plan-section .instant-download-block .inline-flex:nth-child(1) svg{
    color:rgb(15, 82, 186);
}
.choose-your-idp-plan-section .instant-download-block .inline-flex:nth-child(2) svg{
    color:rgb(244, 162, 97);
}
.choose-your-idp-plan-section .instant-download-block .inline-flex:nth-child(3) svg{
    color:rgb(6, 214, 160);
}
.simple-pricing-section{
    margin-bottom:64px;
}
.digital-section > div > div{
    padding:32px;
    position:relative;
}
.digital-section > div > div > div{
    margin-bottom:32px;
}
.digital-section > div h3{
    color:rgb(26, 35, 50);
    font-size:24px;
    line-height:32px;
}
.digital-section > div .text-4xl{
    color:rgb(26, 35, 50);
    font-size:48px;
    line-height:48px;
    margin-bottom:12px;
}
.digital-section > div:nth-child(2) > div{
    border:0.8px solid rgb(226, 232, 240);
    border-radius:16px;
    background:#ffffff;
    min-height: 626px;
}
.digital-section > div:nth-child(2) > div:hover{
    border-color: #00b4d8;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}
.digital-section > div:nth-child(3) > div{
    border:1.6px solid rgb(15, 82, 186);
    border-radius:16px;
    background:#ffffff;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.digital-section > div:nth-child(3) > div:hover{
    box-shadow:0 0 0 0 rgba(0, 0, 0, 0.2), 0 0 0 0 rgba(0, 0, 0, 0.19);
}
.digital-section > div > div .inline-block{
    border:0px solid transparent;
    border-radius:16px;
    font-size:14px;
    padding:6px 12px;
    line-height:20px;
    margin-bottom:8px;
    display: inline-block;
}
.digital-section > div:nth-child(2) > div .inline-block{
    color:rgb(15, 82, 186);
    background:#E8F6F9;
}
.digital-section > div:nth-child(3) > div .inline-block{
    color:#ffffff;
    background:#06D6A0;
}
.digital-section > div > div p.text-sm{
    color:#64748B;
    font-size:14px;
    margin-top:8px;
}
.digital-section > div > div > ul{
    text-align: left;
    color: #1A2332;
    font-size: 14px;
    line-height: 20px;
}
.digital-section > div > div > ul svg{
    font-size:20px;
    height:20px;
    width:20px;
    color:rgb(6, 214, 160);
    margin-bottom: -5px;
    margin-right: 10px;
}
.digital-section > div:nth-child(2) > div button{
    border:1.6px solid rgb(15, 82, 186);
    background:#ffffff;
    color:rgb(15, 82, 186);
    font-size:18px;
    font-weight:600;
    line-height:28px;
    padding:8px 12px;
    border-radius:10px;
    width:100%;
}
.digital-section > div:nth-child(2) > div button:hover{
    background-color:rgb(232, 246, 249);
    color:#ffffff;
}
.digital-section > div:nth-child(2) > div button svg,
.digital-section > div:nth-child(3) > div button svg{
    height:16px;
    width:16px;
    margin-right: 15px;
}
.digital-section > div:nth-child(3) > div button{
    border: 1px solid rgb(226, 232, 240);
    border-radius: 10px;
    background: #0f52ba;
    background-image: linear-gradient(to right, #0f52ba, #00b4d8);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    line-height:28px;
    padding: 8px 12px;
    width:100%;
}
.digital-section > div:nth-child(3) > div button:hover{
    box-shadow: 0 25px 50px -12px #00000040;
}
.digital-section > div > div > .absolute{
    position: absolute;
    border: 1px solid rgb(226, 232, 240);
    border-radius: 30px;
    background-image: linear-gradient(to right, #0f52ba, #00b4d8);
    color: #fff;
    font-size: 14px;
    padding: 6px 16px;
    line-height: 20px;
    top: -18px;
    left: 50%;
    margin-left: -66px;
    margin-bottom:0px;
}
.digital-section > div > div > .absolute svg{
    height:12px;
    width:12px;
}
.all-prices-in-usd-section{
    margin-top:48px;
}
.all-prices-in-usd-section .inline-flex{
    display:inline-flex;
    border:1px solid rgb(226, 232, 240);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    border-radius:30px;
    color:rgb(26, 35, 50);
    font-size:14px;
    padding:12px 24px;
    background: #fff;
}
.all-prices-in-usd-section .inline-flex svg{
    height:20px;
    width:20px;
    color:rgb(6, 214, 160);
}
.worldwide-recognition-section{
    margin-bottom:64px;
}
.worldwide-recognition-section > .inline-block{
    display:inline-block;
    background:rgb(232, 246, 249);
    border-radius:30px;
    font-size:14px;
    color:rgb(15, 82, 186);
    margin-bottom:16px;
    padding:8px 16px;
}
.worldwide-recognition-section h2{
    color:rgb(26, 35, 50);
    font-size:48px;
    line-height:48px;
    margin: 0 0 16px 0;
}
.worldwide-recognition-section p{
    color:rgb(100, 116, 139);
    font-size:18px;
    line-height:28px;
    max-width: 68rem;
}
.your-idp-in-your-pocket-section{
    margin:0 232.4px 64px 232.4px;
}
.your-idp-in-your-pocket-section > .text-card-foreground{
    background-image:linear-gradient(to right bottom in oklab, rgb(232, 246, 249) 0%, rgb(255, 255, 255) 50%, rgb(230, 250, 245) 100%);
    border:1.6px solid rgb(15, 82, 186);
    border-radius:16px;
    box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    color:rgb(26, 35, 50);
    font-size:16px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div{
    padding:48px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex{
    display:flex;
    flex-direction: column;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .inline-flex{
    display: inline-flex;
    background-color:rgb(6, 214, 160);
    border-radius:30px;
    color:#ffffff;
    font-size:14px;
    padding:6px 12px;
    width:131.125px;
    margin-bottom:16px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .inline-flex svg{
    height:12px;
    width:12px;
    margin-top: 5px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex h3{
    color:rgb(26, 35, 50);
    font-size:36px;
    margin: 0 0 16px 0;
    
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex p{
    color:rgb(100, 116, 139);
    font-size:18px;
    line-height:28px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .space-y-3 .flex{
    display:flex;
    align-items: center;
    color:rgb(26, 35, 50);
    font-size:16px;
    margin-bottom: 12px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .space-y-3 .flex div{
    border-radius:50%;
    height:32px;
    width:32px;
    color:#ffffff;
    margin-bottom: 0;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .space-y-3 .flex div svg{
    height:16px;
    width:16px;
    margin-left: 8px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .space-y-3 .flex:nth-child(1) div{
    background:rgb(6, 214, 160);
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .space-y-3 .flex:nth-child(2) div{
    background:rgb(15, 82, 186);
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .space-y-3 .flex:nth-child(3) div{
    background:rgb(244, 162, 97);
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2){
    justify-content: center;
    align-items: center;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div{
    background:#1A2332;
    border:8px solid rgb(26, 35, 50);
    border-radius:40px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full{
    background-image:linear-gradient(in oklab, rgb(15, 82, 186) 0%, rgb(26, 35, 50) 100%);
    padding:24px;
    border-radius: 35px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full span{
    color:#ffffff;
    font-size:12px;
    line-height:16px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .flex{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:32px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .flex > .flex{
    display:flex;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .flex > .flex div{
    background-color:oklab(0.999994 0.0000455678 0.0000200868 / 0.3);
    border-radius:8px;
    height:16px;
    width:16px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .bg-white{
    background:#ffffff;
    padding:16px;
    color:rgb(26, 35, 50);
    font-size:16px;
    border-radius:16px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .bg-white .flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:12px;
    
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .bg-white .flex .text-xs{
    color:#64748b;
    font-size:12px;
    line-height:16px;
    width:140px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .bg-white .flex svg{
    color:#0f52ba;
    height:24px;
    width:22.61px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .bg-white .space-y-2 .text-sm{
    color:#1A2332;
    font-size:14px;
    margin-bottom:8px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .bg-white .space-y-2 .text-xs{
    color:#64748B;
    font-size:12px;
    margin-bottom:8px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .bg-white .mt-4{
    border-top:0.8px solid rgb(226, 232, 240);
    margin-top:16px;
    padding-top:16px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .bg-white .mt-4 .text-xs{
    color:#06D6A0;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .bg-white .mt-4 .flex{
    margin:0;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .bg-white .mt-4 svg{
    color:rgb(15, 82, 186);
    height:16px;
    width:16px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .mt-auto{
    margin-top:191.25px
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div .w-full > .mt-auto .inline-block{
    background-color:oklab(0.999994 0.0000455678 0.0000200868 / 0.3);
    height:4px;
    width:128px;
    margin:0 auto;
    border-radius:20px;
}
.your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div.absolute{
    background:#06D6A0;
    color:#ffffff;
    padding:8px 16px;
    border: 0;
    top: -18px;
    right: -20px;
    font-size: 14px;
}
.services-section .col-md-4a .bg-card{
    background-color:rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    border-radius:16px;
    border:1.6px solid rgb(226, 232, 240);
    padding:24px;
    min-height: 236px;
}
.services-section .col-md-4a .bg-card:hover{
    border-color: #0f52ba;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.services-section .col-md-4a .bg-card .w-12{
    display: flex;
    height: 48px;
    width: 48px;
    justify-content: center;
    align-items: center;
    border-radius:16px;
    margin-bottom:16px;
}
.services-section .apple-wallet-integration .bg-card .w-12{
    background:rgb(232, 246, 249);
    color:rgb(15, 82, 186);
}
.services-section .unlimited-downloads .bg-card .w-12{
    background:rgb(232, 246, 249);
    color:rgb(0, 180, 216);
}
.services-section .qr-code-verification .bg-card .w-12{
    background:rgb(230, 250, 245);
    color:rgb(6, 214, 160);
}
.services-section .bank-grade-security .bg-card .w-12{
    background:rgb(241, 245, 249);
    color:rgb(26, 35, 50);
}
.services-section .access-24-7 .bg-card .w-12{
    background:rgb(254, 243, 226);
    color:rgb(244, 162, 97);
}
.services-section .offline-access .bg-card .w-12{
    background:rgb(232, 246, 249);
    color:rgb(15, 82, 186);
}
.services-section .col-md-4a .bg-card h3{
    color:rgb(26, 35, 50);
    font-size:20px;
    font-weight:400;
    line-height:28px;
    margin: 0 0 8px 0;
}
.services-section .col-md-4a .bg-card p{
    color:rgb(100, 116, 139);
    font-size:14px;
    line-height:20px;
    margin:0;
}
.your-documents-are-safe-section .text-card-foreground{
    background-image:linear-gradient(to right bottom in oklab, rgb(230, 250, 245) 0%, rgb(255, 255, 255) 100%);
    border:1.6px solid rgb(6, 214, 160);
    border-radius:16px;
    display: flex;
    flex-direction: column;
    padding:32px;
}
.your-documents-are-safe-section .text-card-foreground > .flex{
    display: flex;
    flex-direction: row;
}
.your-documents-are-safe-section .text-card-foreground > .flex h3{
    color:rgb(26, 35, 50);
    font-size:24px;
    font-weight:400;
    margin:0 0 12px 0;
}
.your-documents-are-safe-section .text-card-foreground > .flex p{
    color:rgb(100, 116, 139);
    font-size:16px;
    margin:0 0 16px 0;
}
.your-documents-are-safe-section .text-card-foreground > .flex .w-12 svg{
    color:rgb(255, 255, 255);
    background-color: #06d6a0;
    border-radius:30px;
    height:48px;
    width:48px;
    padding: 12px;
}
.your-documents-are-safe-section .text-card-foreground > .flex .grid .flex{
    display:flex;
}
.your-documents-are-safe-section .text-card-foreground > .flex .grid .flex .w-2{
    background-color:rgb(6, 214, 160);
    border-radius:20px;
    height:8px;
    width:8px;
    margin-top: 6px;
}
.your-documents-are-safe-section .text-card-foreground > .flex .grid .flex span{
    color:#1A2332;
    font-size:14px;
}
.digital-wallet-access-section{
    margin-top:48px;
}
.digital-wallet-access-section p{
    color:rgb(100, 116, 139);
    font-size:16px;
}
.digital-wallet-access-section button{
    border: 1px solid rgb(226, 232, 240);
    border-radius: 10px;
    background: #0f52ba;
    background-image: linear-gradient(to right, #0f52ba, #00b4d8);
    color: #fff;
    font-size:14px;
    font-weight: 600;
    line-height: 28px;
    padding: 16px;
}
.digital-wallet-access-section button:hover{
    box-shadow: 0 25px 50px -12px #00000040;
}
.digital-wallet-access-section button svg{
    height:16px;
    width:16px;
    margin-right: 12px;
}
.worldwide-recognition{
    display:inline-flex;
    background-color:oklch(0.97 0.014 254.604);
    color:oklch(0.488 0.243 264.376);
    font-size:14px;
    border-radius:40px;
    margin-bottom:24px;
    padding:8px 16px;
}
.worldwide-recognition-block{
    margin-bottom:64px;
}
.worldwide-recognition svg{
    height:16px;
    width:16px;
    margin-top: 2px;
}
.worldwide-recognition-block h2{
    color:rgb(26, 35, 50);
    font-size:36px;
    font-weight:400;
    margin:0 0 16px 0;
}
.worldwide-recognition-block p{
    color:rgb(100, 116, 139);
    font-size:18px;
    line-height:28px;
}
.countries-section .bg-gray-50{
    background-color:#fbf9fa;
    border-radius:12px;
    color:rgb(26, 35, 50);
    padding:24px;
}
.countries-section .bg-gray-50 .mb-3{
    color:rgb(26, 35, 50);
    font-size:16px;
    line-height:24px;
    margin-bottom:12px;
}
.countries-section .bg-gray-50 .text-2xl{
    color:oklch(0.546 0.245 262.881);
    font-size:24px;
    line-height:32px;
    margin-bottom:8px;
}
.countries-section .bg-gray-50 p.text-xs{
    color:rgb(100, 116, 139);
    font-size:12px;
    line-height:16px;
    margin:0;
}
.popular-destinations-section{
    background-image:linear-gradient(to right bottom, oklch(0.97 0.014 254.604) 0%, rgb(255, 255, 255) 100%);
    border:0.8px solid oklch(0.932 0.032 255.585);
    padding:32px;
    border-radius:16px;
}
.popular-destinations-section .flex{
    display:flex;
    align-items: flex-start;
}
.popular-destinations-section .flex > svg{
    color:oklch(0.627 0.194 149.214);
    font-size:16px;
    height:24px;
    width:24px;
}
.popular-destinations-section .flex h3{
    color:rgb(26, 35, 50);
    font-size:16px;
    line-height:24px;
    margin:0 0 8px 0;
}
.popular-destinations-section .flex p{
    color:rgb(100, 116, 139);
    font-size:14px;
    line-height:20px;
    margin:0 0 8px 0;
}
.flex-wrap{
    flex-wrap: wrap;
}
.popular-destinations-section .flex > span{
    background-color:rgb(232, 246, 249);
    border:0.8px solid rgba(0, 0, 0, 0);
    border-radius:10px;
    color:rgb(15, 82, 186);
    font-size:12px;
    line-height:16px;
    padding:4px 12px;
    display: inline-flex;
    width: fit-content;
    align-items: center;
}
.popular-destinations-section .flex > span:last-child{
    border:0.8px solid rgb(226, 232, 240);
    color:rgb(26, 35, 50);
    background:transparent;
    font-weight:600;
}
.countries-important-note-section{
    background-color:oklch(0.987 0.026 102.212);
    border:0.8px solid oklch(0.945 0.129 101.54);
    border-radius:12px;
    color:rgb(26, 35, 50);
    font-size:16px;
    line-height:24px;
    padding:24px;
    margin:32px 0 0 0;
}
.countries-important-note-section p{
    color:rgb(26, 35, 50);
    font-size:14px;
    margin:0;
}
.countries-traveling-section{
    background-image:linear-gradient(to right in oklab, rgb(232, 246, 249) 0%, rgb(230, 250, 245) 100%);
    border:0.8px solid rgb(226, 232, 240);
    border-radius:16px;
    padding:32px;
    margin-top:32px;
}
.countries-traveling-section h3{
    color:rgb(26, 35, 50);
    font-size:24px;
    line-height:32px;
    margin:0 0 12px 0;
}
.countries-traveling-section p{
    color:rgb(100, 116, 139);
    font-size:16px;
    margin:0 0 24px 0;
}
.countries-traveling-section button{
    border: 1px solid rgb(226, 232, 240);
    border-radius: 10px;
    background: #0f52ba;
    background-image: linear-gradient(to right, #0f52ba, #00b4d8);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 16px;
}
.countries-traveling-section button:hover{
    box-shadow: 0 25px 50px -12px #00000040;
}
.countries-traveling-section button svg{
    height:16px;
    width:16px;
    margin-bottom: -4px;
    margin-left: 12px;
}
.what-you-need-to-apply{
    margin:0 0 64px 0;
}
.what-you-need-to-apply h2{
    color:rgb(26, 35, 50);
    font-size:36px;
    font-weight:400;
    line-height:40px;
    margin:0 0 16px 0;
}
.what-you-need-to-apply p{
    color:rgb(100, 116, 139);
    font-size:18px;
    margin:0 112px;
}
.passport-photo-section .bg-card{
    background-color:rgb(255, 255, 255);
    border:0.8px solid rgb(226, 232, 240);
    border-radius:16px;
    padding:24px;
}
.passport-photo-section .flex{
    display:flex;
    align-items: flex-start;
}
.passport-photo-section .flex .w-10{
    flex-shrink: 0;
    opacity:0;
}
.passport-photo-section .flex h4{
    color:rgb(26, 35, 50);
    font-size:16px;
    font-weight:400;
    line-height:24px;
    margin:0;
}
.passport-photo-section .flex span{
    background-color:oklch(0.932 0.032 255.585);
    border-radius:4px;
    color:oklch(0.488 0.243 264.376);
    font-size:12px;
    padding:2px 8px;
}
.passport-photo-section .flex-1 p{
    color:rgb(100, 116, 139);
    font-size:14px;
    margin: 0;
}
.got-everything-ready-section{
    background-image:linear-gradient(to right in oklab, rgb(15, 82, 186) 0%, rgb(0, 180, 216) 100%);
    border-radius:16px;
    color:rgb(255, 255, 255);
    margin-top:32px;
    padding:32px;
}
.got-everything-ready-section h3{
    color:#ffffff;
    font-size:24px;
    font-weight:400;
    line-height:32px;
    margin: 0 0 12px 0;
}
.got-everything-ready-section p{
    color:#ffffff;
    font-size:16px;
    line-height:24px;
    margin: 0 0 24px 0;
}
.got-everything-ready-section button{
    border: 1px solid rgb(226, 232, 240);
    border-radius: 10px;
    background: rgb(255, 255, 255);
    color: rgb(15, 82, 186);
    font-size: 14px;
    font-weight: 600;
    padding: 16px;
}
.got-everything-ready-section button:hover{
    box-shadow: 0 25px 50px -12px #00000040;
}
.got-everything-ready-section button svg{
    height:16px;
    width:16px;
    margin-bottom: -4px;
    margin-left: 10px;
}
#requirements .absolute img{
    height:100%;
    width:100%;
    max-width:100%;
    display:block;
}
.learn-the-hard-way-block{
    margin-bottom:64px;
}
.learn-the-hard-way-block h2{
    color: rgb(26, 35, 50);
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 16px 0;
}
.learn-the-hard-way-block p{
    color: rgb(100, 116, 139);
    font-size: 18px;
    margin: 0 112px;
}
.review-section .bg-card{
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    border: 1.6px solid rgb(226, 232, 240);
    padding: 24px;
}
.review-section .bg-card .flex{
    display:flex;
    margin-bottom:16px;
}
.review-section .bg-card .flex svg{
    height:20px;
    width:20px;
    color:oklch(0.852 0.199 91.936);
    stroke:oklch(0.852 0.199 91.936);
}
.review-section .bg-card .flex svg path{
    color:oklch(0.852 0.199 91.936);
    fill:oklch(0.852 0.199 91.936);
}
.review-section .bg-card p{
    color:rgb(26, 35, 50);
    font-size:14px;
    margin-bottom:24px;
    line-height:22.75px;
}
.review-section .bg-card .flex img{
    border-radius:50%;
    height:48px;
    width:48px;
}
.review-section .bg-card .flex .text-sm{
    color:rgb(26, 35, 50);
    font-size:14px;
}
.review-section .bg-card .flex .text-xs{
    color:rgb(100, 116, 139);
    font-size:12px;
}
.review-section .bg-card .flex .text-xs{
    color:oklch(0.546 0.245 262.881);
}
.overall-review-section{
    margin-top:48px;
}
.overall-review-section .inline-flex{
    display:inline-flex;
    border:0.8px solid rgb(226, 232, 240);
    background-color:oklch(0.985 0.002 247.839);
    border-radius:12px;
    margin-bottom:32px;
    padding:24px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.19);
}
.overall-review-section .inline-flex svg{
    height: 24px;
    width: 24px;
    color: oklch(0.852 0.199 91.936);
    stroke: oklch(0.852 0.199 91.936);
    margin-top: 10px;
}
.overall-review-section .inline-flex svg path{
    color: oklch(0.852 0.199 91.936);
    fill: oklch(0.852 0.199 91.936); 
}
.overall-review-section .inline-flex > div > div:first-child{
    color:rgb(26, 35, 50);
    font-size:16px;
    line-height:24px;
}
.overall-review-section .inline-flex > div > div:last-child{
    color:rgb(100, 116, 139);
    font-size:14px;
    line-height:20px;
}
.join-thousands-section{
    background-image:linear-gradient(to right in oklab, rgb(232, 246, 249) 0%, rgb(230, 250, 245) 100%);
    border:0.8px solid rgb(226, 232, 240);
    border-radius:16px;
    max-width: 68rem;
    padding:32px;
}
.join-thousands-section h3{
    color:rgb(26, 35, 50);
    font-size:24px;
    font-weight:400;
    margin:0 0 12px 0;
}
.join-thousands-section p{
    color:#64748B;
    font-size:16px;
    line-height:24px;
    margin:0 0 24px 0;
}
.join-thousands-section button{
    border: 1px solid rgb(226, 232, 240);
    border-radius: 10px;
    background: #0f52ba;
    background-image: linear-gradient(to right, #0f52ba, #00b4d8);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 16px !important;
    margin: 0 !important;
}
.join-thousands-section button:hover{
    box-shadow: 0 25px 50px -12px #00000040;
}
.join-thousands-section button svg{
    color: #fff;
    margin-top: 0 !important;
}
.join-thousands-section button svg path{
    stroke:rgb(255, 255, 255);
    color: #fff !important;
    fill: transparent !important;
}
.faq-top-section{
    margin-bottom:64px;
}
.faq-top-section h2{
    color:rgb(26, 35, 50);
    font-size:36px;
    font-weight:400;
    line-height:40px;
    margin:0 0 16px 0;
}
#faq{
    background-color:oklch(0.985 0.002 247.839);
    padding:90px 0;
}
.faq-top-section p{
    color:rgb(100, 116, 139);
    font-size:18px;
}
.learn-the-hard-way-section .section-white{
    background-image: linear-gradient(to bottom, #ffffff, #ffffff);
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}
#accordion .panel-default{
    border:0.8px solid rgb(226, 232, 240);
    border-radius:12px;
    background:#ffffff;
    margin-bottom: 16px;
}
#accordion .panel-heading{
    background:#fff;
    color:rgb(26, 35, 50);
    font-size:14px;
    font-weight:600;
    border: 0;
    border-radius: 12px;
}
#accordion .panel-body{
    color:rgb(100, 116, 139);
    font-size:14px;
    border: 0;
    padding-top: 0;
}
#accordion h4 a{
    color:rgb(26, 35, 50);
    font-size:14px;
    font-weight:600;
    display: block;
}
.still-have-questions-section{
    background-color:rgb(255, 255, 255);
    border:1px solid rgb(15, 82, 186);
    border-radius:16px;
    margin-top:48px;
    padding:32px;
}
.still-have-questions-section svg{
    color:rgb(15, 82, 186);
    font-size:16px;
    height:48px;
    width:48px;
}
.still-have-questions-section h3{
    color:#1A2332;
    font-size:24px;
    font-weight:400;
    margin:0 0 12px 0;
}
.still-have-questions-section p{
    color:#64748B;
    font-size:16px;
    line-height:24px;
    margin:0 62.4px 24px 62.4px;
}
.still-have-questions-section button{
    display: inline-flex;
    border: 0.8px solid rgb(226, 232, 240);
    background-color: oklch(0.985 0.002 247.839);
    color: #ffffff;
    border-radius: 12px;
    margin-bottom: 32px;
    padding:16px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.19);
}
.still-have-questions-section button:hover{
    box-shadow: 0 25px 50px -12px #00000040;
}
.still-have-questions-section button svg{
    height:16px;
    width:16px;
    color:#ffffff;
    margin-top: 4px;
}
.ready-to-drive-section{
    background-image:linear-gradient(to right bottom in oklab, rgb(15, 82, 186) 0%, rgb(13, 67, 153) 50%, rgb(26, 35, 50) 100%);
    padding:90px 0;
}
.plane-icon{
    background-color:rgb(6, 214, 160);
    border-radius:16px;
    box-shadow:rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    display:flex;
    font-size:16px;
    height:80px;
    width:80px;
    margin-bottom:32px;
}
.plane-icon svg{
    height:40px;
    width:40px;
    color:rgb(26, 35, 50);
    margin-top: 20px;
    margin-left: 20px;
}
.ready-to-drive-section h2{
    color:#ffffff;
    font-size:48px;
    font-weight:400;
    line-height:48px;
    margin:0 0 24px 0;
}
.ready-to-drive-section p{
    color:oklch(0.932 0.032 255.585);
    font-size:24px;
    line-height:39px;
    margin:0 0 40px 0;
}
.ready-to-drive-buttons{
    margin-bottom:40px;
}
.ready-to-drive-buttons button:first-child{
    background-color: #06d6a0;
    border: 1px solid #06d6a0;
    font-size: 18px;
    padding: 16px;
    border-radius: 10px;
    font-weight: 600;
    display:inline-flex;
}
.ready-to-drive-buttons button:first-child:hover{
    background-color: #05c291;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.ready-to-drive-buttons button:first-child svg{
    height:16px;
    width:16px;
    margin-top: 6px;
}
.ready-to-drive-buttons button:first-child svg:first-child{
    margin-right:8px;
}
.ready-to-drive-buttons button:first-child svg:last-child{
    margin-left:8px;
}
.ready-to-drive-buttons button:last-child{
    font-size: 18px;
    padding: 16px;
    border-radius: 10px;
    font-weight: 600;
    background: #2D5CAA;
    border: 1px solid #6C8DC4;
    margin-left: 15px;
    color: #fff;
}
.ready-to-drive-buttons button:last-child:hover{
    background-color: color-mix(in oklab, #fff 20%, transparent);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.express-processing-button{
    display:inline-block;
    background-color:rgb(6, 214, 160);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    border-radius:16px;
    color:rgb(26, 35, 50);
    font-size:16px;
    margin-bottom:40px;
    padding:16px 32px;
}
.express-processing-button svg{
    height:24px;
    width:24px;
    margin-bottom: -7px;
    margin-right: 10px;
}
.express-processing-button span{
    color:rgb(26, 35, 50);
    font-size:16px;
    line-height:24px;
}
.money-back-section .flex{
    display:flex;
    background-color:oklab(0.999994 0.0000455678 0.0000200868 / 0.1);
    border-radius:16px;
    color:#ffffff;
    font-size:14px;
    padding:12px;
    justify-content: center;
    border:0.8px solid oklab(0.999994 0.0000455678 0.0000200868 / 0.2);
    flex-direction: row;
}
.money-back-section .flex svg{
    color:rgb(6, 214, 160);
    height:20px;
    width:20px;
}
footer{
    background-color:rgb(26, 35, 50);
    padding-bottom:32px;
    padding-top:64px;
}
footer .absolute{
    height: 100%;
    width: 100%;
    top: 0;
}
footer .absolute img{
    width:100%;
    height: 100%;
}
footer .flex{
    display:flex;
    align-items:center;
    justify-content: center;
}
.footer-logo-section{
    margin-bottom:16px;
    justify-content: normal !important;
}
.footer-logo-section .w-10{
    background-image:linear-gradient(to right bottom in oklab, rgb(15, 82, 186) 0%, rgb(0, 180, 216) 100%);
    border-radius:16px;
    color:#ffffff;
    font-size:16px;
    height:40px;
    width:40px;
}
.footer-logo-section span{
    color:#ffffff;
    font-size:16px;
    line-height:24px;
}
footer p.text-sm{
    color:oklch(0.707 0.022 261.325);
    font-size:14px;
    line-height:20px;
    margin:0 0 16px 0;
}
.social-media-icons a{
    height: 40px;
    width: 40px;
    padding: 10px;
    border-radius:16px;
}
.social-media-icons{
    justify-content: flex-start !important;
}
.social-media-icons svg{
    color:#ffffff;
}
.social-media-icons .facebook-icon:hover{
    background:rgb(15, 82, 186);
}
.social-media-icons .twitter-icon:hover{
    background:rgb(0, 180, 216);
}
footer h4{
    color:#ffffff;
    font-size:16px;
    font-weight:400;
    line-height:24px;
    margin:0 0 16px 0;
}
footer div li{
    margin:0 0 12px 0;
}
footer div li button{
    background:transparent;
    border:0;
}
footer div li a,
footer div li button{
    color:oklch(0.707 0.022 261.325);
    font-size:14px;
    padding: 0;
}
footer div li button{
    font-size:16px;
    font-weight:600;
}
footer div li a:hover,
footer div li button:hover{
    color:rgb(6, 214, 160);
}
footer > div > div.grid div:nth-child(5) li.flex{
    justify-content: normal;
}
footer > div > div.grid div:nth-child(5) li svg{
    height:16px;
    width:16px;
    margin-bottom: -6px;
}
footer > div > div.grid div:nth-child(5) li.phone svg{
    color:rgb(6, 214, 160);
}
footer > div > div.grid div:nth-child(5) li.message svg{
    color:rgb(0, 180, 216);
}
footer > div > div.grid div:nth-child(5) li.location svg{
    color:rgb(244, 162, 97);
}
footer > div > div.grid div:nth-child(5) li.flex{
    align-items: baseline !important;
}
footer > div > div.grid div:nth-child(5) li span{
    color:oklch(0.707 0.022 261.325);
    font-size:14px;
}
.important-disclosure-section{
    color:oklch(0.707 0.022 261.325);
    font-size:12px;
    line-height:19.5px;
}
.important-disclosure-section strong{
    color:oklch(0.872 0.01 258.338);
    font-weight:700;
}
.copy-right-section .justify-between{
    justify-content: space-between;
}
.copy-right-section p{
    color:oklch(0.707 0.022 261.325);
    font-size:14px;
    margin:0;
}
.copy-right-section .certificate .w-2{
    background:#06D6A0;
    height:8px;
    width:8px;
    border-radius:50%;
    margin-top: 3px;
}
.copy-right-section .certificate p{
    font-size:12px;
}
.copy-right-section .flex-col{
    flex-direction: row;
}
.what-you-get-section li{
    display: flex;
    align-items: center;
}
.what-you-get-section li div.w-5{
    background-color:rgb(230, 250, 245);
    height:20px;
    width:20px;
    border-radius:50%;
    display: flex;
    align-items: center;
}
.valid-delivered-in-section > div:nth-child(2), .valid-delivered-in-section > div:nth-child(3){
    background:#ffffff;
}
.review-section .bg-card .flex .text-xs.text-muted-foreground{
    color:rgb(100, 116, 139);
    font-size:12px;
    line-height:16px;
}
#form_wrapper{
    background:transparent;
}
@media (max-width: 1380px) {
    .form3 .third-form-section > .col-md-1{
        display:none;
    }
    .form3 .third-form-section > .col-md-7{
        margin-left:6%;
    }
}
@media (max-width: 1024px) {
    .md\:gap-2 {
        gap: calc(.25rem * 2);
    }
    .md\:py-2\.5 {
        padding-block: calc(.25rem * 2.5);
    }
    main {
        margin-top: auto;
    }
    .navbar-default{
        min-height:auto;
    }
    .wallet-button,.navbar-collapse.collapse{
        display:none !important;
    }
    .toggle-menu{
        display:inline-flex;
        align-items: center;
        background-color:rgba(0, 0, 0, 0);
        border:0.8px solid rgb(226, 232, 240);
        border-radius:10px;
        font-size:16px;
        font-weight:400;
        height:36px;
        width:36px;
    }
    .apply-now-button{
        padding:10px;
    }
    
    .below-banner-section{
        line-height: 60px;
        padding:22.5px 20px;
        text-align: left;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: calc(.25rem * 6);
    }
    .navbar-default .navbar-brand .main-logo-content{
        font-size:11px;
        margin-bottom: -6px;
    }
    .guarantee-section{
        font-size:13px;
    }
    .main-logo{
        border-radius: 11.25px;
        height: 30px;
        width: 30px;
    }
    .apply-now-button{
        font-size:11.25px;
    }
    .main-logo svg{
        height:15px;
        width:15px;
    }
    .below-banner-content{
        line-height: 20px;
    }
    .international-driving-permit-block .container .row .col-md-1{
        clear:both;
        display:block;
        float:none;
    }
    .international-driving-permit-block .container .row .col-md-5{
        width:82%;
        margin: 0 auto;
        float: none;
    }
    /*.international-driving-permit-block .container .row div:nth-child(4){*/
    /*    margin-top: 32px;*/
    /*}*/
    .complete-application-section .grid .relative .inline-flex{
        margin: 0 20px 24px 72px;
    }
    .complete-application-section .grid .relative > .text-center > .inline-block{
        margin-top: -70px;
    }
    .home-wrapper{
        padding: 100px 0 40px 0;
    }
    .home-title{
        font-size:45px !important;
        font-weight:400;
        line-height:45px !important;
    }
    .complete-application-section .grid{
        margin:0 auto;
        padding-top:20px;
        padding-bottom: 40px;
    }
    .grid{
        overflow:hidden;
    }
    .digital-section .col-md-2{
        display:none;
    }
    .digital-section .col-md-4{
        width:50%;
    }
    .your-idp-in-your-pocket-section{
        margin-left: auto;
        margin-right: auto;
    }
    .col-sm-2{
        width: 25%;
        float:left;
    }
    #CompleteIDPBookletModal .modal-content,
    #CompleteIDPBookletModal .modal-body{
        overflow:scroll;
    }
    .header-block svg{
        height:52px;
        width:52px;
    }
    .header-block{
        font-size:13px;
    }
    .below-banner-content svg{
        height:37.5px;
        width:37.5px;
    }
    .below-banner-content .below-banner-text .text-xs{
        font-size:11.25px;
        line-height:15px;
    }
    .below-banner-content .below-banner-text .below-banner-low-text{
        font-size:10px;
        line-height: 15px;
    }
    .below-banner-text{
        margin-left:5px;
    }
    .accepted-worldwide-text{
        font-size:13px;
    }
    .accepted-worldwide-section svg{
        margin-top: -4px;
    }
    h2.section-title{
        font-size:22.5px;
        line-height:30px;
    }
    p.section-subtitle{
        font-size:15px;
        line-height:22.5px;
    }
    .drive-anywhere-block{
        display:flex;
        align-items: center;
        flex-direction: column;
        gap: calc(.25rem * 4);
    }
    .drive-anywhere-section > div h3{
        font-size:16.875px;
        text-align:center;
    }
    .drive-anywhere-section > div p{
        text-align:center;
        font-size:13.125px;
        line-height:21.3281px;
        margin-bottom:5px;
    }
    .drive-anywhere-block-2 > div {
        padding: 11.5px 15px;
    }
    .drive-anywhere-block-2 > div > div:first-child{
        font-size:22.5px;
        line-height:30px;
    }
    .drive-anywhere-block-2 > div > div:nth-child(2){
        font-size:11.25px;
        line-height:15px;
    }
    .get-idp button{
        padding:15px;
        font-size:13.125px;
        line-height:18.75px;
    }
    .get-idp svg{
        height:15px;
        width:15px;
    }
    .below-drive-anywhere-section > div > div > div{
        padding:15px;
    }
    .below-drive-anywhere-section > div > div > div .text-sm{
        font-size:13.125px;
        line-height:18.75px;
    }
    .below-drive-anywhere-section > div > div > div .text-xs{
        font-size:11.25px;
        line-height:15px;
        color:rgb(26, 35, 50);
    }
    .essential-travel-section{
        font-size:13.125px;
    }
    .international-driving-permit h2{
        font-size:28.125px;
        line-height:33.75px;
    }
    .international-driving-permit p{
        font-size:16.875px;
        line-height:26.25px;
    }
    .section-white{
        padding:75px 0 !important;
    }
    .need-an-idp-section h3, .what-you-get-section h3{
        font-size:18.75px;
        line-height:26.25px;
    }
    .need-an-idp-section p, .what-you-get-section p{
        font-size:15px;
        line-height:22.5px;
    }
    .what-you-get-section li span{
        font-size:15px;
        line-height:22.5px;
    }
    .simple-pricing-block{
        font-size:13.125px;
        padding:7.5px 15px;
    }
    .choose-your-idp-plan-section h2{
        font-size:28.125px;
        line-height:33.75px;
        margin-bottom:11.25px;
    }
    .choose-your-idp-plan-section p{
        font-size:15px;
        line-height:22.5px;
        margin-bottom:22.5px;
    }
    .choose-your-idp-plan-section .instant-download-block{
        flex-direction: column;
        width: 45%;
        margin: 0 auto;
    }
    .choose-your-idp-plan-section .instant-download-block .inline-flex svg{
        height:15px;
        width:15px;
    }
    .choose-your-idp-plan-section .instant-download-block .inline-flex .text-sm{
        font-size:13.125px;
        line-height:18.75px;
    }
    .digital-section > div:nth-child(2) > div{
        padding:22.5px;
    }
    .digital-section > div h3{
        font-size:18.75px;
        font-weight:400;
        margin:0 0 11.25px 0;
    }
    .digital-section > div .text-4xl{
        font-size:33.75px;
        margin:0 0 11.25px 0;
    }
    .digital-section > div > div .inline-block{
        font-size:13.125px;
        margin-bottom:7.5px;
    }
    .choose-your-idp-plan-section p{
        font-size:13.125px !important;
        margin-top:7.5px !important;
    }
    .digital-section > div > div > ul li .text-sm{
        font-size:13.125px;
        font-weight:normal;
    }
    .digital-section > div > div > ul svg{
        height:18px;
        width:18px;
    }
    .digital-section > div:nth-child(2) > div button{
        font-size:15px;
    }
    .digital-section > div:nth-child(2) > div button svg{
        margin-bottom: -2px;
    }
    .digital-section > div > div > .absolute{
        font-size:11.25px;
        padding: 3.25px 11.75px;
        left: 53%;
        margin-top: 3px;
    }
    .digital-section > div > div > .absolute svg{
        height:11.25px;
        width:11.25px;
    }
    .all-prices-in-usd-section .inline-flex{
        font-size:11.25px;
        line-height:15px;
        flex-direction: column;
        align-items: center;
    }
    .all-prices-in-usd-section .inline-flex .svg{
        height:18.75px;
        width:18.75px;
    }
    .choose-your-idp-plan-section .section-white{
        padding:60px 0;
    }
    .worldwide-recognition-section > .inline-block{
        font-size:13.125px;
        line-height:18.75px;
        margin-bottom: 15px;
    }
    .worldwide-recognition-section h2{
        font-size:33.75px;
        line-height:37.5px;
        margin-bottom:15px;
        margin-top:0;
    }
    .worldwide-recognition-section p{
        font-size:16.875px;
        line-height:26.25px;
    }
    .your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .inline-flex{
        font-size:13.125px;
        
    }
    .your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .inline-flex svg{
        height:11.25px;
        width:11.25px;
    }
    .your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex h3{
        font-size:28.125px;
        line-height:33.75px;
        margin-bottom:15px;
    }
    .your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex p{
        font-size:16.875px;
        line-height:26.25px;
        margin-bottom:22.5px;
    }
    .your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .space-y-3 .flex{
        font-size:15px;
        line-height:22.5px;
    }
    .your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .space-y-3 .flex div{
        height:30px;
        width:30px;
    }
    .your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .space-y-3 .flex div svg{
        height:15px;
        width:15px;
    }
    .your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex:nth-child(2) > div > div.absolute{
        font-size:13.125px;
        font-weight:normal;
    }
    .services-section .col-md-4a .bg-card h3{
        font-size:18.75px;
        margin-bottom:7.5px;
    }
    .services-section .col-md-4a .bg-card p{
        font-size:13.125px;
    }
    .services-section .col-md-4a .bg-card{
        padding:22.5px;
    }
    .services-section .col-md-4a .bg-card .w-12,
    .your-documents-are-safe-section .text-card-foreground > .flex .w-12 svg{
        height:45px;
        width:45px;
    }
    .services-section .col-md-4a .bg-card .w-12 svg{
        height:22.5px;
        width:22.5px;
    }
    .your-documents-are-safe-section .text-card-foreground{
        padding:30px;
    }
    .your-documents-are-safe-section .text-card-foreground > .flex h3{
        font-size:22.5px;
        line-height:30px;
        margin-bottom:11.25px;
    }
    .your-documents-are-safe-section .text-card-foreground > .flex p{
        font-size:15px;
        line-height:22.5px;
        margin-bottom:15px;
    }
    .your-documents-are-safe-section .text-card-foreground > .flex .grid .flex span{
        font-size:13.125px;
        font-weight:normal;
    }
    .digital-wallet-access-section p{
        font-size:15px;
        margin-bottom:15px;
    }
    .digital-wallet-access-section button{
        font-size:13.125px;
    }
    .worldwide-recognition{
        font-size:13.125px;
        padding:7.5px 15px;
    }
    .worldwide-recognition-block{
        margin-bottom:60px;
    }
    .worldwide-recognition-block h2{
        font-size:28.125px;
        margin-bottom:15px;
    }
    .worldwide-recognition-block p{
        font-size:16.875px;
        line-height:26.25px;
    }
    .countries-section .bg-gray-50{
        padding:22.5px;
    }
    .countries-section .bg-gray-50 .mb-3{
        margin-bottom:11.25px;
        font-size:15px;
        line-height:22.5px;
    }
    .countries-section .bg-gray-50 .text-2xl{
        font-size:22.5px;
        line-height:30px;
        margin-bottom:7.5px;
    }
    .countries-section .bg-gray-50 p.text-xs{
        font-size:11.25px;
        line-height:15px;
    }
    .popular-destinations-section{
        padding:30px;
    }
    .popular-destinations-section .flex > svg{
        height:22.5px;
        width:22.5px;
    }
    .popular-destinations-section .flex h3{
        margin-bottom:7.5px;
        font-size:15px;
        line-height:22.5px;
    }
    .popular-destinations-section .flex p{
        font-size:13.125px;
        line-height:18.75px;
        margin:0;
    }
    .popular-destinations-section .flex > span{
        padding:3.75px 11.25px;
        font-size:11.25px;
        font-weight:600;
        line-height:15px;
    }
    .countries-important-note-section{
        padding:22.5px;
    }
    .countries-important-note-section p{
        font-size:13.125px;
        line-height:18.75px;
    }
    .countries-traveling-section{
        padding:30px;
    }
    .countries-traveling-section h3{
        font-size:22.5px;
        line-height:30px;
        margin-bottom:11.25px;
    }
    .countries-traveling-section p{
        font-size:15px;
        line-height:22.5px;
        margin-bottom:22.5px;
    }
    .countries-traveling-section button{
        font-size:13.125px;
    }
    .what-you-need-to-apply h2{
        font-size:28.125px;
        line-height:33.75px;
        margin-bottom:15px;
    }
    .what-you-need-to-apply p{
        font-size:16.875px;
        line-height:26.25px;
        margin:0;
    }
    .what-you-need-to-apply{
        margin-bottom:60px;
    }
    .passport-photo-section .bg-card{
        padding:22.5px;
    }
    .passport-photo-section .flex h4{
        font-size:15px;
        line-height:22.5px;
    }
    .passport-photo-section .flex span{
        font-size:11.25px;
        line-height:15px;
        padding:1.875px 7.5px;
    }
    .passport-photo-section .flex-1 p{
        font-size:13.125px;
        line-height:18.75px;
        
    }
    .got-everything-ready-section{
        padding:30px;
    }
    .got-everything-ready-section h3{
        font-size:22.5px;
        line-height:30px;
        margin-bottom:11.25px;
    }
    .got-everything-ready-section p{
        font-size:15px;
        line-height:22.5px;
        margin-bottom:22.5px;
    }
    .got-everything-ready-section button{
        font-size:13.125px;
        line-height:18.75px;
    }
    .learn-the-hard-way-block h2{
        font-size:28.125px;
        line-height:33.75px;
        margin-bottom:15px;
    }
    .learn-the-hard-way-block p{
        font-size:16.875px;
        line-height:26.25px;
    }
    .learn-the-hard-way-block {
        margin-bottom: 60px;
    }
    .review-section .bg-card{
        padding:22.5px;
    }
    .review-section .bg-card .flex svg{
        height:18.75px;
        width:18.75px;
    }
    .review-section .bg-card p{
        font-size:13.125px;
        line-height:21.3281px;
        margin-bottom:22.5px;
    }
    .review-section .bg-card .flex img{
        height:45px;
        width:45px;
    }
    .review-section .bg-card .flex .text-sm{
        font-size:13.125px;
        line-height:18.75px;
        
    }
    .review-section .bg-card .flex .text-xs, .review-section .bg-card .flex .text-xs.text-muted-foreground{
        font-size:11.25px;
        line-height:15px;
    }
    .overall-review-section .inline-flex{
        padding:15px 22.5px;
    }
    .overall-review-section .inline-flex svg{
        height:22.5px;
        width:22.5px;
    }
    .overall-review-section .inline-flex > div > div:first-child{
        font-size:15px;
        line-height:22.5px;
    }
    .overall-review-section .inline-flex > div > div:last-child{
        font-size:13.125px;
        line-height:18.75px;
    }
    .join-thousands-section{
        padding:30px;
    }
    .join-thousands-section h3{
        font-size:22.5px;
        line-height:30px;
        margin-bottom:11.25px;
    }
    .join-thousands-section p{
        font-size:15px;
        line-height:22.5px;
        margin-bottom:22.5px;
    }
    .join-thousands-section button{
        font-size:13.125px;
        line-height:18.75px;
    }
    .join-thousands-section button svg{
        height:15px !important;
        width:15px !important;
        margin-top: 4px !important;
    }
    #faq{
        padding:75px 0;
    }
    .faq-top-section h2{
        font-size:28.125px;
        line-height:33.75px;
        margin-bottom:15px;
    }
    .faq-top-section p{
        font-size:16.875px;
        line-height:26.25px;
    }
    #accordion h4 a, #accordion .panel-body{
        font-size:13.125px;
        line-height:18.75px;
    }
    .panel-heading .accordion-toggle:after{
        font-size:10px;
    }
    .still-have-questions-section{
        padding:30px;
    }
    .still-have-questions-section svg{
        height:45px;
        width:45px;
    }
    .still-have-questions-section h3{
        font-size:22.5px;
        line-height:30px;
        margin-bottom:11.25px;
    }
    .still-have-questions-section p{
        font-size:15px;
        line-height:22.5px;
        margin-bottom:22.5px !important;
    }
    .still-have-questions-section button{
        font-size:13.125px;
        line-height:18.75px;
        padding: 15px;
    }
    .ready-to-drive-section{
        padding:60px 0;
    }
    .plane-icon{
        height:60px;
        width:60px;
        border-radius:15px;
        margin:0 auto 22.5px auto;
    }
    .plane-icon svg{
        height:30px;
        width:30px;
        margin-top: 15px;
        margin-left: 15px;
    }
    .ready-to-drive-section h2{
        font-size:28.125px;
        line-height:33.75px;
        margin-bottom:18.75px;
    }
    .ready-to-drive-section p{
        font-size:16.875px;
        line-height:27.4219px;
        margin-bottom:30px;
    }
    .ready-to-drive-buttons button:first-child, .ready-to-drive-buttons button:last-child{
        font-size:15px;
        line-height:22.5px;
    }
    .ready-to-drive-buttons button:first-child svg:first-child, .ready-to-drive-buttons button:first-child svg:last-child{
        margin-bottom: -3px;
    }
    .ready-to-drive-buttons{
        margin-bottom:30px;
    }
    .express-processing-button{
        margin-bottom:30px;
        padding:11.25px 22.5px;
    }
    .express-processing-button svg{
        height:18.75px;
        width:18.75px;
        margin-bottom: -5px;
        margin-right: 5px;
    }
    .express-processing-button span{
        font-size:13.125px;
        line-height:18.75px;
    }
    
    footer{
        padding-top:60px;
    }
    .footer-logo-section span{
        font-size:15px;
    }
    footer p.text-sm{
        font-size:13.125px;
    }
    footer div li a, footer div li button{
        font-size:13.125px;
        line-height:18.75px;
    }
    footer h4{
        font-size:15px;
        line-height:22.5px;
    }
    footer > div > div.grid div:nth-child(5) li span{
        font-size:13.125px;
        line-height:18.75px;
    }
    .important-disclosure-section{
        font-size:11.25px;
    }
    footer .border-t.border-gray-800{
        padding-top:0 !important;
    }
    .digital-section > div:nth-child(2) > div{
        min-height:599px;
    }
}
@media (max-width: 992px) {
    .digital-section > div:nth-child(2) > div{
        min-height:auto;
    }
    .form3 .third-form-section > .col-md-7{
        margin-left:auto;
    }
    .form3 .third-form-section > .payment-right-section{
        margin-top:20px;
    }
    .get-my-idp-button-section button:first-child{
        width:100%;
        font-size:13.125px;
        margin-bottom:15px;
        padding: 15px;
    }
    .get-my-idp-button-section button:last-child{
        width:100%;
        font-size:13.125px;
        margin-left: 0;
        padding: 15px;
    }
    .get-my-idp-button-section button:first-child svg, .get-my-idp-button-section button:last-child svg{
        width:15px;
    }
    .international-driving-permit-preview-section .live-preview{
        font-size:13.125px;
    }
    .driving-permit-inner-block > div .text-\[10px\]{
        font-size:10px;
    }
    .driving-permit-inner-block h3{
        font-size:15px;
    }
    .driving-permit-inner-block > div:first-child, .driving-permit-inner-block > div:last-child{
        height:37.5px;
        width:37.5px;
    }
    .driving-permit-inner-block > div svg{
        height:18.75px;
        width:18.75px;
        margin-top: 8px;
    }
    .certificate-no-section > div:first-child{
        font-size:10px;
    }
    .certificate-no-section > div:last-child{
        font-size:11.25px;
    }
    .driving-permit-outer-section > div > div{
        border-width: 1.6px;
        border-radius: 6.25px;
    }
    .licence-preview-section .form-section, .photo-section{
        border-width: 0.8px;
    }
    .photo-section .photo-svg-section > div{
        height:22.5px;
        width:22.5px;
    }
    .photo-section .photo-svg-section > div svg{
        height:11.25px;
        width:11.25px;
        margin-top: auto;
    }
    .photo-section .absolute {
        right: 0px;
        top: 0px;
        width: 14px;
        height: 14px;
    }
    .photo-section .absolute svg{
        height:11.5px;
        width:11.5px;
    }
    .photo-section .photo-svg-section p,
    .licence-preview-section .form-section > div > div:last-child > div > div:first-child{
        font-size:8px;
    }
    .licence-preview-section .form-section > div > div:last-child > div > div:last-child{
        font-size:10px;
    }
    .licence-preview-section .form-section > div > div:last-child .border-b{
        margin-bottom:5.625px;
        padding-bottom:3.75px;
    }
    .issue-date-section .border{
        padding:7.5px;
        border-width:0.8px;
    }
    .issue-date-section .border > div:first-child{
        font-size:10px;
    }
    .issue-date-section .border > div:last-child{
        font-size:11.25px;
    }
    .licence-preview-section .form-section, .issue-date-section{
        margin-bottom:11.25px;
    }
    .official-translation-section{
        border-width:0.8px;
        padding:7.5px;
        margin-bottom:11.25px;
    }
    .official-translation-section h4{
        font-size:10px;
        line-height:15px;
    }
    .official-translation-section p{
        font-size:9px;
        line-height:14.625px;
    }
    .official-translation-section .flex{
        margin-bottom:7.5px;
    }
    .authorized-section{
        padding-top:7.5px;
    }
    .authorized-section > div > div{
        border-bottom-width:0.8px;
    }
    .authorized-section > div > p{
        font-size:8px;
        line-height:12px;
    }
    .authorized-section > div > div span{
        font-size:9px;
        line-height:13.5px;
    }
    .verification-qr-code{
        border-width:0.8px;
        border-radius:11.5px;
        margin-bottom:11.25px;
        padding:7.5px;
    }
    .verification-qr-code svg{
        border-width:0.8px;
        border-radius:3.75px;
        height:45px;
        width:45px;
        padding:3.75px;
    }
    .verification-qr-code h4{
        font-size:10px;
        line-height:15px;
        margin-bottom:1.875px;
    }
    .verification-qr-code p{
        font-size:8px;
        line-height:13px;
    }
    .verification-qr-code p:last-child{
        margin-top:3.75px;
    }
    .international-driving-permit-preview-section > div{
        margin-top:50px;
    }
    .based-on-un{
        padding-top:7.5px;
    }
    .based-on-un p{
        font-size:8px;
        line-height:13px;
    }
    .based-on-un p:last-child{
        font-size:9px;
        margin-top:3.75px;
    }
    .licence-preview-section{
        border-radius:11px;
    }
    .click-arrow-text{
        font-size:13.125px;
        line-height:18.75px;
    }
    .click-arrow-button, .click-arrow-button:hover{
        height:49.5px;
        width:49.5px;
    }
    .valid-delivered-in-section > div:nth-child(2) .text-xs, .valid-delivered-in-section > div:nth-child(3) .text-xs{
        font-size:11px;
    }
    .valid-delivered-in-section > div:nth-child(2) .text-2xl, .valid-delivered-in-section > div:nth-child(3) .text-2xl{
        font-size:22.5px;
    }
    .simple-process-text{
        font-size:13.125px;
        line-height:18.75px;
        padding:7.5px;
    }
    .simple-process-h2{
        font-size:28.125px;
        line-height:33.75px;
        margin-bottom:11.25px;
    }
    .simple-process-p{
        font-size:15px;
        line-height:22.5px;
    }
    .simple-process-block{
        margin-bottom:45px;
    }
    .complete-application-section .grid .relative .inline-flex{
        height:75px;
        width:75px;
        border-radius:15px;
        margin-bottom:15px;
    }
    .complete-application-section .grid .relative .inline-flex svg{
        height:37.5px;
        width:37.5px;
        margin-top: 18px;
    }
    .complete-application-section .grid .relative .inline-flex .absolute,
    .complete-application-section .grid .relative > .text-center > .inline-block{
        font-size:11.25px;
        padding:3.75px 9.375px;
    }
    .complete-application-section .grid .relative > .text-center > .inline-block{
        margin-top: -35px;
        margin-left: 38px;
    }
    .complete-application-section .grid .relative > .text-center h3{
        margin:11.25px 0 11.25px 0;
        font-size:16.875px;
        line-height:26.25px;
    }
    .complete-application-section .grid .relative > .text-center p{
        font-size:13.125px;
        line-height:18.75px;
    }
    .express-processing-section{
        margin-top:37.5px;
        padding:22.5px;
    }
    .express-processing-section > .flex > .flex span{
        font-size:13.125px;
    }
    .express-processing-section svg{
        height:18.75px;
        width:18.75px;
    }
    .express-processing-section button{
        font-size:13.125px;
    }
}
@media (max-width: 768px) {
    .complete-application-section .grid .relative .inline-flex .absolute{
        top: -13px;
        right: -10px;
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: calc(.35rem * 4);
    }
    .header-block{
        width: 45%;
        margin-bottom: 15px;
    }
    h1.home-title{
        font-size:28.125px !important;
        line-height:33.75px !important;
    }
    .dont-risk-p{
        font-size:16.875px;
        line-height:27.4219px;
    }
    .hero-button-container button{
        font-size:16px;
    }
    .drive-anywhere-section > div h3{
        margin-top:0;
    }
    .valid-delivered-in-section > div:nth-child(2), .valid-delivered-in-section > div:nth-child(3){
        padding: 5px 8px;
    }
    .complete-application-section .grid .relative .inline-flex{
        margin:0 auto;
    }
    .digital-section > div:nth-child(3){
        margin-top:40px;
    }
    .your-idp-in-your-pocket-section{
        margin:0 auto;
    }
    .services-section{
        margin-top:40px;
    }
    .digital-section .col-md-4 {
        width: 100%;
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-5 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .navbar-header img{
        width:300px;
    }
}
@media (max-width: 684px) {
    .money-back-section{
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .money-back-section .flex{
        flex-direction: column;
        align-items: center;
    }
    .money-back-section .flex svg{
        height:18.75px;
        width:18.75px;
    }
    .money-back-section .flex .text-center{
        font-size:11.25px;
        line-height:15px;
    }
    .header-block {
        margin-bottom: 20px;
    }
    .dont-risk-p{
        width:auto;
    }
    .drive-anywhere-block-1 {
        width: 55%;
    }
    .drive-anywhere-block-2 > div {
        padding: 15px;
    }
    .valid-delivered-in-section{
        grid-template-columns:auto;
    }
}
@media (max-width: 670px) {
    .guarantee-section{
        width:auto;
    }
    .guarantee-section div{
        width: 50%;
        margin-top: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }
    .guarantee-section div svg{
        margin-bottom:0;
    }
    .guarantee-section div:first-child{
        margin-top:40px;
        width: 100%;
    }
    .guarantee-section div:last-child{
        margin-bottom:40px;
    }
    .international-driving-permit-preview-section > div{
        padding:16px;
    }
    .driving-permit-outer-section > div{
        margin: 0 15px;
    }
    .driving-permit-inner-block > div.flex-1{
        min-width:165px !important;
    }
    .driving-permit-inner-section{
        padding:10px;
    }
    .passport-photo-section{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .passport-photo-section > div.flex{
        display:block;
    }
    .your-idp-in-your-pocket-section > .text-card-foreground > div{
        padding:30px;
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-cols-5 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .popular-destinations-section .flex:last-child{
        margin-top:20px;
    }
    .international-driving-permit-block .container .row .col-md-5{
        width:100%;
    }
    .driving-permit-inner-block h3{
        font-size:20px;
    }
    .driving-permit-inner-block > div:first-child, .driving-permit-inner-block > div:last-child{
        height:40px;
        width:40px;
    }
    .driving-permit-inner-block > div svg{
        margin-top:2.5px;
    }
    .learn-the-hard-way-block p{
        margin:0 auto;
    }
}
@media (max-width: 655px) {
    .header-block {
        margin-bottom: 20px;
    }
    /*.money-back-section .flex{
        display:block;
        float:left;
    }*/
    .col-sm-2 {
        width: 33%;
    }
    .hero-button-container{
        width:auto;
    }
    .below-banner-content{
        display: block;
        margin-right: auto;
        margin-bottom: 0px;
        width: 180px;
        text-align: left;
        margin-left: auto;
    }
}
@media (max-width: 523px) {
    .copy-right-section .flex-col{
        flex-direction: column;
        gap: 15px;
    }
    .copy-right-section p{
        font-size:13.125px;
        line-height:18.75px;
    }
    .copy-right-section .certificate p{
        font-size:11.25px;
        line-height:15px;
    }
    footer h4.mb-4{
        margin-bottom:10px;
    }
    footer .container .bg-gray-800\/50{
        margin-bottom:22.5px;
        padding:15px;
    }
    footer ul.space-y-3 li.flex{
        display:flex;
    }
    footer ul.space-y-3{
        margin:0;
    }
    footer ul.space-y-3 li{
        margin-bottom:0px
    }
    .section-white{
        padding:45px 0 !important;
    }
    .col-sm-2 {
        width: 100%;
    }
    .hero-button-container button{
        display: block;
        width: 100%;
    }
    .hero-button-container button.check-eligibility-btn{
        margin-left:0;
        margin-top:15px;
    }
    .apply-now-button {
        padding: 5px;
    }
    .navbar-collapse-right svg {
        height: 14px;
        width: 14px;
    }
    .toggle-menu svg{
        margin-left: 4px;
    }
    .navbar-default .navbar-brand .main-logo-content{
        font-size:12px;
    }
    .drive-anywhere-block-1{
        width: 100%;
        float: none;
    }
    .drive-anywhere-block-2 {
        float: none;
        margin-bottom: 20px;
        text-align: center;
        display:flex;
    }
    .features-item-section .features-item svg{
        height:100px;
        width:100px;
    }
    .features-item-bottom-text{
        font-size:15px;
    }
    .ready-to-drive-buttons button:first-child,
    .ready-to-drive-buttons button:last-child{
        width:100%;
        display:block;
        margin:0;
    }
    .ready-to-drive-buttons button:last-child{
        margin-top:12px;
    }
    .still-have-questions-section p{
        margin:0;
    }
    .your-idp-in-your-pocket-section > .text-card-foreground > div > div.flex .inline-flex{
        width: 140px;
    }
    .what-you-get-section li span{
        font-size:15px;
    }
    .header-block-section{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: calc(.30rem * 4);
    }
    .header-block {
        width: -webkit-fill-available;
        margin:0;
    }
    footer .absolute img{
        height:auto;
    }
    .driving-permit-inner-block > div svg{
        margin-top:8px;
    }
    footer > div > div.grid div:nth-child(5) li.flex{
        margin-bottom:5px;
    }
    .navbar-header img {
        width: 200px;
    }
}