@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,200;0,300;0,400;0,500;0,700;0,900;1,500;1,900&display=swap');

.dropdown:hover .dropdown-menu {
    display: block;
}

@media only screen and (min-width: 960px) {
    .card-button {
        margin-left: 40px;
    }
    .scan {
        padding: 0 5em 1.5em 8em;
    }
}

@media only screen and (min-width: 1440px) {
    .card-button {
        margin-left: 10px;
    }
}

@media only screen and (min-width: 2000px) {
    .card-button {
        margin-left: 10px;
    }
}

@media only screen and (max-device-width: 480px) {
    .card-button {
        margin-left: 15px;
    }
    .scan {
        padding: 0 5em 1.5em 5em;
    }
}

@media only screen and (device-width: 768px) {
    .card-button {
        margin-left: 10px;
    }
}


/* different techniques for iPad screening */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    .card-button {
        margin-left: 40px;
    }
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    .card-button {
        margin-left: 10px;
    }
    .scan {
        padding: 0 5em 1.5em 5em;
    }
}

div#social-links {
    margin: 0 auto;
    max-width: 500px;
    text-align: center;
}

div#social-links ul li {
    display: inline-block;
}

div#social-links ul li a {
    padding: 5px;
    border: 1px solid #ccc;
    margin: 5px;
    font-size: 20px;
    border-radius: 50%;
}

.custom-menu {
    position: relative;
    z-index: 10;
}

.lang-menu {
    color: #ffffff;
    width: 75px;
}

.lang-menu:hover {
    background-color: #111827;
    color: #fff;
}

#journal-scroll::-webkit-scrollbar {
    width: 4px;
    cursor: pointer;
    /*background-color: rgba(229, 231, 235, var(--bg-opacity));*/
}

#journal-scroll::-webkit-scrollbar-track {
    background-color: rgba(229, 231, 235, var(--bg-opacity));
    cursor: pointer;
    /*background: red;*/
}

#journal-scroll::-webkit-scrollbar-thumb {
    cursor: pointer;
    background-color: #a0aec0;
    /*outline: 1px solid slategrey;*/
}

img.profile {
    /*margin-left: 105px;*/
    display: flex;
    margin: 0 auto;
    justify-content: center;
}

.qr-code-download {
    margin: 0 5.8em;
}


/* 20-12-2021 start css*/ 


.top-barin {
    background: #000;
    justify-content: space-around;
}
a.topbaremail {
    color: #fff;
    font-size: 20px;
    font-weight: 900;
}
.top-barin .right {
    float: right;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}
.top-barin .left {
    color: #fff;
    font-size: 18px;
    font-weight: 900;
}

.py-61 {
    padding-top: 5px;
    padding-bottom: 5px;
}


.main_box_card_section {
    /*background-image: url(http://vcard.testyoursites.in/backend/img/vCards/modern_vcard_light_tp_bg.png);*/
        background: repeating-linear-gradient( 
45deg, black, #413d48 100px);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.main_box_card_section h3, .main_box_card_section .text-white, .about_box_card .shadow-lg, .main_box_card_section p {
    font-family: jost;
    line-height: 24px;
    letter-spacing: .7px;
}
.white_bg .align-middle .font-semibold {
    font-size: 22px;
    line-height: normal;
}
.main_box_card {
    margin: 20px auto;
    text-decoration: none;
    max-width: 420px;
    box-shadow: 1px 2px 15px #48484833;
    background: none;
}
.white_bg {
    background: #fff;
    padding: 15px;
}
.white_bg .border-b, .white_bg .border-t {
    border: none;
}
.top_count {
    margin: -15px auto 10px;
    text-align: center;
    display: block;
    background: #000;
    width: 50px;
    padding: 0px 4px 4px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.top_count i {
    color: #fff;
    font-weight: normal;
    font-size: 12px;
    line-height: 10px;
}
.top_count .website-counter img {
    margin: auto;
}
.top_count .website-counter {
    font-size: 13px;
    color: #fff;
    line-height: 11px;
}
.firsttop_info .bg-cover {
    height: auto;
}
.firsttop_info .bg-cover p.font-bold {
    text-align: center;
    padding: 15px 0px 20px;
    font-size: 20px !important;
}
.firsttop_info p.text-white {
    font-weight: 500;
}
.firsttop_info .pt-0.pb-3 {
    padding: 0px;
}
.firsttop_info h3 {
    font-size: 22px;
    font-weight: 600;
    padding: 10px 0px 10px;
    margin: 0px;
    color: #222;
}
.firsttop_info .bg-cover img.profile {
    height: auto;
    width: auto;
    border: none;
}
.firsttop_info p {
    font-size: 16px !important;
    line-height: 23px;
    color: #222222;
    font-weight: 500;
}
.firstpagebottom.top_icon {
    background: none;
    padding: 0px;
    margin: 5px 0px 0px;
    text-align: center;
}
.firstpagebottom.top_icon ul.grid {
    display: inline-block;
}
.firstpagebottom.top_icon ul.grid li i {
    width: 40px;
    height: 40px;
    background: #253e79;
    text-align: center;
    line-height: 40px;
    color: #fff;
    border-radius: 100px;
    margin-right: 10px;
}

.profile_img {
    width: 100px;
    height: 100px;
    margin: 0px auto 0px;
    text-align: center;
    line-height: 150px;
    background: #ffffff;
    border-radius: 10px;
    border: 4px solid #273d72;
}
.profile_img img.profile {
    border: none;
    border-radius: 0px;
    width: auto;
    height: auto;
    object-fit: cover;
    padding: 9px;
    text-align: center;
    margin: 7px auto;
}

.firsttop_info {
    background: #fff3db;
    overflow: hidden;
    margin: 0px auto;
    z-index: 0;
    background-image: url(http://vcard.testyoursites.in/backend/img/vCards/home_img.png);
    background-size: 100% 100%;
}
.firstpagebottom {
    /*background: #ff4262;*/
    margin: 0px 0px;
    padding: 10px 15px 0px;
}
.firstpagebottom.details_info .break-word.text-lg {
    display: none;
}
.firstpagebottom.details_info li p {
    color: #222;
}
.firstpagebottom ul .fill-current, .payment_details_section ul .rounded-lg {
    color: #003973;
    background: none;
    width: 48px;
    border-radius: 100px;
}
.firstpagebottom ul .my-6, .payment_details_section ul .my-6 {
    margin: 0px;
}
.firstpagebottom ul .my-6 p {
    font-weight: 500;
    font-size: 16px;
}
.firstpagebottom ul .items-center.w-full.px-5 {
    padding: 0px 0px 0px;
    max-width: 100%;
}
.firstpagebottom ul .items-center.w-full.px-5 .my-6 {
    width: 100%;
    margin-left: 15px;
}
.firstpagebottom ul .fill-current i, .payment_details_section ul .rounded-lg i {
    width: 35px;
    height: 35px;
    background: #fff;
    border-radius: 100px;
    line-height: 37px;
    text-align: center;
    color :#253e79;
}

.about_box_card {
    margin: 20px 0px 0px;
}
.about_box_card .align-middle, .services_box_card .align-middle, .services_box_card .px-5.py-4, .image_main_section .align-middle, 
.image_main_section .align-middle .px-5, .image_main_section .shadow-lg .px-5.py-3, .image_main_section .px-5, .video_section .align-middle, 
.video_section .px-5, .payment_details_section .px-5, .Location_section .px-5 {
    padding: 0px;
}
.about_box_card .align-middle p, .services_box_card .align-middle p, .video_section .align-middle p, .Location_section p {
    color: #222;
}
.about_box_card .px-5.py-4 {
    padding: 0px;
    background: none;
    box-shadow: none !important;
}
.about_box_card .px-5.py-4 .mb-3 .shadow-lg {
    box-shadow: none;
    padding: 10px 0px 0px;
    font-size: 17px;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.services_box_card .px-5.py-4 .shadow-lg p, .services_box_card .px-5.py-4 .shadow-lg .text-white, .image_main_section .align-middle p {
    color: #222;
}
.services_box_card .px-5.py-4 .mb-3, .image_main_section .shadow-lg .px-5.py-3 .mb-2, .video_section .px-5 .mb-3 {
    margin: 0px;
}
.services_box_card .px-5.py-4 .shadow-lg .px-5.py-3 {
    padding: 15px 0px 0px;
}
.services_box_card .px-5.py-4 .shadow-lg {
    padding: 14px;
    background: #f2f2f1;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-top: 10px;
}

.services_box_card .px-5.py-4 .shadow-lg a.antialiased  {
    background: #253e79;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 6px;

}
.image_main_section .shadow-lg {
    padding: 14px;
    background: #f2f2f1;
    border: 1px solid rgba(0, 0, 0, 0.125);
    margin-bottom: 15px !important;
}
.image_main_section .shadow-lg .px-5.py-3 .mb-2 .text-lg {
    color: #222;
    padding-top: 15px;
}
.image_main_section div#gallery, .video_section div#youtube {
    margin-top: 15px;
}
.payment_details_section {
    margin: 20px 0px;
}
.image_main_section{
    margin: 20px 0px 0px;
}

.video_section .px-5 .mb-3 .text-lg, .Location_section .mb-2 .font-semibold {
    color: #222;
    padding: 10px 10px 0px;
}
.video_section .shadow-lg, .Location_section .shadow-lg {
    padding: 14px;
    background: #f2f2f1;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.payment_details_section .text-white, .image_main_section .text-lg, .services_box_card .px-5.py-4 .shadow-lg .text-white {
    color: #222;
}
.business_bottom p.pt-2 {
    font-weight: 400;
    color: #000;
}
.payment_details_section ul, .Location_section iframe.w-full.h-64 {
    padding: 15px 0px 0px;
}
.business_bottom .align-middle {
    padding-bottom: 0px;
}
.white_bg .business_bottom .align-middle .font-semibold {
    margin: 0px -25px 0px;
}
.payment_details_section ul .fill-current i {
    background: #253e79;
    color: #fff;
}
.payment_details_section ul .fill-current {
    background: #253e79;
    margin-right: 10px;
    border-radius: 100px;
}
.business_bottom {
    padding: 20px 10px 0px;
}

.Location_section .text-white{
    color: #222;
}
.bottom_section_main div#share p {
    color: #222;
}
.bottom_section_main {
    margin: 0px 0px 0px;
}
.bottom_section_main .pt-3 {
    margin: 0px;
    padding: 0px;
}
.bottom_section_main div#share {
    padding: 10px 0px 10px;
}
.bottom_section_main .pt-3 .fill-current {
    width: 35px;
    height: 35px;
    border-radius: 100px;
    background: #fff;
    color :#253e79;
}
.bottom_section_main p.text-white.font-semibold.text-lg {
    color: #fff !important;
    margin: 0px;
    background: none;
}
.bottom_section_main ul {
    margin: auto;
    text-align: center;
    display: inline-block;
}
.bottom_section_main ul li {
    display: inline-block;
}
.bottom_section_main {
    margin: auto;
    text-align: center;
}
.bottom_section_main .main_info_icon ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #253e79;
    padding: 8px 20px;
}
.bottom_section_main .main_info_icon ul li a p {
    color: #fff;
    padding-right: 10px;
}
.bottom_section_main .main_info_icon ul li a .fill-current {
    background: none;
    width: auto;
    height: auto;
}
.bottom_section_main .main_info_icon ul li a .fill-current svg {
    fill: #fff;
    color: #fff;
}
.white_bg {
    position: relative;
}
/*.white_bg:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 30%;*/
/*    height: 40%;*/
/*    width: 8px;*/
/*    background: #ff4262;*/
/*    border-radius: 0 5px 5px 0;*/
/*}*/
/*.white_bg:after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 30%;*/
/*    height: 40%;*/
/*    width: 8px;*/
/*    background: #ff4262;*/
/*    border-radius: 5px 0 0 5px;*/
/*}*/

.footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    background: #fff;
}
.footer ul.footer-menu {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 20px;
    overflow: auto;
}
.footer ul.footer-menu li {
    display: inline-block;
    text-align: center;
    padding: 2px 10px;
    flex: 1;
    min-width: 100px;
}
.footer ul.footer-menu li a {
    color: #253e79;
    display: block;
    font-weight: 400;
}
.footer ul.footer-menu li .fa.fa-inr:before {
    content: "\f156";
}
.footer ul.footer-menu li .fa-picture-o:before {
    content: "\f03e";
}
.footer ul.footer-menu li .fa-map-marker:before{
    content: "\f041";
}

.footer ul.footer-menu::-webkit-scrollbar {
    background: transparent;
    width: 5px;
    height: 3px;
}
.footer ul.footer-menu::-webkit-scrollbar-thumb {
    background-color: #b7bbcd;
}
.footer ul.footer-menu::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0, 0, 0, 0.3);
}
.vcard_light_tp .white_bg {
    background: #fff;
}
.main_box_card_section.vcard_light_tp {
    background-image: url(http://vcard.testyoursites.in/backend/img/vCards/template3-bg.jpg);
    background-size: cover;
}

.footer ul.footer-menu{animation:mymove .9s infinite;}


/*@keyframes animName {*/
/*  0% {*/
/*    transform: translateX(0);*/
/*  }*/
/*  30% {*/
/*    transform: translateX(500px);*/
/*  }*/
/*  100% {*/
/*    transform: translateX(0);*/
/*  }*/
/*}*/

/*.footer ul.footer-menu {*/
/*  animation: animName 2s infinite;*/
/*}*/

.white_bg .align-middle .font-semibold {
    font-size: 20px;
    line-height: normal;
    background: #253e79;
    color: #fff;
    padding: 5px 15px;
    margin: -15px -15px 0px;
}
.Location_section .shadow-lg {
    margin-top: 15px;
}
.vcard_light_tp div#share p {
    color: #222 !important;
}

.vcard_light_tp .white_bg:before, .vcard_light_tp .white_bg:after, 
.vcard_light_tp .services_box_card .px-5.py-4 .shadow-lg a.antialiased, .vcard_light_tp  .payment_details_section ul .fill-current, 
.vcard_light_tp .bottom_section_main .pt-3 .fill-current, .vcard_light_tp .firstpagebottom.top_icon ul.grid li i,
.vcard_light_tp .bottom_section_main .main_info_icon ul li a, .vcard_light_tp .footer, .vcard_light_tp .white_bg .align-middle .font-semibold, 
.vcard_light_tp .payment_details_section ul .fill-current i{
    background: #1368ab;
}
.vcard_light_tp .footer ul.footer-menu li a {
    color: #ffffff;
    display: block;
    font-weight: 500;
}
.vcard_light_tp .bottom_section_main .pt-3 .fill-current i {
    color: #fff;
}
.vcard_light_tp .firsttop_info {
    background-image: url(http://vcard.testyoursites.in/backend/img/vCards/vcard_tp_2.png);
    background-size: cover;
    background-repeat: round;
}
.vcard_light_tp .firstpagebottom.details_info .fill-current {
    box-shadow: none !important;
}
.vcard_light_tp .firstpagebottom.details_info {
    position: relative;
    top: -7px;
    left: -18px;
}
.vcard_light_tp .firstpagebottom.details_info i {
    background: none !important;
    color: #fff !important;
}
.metro_vcard-dark_tp .firsttop_info {
    /*background-image: linear-gradient(to right, #5151a5 , #1fd8ec);*/
    background-image: url(http://vcard.testyoursites.in/backend/img/vCards/metro-vcard-dark_img.png);
}
.metro_vcard-dark_tp .bottom_section_main p.text-white.font-semibold.text-lg {
    color: #253e79 !important;
}
.metro_vcard-dark_tp .firstpagebottom ul .fill-current i, .metro_vcard-dark_tp .payment_details_section ul .rounded-lg i, 
.metro_vcard-dark_tp .bottom_section_main .pt-3 .fill-current{
    background: #253e79;
    color: #ffffff;
}
.metro_vcard-dark_tp .profile_img {
    margin: 0px;
}
.metro_vcard-dark_tp .text-center {
    text-align: left;
}
.metro_vcard-dark_tp .firstpagebottom.top_icon {
    text-align: left;
    padding-left: 15px;
}
.metro_vcard-dark_tp .footer, .metro_vcard-dark_tp .white_bg .align-middle .font-semibold {
    background-image: linear-gradient(to right, #5151a5 , #1fd8ec);
}
.metro_vcard-dark_tp .footer ul.footer-menu li a, .metro_vcard_light_tp .footer ul.footer-menu li a {
    color: #fff;
}
.main_box_card_section.metro_vcard-dark_tp{
  background: repeating-linear-gradient( 
45deg, #3f3b47e0, #413d48 100px);
    background-attachment: fixed;
}
.metro_vcard_light_tp .firsttop_info, .metro_vcard_light_tp .white_bg .align-middle .font-semibold, .metro_vcard_light_tp .footer {
    background-image: linear-gradient(to right, #15614a , #00975e);
}
.metro_vcard_light_tp .firsttop_info {
    background-image: url(http://vcard.testyoursites.in/backend/img/vCards/metro_vcard_light_tp_img.png);
    background-size: cover;
    background-repeat: round;
}
.metro_vcard_light_tp .firstpagebottom.top_icon ul.grid li i, .metro_vcard_light_tp .bottom_section_main .main_info_icon ul li a, 
.metro_vcard_light_tp .bottom_section_main .pt-3 .fill-current {
    background: #15614a;
    color: #ffffff;
}
.metro_vcard_light_tp .firstpagebottom ul .fill-current i{
    color: #0e9a7f;
}
.metro_vcard_light_tp .services_box_card .px-5.py-4 .shadow-lg a.antialiased, .metro_vcard_light_tp .payment_details_section ul .fill-current {
    background: #15614a;
}
.metro_vcard_light_tp .payment_details_section ul .fill-current i {
    background: #ffffff00;
    color: #fff !important;
}

.metro_vcard_light_tp .firsttop_info .border-b.px-4 .profile_img {
    border: 4px solid #02382e;
    width: 100px;
    height: 100px;
}
.metro_vcard_light_tp .bottom_section_main p.text-white.font-semibold.text-lg {
    color: #000 !important;
}
.main_box_card_section.metro_vcard_light_tp {
    background-image: url(http://vcard.testyoursites.in/backend/img/vCards/template3-bg.jpg);
}
.metro_vcard_light_tp .firstpagebottom.details_info {
    padding: 20px 5px 10px;
}
.metro_vcard_light_tp .details_info ul li {
    position: relative;
}
/*.metro_vcard_light_tp .details_info ul li:before {*/
/*    content: "";*/
/*    width: 0;*/
/*    height: 0;*/
/*    border-bottom: 38px solid #0e9a7f;*/
/*    border-left: 40px solid transparent;*/
/*    position: absolute;*/
/*    right: 0px;*/
/*    top: 0px;*/
/*}*/
.metro_vcard_light_tp .details_info ul li .flex.items-center.w-full.px-5 p {
    font-size: 15px !important;
    text-shadow: 0px 0px 4px #c1bebe;
}
.metro_vcard_light_tp .details_info ul li .fill-current.text-white {
    height: auto !important;
    box-shadow: none !important;
    width: auto;
    margin-bottom: 5px;
}
.metro_vcard_light_tp .firsttop_info p {
    text-shadow: 0px 0px 4px #afaeae;
}

.modern_vcard_dark .firsttop_info {
    background-image: url(http://vcard.testyoursites.in/backend/img/vCards/modern-vcard_dark_img.png);
}
.modern_vcard_dark .firsttop_info h3, .modern_vcard_dark .firsttop_info p {
    color: #fff;
}
.modern_vcard_dark .bottom_section_main p.text-white.font-semibold.text-lg {
    color: #222021 !important;
}
.modern_vcard_dark .firstpagebottom.top_icon ul.grid li i, .modern_vcard_dark .firstpagebottom ul .fill-current i, 
.modern_vcard_dark .bottom_section_main .pt-3 .fill-current, .modern_vcard_dark .bottom_section_main .main_info_icon ul li a{
    background: #05a1ca;
    color: #fff;
}
.modern_vcard_dark .white_bg .align-middle .font-semibold, .modern_vcard_dark .services_box_card .px-5.py-4 .shadow-lg a.antialiased, 
.modern_vcard_dark .payment_details_section ul .fill-current{
    background: #05a1ca;
}
.modern_vcard_dark .profile_img {
    margin: 0px;
    width: 100px;
    height: 100px;
}
.modern_vcard_dark .text-center {
    text-align: left;
}
.modern_vcard_dark .firstpagebottom.top_icon {
    text-align: left;
    padding-left: 15px;
}
.modern_vcard_dark .firstpagebottom.details_info li p {
    text-shadow: 0px 0px 4px black;
    color: #fff;
    font-weight: 400;
    font-size: 15px !important;
}

.main_box_card_section.modern_vcard_light_tp {
    /*background-image: url(http://vcard.testyoursites.in/backend/img/vCards/template3-bg.jpg);*/
    background: repeating-linear-gradient( 
45deg, black, #413d48 100px);
    background-attachment: fixed;
}
.modern_vcard_light_tp .text-center.top_title{
    position: relative;
}
.modern_vcard_light_tp .text-center.top_title:before {
    background-image: url(http://vcard.testyoursites.in/backend/img/vCards/modern_vcard_light_tp_img.png);
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -35px;
    width: 100%;
    height: 57px;
    background-position: center;
}
.modern_vcard_light_tp .firsttop_info {
    background: #ffffff;
    background-image: unset !important;
}
.modern_vcard_light_tp .firsttop_info .border-b {
    padding: 10px 0px 0px;
}
.modern_vcard_light_tp .text-center.top_title {
    position: relative;
    margin-top: 40px;
}
.modern_vcard_light_tp .text-center.top_title h3 {
    border-bottom: 2px solid #ff9701;
    display: inline-block;
    margin-bottom: 10px;
}
.modern_vcard_light_tp .firstpagebottom.top_icon {
    margin: 10px 0px 0px;
}
.modern_vcard_light_tp .firstpagebottom.top_icon ul.grid li i, .modern_vcard_light_tp .firstpagebottom ul .fill-current i, 
.modern_vcard_light_tp .bottom_section_main .pt-3 .fill-current, .modern_vcard_light_tp .bottom_section_main .main_info_icon ul li a, 
.modern_vcard_light_tp .white_bg .align-middle .font-semibold, .modern_vcard_light_tp .payment_details_section ul .fill-current, 
.modern_vcard_light_tp .services_box_card .px-5.py-4 .shadow-lg a.antialiased{
    background: #ff9701;
    color: #fff;
}
.modern_vcard_light_tp .profile_img {
    border: 5px solid #ff9701;
    width: 100px;
    height: 100px;
}
.modern_vcard_light_tp .footer{
  background: #ff9701;  
}
.modern_vcard_light_tp .footer ul.footer-menu li a {
    color: #fff;
}
.modern_vcard_light_tp .bottom_section_main p.text-white.font-semibold.text-lg {
    color: #222228 !important;
}
.modern_vcard_light_tp .bottom_section_main div#share {
    padding: 10px 0px 0px;
}
.metro_vcard-dark_tp .firstpagebottom.details_info li p {
    color: #222;
    text-shadow: 0px 0px 1px #727272;
}
.bottom_section_main .hidden {
    display: block;
}
.fixed_bottom_bar {
    align-items: center;
    overflow: auto;
    display: none;
}
.fixed_bottom_bar a {
    min-width: 120px;
}
.modern_vcard_light_tp .firstpagebottom {
    padding: 10px 0px 0px;
}

.main_top_menu_bar {
    background: #e0e7ff;
    padding: 20px 15px;
    justify-content: space-around;
}
.main_top_menu_bar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.main_top_menu_bar .container .leading-none img {
    width: 100%;
    height: 45px;
    max-width: 365px;
    object-fit: cover;
}
.main_top_menu_bar .container ul li a {
    color: #000;
    font-size: 17px;
    font-weight: 500;
}
.primary_btn {
    background: #0c61c3;
}
.secondary_btn {
    background: #0a932c;
    color: #fff;
}
.primary_btn:hover {
    background: #0a932c;
}
.secondary_btn:hover {
    background: #0c61c3;
}

.banner_section {
    padding: 50px 0px 0px;
    background-image: url(http://vcard.testyoursites.in/backend/img/banner_img.jpg);
    background-size: cover;
}
.banner_section {
    padding: 50px 0px 0px;
}
.banner_section h2 {
    font-family: jost;
    font-size: 40px;
    line-height: 49px;
}
.banner_section h2 span {
    color: #222;
}
.banner_section p {
    line-height: 26px;
    font-size: 17px;
    font-family: 'Jost';
}
.banner_section a {
    border: none;
    display: inline-block;
    width: auto;
    margin-right: 10px;
}
.banner_section .relative.web-index img {
    max-width: 492px;
    height: auto;
    float: right;
}
.slider_section .flex.items-center {
    width: 100%;
    display: block;
    margin: 0px;
}



.slider_section .outer_section {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.slider_section .container {
    margin: auto;
}
.slider_section .outer_section .content_Part{
    max-width: 360px;
}
.slider_section .outer_section h2 {
    color: #222;
    font-size: 40px;
    font-weight: 600;
    max-width: 370px;
}
.slider_section .outer_section p {
    margin: 10px 0px 20px;
}
.slider_section .outer_section .primary_btn {
    border-radius: 10px 10px 0px 10px;
    padding: 7px 25px;
    color: #fff;
}
.slider_section .outer_section .secondary_btn {
    border-radius: 10px 10px 0px 10px;
    padding: 7px 25px;
    color: #fff;
}
.slider_section .outer_section .img_part img {
    max-width: 470px;
    height: auto;
}



.how_work_section .radius-for-skewed {
    padding: 50px 0px;
}
.how_work_section .radius-for-skewed .lg\:mb-0 span.text-indigo-600.font-bold {
    color: #0a932c;
    font-size: 18px;
}
.how_work_section .radius-for-skewed .lg\:mb-0 h2 {
    color: #222;
    line-height: 50px;
    font-family: 'Jost';
}
.how_work_section .radius-for-skewed .lg\:mb-0 p, .how_work_section .radius-for-skewed .leading-loose {
    line-height: 24px;
    color: #222;
    font-family: 'Jost';
}
.how_work_section .radius-for-skewed .lg\:mb-0 ul svg {
    fill: #0c61c3;
}
.how_work_section .radius-for-skewed .lg\:mb-0 ul li {
    margin-bottom: 10px;
    color: #222;
}
.how_work_section .radius-for-skewed .shadow{
    padding: 15px;
    width: 50%;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    box-shadow: 0px 0px 20px 0px #b1b1b191;
}
.how_work_section .radius-for-skewed .shadow.rounded span.rounded-lg, .how_work_section .radius-for-skewed .rounded.bg-indigo-100 {
    margin: 0px;
}
.how_work_section .radius-for-skewed .shadow svg {
    fill: #0c61c3 !important;
    color: #ed322300;
    width: 36px;
    height: 32px;
}
.how_work_section .radius-for-skewed h4.font-heading {
    font-size: 21px;
    margin: 0px;
    font-family: 'Jost';
}

.features_section {
    background: #e0e7ff !important;
    padding: 40px 0px 20px;
}
.features_section .shadow {
    margin: 0px;
}
.features_section .radius-for-skewed {
    padding: 0px;
    background: none;
}
.features_section .mx-auto.text-center, .pricing_section .max-w-2xl.mx-auto {
    margin-bottom: 10px;
}
.features_section .mx-auto.text-center span, .pricing_section span.text-indigo-600.font-bold {
    color: #0a932c;
    font-family: 'Jost';
}
.features_section .mx-auto.text-center h2, .pricing_section h2.font-heading {
    font-size: 40px;
    font-weight: 600;
    color: #222;
    font-family: 'Jost';
}
.features_section .shadow .rounded {
    padding: 0px 12px;
    background: none;
    margin: 0px;
}
.features_section .shadow .rounded .box_card {
    background: #fff;
    text-align: center;
    box-shadow: 0px 0px 20px 0px #b1b1b191;
    padding: 20px 13px 20px;
    min-height: 215px;
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-bottom: 25px;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    border-radius: 30px 0px 30px 0px;
}
.features_section .shadow .rounded .box_card:hover {
    transform: translateY(-5px);
    transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    border-radius: 0px 30px 0px 30px;
}
.features_section .shadow {
    box-shadow: none;
}
.features_section .shadow .rounded .box_card p {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: normal;
    font-family: 'Jost';
    color: #212529;
}
.features_section .shadow .rounded .box_card span {
    width: 50px;
    height: 50px;
    background: linear-gradient(to bottom, #0c61c3 0%, #0a932c 100%);
    text-align: center;
    margin: auto;
    padding: 0px;
    display: inline-block;
    line-height: 48px;
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1)
}
.features_section .shadow .rounded .box_card:hover span {
    background: #0a932c !important;
    border-radius: 100px;
}
.features_section .shadow .rounded .box_card span svg {
    width: 30px;
    text-align: center;
    color: #fff;
    height: 40px;
    display: inline-block;
}
.features_section .shadow .rounded .box_card h4 {
    margin: 12px 0px 10px;
    color: #212529;
    font-size: 20px;
    line-height: normal;
    font-family: 'Jost';
}

.pricing_section .radius-for-skewed {
    padding: 40px 0px;
}
.pricing_section .shadow.rounded h4 {
    margin: 0px;
    font-family: 'Jost';
    font-weight: 400;
    font-size: 23px;
}
.pricing_section .p-8.bg-indigo-600.shadow.rounded {
        background: linear-gradient(to bottom, #0c61c3 0%, #0a932c 100%);
}
.pricing_section .bg-white.shadow.rounded {
    background: #fff;
    box-shadow: 0px 0px 20px 0px #b1b1b191;
    border: 1px solid #0c61c345;
}
.pricing_section .p-8.bg-indigo-600.shadow.rounded span.text-6xl.font-bold.text-white {
    color: #fff;
}
.pricing_section .p-8.bg-indigo-600.shadow.rounded svg {
    color: #fff;
}
.pricing_section .p-8.bg-indigo-600.shadow.rounded .primary_btn {
    background: #f9fafb;
}
.pricing_section .shadow.rounded svg {
    color: #0c61c3;
}
.pricing_section .shadow.rounded .leading-loose {
    margin: 0px 0px 10px;
    line-height: normal;
}

.footer_main_section {
    margin: 0px;
    background: #111827;
}
.footer_main_section .text-xs.uppercase {
    font-size: 18px;
    color: #f9fafb;
    margin-bottom: 15px;
}
.footer_main_section .menu_item a {
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    position: relative;
    padding-left: 18px;
    display: inline-block;
    margin: 5px 0px;
}
.footer_main_section .menu_item a:before {
    position: absolute;
    content: "";
    width: 4px;
    height: 4px;
    background: #e5e5e4;
    top: 9px;
    border-radius: 100px;
    left: 3px;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
}
.footer_main_section .menu_item a:after {
    width: 10px;
    background: #fff0;
    content: "";
    top: 6px;
    height: 10px;
    left: 0px;
    position: absolute;
    border: 1px solid #fff;
    border-radius: 100px;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
}
.footer_main_section .menu_item a:hover {
    padding-left: 25px;
    color: #0a932c;
}
.footer_main_section .menu_item a:hover::before {
    left: 13px;
    background: #0a932c;
}
.footer_main_section .menu_item a:hover::after {
    left: 10px;
    border: 1px solid #0a932c;
}
.footer_main_section .border-t.border-gray-500 {
    padding: 10px 0px;
    text-align: center;
    margin: auto;
    display: block;
}
.footer_main_section .border-t.border-gray-500 .mt-2 {
    color: #e1e1e1;
}




.slider_section {
    position: relative;
    padding: 0px 40px;
}
.slider_section button.w3-button{
    background: #ffffff;
    width: 45px;
    height: 45px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #0c61c3;
    font-size: 21px;
    outline: none;
    text-align: center;
    border-radius: 100px;
    margin: 0px 10px;
}
.slider_section .outer_section .text-center {
    text-align: left;
}
.slider_section .w3-display-right{
    position: absolute;
    right: 0;
}
.slider_section .w3-display-left {
    left: 0;
}
.slider_section button.w3-button:hover{
    background: #0c61c3;
    color: #fff;
}

.digital_card_section {
    padding: 50px 0px 20px;
}
.digital_card_section .container, .images_slider_section{
    margin: auto;
    padding: 0px 20px;
}
.digital_card_section .top_title {
    text-align: center;
    margin-bottom: 25px;
}
.digital_card_section .top_title h2 {
    font-size: 40px;
    font-weight: 600;
    color: #222;
    font-family: 'Jost';
}
.digital_card_section .top_title p {
    max-width: 720px;
    margin: auto;
    font-family: 'Jost';
}
.digital_card_section .box_outer {
    clear: both;
    display: inline-block;
    width: 100%;
}
.digital_card_section .benefit_card {
    width: 23.4%;
    display: inline-block;
    float: left;
    background: linear-gradient(to bottom, #0c61c3 0%, #0a932c 100%);
    text-align: center;
    box-shadow: 0px 0px 20px 0px #b1b1b157;
    padding: 13px;
    height: 185px;
    transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
    margin-bottom: 25px;
    margin-right: 20px;
}
.digital_card_section .benefit_card:nth-child(4n) {
    margin-right: 0px;
}
.digital_card_section .benefit_card p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: normal;
    font-family: 'Jost';
    color: #fff;
}
.digital_card_section .benefit_card h3 {
    font-size: 21px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #fff;
}
.digital_card_section .benefit_card i {
    color: #ed3223;
    font-size: 36px;
    margin-bottom: 10px;
}

.images_slider_section .outer_section {
    display: flex;
    justify-content: space-between;
    clear: both;
    margin: auto;
    text-align: center;
    overflow: auto;
}

.images_slider_section{
    background: #fff;
    text-align: center;
    box-shadow: 0px 0px 20px 0px #b1b1b191;
    padding: 15px 15px 0px;
}
.images_slider_section .outer_section img {
    width: 100%;
    max-width: 194px;
    padding: 15px 10px 15px;
    transition: .4s;
}
.images_slider_section .outer_section img:hover{
    transition: 0.3s;
    transform: scale(1.1);
}

.images_slider_section {
    position: relative;
    padding: 50px 0px 0px;
}
.images_slider_section .outer_section::-webkit-scrollbar {
    background: transparent;
    width: 5px;
    height: 10px;
}
.images_slider_section .outer_section::-webkit-scrollbar-thumb {
    background-color: #101010;
}
.images_slider_section .outer_section::-webkit-scrollbar-thumb:hover {
    background-color: #0c61c3;
}
.digital_card_section .benefit_card img {
    margin: 0px auto 10px;
    max-width: 60px;
    background: #fff;
    padding: 10px;
    border-radius: 100px;
}
.how_work_section .radius-for-skewed .mb-8.lg\:mb-0 {
    width: 100%;
    display: flex;
}

.how_work_section .radius-for-skewed .shadow span.mb-4.inline-block {
    border-radius: 100px;
    cursor: pointer;
    transition: .4s;
    width: 60px;
    height: 60px;
    position: relative;
    margin-top: 8px;
}
.how_work_section .radius-for-skewed .shadow span.mb-4.inline-block:before {
    content: "";
    width: 75px;
    height: 75px;
    border: 3px solid #0c61c3;
    position: absolute;
    top: -8px;
    left: -7px;
    border-radius: 100px;
}
.how_work_section .radius-for-skewed .shadow:last-child {
    margin-right: 0px;
}

header.navbar.navbar-expand-md.navbar-light.d-print-none {
    background: #ebecee;
}

.account_main_section {
    background-image: url(http://vcard.testyoursites.in/frontend/assets/elements/account_img_bg_2.png);
    padding: 15px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    overflow-x: hidden;
    background-attachment: fixed;
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.account_main_section:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1118278c;
    top: 0;
    left: 0;
}
.account_outer_section .mt-10 .max-w-md.mx-auto .justify-between .leading-none, .account_outer_section .reset_password_info .items-center.justify-between .leading-none {
    font-size: 26px;
}
.account_outer_section {
    background-color: #fff;
    box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%) !important;
    margin: 0px auto 0px !important;
    border-radius: 10px !important;
    overflow: hidden;
    border: none !important;
    max-width: 540px;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 94%;
    padding: 15px;
}
.account_outer_section .mt-10 {
    padding: 0px;
    margin: 0px;
    width: 100%;
}
.account_outer_section .max-w-md.mx-auto {
    max-width: 100%;
}
.account_outer_section .mt-10 .max-w-md.mx-auto .justify-between {
    margin: 0px 0px 20px;
}
.account_outer_section .mt-10 .max-w-md.mx-auto a {
    font-family: 'Jost';
}
.account_outer_section .mt-10 .justify-between .duration-200 {
    background: #0c61c3;
    font-size: 14px;
}
.account_outer_section span.text-gray-500 {
    text-align: center;
    color: #111827;
    font-family: 'Jost';
    display: block;
}
.account_outer_section h3.text-2xl.font-bold {
    text-align: center;
    font-family: 'Jost';
    color: #111827;
}
.account_outer_section .rounded {
    padding: 0px;
    display: block;
    position: relative;
}
.account_outer_section input {
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #e3e3e3;
    font-size: 15px;
}
.account_outer_section .rounded svg {
    background: #fffffe00;
    margin: 0px;
    width: auto;
    height: auto;
    max-width: 18px;
    position: absolute;
    right: 13px;
    top: 13px;
    color: #0c61c3;
}
.account_outer_section a.underline {
    color: #0c61c3;
    font-size: 15px;
    text-decoration: none;
}
.account_outer_section button.rounded {
    background: #0a932c;
    outline: none;
    padding: 10px;
    font-size: 15px;
    border: none;
    font-family: 'Jost';
    font-weight: 500;
    box-shadow: none !important;
}
.account_outer_section span.text-gray-400.text-xs {
    font-size: 14px;
    color: #423f3f;
    font-family: 'Jost';
}
.account_outer_section span.text-gray-400.text-xs a {
    color: #0076ff;
}
.account_outer_section form .flex.flex-wrap {
    width: 100% !important;
    padding: 0px 7.5px;
    margin: auto;
    text-align: center;
    display: block;
}
.account_outer_section form .flex.flex-wrap .rounded {
    margin-left: 0px;
    margin-right: 0px;
}

.account_outer_section .reset_password_info {
    width: 100%;
    padding: 0px;
}
.account_outer_section .reset_password_info .items-center.justify-between {
    margin: 0px 0px 20px;
}
button.tawk-custom-color.tawk-button-circle.tawk-button-large {
    background: #ed3223;
}

.inner_pages_main_section .container {
    padding: 40px 0px 20px;
}
.inner_pages_main_section .container .text-center.mb-20 {
    margin: 0px 0px 20px;
}
.inner_pages_main_section .container .text-center.mb-20 h1 {
    font-weight: 600;
    font-size: 32px;
    font-family: 'Jost';
}
.inner_pages_main_section .container .px-3 {
    margin: 0px;
}
.inner_pages_main_section .container .px-3 p {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 15px;
    font-family: 'Jost';
    letter-spacing: .43px;
}
.inner_pages_main_section .container .px-3 p.font-semibold {
    font-weight: 600;
    font-size: 19px;
    margin: 10px 0px;
}
.inner_pages_main_section .container .px-3 br {
    display: none;
}
.faq_section .faq_outer_section details summary {
    background: #e0e7ff;
    font-family: 'Jost';
    cursor: pointer;
    color: #282828;
    font-weight: 500;
}
.faq_section .faq_outer_section details span {
    padding: 10px;
    display: block;
    font-family: 'Jost';
}
.toggle_menu_bar .text-center img {
    max-width: 21px;
}
.toggle_menu_bar .mt-auto {
    margin: 0px;
}
.toggle_menu_bar nav .mt-auto .rounded-t-xl {
    background: #1053a0;
    font-size: 16px;
    padding: 10px 15px;
    line-height: normal;
}


.contact_section {
    background: #d5a3471f;
    padding: 40px 0px 40px;
}
.contact_section .container {
    margin: auto;
}
.contact_section .address_area_section {
    margin-bottom: 20px;
}
.contact_section .row {
    display: flex;
    flex-wrap: wrap;
}
.address_area_section .top_info_title {
    text-align: center;
    margin-bottom: 10px;
}
.address_area_section .top_info_title h2, .contact_section .form_part .sec-title h2 {
    font-weight: 600;
    font-size: 26px;
    font-family: 'Jost';
    color: #131313;
    margin-bottom: 0px;
}
.address_area_section .top_info_title p {
    font-size: 18px;
}
.address_area_section .row .col-lg-4 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    padding-left: 15px;
    padding-right: 15px;
}
.address_area_section .row .col-lg-4 .box-item {
    text-align: center;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    height: 200px;
}
.address_area_section .box-item .area_icon img {
    max-width: 60px;
    margin: 0px auto 15px;
}
.address_area_section .box-item h3 {
    font-size: 22px;
    font-family: 'Jost', sans-serif;
    line-height: 40px;
    font-weight: 600;
    color: #181b31;
}

.contact_section .form_part .sec-title {
    padding: 0px 0px 10px 15px;
}
.contact_section .form_part .sub-title.primary {
    color: #d5a347;
}
.contact_section .form_part {
    background: #fff;
    padding: 25px 10px;
    display: block;
    width: 100%;
    margin: 0px 15px;
}
.contact_section .form_part .same_box {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0px 15px;
}
.form_part .form_info .common-control {
    margin-bottom: 20px;
}
.form_part .form_info .common-control input {
    width: 100%;
    background: #f1f6fc;
    border: none;
    outline: none;
    height: 48px;
    padding: 10px 20px;
    font-size: 15px;
}
.contact_section .form_part:last-child .col-md-12.mb-30.same_box {
    max-width: 100%;
    flex: 0 0 100%;
}
.form_part .form_info .common-control textarea {
    width: 100%;
    background: #f1f6fc;
    border: none;
    outline: none;
    padding: 10px 20px;
}
.contant_outer .submit-btn button.btn_main {
    background: #d5a347;
    padding: 8px 20px;
    color: #fff;
    outline: none;
    margin: 0px 15px;
}
.account_main_section .leading-none img {
    height: 44px;
}

.pricing_section .flex-wrap.-mx-4 {
    justify-content: center;
}


@media (max-width: 1023px){
 .main_box_card {
    margin-bottom: 50px;
}
.bg-blue-800 a.flex.flex-grow span {
    display: inline-block;
    height: auto;
    vertical-align: middle;
}
.bottom_section_main div#share {
    padding: 0px 0px 10px;
}
.slider_section .outer_section h2 {
    font-size: 35px;
}
.how_work_section .radius-for-skewed .mb-12.lg\:mb-0 {
    margin-bottom: 20px;
}
.features_section .shadow .rounded .box_card {
    height: 200px;
}
.digital_card_section .benefit_card:nth-child(4n) {
    margin-right: 20px;
}
.digital_card_section .benefit_card:nth-child(3n) {
    margin-right: 0px;
}
.digital_card_section .benefit_card {
    width: 31.4%;
}
.pricing_section .radius-for-skewed {
    padding: 40px 0px 20px;
}
.toggle_menu_bar nav ul li a {
    color: #000;
    font-size: 18px;
    padding: 10px;
}
.toggle_menu_bar nav .duration-200 a {
    color: #000;
}
.toggle_menu_bar nav .mt-auto p.my-4.text-xs.text-center {
    color: #000;
    font-size: 15px;
}
.main_top_menu_bar button.navbar-burger svg, .toggle_menu_bar button.navbar-close svg {
    width: 33px;
    height: 33px;
    color: #ffffff;
    text-align: center;
    margin: auto;
}
.main_top_menu_bar button.navbar-burger, .toggle_menu_bar button.navbar-close {
    outline: none;
    padding: 0px;
    background: #0c61c3;
    width: 45px;
    height: 40px;
    line-height: 45px;
    text-align: center;
}
.toggle_menu_bar .leading-none img {
    max-width: 240px;
    height: 26px;
}
}

@media (max-width: 991px){
.address_area_section .box-item a, .address_area_section .box-item p {
    font-size: 15px;
}    
.address_area_section .row .col-lg-4 .box-item {
    height: 220px;
    padding: 15px;
}
}

@media (max-width: 767px){
.toggle_menu_bar .leading-none img {
    max-width: 230px;
    height: 31px;
}
.vcard_light_tp .firstpagebottom.details_info .w-3\/4.mx-5.my-6 {
    margin: 0px;
}
.vcard_light_tp .firstpagebottom.details_info .w-3\/4.mx-5.my-6 p {
    font-size: 14px !important;
    line-height: normal;
}
.vcard_light_tp .firstpagebottom.details_info {
    top: -15px;
    left: -30px;
}
.slider_section .outer_section {
    display: block;
}
.slider_section .outer_section .w-full .max-w-md, .slider_section .outer_section .w-full .max-w-sm {
    max-width: 100%;
}
.banner_section .relative.web-index img {
    max-width: 312px;
    float: none;
    margin: 0px auto -15px;
}
.slider_section {
    overflow: hidden;
}
.how_work_section .radius-for-skewed .mb-8 {
    margin-bottom: 20px;
}
.digital_card_section .benefit_card {
    width: 47.7%;
}
.digital_card_section .benefit_card:nth-child(3n) {
    margin-right: 20px;
}
.digital_card_section .benefit_card:nth-child(2n) {
    margin-right: 0px;
}
.how_work_section .radius-for-skewed .lg\:mb-0 h2 {
    line-height: 40px;
    font-size: 31px;
}
.features_section .mx-auto.text-center h2, .pricing_section h2.font-heading, .digital_card_section .top_title h2 {
    font-size: 31px;
}
.features_section .shadow .rounded .box_card {
    height: auto;
}
.digital_card_section .benefit_card h3 {
    font-size: 20px;
}

.address_area_section .row .col-lg-4, .contact_section .form_part .same_box {
    flex: 100%;
    max-width: 100%;
}
.address_area_section .row .col-lg-4 .box-item {
    height: auto;
}
.account_main_section .leading-none img {
    height: 28px;
    object-fit: cover;
    max-width: 200px;
}
}

@media (max-width: 480px){
.main_top_menu_bar .container .leading-none img {
    max-width: 180px;
    height: 35px;
}
.pricing_section .shadow.rounded span.font-bold {
    font-size: 37px;
}
.features_section .mx-auto.text-center h2, .pricing_section h2.font-heading, .digital_card_section .top_title h2 {
    font-size: 27px;
}
 .slider_section {
    padding: 0px 0px;
} 
.slider_section .outer_section .secondary_btn, .slider_section .outer_section .primary_btn {
    padding: 8px 19px;
}
.digital_card_section .benefit_card {
    width: 100%;
    margin-right: 0px !important;
}
.digital_card_section .benefit_card{
    height :auto;
}
.how_work_section .radius-for-skewed .mb-8.lg\:mb-0 {
    width: 100%;
    display: block;
}
.how_work_section .radius-for-skewed .mb-8.lg\:mb-0 .shadow.rounded.bg-white {
    width: 100%;
    margin-right: 0px;
}
.how_work_section .radius-for-skewed .w-full.lg\:w-1\/2.flex.flex-wrap.-mx-4 {
    margin: 0px;
}
.how_work_section .radius-for-skewed .w-full.lg\:w-1\/2.flex.flex-wrap.-mx-4 .md\:w-1\/2.px-4 {
    margin: 0px;
}

}