*{margin:0px; padding:0px;}

@font-face {
    font-family:"Montserrat-Black";
    src: url(/font/Montserrat-Black.ttf);
}

@font-face {
    font-family:"Montserrat-Bold";
    src: url(/font/Montserrat-Bold.ttf);
}

@font-face {
    font-family:"Montserrat-ExtraBold";
    src: url(/font/Montserrat-ExtraBold.ttf);
}

@font-face{
    font-family:"Montserrat-ExtraLight";
    src: url(/font/Montserrat-ExtraLight.ttf)
}

@font-face{
    font-family:"Montserrat-Light";
    src: url(/font/Montserrat-Light.ttf)
}

@font-face{
    font-family:"Montserrat-Medium";
    src: url(/font/Montserrat-Medium.ttf)
}

@font-face{
    font-family:"Montserrat-Regular";
    src: url(/font/Montserrat-Regular.ttf)
}

@font-face{
    font-family:"Montserrat-SemiBold";
    src: url(/font/Montserrat-SemiBold.ttf)
}

@font-face{
    font-family:"Montserrat-Thin";
    src: url(/font/Montserrat-Thin.ttf)
}

@font-face{
    font-family:"Lato-Bold";
    src: url(/font/Lato-Bold.ttf)
}

@font-face{
    font-family:"Lato-Regular";
    src: url(/font/Lato-Regular.ttf)
}
@font-face{
    font-family:"Poppins-Bold";
    src: url(/font/Poppins-Bold.ttf)
}
@font-face{
    font-family:"Poppins-Medium";
    src: url(/font/Poppins-Medium.ttf)
}

/* Fonts */
.mon{font-family: "Montserrat-Regular";}
.mon-bl{font-family: "Montserrat-Black";}
.mon-eb{font-family: "Montserrat-ExtraBold";}
.mon-b{font-family: "Montserrat-Bold";}
.mon-sb{font-family: "Montserrat-SemiBold";}
.mon-m{font-family: "Montserrat-Medium";}
.mon-t{font-family: "Montserrat-Thin";}
.mon-l{font-family: "Montserrat-Light";}
.mon-el{font-family: "Montserrat-ExtraLight";}
.lato-b{font-family: "Lato-Bold";}
.lato-r{font-family: "Lato-Regular";}

.pop-b{font-family:"Poppins-Bold";}
.pop-m{font-family:"Poppins-Medium";}


.fs-9{font-size:9px;}
.fs-10{font-size:10px;}
.fs-11{font-size:11px;}
.fs-12{font-size:12px;}
.fs-13{font-size:13px;}
.fs-14{font-size:14px;}
.fs-15{font-size:15px;}
.fs-16{font-size:16px;}
.fs-17{font-size:17px;}
.fs-18{font-size:18px;}
.fs-19{font-size:19px;}
.fs-20{font-size:20px;}
.fs-21{font-size:21px;}
.fs-22{font-size:22px;}
.fs-23{font-size:23px;}
.fs-24{font-size:24px;}
.fs-25{font-size:25px;}
.fs-26{font-size:26px;}
.fs-27{font-size:27px;}
.fs-28{font-size:28px;}
.fs-29{font-size:29px;}
.fs-30{font-size:30px;}
.fs-31{font-size:31px;}
.fs-32{font-size:32px;}
.fs-33{font-size:33px;}
.fs-34{font-size:34px;}
.fs-35{font-size:35px;}
.fs-36{font-size:36px;}
.fs-37{font-size:37px;}
.fs-38{font-size:38px;}
.fs-39{font-size:39px;}
.fs-40{font-size:40px;}
.fs-41{font-size:41px;}
.fs-42{font-size:42px;}
.fs-43{font-size:43px;}
.fs-44{font-size:44px;}
.fs-45{font-size:45px;}
.fs-46{font-size:46px;}
.fs-47{font-size:47px;}
.fs-48{font-size:48px;}
.fs-49{font-size:49px;}
.fs-50{font-size:50px;}
.fs-51{font-size:51px;}
.fs-52{font-size:52px;}
.fs-63{font-size: 63px;}


/* Color */
.black-text{color:#171717;}
.lb-text{color:#171717;}
.sky-blue{color: #1A62A9;}
.gray-text{color:#6B6B6B;}
.darkgray-text {color: #3E3E3E;}

/* Bg-color */
.lightblue-bg{background-color: #DCE7F3;}
.skyblue-bg{background-color: #1A62A9;}
.yellow-bg{background-color:#F4F438;}



/* Header */
header{background-color:#fff;}

.navbar{padding: 0px !important;}
.navbar-nav .nav-item{margin-right: 30px;}
.navbar-nav .nav-item .nav-link{Color:#3E3E3E; font-family: "Montserrat-Medium"; font-size: 15px;}
.navbar-nav .nav-item .nav-link:hover{color:#3E3E3E;}
.navbar-nav .nav-item .nav-link:hover::before{position:absolute; content: url(/img/template/icons/nav-border.svg); top:5px; left:0px;}
.navbar-nav .nav-item .nav-btn{color:#F4F438; background-color:#1A62A9; padding: 5px 30px;}

.active::before {
    position: absolute;
    content: url(/img/template/icons/nav-border.svg);
    top: 5px;
    left: 0px;
}

/* Header (Mobile & Tab) */
.header-buy-id-btn{color:#F4F438; background-color:#1A62A9; padding:12px 45px;}
.menu-box{margin-top: 35px;}
.header-menu-box {
    background-color: #fff;
    padding: 20px 15px;
    position: absolute;
    right: 0px;
    top: 35px;
    width: 165px;
    z-index: 1;
    border-bottom: 2px solid #1A62A9;
}
.header-menu-box ul{padding: 0px;}
.header-menu-box ul li{text-align: left; list-style: none; margin: 10px 0px;}
.header-menu-box ul li a{color:#3E3E3E; font-size: 16px;}

/* Footer */
footer{background-color: #0C243B; padding: 65px 0px 0px 0px;}

.foot-icon .fi-img, .foot-icon .fi-img-hov{width:28px;}
.foot-icon:hover .fi-img{display: none;}
.foot-icon:hover .fi-img-hov{display:initial !important;}
.adress-para{width:53%;}
.foot-thirdbox .foot-link, .foot-fourthbox .foot-link {
    display: block;
    margin-bottom: 15px;
}
.foot-link:hover::before{position: absolute; content: url(/img/template/icons/foot-link-border.png); top:-3px; left:-8px;}
.footer-box{padding-bottom: 40px;}
.foot-bottom-box{border-top:1px solid #B8B8B8; padding: 20px 0px;}


/* Home */
.homesec-1{background-color:#EBF1F8;}
.home-banhead1{font-size: 51px; width: 75%;}
.home-banhead1 span{background-color:#F4F438;}
.home-ban-img-box img{width: 100%;}
.h-para1{width: 70%;}
.ban-content-box{margin-top: 130px;}
.h-anchr1{color:#F4F438; background-color:#1A62A9; padding: 10px 30px; font-size: 22px;}
.h-anchr1:hover{background-color:#F4F438; color:#171717;}
.h-anchor2:hover{text-decoration: underline !important; color:#202020;}

.homesec-1{background-color:#EBF1F8;}
    .home-banhead1{font-size: 51px; width: 75%;}
    .home-banhead1 span{background-color:#F4F438;}
    .h1-span1::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -30px;
        left: -5px;
    }
    .h1-span1::after {
        content: url(/img/template/icons/home-linebottom.svg);
        position: absolute;
        bottom: -20px;
        right: -6px;
    }

    .home-ban-img-box img{width: 100%;}
    .h-para1{width: 70%;}
    .home1-btn-box{width: 75%;}
    .ban-content-box{margin-top: 130px;}
    .home1-btn-box::before {
        content: url(/img/template/icons/h1-downarrow.svg);
        position: absolute;
        top: -87px;
        right: -30px;
    }

    .h-anchr1 {
        color: #F4F438;
        background-color: #1A62A9;
        padding: 0px 0px; 
        font-size: 22px;
        width: 235px;
        display: inline-block;
        height: 45px;
        text-align: center;
        padding: 6px;
    }
    .h-anchr1:hover::before {
        content: url(/img/template/icons/btn-top.svg);
        position: relative;
        top: -5px;
        left: -10px;
    }
    
    .h-anchr1:hover::after {
        content: url(/img/template/icons/btn-bottom.svg);
        position: relative;
        bottom: -5px;
        right: -10px;
    }

    .exp-text span{
        transform: rotate(180deg);
        writing-mode: vertical-lr;
        text-transform: uppercase;
    }
    .exp-text span::after {
        content: "";
        height: 15px;
        width: 1px;
        background-color: #171717;
        color: #171717;
        display: inline-block;
        bottom: 56px;
        position: absolute;
        right: 8px;
    }
    .home-sec2{margin: 83px 0px;}
    /* .home2-createdoc-btn{color:#171717; background-color:#F4F438; padding: 8px 25px;} */

    .home2-createdoc-btn {
        color: #171717;
        background-color: #F4F438;
        padding: 12px 5px;
        display: inline-block;
        width: 270px;
        height: 55px;
        text-align: center;
    }
    .home2-createdoc-btn:hover::before{position: absolute; content: url(/img/template/icons/btn-yellow-top.svg); top:0px; left:5px; }
    .home2-createdoc-btn:hover::after{position: absolute; content: url(/img/template/icons/btn-yellow-bottom.svg); bottom:0px; right:5px; }

    .home2-createdoc-btn:hover{background-color:#1A62A9; color: #F4F438;}
    .blur-box{background-color: #fffefe8a; bottom:15%; left: 29%; padding: 15px;}
    .home2-rightbox{padding: 85px 0px;}
    .home2-head{width: 80%;}
.home2-rightbox h4::before {
    content: url(/img/template/icons/home-linetop.svg);
    position: absolute;
    top: -25px;
    left: -10px;
}

.mar-box {
    background-color: #1A62A9;
    transform: skew(5deg, 358deg);
    padding: 25px 0px;
    width: 99%;
    margin: auto;
}

    .homesec-4{margin: 80px 0px;}
    .home-head-usecase::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -30px;
        left: -10px;
    }

    .hc-heading-box {
        background-color: #b1b1b170;
        padding: 15px 26px;
        position: absolute;
        bottom: -15px;
        backdrop-filter: blur(34px);
        -webkit-backdrop-filter: blur(34px);
        width: 95%;
    }

    .hc-btn-read{text-decoration: none; color:#3E3E3E; }
    .hc-btn-read:hover{color:#3E3E3E;}
    .hc-btn-read:hover .hc-icon{background-color:#F4F438; border-radius:50%;}
    .home-crousal-box .owl-carousel .hc-icon img {
        display: initial !important;
        width: auto !important;
    }

    .home-crousal-box .owl-carousel .owl-prev{
        background: #1A62A9 !important;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        left: -10%;
        position: absolute;
        top: 30%;
        /* color: #fff; */
    }
    .home-crousal-box .owl-carousel .owl-prev span{color: #F4F438;}

    .home-crousal-box .owl-carousel .owl-next{
        background: #1A62A9 !important;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        right: -10%;
        position: absolute;
        top: 30%;
        /* color: #fff; */
    }
    .home-crousal-box .owl-carousel .owl-next span{color: #F4F438;}

    .h-sec5{background-image: url(/img/template/bg/qr-bg.png); padding:75px  0px;}
    .h-qrbox{
        width: 716px;
        margin: auto;
    }
    .h-qr-head::before {
        position: absolute;
        content: url(/img/template/icons/h-qr-line.png);
        top: -35px;
        left: -40px;
    }

    /* buy Id key  */

    .bic-sec1{background-color:#EBF1F8; padding: 70px 0px;}
    .bic-first-box{margin-left: 15%;}
    .bik-ban-box{z-index: 999; margin: 50px 0px;}
    .bik-ban-p2 {
        margin-left: 75px;
    }
    .bik-ban-box p{line-height: 60px;}
    .bik-ban-box::after {
        position: absolute;
        content: url(/img/web/icons/cemi-circle.svg);
        top: -25%;
        left: 45%;
        z-index: -1;
        
    }

    .bik-ban-imgbox img{width: 100%;}

    .bic-sec1 .row{margin-right: 0px;}
    .bic-col{padding-right: 0px;}
    .bik-sec2{
        padding: 73px 0px;
    }
        .biksec2-id-keybox {
            background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(220,231,243,1) 100%);
            padding: 65px 20px 0px;
        }
    .biksec-2-idbtn{ border-radius:5px; background-color:#F4F438; color:#000000; box-shadow: 0px 3px 6px #00000029;padding: 5px 50px;}
    .biksec-2-right-box{
        background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);
        padding:10px 15px;
    }

    .bik-lidk-box{background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%); margin-top: 30px !important;}
    .bik-lidk-box .col-xxl-6 .form-control{
        border: 1px solid #C0D7EE !important;
        background-color: #EBF1F7 !important;
        height: 45px !important;
        width: 560px !important;
        border-radius: 0px !important;
    }
    .bik-lidk-box .btn-submit{background-color: #1A62A9; box-shadow: 0px 3px 6px #00000029; padding:10px 50px; }

    .bik-inputbox{margin-top: 50px;}
    .biksec2-pop .bik-s2-right-imgbox{margin-left: -25px; margin-top: 20px;}
    .bik-lottie{
        width: 30%;
        margin: auto;
    }
    .bik-mp1{
        width: 60%;
        margin: auto;
    }

    .bik-mod-btn{padding:15px 60px; text-decoration: none;}
    .bik-mod-btn{color: #000;}





    /* COUNTER */
        span {cursor:pointer; }
        .counter-box .number {
            margin: auto 118px;
        }
		.counter-box .minus, .counter-box  .plus{
			width:10px;
			height:20px;
			background:#7BA6D1;
			border-radius:4px;
			padding:4px 5px;
			border:1px solid #ddd;
            display:inline-table;
            vertical-align: middle;
            text-align: center;
		}
		.counter-box input{
			height:34px;
            width: 60px;
            text-align: center;
            font-size: 26px;
	        border:0px solid #ddd;
	        border-radius:4px;
            display: inline-block;
            vertical-align: middle;
            background: transparent;
        }
			


/* Upload Documents  */

.ud-sec1{
    background-color:#EBF1F8;
}
.ud-dd-box{border:1px dashed #91ABC9; background-color:#DCE7F3; padding: 50px; box-shadow: 0px 3px 6px #00000029;}
.ud-a1{color:#fff; background-color:#1A62A9; border-radius: 8px; padding:10px 60px;}
.ud-a2{color:#232323; background-color:#F4F438; border-radius: 8px; padding:10px 30px;}

.ud-a1:hover{color:#fff;}
.ud-a2:hover{color:#232323;}
.ud-p3 {
    width: 56%;
    margin: auto;
}
.ud-step1::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 2px;
    background-color: #1A62A9;
    top: 35px;
    right: -180px;
}

.ud-step2::after {
    content: "";
    position: absolute;
    width: 265px;
    height: 2px;
    background-color: #C1D0E1;
    top: 35px;
    right: -240px; 
}

.ud-step3::after {
    content: "";
    position: absolute;
    width: 265px;
    height: 2px;
    background-color: #C1D0E1;
    top: 35px;
    right: -179px;
}

.ud-step4::after {
    content: "";
    position: absolute;
    width: 268px;
    height: 2px;
    background-color: #C1D0E1;
    top: 35px;
    right: -240px;
}

/* Add Detail & Edit */
.ad-docbox{background-color:#DCE7F3; padding: 10px 15px;}
.ad-p2{color:#8F8F8F;}
.ad-form-box{background-color: #DCE7F3; }
.ad-form-box{padding: 15px; box-shadow: 0px 3px 6px #00000029;}
.ud-s2-choose {
    background-color: #1A62A9;
    border-radius: 0px !important;
}
.ad-form-btn {
    background-color: #F4F438;
    border: 1px solid #BEBE31;
    padding: 11px 50px 0px;
    display: inline-block;
    width: 100%;
    color: #000000;
    height: 45px;
}
.ad-custom-form .input-group-text{background-color:#fff !important;}
.ad-form-box .form-control{border:1px solid #CDDEF1; }
.ad-custom-form .form-control{border-right: 0px;}
.ad-vs-btn{width: 270px; background-color:#1A62A9; display: inline-block; text-align: center; padding: 8px;}

.ad-vs-btn:hover{background-color: #F4F438; color:#000000 !important;}

.ad-vs-btn:hover::before {
    content: url(/img/template/icons/btn-top.svg);
    position: absolute;
    top: 0px;
    left: 8px;
}
.ad-vs-btn:hover::after {
    content: url(/img/template/icons/btn-bottom.svg);
    position: absolute;
    bottom: 0px;
    right: 8px;
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url(/img/web/icons/moon.png);
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out;
}
.form-check-input {
    background-color: #1A62A9;
}
.ad-form-box .form-control{height: 45px; border-radius: 0px;}

/* Qr Genrate */
.qr-sec1{background-color: #EBF1F8; padding-bottom: 50px;}
.qr-gen-p1{color:#9d9d9d;}
.qr-gen-p2{color:#9d9d9d;}
.qr-detail-box{background-color:#DCE7F3;}

.qr-p-box { background-color: #cdddee; padding: 10px; overflow-x: auto;}

.qr-2nd-box{padding: 50px 60px;}
.qr-bik-btn{padding: 10px 30px;}
.qr-submit-btn{padding: 10px 50px; margin-top: 20px; display: inline-block;}
.qr-lk-box{width: 580px;}
.qr-lk-box .form-control{height: 45px; border-radius: 0px;}


/* Contact us */
.cs-sec1{background-color:#EBF1F8; padding:95px 0px;}
.cs-sec1 .row{margin-right: 0px !important;}
.right-col-0{padding-right: 0px !important;}
.con-ban-img-1366{display: none;}
.con-bantxt{width: 300px; margin-left: 150px;}
.con-bantxt::after {
    position: absolute;
    content: url(/img/web/icons/cemi-circle.svg);
    top: -5%;
    right: 20%;
}
.cs-ban-p1{line-height: 70px; padding-top: 20px; position: relative; z-index: 999;}
.con-banbox img{width: 100%;}
.con-4icon-box{padding-top: 40px; padding-bottom: 30px;}
.con-4 {
    border-right: 1px solid #c1c1c1;
}
.cs-br{border-right: 1px solid #AEAEAE;}
.con-sec3{background-color:#EBF1F7; padding: 80px 0px;}
.cs-left-box {
    padding: 0px 70px;
}
.cs-form-box .form-control{height:50px; border:1px solid #CDDEF1F7; border-radius: 10px; }
.cs-form-box #exampleFormControlTextarea1{height: 100px;}
.cs-submit-btn{background-color:#1A62A9; color:#F4F438; padding: 10px 50px; }
.cs-submit-btn:hover {
    background-color: #1A62A9;
    color: #F4F438;
}
.cs-right-box{padding: 0px 70px;}
.cs-mapbox .map{width: 100%; height: 300px; padding: 70px 70px 0px; border: 2px solid #000;}

/* gennerate id */
.gid-sec1{background-color:#EBF1F8; padding: 50px 0px 0px;}
.gid-banbox{background-color:#DCE7F3;}
.gid-ban-lottie{width:265px; height:265px;}
.gid-p1, .gid-p2{line-height: 50px;}
.gid-p1{
    width: 70%;
}
.gid-ban-left{padding: 50px 0px;}
.gid-p3, .gid-p4{color:#575555;}
.gid-p3::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 1px;
    background-color: #818181;
    top: 13px;
    right: 75%;
}
    .gid-4box {
        min-height: 200px;
    }
.gid-btn1 {
    background-color: #1A62A9;
    color: #F4F438;
    border-radius: 4px;
    padding: 5px 40px;
    display: inline-block;
    margin-top: 10px;
}
.gid-btn{background-color:#1A62A9; color:#F4F438; border-radius: 4px; padding:5px 40px; display: inline-block; margin-top: 35px;}
.gid-btn-link{display: inline-block; margin-top: 50px;}
.gid-btn1:hover {color: #F4F438;}
.gid-btn:hover {color: #F4F438;}
.gid-title {
    width: 200px;
    display: inline-block;
}
.gid-2right{border: 1px solid #B1B1B1; padding: 20px;}

.gis-sec2{background-color: #1A62A9;}

.gid-s2btn-1{border:1px solid #F4F438; background-color: transparent; padding: 10px 30px; margin-right: 10px;}
.gid-s2btn-2{border:1px solid #F4F438; background-color: #F4F438; padding: 10px 30px;}
.gid-blue-left{padding-top: 30px; padding-bottom: 20px;}
.gid-blue-right{padding-top: 60px; padding-bottom: 20px;}

/* use case */
.us-p2{width: 55%; margin: 0px auto; line-height:65px;}
.us-btn1{background-color: #F4F438; border-radius: 50px; padding: 5px 30px; display: inline-block; color:#171717;}

.us-s2-p1::after {
    content: "";
    width: 350px;
    height: 1px;
    background-color: #000;
    position: absolute;
    left: 210px;
    bottom: 10px;
}

.us-ban-box1 {
    padding: 80px 0px 35px;
}
.us-p3{width: 55%; margin: auto;}

.uc-s2-box1{margin-left: 20%;}
.uc-s2-box1 h2{
    width: 66%;
}
.s2-btn2{display: inline-block; color:#F4F438; padding: 12px 35px; background-color:#1A62A9; text-align: center;}
.s2-btn2:hover{color:#F4F438;}

/* Buy Id Key Details */
.bik-d-sec1{background-color:#EBF1F8; padding: 90px 0px;}
.bik-d-sec1 .ak-r1{margin-right: 0px !important;}
.ak-r1 .col-img-ban{padding-right: 0px !important;}

.bik-d-banbax{width: 30%; z-index: 999; margin: 50px 0px 0px 16% ;}
.bik-d-banbax::after {
    position: absolute;
    content: url(/img/web/icons/cemi-circle.svg);
    top: -35px;
    right: 80px;
    z-index: -1;
}
.bikd-p1 , .bikd-p2{line-height: 60px;}
.bikd-p2{margin-left: 30%;}
.bik-d-ban-img img{width: 100%;}
.bikd-formbox .form-label{font-size:14px; color:#0A0A0A; font-family: "Montserrat-Medium";}
.bikd-formbox .form-control{height: 60px; border:1px solid #CFE2F5; background-color:#EBF1F7; border-radius: 0px;}
.bikd-keybox{height:60px; background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%); margin-top: 31px;}
.bkid-s2-p1, .bkid-s2-p2{line-height: 18px;}


.bikd-pay-btn{background-color:#F4F438; width:270px; height:55px; display: inline-block; text-align: center; padding-top: 10px; position: relative;}
.bikd-pay-btn:hover{background-color: #1A62A9; color: #fff;}

.bikd-pay-btn:hover::before{position: absolute; content: url(/img/template/icons/btn-yellow-top.svg); top:0px; left:5px;}

.bikd-pay-btn:hover::after {position: absolute; content: url(/img/template/icons/btn-yellow-bottom.svg); bottom: 0px; right: 5px;}


/*Faq*/
.accord-box .accordion-button:not(.collapsed) {
    color: #1A62A9 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    font-size: 22px;
    font-family: "Montserrat-Medium";
    border-left: 2px solid #1A62A9;
    border-radius:0px;
}
.faq-bt-head{font-size:22px;}
.accord-box .accordion-body {
    font-size: 15px;
    color: #7E7E7E;
    font-family: "Montserrat-Regular";
    border-left: 2px solid #1A62A9;
}
.accord-box .accordion .accordion-item {
    margin-bottom: 35px;
    border: 0px solid #fff;
    box-shadow: 0px 2px 20px #8A8A8A29;
}
.accordion-button::after {
    background-image: url(/img/web/icons/faq-add.png);
}
.accordion-button:not(.collapsed)::after {
    background-image: url(/img/web/icons/faq-sub.png);
    transform: rotate(-180deg);
}
.accord-box .accordion-button {
    color: #444444;
    font-size: 22px;
    font-family: "Montserrat-Medium";
    border-left: 2px solid #fff;
}

/* Faq Accordian right*/
.accord-right-box .accordion-item {
    margin-bottom: 35px;
    border: 0px solid #fff;
    box-shadow: 0px 2px 20px #8A8A8A29;
}

.accord-right-box .accordion-button:not(.collapsed) {
    color: #1A62A9 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    font-size: 22px;
    font-family: "Montserrat-Medium";
    border-left: 2px solid #1A62A9;
}

.accord-right-box .accordion-body {
    font-size: 15px;
    color: #7E7E7E;
    font-family: "Montserrat-Regular";
    border-left: 2px solid #1A62A9;
}

.accord-right-box .accordion .accordion-item {
    margin-bottom: 35px;
    border: 0px solid #fff;
    box-shadow: 0px 2px 20px #8A8A8A29;
}
.accord-right-box .accordion-button {
    color: #444444;
    font-size: 22px;
    font-family: "Montserrat-Medium";
    border-left:2px solid #fff;
}

/*Term & Condition*/
.tnc-sec1 {
    background-color: #EBF1F8;
    padding:50px 0px;
}
.tnc-sec1 h2{margin-bottom:30px;}
.tnc-box{margin-bottom:30px;}

/*Privacy Policy */
.pp-sec1 {
    background-color: #EBF1F8;
    padding: 50px 0px;
}

.pp-sec1 h2 {
    margin-bottom: 30px;
}

.pp-box {
    margin-bottom: 30px;
}




/* Xtra Small */
@media (max-width:575px) {
    /* Footer (xs mobile) */
    footer {
        background-color: #0C243B;
        padding: 40px 0px 0px 0px;
    }
    .foot-icon-box {
        width: 85%;
    }
    .foot-icon-insta, .foot-icon-youtube{margin-top:0.5rem;}
    .footer-box {
        padding-bottom: 20px;
    }
    .adress-para {
        width: 100%;
    }
    .foot-secondbox h4 , .foot-secondbox a{font-size: 12px;}
    .foot-thirdbox .foot-link , .foot-fourthbox .foot-link {
        display: block;
        margin: 15px 0px;
        font-size: 12px;
    }
    /* .foot-firstbox img{width: 100%;} */
    .foot-bottom-box{padding: initial;}
    .foot-bottom-box p{font-size: 12px; margin: 10px 10px;}

    /* Home Mobile */
    .ban-content-box{margin: 34px 0px;}
    .hh-p1{text-align: center; font-size: 12px;}
    .home-banhead1 {
        font-size: 30px;
        width: 90%;
        text-align: center;
        margin: auto;
    }
    .h1-span1::before , .h1-span1::after{display: none; }
    .home-banhead1 span {
        background-color:transparent;
    }
    .h-para1{font-size: 13px; width: 90%; text-align: center; margin: 20px auto;}
    .home1-btn-box{width: 100%; text-align: center;}
    .home1-btn-box a{display: inline-block;}
    .home1-btn-box::before {
        content: url(/img/mobile/icons/curve-down-small.png);
        position: absolute;
        top: -35px;
        right: -10px;
    }
    .exp-text{display: none;}


    .home-ban-img-box video{width: 100%;}
    .header-buy-id-btn {
        color: #F4F438 !important;
        background-color: #1A62A9;
        padding: 10px 30px;
    }
    .h-anchor2{text-decoration: underline !important; margin-top: 10px;}

    .home-sec2 {
        margin: 27px 0px;
    }
    .home2-rightbox {
        padding-bottom: 20px;
        padding-top: 0px;
    }
    .home2-right-head {font-size: 23px; width: 70%;}
    .home2-para1{font-size: 12px;}
    .home2-createdoc-btn {
        color: #171717;
        background-color: #F4F438;
        padding: 10px 5px;
        display: inline-block;
        width: 175px;
        height: 40px;
        text-align: center;
        font-size: 12px;
    }
    .home2-createdoc-btn:hover::after , .home2-createdoc-btn:hover::before{display: none;}
    .home2-left-imgbox img{width: 85%;}
    .blur-box p{font-size: 10px;}
    .blur-box a{font-size: 11px;}
    .home-mar-text{font-size: 20px;}


    .homesec-4 {
        margin: 65px 0px;
    }
    .home-head-usecase{font-size: 23px;}

    .home-crousal-box .owl-carousel .owl-next {
        background: #1A62A9 !important;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        right: 43%;
        position: absolute;
        top: initial;
    }
    .home-crousal-box .owl-carousel .owl-prev {
        background: #1A62A9 !important;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        left: 35%;
        position: absolute;
        top: initial;
    }
    .home-head-usecase::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -5px;
        left: -8px;
    }
    .hc-itemhead{font-size: 14px;}
    .hc-uc-para {font-size: 13px;}
    .hc-btn-read{font-size: 13px;}
    .h-sec5 {
        background-image: url(/img/template/bg/qr-bg.png);
        padding: 30px 0px;
        background-position: right;
    }
    .h-qr-head::before {
        position: absolute;
        content: url(/img/mobile/icons/line-left-top.svg);
        top: -15px;
        left: -10px;
    }
    .h-qrbox {
        width:100%;
        margin: auto;
    }
    .h-qr-head {
        font-size: 23px;
        width: 80%;
        margin: auto;
    }
    .h-qrbox p {
        font-size: 13px;
        margin: 15px auto;
        width: 83%;
    }

    .home2-rightbox h4::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -5px;
        left: -5px;
    }
    /* step bar (xtra small mobile) */
    .ud-mob-step1::after {
        position: absolute;
        content: "";
        width: 150px;
        background-color: #1A62A9;
        height: 2px;
        bottom: 73px;
        left: 45px;
    }
    .ud-mob-step2::after {
        position: absolute;
        content: "";
        width: 150px;
        background-color: #1A62A9;
        height: 2px;
        bottom: 73px;
        left: 45px;
    }

    /* upload Documents (xtra small mobile) */
    .ud-steps-box{display:none;}
    .ud-head {
        font-size: 20px;
        text-align: center;
        margin-bottom: 15px;
    }
    .ud-dd-box img{ width: 15%;}
    .ud-dd-box {
        border: 1px dashed #91ABC9;
        background-color: #DCE7F3;
        padding: 20px;
        box-shadow: 0px 3px 6px #00000029;
    }
    .dd-textbox{padding: 20px 0px 0px 0px;}
    .dd-p1{font-size: 18px;}
    .dd-p2{font-size: 22px;}
    .ud-a1{font-size: 14px; display: inline-block; margin-bottom: 10px;}
    .ud-a2{font-size: 14px; display: inline-block;}
    .ud-p3 {
        width: 100%;
        margin: auto;
        font-size: 13px;
        padding: 15px;
    }

    /* Add details & edit (xtra small mobile) */
    .ud-head-step2{font-size:20px;}
    .ud-head-step2 span img{width:5%;}
        .ad-p1 {
            font-size: 14px;
        }
    .ad-p2{font-size:9PX;}
    .ad-vs-btn {
        width: 195px;
        background-color: #1A62A9;
        display: inline-block;
        text-align: center;
        padding: 10px;
        font-size: 14px;
    }
    .ad-vs-btn:hover::before {
        content: url(/img/template/icons/btn-top.svg);
        position: absolute;
        top: 6px;
        left: 8px;
    }
    .ad-form-btn {
        background-color: #F4F438;
        border: 1px solid #BEBE31;
        padding: 11px 30px 0px;
        display: inline-block;
        width: 100%;
        color: #000000;
        height: 45px;
    }

    /* Qr genrate(xtra small mobile) */
    .ad-doc-img{width: 75%;}
    .qr-gen-p1{font-size: 14px;}
    .qr-gen-p2{font-size: 10px;}
    .qr-detail-box p{font-size: 11px;}
    .qr-bik-btn, .qr-submit-btn{font-size: 11px;}
    .qr-lk-para{font-size: 15px;}
    .qr-or{font-size: 9px;}
    .qr-lk-box {
        width: 100%;
     }

    /* contact us (xtra small mobile) */
    .cs-sec1{padding: 20px 0px;}
    .con-4icon-box-mob {margin:10px 10px}
    .mob-4icon-1{border-right:1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3;}
    .mob-4icon-2{border-bottom: 1px solid #E3E3E3;}
    .mob-4icon-3{border-right:1px solid #E3E3E3;}

    .con-sec3 {
        padding: 20px 0px;
    }
    .cs-left-box {
        padding: 0px 0px;
    }
    .cs-left-box h3, .cs-right-box h4{font-size: 30px;}
    .cs-left-box h3 span, .cs-right-box h4 span{font-family: "Montserrat-ExtraBold";}
    .cs-left-box p{font-size: 13px;}

    .cs-right-box {
        padding: 40px 0px 0px 0px;
    }
    .co-img{width: 100%;}
    .cs-p4{font-size: 16px;}
    .cs-detail span{font-size: 12px;}
    .cs-mail{font-size: 11px !important;}
    .cs-info-img img{width: 15px;}
    .cs-detail{display: inline-block;}
    .cs-info-mob{margin-bottom: 10px;}
    .cs-mapbox .map {
        width: 100%;
        height: 165px;
        padding: 30px 0px 0px;
    }
    .cs-co-info{margin-top: 30px;}
    .cs-br {
        border-right: 0px solid #AEAEAE;
    }

    /* generate id (xtra small mobile) */
    .gid-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px 0px;
    }
    .gid-ban-moblottie{width:130px; height:130px; margin:0px auto;}
    .gid-mob-p1{padding: 0px 20px;}
    .gid-mob-ban-qr{width: 150px; height: 150px; margin:auto;}
    .gid-mob-ban-qr img{width: 100%;}
    .gid-box4{min-height: 150px;}
    .gid-box-234{padding: 15px;}
    .gid-box-234 p{margin-top: 10px;}
    .gid-box4 .gid-box4-imgbox1{padding: 10px;}
    .gdi-c2-4img-1{width: 60% !important; margin-left: auto; }
    .gid-btn {
        background-color: #1A62A9;
        color: #F4F438;
        border-radius: 4px;
        padding: 2px 20px;
        display: inline-block;
        margin-top: 0px;
        font-size: 10px;
    }
    .gid-btn-link{font-size: 11px; margin-top: 0px;}
    .owl-dots{display: none;}
    .gid-title {
        width: 70px;
        display: inline-block;
    }
    .gid-title, .gid-info{font-size: 9px;}
    .gid-blue-left{padding-bottom: 10px;}
    .gid-blue-left p{font-size: 13px; text-align: center;}
    .gid-blue-right {
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .gid-s2btn-1, .gid-s2btn-2{font-size: 12px;}

    /* use case (xtra small mobile) */
    .uc-s2{margin-bottom: 30px;}
    .us-ban-box1 {
        padding: 30px 0px 25px;
    }
    .us-p1{font-size:14px;}
    .us-p2 {
        width: 100%;
        margin: 0px auto;
        line-height: 36px;
        font-size: 30px;
    }

    .us-p3 {
        width: 100%;
        margin: auto;
        font-size: 13px;
    }
    .us-s2-p1::after {
        content: "";
        width: 140px;
        height: 1px;
        background-color: #000;
        position: absolute;
        left: 210px;
        bottom: 10px;
    }
    .uc-banimg-box img{width: 100%;}
    .uc-s2-box1 {margin-left: 0px;}
    .uc-s2-box1 h2 {
        width: 100%;
        font-size: 20px;
    }
    .uc-s2-box1 p{font-size: 13px; text-align:left !important;}

    .uc-s2-imgbox img{width: 100%;}
    .uc-s2-p4{font-size:13px;}  

    /* buy id key details (xtra small mobile) */
    .bik-d-sec1 {
        background-color: #EBF1F8;
        padding: 35px 0px;
    }
    .ak-r1{display: none;}

    .bikd-s2head1{font-size: 18px;}
    .bikd-imgkey img{width:50%;}


    .bikd-keybox {
        height: 40px;
        background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);
        margin-top: 10px;
    }

    .bkid-s2-p1{font-size: 10px;}
    .bkid-s2-p2{font-size: 15px;}
    .bkid-s2-p1, .bkid-s2-p2 {
        line-height: 14px;
        color:#6B6B6B;
    }
    .bikd-formbox .form-label {
        font-size: 9px;
        color: #0A0A0A;
        font-family: "Montserrat-Medium";
    }
    .bikd-formbox .form-control {
        height: 40px;
        border: 1px solid #CFE2F5;
        background-color: #EBF1F7;
        border-radius: 0px;
    }
    .bikd-pay-btn {
        background-color: #F4F438;
        width: 195px;
        height: 45px;
        display: inline-block;
        text-align: center;
        padding-top: 10px;
        position: relative;
        font-size: 16px;
    }
    .bikd-pay-btn:hover::before {
        position: absolute;
        content: url(/img/template/icons/btn-yellow-top.svg);
        top: 5px;
        left: 5px;
    }

    /* Buy id key (xtra small mobile) */
    .bic-sec1 {padding: 35px 0px;}
    .s1-bik-r1{display: none;}
    .bik-sec2 {padding: 20px 0px;}
    .bik-head2{font-size: 18px;}

    .bik-keybox-main {width: 35%;}
    .s2-bik-keybox img{width: 80%;}
    .s2-key-buybtn1 {
        padding: 4px 25px;
        border-radius: 5px;
        color: #000000;
        text-decoration: none;
        margin: 5px 0px;
    }



    .bic-col-counter{display: none;}
    .mob-bic-counter-box{background: linear-gradient(180deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);}
    .counter-box .number {
        margin: auto 0px;
    }
    .counter-box input {
        height: 34px;
        width: 35px;
        text-align: center;
        font-size: 9px;
        border: 0px solid #ddd;
        border-radius: 4px;
        display: inline-block;
        vertical-align: middle;
        background: transparent;
    }
    .counter-box .minus, .counter-box .plus {
        width: 10px;
        height: 5px;
        background: #7BA6D1;
        border-radius: 4px;
        padding: 2px 2px;
        border: 1px solid #ddd;
        display: inline-table;
        vertical-align: middle;
        text-align: center;
    }

    .bic-s2-right{display: none;}
    .s2-keypack-box{background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);}
    .bik-lidk-box{display: none;}
    .s2-bic-btn-submit {background-color:#1A62A9; box-shadow: 0px 3px 6px #00000029; padding: 10px 25px;}
    .bic-s2-ip-box .form-control{border-radius: 0px !important; border:1px solid #C0D7EE !important; color: #EBF1F7;}
    .s2bic-last-box{background: linear-gradient(90deg, rgba(220,231,243,1) 0%, rgba(255,255,255,1) 100%);}
    .bik-lidk-box .col-xxl-6 .form-control {
        border: 1px solid #C0D7EE !important;
        background-color: #EBF1F7 !important;
        height: 45px !important;
        width: 100% !important;
        border-radius: 0px !important;
    }

/*Faq (xtra small mobile)*/
    .fq-sec1{display:none;}
    .fq-sec2{padding:30px 0px;}
    .fq-head1{font-size:12px;}
    .fq-head2 {
        font-size: 20px;
    }
    .accord-box .accordion-button:not(.collapsed){font-size:14px;}
    .accord-box .accordion-body{font-size:12px;}
    .accord-box .accordion-button {font-size:14px;}
    .accord-right-box .accordion-button {font-size: 14px;}
    .accord-right-box .accordion-body{font-size:12px;}
    .accord-right-box .accordion-button:not(.collapsed) {font-size: 14px;}
    .faq-bt-head{font-size:14px;}
    /*Term & Condition (xtra small mobile)*/
    .tnc-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px;
    }

    .tnc-box-main h1{font-size:26px;}
    .tnc-box-main p{font-size:14px;}

    .tnc-sec1 h2 {
        margin-bottom: 20px;
        font-size:16px;
    }

    .tnc-box {
        margin-bottom: 20px;
    }

    /*Privacy Policy*/
    .pp-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px;
    }

    .privacy-box-main h1 {
        font-size: 26px;
    }

    .privacy-box-main p {
        font-size: 14px;
    }

    .pp-sec1 h2 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .pp-box {
        margin-bottom: 20px;
    }
}

/* Small Mobile */
@media screen and (min-width:576px) and (max-width:767px) {
    /* Home Mobile */
    .home-ban-img-box img{width: 100%;}

    .home2-left-imgbox img{width: 100%;}
    .home2-rightbox h4::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -5px;
        left: -5px;
    }

    /* Footer (mobile) */
    footer {
        background-color: #0C243B;
        padding: 40px 0px 0px 0px;
    }

    .foot-icon-box {
        width: 70%;
    }

    .foot-icon-insta, .foot-icon-youtube {
        margin-top: 0.5rem;
    }

    .footer-box {
        padding-bottom: 20px;
    }

    .adress-para {
        width: 100%;
    }

    .foot-secondbox h4, .foot-secondbox a {
        font-size: 12px;
    }

    .foot-thirdbox .foot-link, .foot-fourthbox .foot-link {
        display: block;
        margin: 15px 0px;
        font-size: 12px;
    }
    /* .foot-firstbox img{width: 100%;} */
    .foot-bottom-box {
        padding: initial;
    }

        .foot-bottom-box p {
            font-size: 12px;
            margin: 10px 10px;
        }
    
        /* Home Mobile */
        .ban-content-box{margin: 34px 0px;}
        .hh-p1{text-align: center; font-size: 12px;}
        .home-banhead1 {
            font-size: 30px;
            width: 90%;
            text-align: center;
            margin: auto;
        }
        .h1-span1::before , .h1-span1::after{display: none; }
        .home-banhead1 span {
            background-color:transparent;
        }
        .h-para1{font-size: 13px; width: 90%; text-align: center; margin: 20px auto;}
        .home1-btn-box{width: 100%; text-align: center;}
        .home1-btn-box a{display: inline-block;}
        .home1-btn-box::before {
            content: url(/img/mobile/icons/curve-down-small.png);
            position: absolute;
            top: -65px;
            right: -40px;
        }
        .exp-text{display: none;}
    
    
        .home-ban-img-box video{width: 100%;}
        .header-buy-id-btn {
            color: #F4F438 !important;
            background-color: #1A62A9;
            padding: 10px 30px;
        }
        .h-anchor2{text-decoration: underline !important; margin-top: 10px;}
    
        .home-sec2 {
            margin: 27px 0px;
        }
        .home2-rightbox {
            padding-bottom: 20px;
            padding-top: 0px;
        }
        .home2-right-head {font-size: 23px; width: 70%;}
        .home2-para1{font-size: 12px;}
        .home2-createdoc-btn {
            color: #171717;
            background-color: #F4F438;
            padding: 10px 5px;
            display: inline-block;
            width: 175px;
            height: 40px;
            text-align: center;
            font-size: 12px;
        }
        .home2-createdoc-btn:hover::after , .home2-createdoc-btn:hover::before{display: none;}
        .home2-left-imgbox img{width: 85%;}
        .blur-box p{font-size: 10px;}
        .blur-box a{font-size: 11px;}
        .home-mar-text{font-size: 20px;}


        .homesec-4 {
            margin: 35px 0px 60px;
        }
        .home-head-usecase{font-size: 23px;}
    
        .home-crousal-box .owl-carousel .owl-next {
            background: #1A62A9 !important;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            right: 43%;
            position: absolute;
            top: initial;
        }
        .home-crousal-box .owl-carousel .owl-prev {
            background: #1A62A9 !important;
            width: 35px;
            height: 35px;
            border-radius: 50%;
            left: 35%;
            position: absolute;
            top: initial;
        }
        .home-head-usecase::before {
            content: url(/img/template/icons/home-linetop.svg);
            position: absolute;
            top: -5px;
            left: -8px;
        }
        .hc-itemhead{font-size: 14px;}
        .hc-uc-para {font-size: 13px;}
        .hc-btn-read{font-size: 13px;}
        .h-sec5 {
            background-image: url(/img/template/bg/qr-bg.png);
            padding: 30px 0px;
            background-position: right;
        }
        .h-qr-head::before {
            position: absolute;
            content: url(/img/mobile/icons/line-left-top.svg);
            top: -15px;
            left: -10px;
        }
        .h-qrbox {
            width:100%;
            margin: auto;
        }
        .h-qr-head {
            font-size: 23px;
            width: 80%;
            margin: auto;
        }
        .h-qrbox p {
            font-size: 13px;
            margin: 15px auto;
            width: 83%;
        }

        /* step bar (small mobile) */
        .ud-mob-step1::after {
            position: absolute;
            content: "";
            width: 200px;
            background-color: #1A62A9;
            height: 2px;
            bottom: 73px;
            left: 45px;
        }
        .ud-mob-step2::after {
            position: absolute;
            content: "";
            width:200px;
            background-color: #1A62A9;
            height: 2px;
            bottom: 73px;
            left: 45px;
        }
        /* upload Documents (small mobile) */
        .ud-steps-box{display:none;}
        .ud-head{font-size: 20px; text-align: center; }
        .ud-dd-box img{ width: 15%;}
        .ud-dd-box {
            border: 1px dashed #91ABC9;
            background-color: #DCE7F3;
            padding: 20px;
            box-shadow: 0px 3px 6px #00000029;
        }
        .dd-textbox{padding: 20px 0px 0px 0px;}
        .dd-p1{font-size: 18px;}
        .dd-p2{font-size: 22px;}
        .ud-a1{font-size: 14px; display: inline-block; margin-bottom: 10px;}
        .ud-a2{font-size: 14px; display: inline-block;}
        .ud-p3 {
            width: 100%;
            margin: auto;
            font-size: 13px;
            padding: 15px;
        }

        /* Add details & edit ( small mobile) */
        .ud-head-step2{font-size:20px;}
        .ud-head-step2 span img {
            width: 5%;
        }
        .ad-p1{font-size:14px;}
        .ad-p2{font-size:9PX;}
        .ad-vs-btn {
            width: 195px;
            background-color: #1A62A9;
            display: inline-block;
            text-align: center;
            padding: 10px;
            font-size: 14px;
        }
        .ad-vs-btn:hover::before {
            content: url(/img/template/icons/btn-top.svg);
            position: absolute;
            top: 6px;
            left: 8px;
        }
        .ad-form-btn {
            background-color: #F4F438;
            border: 1px solid #BEBE31;
            padding: 11px 30px 0px;
            display: inline-block;
            width: 100%;
            color: #000000;
            height: 45px;
        }

        /* Qr genrate( small mobile) */
        .ad-doc-img{width: 75%;}
        .qr-gen-p1{font-size: 14px;}
        .qr-gen-p2{font-size: 10px;}
        .qr-detail-box p{font-size: 11px;}
        .qr-bik-btn, .qr-submit-btn{font-size: 11px;}
        .qr-lk-para{font-size: 15px;}
        .qr-or{font-size: 9px;}
        .qr-lk-box {
            width: 100%;
         }


    /* contact us (small mobile) */
    .cs-sec1{padding: 20px 0px;}
    .con-4icon-box-mob {margin:10px 10px}
    .mob-4icon-1{border-right:1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3;}
    .mob-4icon-2{border-bottom: 1px solid #E3E3E3;}
    .mob-4icon-3{border-right:1px solid #E3E3E3;}

    .con-sec3 {
        padding: 20px 0px;
    }
    .cs-left-box {
        padding: 0px 0px;
    }
    .cs-left-box h3, .cs-right-box h4{font-size: 30px;}
    .cs-left-box h3 span, .cs-right-box h4 span{font-family: "Montserrat-ExtraBold";}
    .cs-left-box p{font-size: 13px;}

    .cs-right-box {
        padding: 40px 0px 0px 0px;
    }
    .co-img{width: 100%;}
    .cs-p4{font-size: 16px;}
    .cs-detail span{font-size: 12px;}
    .cs-mail{font-size: 11px !important;}
    .cs-info-img img{width: 15px;}
    .cs-detail{display: inline-block;}
    .cs-info-mob{margin-bottom: 10px;}
    .cs-mapbox .map {
        width: 100%;
        height: 165px;
        padding: 30px 0px 0px;
    }
    .cs-co-info{margin-top: 30px;}
    .cs-br {
        border-right: 0px solid #AEAEAE;
    }

     /* generate id (small mobile) */
     .gid-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px 0px;
    }
    .gid-ban-moblottie{width:130px; height:130px; margin:0px auto;}
    .gid-mob-p1{padding: 0px 20px;}
    .gid-mob-ban-qr{width: 150px; height: 150px; margin:auto;}
    .gid-mob-ban-qr img{width: 100%;}
    .gid-box4{min-height: 150px;}
    .gid-box-234{padding: 15px;}
    .gid-box-234 p{margin-top: 10px;}
    .gid-box4 .gid-box4-imgbox1{padding: 10px;}
    .gdi-c2-4img-1{width: 60% !important; margin-left: auto; }
    .gid-btn {
        background-color: #1A62A9;
        color: #F4F438;
        border-radius: 4px;
        padding: 2px 20px;
        display: inline-block;
        margin-top: 0px;
        font-size: 10px;
    }
    .gid-btn-link{font-size: 11px; margin-top: 0px;}
    .owl-dots{display: none;}
    .gid-title {
        width: 70px;
        display: inline-block;
    }
    .gid-title, .gid-info{font-size: 9px;}
    .gid-blue-left{padding-bottom: 10px;}
    .gid-blue-left p{font-size: 13px; text-align: center;}
    .gid-blue-right {
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .gid-s2btn-1, .gid-s2btn-2{font-size: 12px;}

    /* use case (small mobile) */
    .uc-s2{margin-bottom: 30px;}
    .us-ban-box1 {
        padding: 30px 0px 25px;
    }
    .us-p1{font-size:14px;}
    .us-p2 {
        width: 100%;
        margin: 0px auto;
        line-height: 36px;
        font-size: 30px;
    }

    .us-p3 {
        width: 100%;
        margin: auto;
        font-size: 13px;
    }
    .us-s2-p1::after {
        content: "";
        width: 140px;
        height: 1px;
        background-color: #000;
        position: absolute;
        left: 210px;
        bottom: 10px;
    }
    .uc-banimg-box img{width: 100%;}
    .uc-s2-box1 {margin-left: 0px;}
    .uc-s2-box1 h2 {
        width: 100%;
        font-size: 20px;
    }
    .uc-s2-box1 p{font-size: 13px; text-align:left !important;}

    .uc-s2-imgbox img{width: 100%;}
    .uc-s2-p4{font-size:13px;}


        /* buy id key details (small mobile) */
        .bik-d-sec1 {
            background-color: #EBF1F8;
            padding: 35px 0px;
        }
        .ak-r1{display: none;}
    
        .bikd-s2head1{font-size: 18px;}
        .bikd-imgkey img{width:50%;}
    
    
        .bikd-keybox {
            height: 40px;
            background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);
            margin-top: 10px;
        }
    
        .bkid-s2-p1{font-size: 10px;}
        .bkid-s2-p2{font-size: 15px;}
        .bkid-s2-p1, .bkid-s2-p2 {
            line-height: 14px;
            color:#6B6B6B;
        }
        .bikd-formbox .form-label {
            font-size: 9px;
            color: #0A0A0A;
            font-family: "Montserrat-Medium";
        }
        .bikd-formbox .form-control {
            height: 40px;
            border: 1px solid #CFE2F5;
            background-color: #EBF1F7;
            border-radius: 0px;
        }
        .bikd-pay-btn {
            background-color: #F4F438;
            width: 195px;
            height: 45px;
            display: inline-block;
            text-align: center;
            padding-top: 10px;
            position: relative;
            font-size: 16px;
        }
        .bikd-pay-btn:hover::before {
            position: absolute;
            content: url(/img/template/icons/btn-yellow-top.svg);
            top: 5px;
            left: 5px;
        }


        /* Buy id key (small mobile) */
        .bic-sec1 {padding: 35px 0px;}
        .s1-bik-r1{display: none;}
        .bik-sec2 {padding: 20px 0px;}
        .bik-head2{font-size: 18px;}
        
        .bik-keybox-main {width: 35%;}
        .s2-bik-keybox img{width: 80%;}
        .s2-key-buybtn1 {
            padding: 4px 25px;
            border-radius: 5px;
            color: #000000;
            text-decoration: none;
            margin: 5px 0px;
        }
        
        
        
        .bic-col-counter{display: none;}
        .mob-bic-counter-box{background: linear-gradient(180deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1)       100%);}
        .counter-box .number {
            margin: auto 0px;
        }
        .counter-box input {
            height: 34px;
            width: 35px;
            text-align: center;
            font-size: 9px;
            border: 0px solid #ddd;
            border-radius: 4px;
            display: inline-block;
            vertical-align: middle;
            background: transparent;
        }
        .counter-box .minus, .counter-box .plus {
            width: 10px;
            height: 5px;
            background: #7BA6D1;
            border-radius: 4px;
            padding: 2px 2px;
            border: 1px solid #ddd;
            display: inline-table;
            vertical-align: middle;
            text-align: center;
        }
    
        .bic-s2-right{display: none;}
        .s2-keypack-box{background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);}
        .bik-lidk-box{display: none;}
        .s2-bic-btn-submit {background-color:#1A62A9; box-shadow: 0px 3px 6px #00000029; padding: 10px 25px;}
        .bic-s2-ip-box .form-control{border-radius: 0px !important; border:1px solid #C0D7EE !important; color:        #EBF1F7;}
        .s2bic-last-box{background: linear-gradient(90deg, rgba(220,231,243,1) 0%, rgba(255,255,255,1) 100%);}
        .bik-lidk-box .col-xxl-6 .form-control {
            border: 1px solid #C0D7EE !important;
            background-color: #EBF1F7 !important;
            height: 45px !important;
            width: 100% !important;
            border-radius: 0px !important;
        }

    /*Faq ( mobile)*/
    .fq-sec1 {
        display: none;
    }

    .fq-sec2 {
        padding: 30px 0px;
    }

    .fq-head1 {
        font-size: 12px;
    }

    .fq-head2 {
        font-size: 20px;
    }

    .accord-box .accordion-button:not(.collapsed) {
        font-size: 14px;
    }

    .accord-box .accordion-body {
        font-size: 12px;
    }

    .accord-box .accordion-button {
        font-size: 14px;
    }

    .accord-right-box .accordion-button {
        font-size: 14px;
    }

    .accord-right-box .accordion-body {
        font-size: 12px;
    }

    .accord-right-box .accordion-button:not(.collapsed) {
        font-size: 14px;
    }

    .faq-bt-head {
        font-size: 14px;
    }

    /*Term & Condition (mobile)*/
    .tnc-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px;
    }

    .tnc-box-main h1 {
        font-size: 26px;
    }

    .tnc-box-main p {
        font-size: 14px;
    }

    .tnc-sec1 h2 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .tnc-box {
        margin-bottom: 20px;
    }

    /*Privacy policy (mobile)*/
    .pp-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px;
    }

    .privacy-box-main h1 {
        font-size: 26px;
    }

    .privacy-box-main p {
        font-size: 14px;
    }

    .pp-sec1 h2 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .pp-box {
        margin-bottom: 20px;
    }


        
}

/* Medium Tab */
@media screen and (min-width:768px) and (max-width:991px) {
    /* Home Tab */
    .ban-content-box {margin: 50px 0px;}
    .hh-p1{text-align: center; font-size: 12px; margin-bottom: 25px;}
    .home-banhead1 { font-size: 35px; width:100%; text-align: center;}
    .h1-span1::after , .h1-span1::before{ display: none;}
    .h-para1{
        font-size: 14px;
        width: 83%;
        text-align: center;
        margin: auto;
    }
    .home1-btn-box::before {
        content: url(/img/template/icons/h1-downarrow.svg);
        position: absolute;
        top: -87px;
        right: -20px;
    }
    .home1-btn-box {
        width: 100%;
        text-align: center;
        margin-top: 20px;
    }
    .home-sec2 {
        margin: 83px 0px 50px;
    }
    .h-anchor2{font-size: 17px; text-decoration: underline !important; margin-left: 20px;}
    .home-ban-img-box{display: none;}
    .exp-text{display: none;}

    .home2-left-imgbox img{width: 85%;}
    .blur-box {
        background-color: #fffefe8a;
        bottom: 15%;
        left: 26%;
        padding: 15px;
    }
    .blur-box p, .blur-box a{font-size: 12px;}
    .home2-rightbox{padding: 0px;}
    .home2-right-head{font-size: 25px; width: 90%;}
    .home2-rightbox h4::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -4px;
        left: -8px;
    }
    .home2-para1{font-size: 13px;}
    .home2-createdoc-btn {
        color: #171717;
        background-color: #F4F438;
        padding: 13px 5px;
        display: inline-block;
        width: 200px;
        height: 45px;
        text-align: center;
        font-size: 12px;
    }
    .home2-createdoc-btn:hover::before {
        position: absolute;
        content: url(/img/template/icons/btn-yellow-top.svg);
        top: 5px;
        left: 5px;
    }
    .home-mar-text{font-size: 20px;}
    .homesec-4 {
        margin: 40px 0px;
    }
    .home-head-usecase{font-size: 25px;}
    .home-head-usecase::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -8px;
        left: -8px;
    }
    .hc-itemhead{font-size: 17px;}
    .hc-uc-para{font-size: 16px;}
    .hc-btn-read{font-size: 14px;}
    .home-crousal-box .owl-carousel .owl-prev {
        background: #1A62A9 !important;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        left: 48%;
        position: absolute;
        top: initial; 
    }
    .home-crousal-box .owl-carousel .owl-next {
        background: #1A62A9 !important;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        right: 40%;
        position: absolute;
        top: initial;
    }
    .h-qr-head::before {
        position: absolute;
        content: url(/img/web/icons/h-qr-line-1024.png);
        top: -35px;
        left: -40px;
    }
    .h-qrbox{width: 57%;}
    .h-qr-head{font-size: 27px;}
    .h-qrbox p{font-size: 13px;}
    .h-sec5 {
        background-image: url(/img/template/bg/qr-bg.png);
        padding: 65px 0px 30px;
        background-position: right;
    }

    /*Footer (Tab)*/
    .foot-icon-box {width:120px;}
    .foot-icon-youtube{margin-top:0.5rem;}
    .foot-secondbox h4 {
        font-size: 12px;
    }
    .foot-secondbox a {
        font-size: 12px;
    }
    .adress-para{width:100%;}
    .foot-fourthbox .foot-link {
        display: block;
        margin-bottom: 15px;
        font-size: 12px;
    }

    a .foot-link{font-size:12px;}

    .foot-thirdbox a {
        font-size: 12px;
    }
    /* Upload Documents (Tab) */
    .ud-steps-box {
        padding: 40px 0px 20px;
    }
    .ud-step1::after {
        content: "";
        position: absolute;
        width: 140px;
        height: 2px;
        background-color: #1A62A9;
        top: 35px;
        right: -90px;
    }
    .ud-step2::after {
        content: "";
        position: absolute;
        width: 135px;
        height: 2px;
        background-color: #C1D0E1;
        top: 35px;
        right: -109px;
    }

    .ud-step3::after {
        content: "";
        position: absolute;
        width: 143px;
        height: 2px;
        background-color: #C1D0E1;
        top: 35px;
        right: -82px;
    }
    
    .ud-step4::after {
        content: "";
        position: absolute;
        width: 130px;
        height: 2px;
        background-color: #C1D0E1;
        top: 35px;
        right: -103px;
    }
    .ud-step-para{font-size: 16px;}
    .ud-head{font-size: 23px; text-align: center; padding-bottom: 10px;}
    .dd-p1{font-size: 22px;}
    .dd-p2{font-size: 26px;}
    .dd-textbox{padding-top: 20px;}
    .ud-a1, .ud-a2{font-size:17px;}
    .ud-p3 { width: 90%; margin: auto; font-size: 16px; padding: 20px; }


    /* Add details & Edit (Tab) */
    .ud-head-step2{font-size: 22px;}
    .ad-p1{font-size:14px;}
    .ad-p2{font-size:9px;}
    .ad-doc-img{width:65%;}
    .ad-form-btn {
        background-color: #F4F438;
        border: 1px solid #BEBE31;
        padding: 8px 45px;
        display: inline-block;
        width: 100%;
        color: #000000;
        height: 35px;
        font-size: 9px;
    }
    .ad-form-box .form-control{height: 35px;}
    .ud-s2-choose{font-size: 9px;}
    .ad-custom-form .input-group-text{padding-top: 0px; padding-bottom: 0px;}
    .ad-vs-btn{font-size: 14px; width: 205px;}
    .ad-vs-btn:hover::before {
        content: url(/img/template/icons/btn-top.svg);
        position: absolute;
        top: 6px;
        left: 8px;
    }

    /* Qr genrate (tab) */
    .qr-gen-p1{font-size: 14px;}
    .qr-gen-p2{font-size: 10px;}
    .qr-detail-box p{font-size: 11px;}
    .qr-bik-btn, .qr-submit-btn{font-size: 13px;}
    .qr-or{font-size: 10px;}
    .qr-lk-para{font-size: 18px;}

    /* contact us (tab) */
    .cs-sec1{padding: 25px 0px;}
    .cs-ban-p1{font-size: 37px; line-height: 43px;}
    .con-bantxt {
        width: 300px;
        margin-left: 35px;
    }
    .con-ban-img-1366{display: block;}
    .con-ban-img{display: none;}
    .con-bantxt::after {
        position: absolute;
        content: url(/img/tab/icons/cemi-circle-tab.png);
        top: 7%;
        right: 50%;
    }
    .con-4icon-box {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .con-inner-4box img{width: 20%;}
    .con-inner-4box h2{font-size: 11px; margin-top: 10px;}
    .cs-left-box {
        padding: 0px 0px 40px;
    }
    .cs-left-box h3, .cs-right-box h4{font-size: 30px;}
    .cs-left-box h3 span, .cs-right-box h4 span{font-family: "Montserrat-ExtraBold";}
    .con-sec3 {
        padding: 25px 0px;
    }
    .cs-left-box{padding-right: 50px;}
    .cs-left-box p{font-size: 14px;}
    .cs-br{border-right: 0px;}
    .cs-right-box {
        padding: 40px 0px 30px;
        border-top: 1px solid #b9b9b9;
    }
    .cs-co-box {
        margin: 40px 0px 10px;
    }
    .cs-detail span{font-size: 10px;}
    .cs-mapbox .map {
        height: 200px;
        padding: 0px 0px 0px;
    }

    /* generate id (tab) */
    .gid-ban-lottie{width:130px; height: 130px;}
    .gid-p1, .gid-p2{font-size: 22px; line-height: 30px;}
    .gid-p1{width: 100%;}
    .gid-p3, .gid-p4{font-size: 14px;}
    .gid-p3::after {
        content: "";
        position: absolute;
        width: 50px;
        height: 2px;
        background-color: #818181;
        top: 8px;
        right: 40%;
    }
    .gid-bn-imgbox{margin-top: 30px;}
    .gid-bn-imgbox img{width: 100%;}
    .gid-box4{padding: 15px; min-height: 180px;}
    .gdi-c2-4img-1{width: 60% !important; margin-left: auto;}
    .gid-btn{font-size: 10px; margin-top: 25px;}
    .gid-btn-link {
        display: inline-block;
        margin-top: 35px;
        font-size: 11px;
    }
    .gid-title{width: 160px;}
    .gid-title, .gid-info{font-size: 12px;}
    .gid-blue-left p{font-size: 17px;}
    .gid-s2btn-1{margin-right: 0px; margin-bottom: 10px;}
    .gid-s2btn-1, .gid-s2btn-2{font-size: 12px; display: inline-block; width: 200px; text-align: center;}
    .gid-blue-right {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    /* use case (tab) */
    .us-ban-box1 {
        padding: 30px 0px 35px;
    }
    .us-p1{font-size: 14px;}
    .us-p2 {
        width: 85%;
        margin: 0px auto;
        line-height: 46px;
        font-size: 30px;
    }
    .us-p3{font-size: 14px; width: 95%;}
    .us-s2-p1::after {
        content: "";
        width: 240px;
        height: 1px;
        background-color: #000;
        position: absolute;
        left: 210px;
        bottom: 8px;
    }
    .uc-banimg-box img{width: 100%;}
    .uc-s2-box1 {
        margin-left: 10%;
    }
    .uc-s2-box1 h2 {
        width: 95%;
        font-size: 22px;
    }
    .uc-s2-box1 p{font-size: 14px;}

    .uc-s2-imgbox img{width: 100%; height: 430px; object-fit: cover;}
    .uc-s2-p4{font-size: 14px;}
    
    /* buy id key details (Tab) */
    .bik-d-sec1 {
        background-color: #EBF1F8;
        padding: 36px 0px;
    }
    .bik-d-banbax {
        width: 50%;
        z-index: 999;
        margin: 25px 0px 0px 16%;
    }
    .bikd-p1, .bikd-p2{font-size: 37px;}
    .bikd-p1, .bikd-p2 {
        line-height: 40px;
    }
    .bik-d-banbax::after {
        position: absolute;
        content: url(/img/tab/icons/cemi-circle-tab.png);
        top: -12px;
        right: 65px;
        z-index: -1;
    }
    .bikd-s2head1{font-size: 21px;}
    .bikd-keybox {
        height: 40px;
        background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);
        margin-top: 10px;
    }

    .bikd-imgkey img{width: 50%;}
    .bkid-s2-p1{font-size: 10px;}
    .bkid-s2-p2{font-size: 18px;}
    .bkid-s2-p1, .bkid-s2-p2{line-height: 13px; color:#6B6B6B;}
    .bikd-formbox .form-label {
        font-size: 11px;
        color: #0A0A0A;
        font-family: "Montserrat-Medium";
    }
    .bikd-formbox .form-control {
        height: 40px;
        border: 1px solid #CFE2F5;
        background-color: #EBF1F7;
        border-radius: 0px;
    }
    .bikd-pay-btn {
        background-color: #F4F438;
        width: 200px;
        height: 45px;
        display: inline-block;
        text-align: center;
        padding-top: 10px;
        position: relative;
        font-size: 16px;
    }
    .bikd-pay-btn:hover::before {
        position: absolute;
        content: url(/img/template/icons/btn-yellow-top.svg);
        top: 5px;
        left: 5px;
    }

    /* Buy Id Key (Tab) */
    .bic-sec1 {
        background-color: #EBF1F8;
        padding: 35px 0px;
    }
    .bik-ban-p1{font-size:37px;}
    .bik-ban-p2{font-size: 37px;}
    .bik-ban-box p {
        line-height: 35px;
    }
    .bik-ban-p2 {
        margin-left: 60px;
    }
    .bik-ban-box::after {
        position: absolute;
        content: url(/img/tab/icons/cemi-circle-tab.png);
        top: -25%;
        left: 60%;
        z-index: -1;
    }
    .bic-first-box {
        margin-left: 10%;
    }
    .bik-ban-box {
        z-index: 999;
        margin: 40px 0px;
    }

    .bik-sec2 {
        padding: 25px 0px;
    }
    .bik-head2{font-size:21px;}
    .bik-key-imgbox img{width:30%;}
    .bik2-p1{font-size: 20px;}
    .counter-box .number {
        margin: auto 25px;
    }
    .bik2-p3 {font-size: 10px;}
    .biksec-2-idbtn {
        border-radius: 5px;
        background-color: #F4F438;
        color: #000000;
        box-shadow: 0px 3px 6px #00000029;
        padding: 5px 14px;
        font-size: 9px;
    }

    .bik-s2-right-imgbox img{width:50%;}
    .bik2-r-p1{font-size: 9px;}
    .bik2-r-p2{font-size: 13px;}
    .bik2-r-p3{font-size: 10px;}
    .biks2-last-img {
        width: 145px;
    }
    .biks2-last-img img{width: 100%;}
    .bik3-p1{font-size: 15px;}
    .bik3-p2{font-size: 13px;}
    .bik-lidk-box .btn-submit {
        padding: 10px 20px;
        font-size: 11px;
    }
    .bik-lidk-box .col-xxl-6 .form-control {
        border: 1px solid #C0D7EE !important;
        background-color: #EBF1F7 !important;
        height: 40px !important;
        width: 230px !important;
        border-radius: 0px !important;
    }
    .bik-inputbox {
        margin-top: 30px;
    }
    .biksec2-pop .bik-s2-right-imgbox img{margin-left: 6px;}

    /*Faq (Tab)*/
    .fq-head1 {
        font-size: 15px
    }

    .fq-head2 {
        font-size: 26px;
    }

    .accord-box .accordion-button:not(.collapsed) {
        font-size: 14px;
    }

    .accord-box .accordion-body {
        font-size: 12px;
    }

    .accord-right-box .accordion-button {
        font-size: 14px;
    }

    .accord-right-box .accordion-body {
        font-size: 12px;
    }

    .accord-box .accordion-button {
        font-size: 14px;
    }

    .faq-bt-head {
        font-size: 14px;
    }

    /*Term & Condition (Tab)*/
    .tnc-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px;
    }

    .tnc-box-main h1 {
        font-size: 26px;
    }

    .tnc-box-main p {
        font-size: 14px;
    }

    .tnc-sec1 h2 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .tnc-box {
        margin-bottom: 20px;
    }

    /*Privacy Policy (Tab)*/
    .pp-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px;
    }

    .privacy-box-main h1 {
        font-size: 26px;
    }

    .privacy-box-main p {
        font-size: 14px;
    }

    .pp-sec1 h2 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .pp-box {
        margin-bottom: 20px;
    }

} 

/* Large */
@media screen and (min-width:992px) and (max-width:1199px) {

    .right-nav{display: none !important;}

    .navbar-nav .nav-item {
        margin-right: 15px;
    }
    /* Footer (1024) */
    .foot-secondbox h4, .foot-secondbox a {font-size: 12px;}
    .adress-para {
        width: 75%;
    }
    .foot-link{font-size: 12px;}
    /* Home (1024) */
    .home-ban-img-box video{width: 100%;}
    .homesec-1{
        padding: 35px 0px 0px;
    }
    .ban-content-box {
        margin-top: 0px;
    }
    
    .home-banhead1 {
        font-size: 30px;
        width: 80%;
    }
    .h1-span1::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -10px;
        left: -5px;
    }
    .h1-span1::after {
        content: url(/img/template/icons/home-linebottom.svg);
        position: absolute;
        bottom: -15px;
        right: -6px;
    }
    .h-para1 {font-size: 14px;}
    .home1-btn-box::before {
        display: none;
    }
    .h-anchr1 {
        color: #F4F438;
        background-color: #1A62A9;
        padding: 0px 0px;
        font-size: 22px;
        width: 200px;
        display: inline-block;
        height: 40px;
        text-align: center;
        padding: 8px 5px;
    }
    .h-anchr1:hover::after {
        content: url(/img/template/icons/btn-bottom.svg);
        position: relative;
        bottom: -10px;
        right: -10px;
    }
    .home1-btn-box a{display: inline-block; font-size: 17px;}
    .h-anchor2{
        text-decoration: underline !important;
        margin-top: 10px;
    }
    .home-sec2 {
        margin: 45px 0px;
    }
    .home2-left-imgbox img{width:65%}
    .blur-box {
        background-color: #fffefe8a;
        bottom: 10%;
        left: 25%;
        padding: 15px;
    }
    .blur-box p{font-size: 10px;}
    .blur-box a{font-size: 11px;}
    .home2-rightbox {
        padding: 0px 0px;
    }
    .home2-head {
        width: 84%;
        font-size: 30px;
    }
    .home2-rightbox h4::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -10px;
        left: -10px;
    }
    .home2-para1{font-size: 14px;}
    
    .home2-createdoc-btn {
        width: 190px;
        font-size: 18px;
        height: 40px;
        padding: 7px 5px;
    }

    .home2-createdoc-btn:hover::before {
        position: absolute;
        content: url(/img/template/icons/btn-yellow-top.svg);
        top: 5px;
        left: 8px;
    }
    .mar-box{padding: 10px 0px;}
    .home-mar-text{font-size: 30px;}
    .home-head-usecase {font-size: 35px;}
    .home-head-usecase::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -15px;
        left: -10px;
    }
    .homesec-4 {
        margin: 47px 0px;
    }
    .hc-itemhead{font-size: 18px;}
    .hc-uc-para{font-size: 17px;}
    .home-crousal-box .owl-carousel .owl-prev {
        background: #1A62A9 !important;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        left: 40%;
        position: absolute;
        top: initial; 
    }

    .home-crousal-box .owl-carousel .owl-next {
        background: #1A62A9 !important;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        right: 40%;
        position: absolute;
        top: initial;
        
    }
    .hc-btn-read{font-size: 14px;}
    
    .h-sec5{background-position: right;}
    .h-qrbox {
        width: 520px;
        margin: auto;
    }
    .h-qr-head{font-size: 35px;}
    .h-qrbox p{font-size: 14px;}

    .h-qr-head::before {
        position: absolute;
        content: url(/img/web/icons/h-qr-line-1024.png);
        top: -25px;
        left: -25px;
    }
    /* Buy id Key (1024) */

    .bic-sec1 {
        padding: 55px 0px;
    }
    .bik-ban-box {
        z-index: 999;
        margin: 40px 0px;
    }
        .bik-ban-box::after {
            position: absolute;
            content: url(/img/web/icons/cemi-circle.svg);
            top: -30%;
            left: 90px;
            z-index: -1;
        }
    .bik-ban-p1 , .bik-ban-p2{font-size: 50px;}
    .bik-sec2 {
        padding: 32px 0px;
    }
    .bik-head2{font-size: 21px;}
    .bik-key-imgbox img{width: 30%;}
    .biksec2-id-keybox {
        padding: 34px 20px 35px;
    }
    .bik2-p1{font-size:25px;}
    .bik2-p2{font-size:12px; margin: 50px;}
    .counter-box .number {
        margin: auto 65px;
    }
    .counter-box{
        margin-bottom: 30px;
    }
    .bik2-p3{font-size: 14px;}
    .biksec-2-idbtn {
        border-radius: 5px;
        background-color: #F4F438;
        color: #000000;
        box-shadow: 0px 3px 6px #00000029;
        padding: 5px 20px;
        font-size: 12px;
    }
    .bik-s2-right-imgbox img{width:65%}
    .bik2-r-p1{font-size: 10px;}
    .bik2-r-p2{font-size: 19px;}
    .bik2-r-p3{font-size: 14px;}
    .bik-lidk-box .btn-submit {
        background-color: #1A62A9;
        box-shadow: 0px 3px 6px #00000029;
        padding: 8px 50px;
        font-size: 14px;
    }
    .bik3-p1{font-size:18px;}
    .bik3-p2{font-size:13px;}
    .bik-lidk-box .col-xxl-6 .form-control {
        border: 1px solid #C0D7EE !important;
        background-color: #EBF1F7 !important;
        height: 35px !important;
        width: 290px !important;
        border-radius: 0px !important;
    }




    /* Upload Documents (1024) */
    .ud-steps-box {
        padding: 25px 0px 0px 0px;
    }
    
    .ud-step1::after {
        content: "";
        position: absolute;
        width: 185px;
        height: 2px;
        background-color: #1A62A9;
        top: 35px;
        right: -125px;
    }
    .ud-step2::after {
        content: "";
        position: absolute;
        width: 185px;
        height: 2px;
        background-color: #C1D0E1;
        top: 35px;
        right: -160px;
    }
    
    .ud-step3::after {
        content: "";
        position: absolute;
        width: 200px;
        height: 2px;
        background-color: #C1D0E1;
        top: 35px;
        right: -120px;
    }
    .ud-step4::after {
        content: "";
        position: absolute;
        width: 180px;
        height: 2px;
        background-color: #C1D0E1;
        top: 35px;
        right: -150px;
    }


    .ud-step-para{font-size: 20px;}
    .ud-head{text-align: center; font-size: 25px; padding: 20px 0px 15px 0px;}
    .dd-p1{font-size: 25px;}
    .dd-p2{font-size: 31px;}
    .dd-textbox {padding: 20px 0px 0px 0px;}
    .ud-a1 , .ud-a2{font-size:19px;}
    .ud-p3 { width: 78%; margin: auto; padding: 15px 0px;}
    
    /* Add details & edit(1024) */
    .ud-head-step2{font-size: 29px;}
    .ad-p1{font-size: 18px;}
    .ad-p2{font-size: 12px;}
    .ad-vs-btn{font-size: 18px;}
    .ad-vs-btn:hover::before {
        content: url(/img/template/icons/btn-top.svg);
        position: absolute;
        top: 6px;
        left: 8px;
    }

    /* qr genrate (1024)*/
    .qr-gen-p1{font-size: 14px;}
    .qr-gen-p2{font-size: 10px;}
    .qr-detail-box p{font-size: 11px;}
    .qr-bik-btn, .qr-submit-btn{font-size: 13px;}
    .qr-or{font-size: 10px;}
    .qr-lk-para{font-size: 18px;}

    /* contact us (1024) */
    .cs-sec1 {
        background-color: #EBF1F8;
        padding: 45px 0px;
    }
    .con-ban-img-1366{display: block;}
    .con-ban-img{display: none;}
    .con-bantxt {
        width: 300px;
        margin-left: 55px;
    }
    .con-bantxt::after {
        position: absolute;
        content: url(/img/web/icons/cemi-circle.svg);
        top: -5%;
        right: 30%;
    }
    .cs-ban-p1{font-size: 50px; line-height: 57px; padding-top: 30px;}
    .con-4icon-box {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .con-inner-4box img{width: 20%;}
    .con-inner-4box h2{font-size: 13px; margin-top: 20px;}
    .con-sec3 {
        padding: 20px 0px;
    }
    .cs-br{border-right: 0px;}
    .cs-bb{border-bottom: 1px solid #aeaeae;}
    .cs-left-box h3, .cs-right-box h4{font-size: 35px;}
    .cs-left-box h3 span, .cs-right-box h4 span{font-family: "Montserrat-ExtraBold";}
    .cs-left-box p{font-size: 16px}
    .cs-submit-btn {margin-bottom: 30px; display: inline-block;}
    .cs-detail {margin-bottom: 10px; display: inline-block;}
    .cs-detail span{font-size: 13px;}
    .cs-co-box{margin: 30px 0px;}
    .cs-mapbox .map {
        width: 100%;
        height: 300px;
        padding: 20px 70px 0px;
        border: 2px solid #000;
    }

    /* generate id (1024) */
    .gid-ban-lottie {
        width: 200px;
        height: 200px;
    }
    .gid-p1, .gid-p2{line-height: 33px; font-size: 27px;}
    .gid-p1 { width: 80%;}
    .gid-p3, .gid-p4{font-size: 14px;}
    .gid-p3::after {
        content: "";
        position: absolute;
        width: 50px;
        height: 2px;
        background-color: #818181;
        top: 8px;
        right: 62%;
    }
    .gid-bn-imgbox {
        margin-top: 35px;
    }
    .gid-bn-imgbox img{width: 100%;}
    .gid-4box{padding: 10px; min-height: 185px;}
    .gid-c2-p{font-size: 14px;}
    .gid-btn {
        margin-top: 5px;
        font-size: 12px;
    }
    .gid-btn-link {
        display: inline-block;
        margin-top: 10px;
        font-size: 12px;
    }
    .gid-c2-img-btm{margin-bottom: 40px;}

    .gid-title,  .gid-info{font-size: 12px;}
    .gid-blue-left p{font-size: 19px; width: 85%;}
    .gid-s2btn-1, .gid-s2btn-2{font-size:12px;}

    /* use case (1024) */
    .us-ban-box1 {
        padding: 50px 0px 35px;
    }
    .us-p1{font-size:16px; }
    .us-p2 {
        width: 73%;
        margin: 0px auto;
        line-height: 45px;
        font-size: 35px;
    }
    .us-p3{font-size: 14px; width: 80%;}
    .us-s2-p1::after {
        content: "";
        width: 260px;
        height: 1px;
        background-color: #000;
        position: absolute;
        left: 210px;
        bottom: 10px;
    }
    .uc-s2-box1 {
        margin-left: 15%;
    }
    .uc-s2-box1 h2 {
        width: 89%;
        font-size: 28px;
    }
    .uc-s2-box1 p{font-size: 14px;}
    .uc-banimg-box img{width: 100%;}

    .uc-s2-imgbox img{width: 100%; height: 340px; object-fit: cover;}
    .uc-s2-p4{font-size: 14px;}
    
    /* buy id key details (1024)*/
    .bik-d-sec1 {
        padding: 40px 0px;
    }
    .bik-d-banbax {
        width: 50%;
        z-index: 999;
        margin: 40px 0px 0px 12%;
    }
    .bik-d-banbax::after {
        position: absolute;
        content: url(/img/web/icons/cemi-circle.svg);
        top: -45px;
        right: 80px;
        z-index: -1;
    }
    .bikd-p1, .bikd-p2 {
        font-size: 50px;
        line-height: 50px;
    }
    .bikd-formbox .form-control {
        height: 45px;
    }
    .bikd-formbox .form-label {
        font-size: 11px;
    }
    .bikd-pay-btn {
        width: 200px;
        height: 45px;
        font-size: 16px;
    }
    .bikd-pay-btn:hover::before {
        position: absolute;
        content: url(/img/template/icons/btn-yellow-top.svg);
        top: 5px;
        left: 5px;
    }
    .bikd-keybox {
        height: 45px;
        background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);
        margin-top: 10px;
    }
    .bikd-imgkey img{width: 65%;}
    .bkid-s2-p1, .bkid-s2-p2{line-height: 14px;}
    .bkid-s2-p1{font-size: 10px;}
    .bkid-s2-p2{font-size: 18px;}
    .bikd-s2head1{font-size: 21px;}

/*Faq (1024)*/
    .fq-head1 {
        font-size: 15px
    }

    .fq-head2 {
        font-size: 26px;
    }

    .accord-box .accordion-button:not(.collapsed) {
        font-size: 14px;
    }

    .accord-box .accordion-body {
        font-size: 12px;
    }

    .accord-right-box .accordion-button {
        font-size: 14px;
    }

    .accord-right-box .accordion-body {
        font-size: 12px;
    }

    .accord-box .accordion-button {
        font-size: 14px;
    }
    .faq-bt-head {
        font-size: 14px;
    }

    /*Term & Condition (1024)*/
    .tnc-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px;
    }

    .tnc-box-main h1 {
        font-size: 26px;
    }

    .tnc-box-main p {
        font-size: 14px;
    }

    .tnc-sec1 h2 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .tnc-box {
        margin-bottom: 20px;
    }

    /*Privacy Policy (1024)*/
    .pp-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px;
    }

    .privacy-box-main h1 {
        font-size: 26px;
    }

    .privacy-box-main p {
        font-size: 14px;
    }

    .pp-sec1 h2 {
        margin-bottom: 20px;
        font-size: 16px;
    }

    .pp-box {
        margin-bottom: 20px;
    }
}




/* xtra Large */
@media screen and (min-width:1200px) and (max-width:1399px) {

    /* Home (1366) */
    .homesec-1 {
        padding: 65px 0px 0px;
    }
    .ban-content-box {
        margin-top: 0px;
    }
    .hh-p1{font-size: 14px;}
    .home-banhead1{font-size: 45px; width:97%;}
    .h1-span1::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -30px;
        left: -5px;
    }
    .h1-span1::after {
        content: url(/img/template/icons/home-linebottom.svg);
        position: absolute;
        bottom: -20px;
        right: -6px;
    }
    .home1-btn-box::before {
        content: url(/img/template/icons/h1-downarrow.svg);
        position: absolute;
        top: -87px;
        right: -20px;
    }
    .h-para1 {
        width: 93%;
    }
    .h-anchor2{margin-left:15px;}
    .home1-btn-box {
        width: 100%;
    }
    .home-ban-img-box video{width: 100%; margin-right: auto;}

    .home-sec2 {
        margin: 68px 0px;
    }
    .home2-left-imgbox img{width: 75%;}
    .home2-right-head::before{position: absolute; content: url(/img/template/icons/home-linetop.svg); top:-15px !important; left:-15px !important;}

    .blur-box p{font-size: 13px;}
    .blur-box a{font-size: 15px;}

    .home2-right-head{font-size: 40px;}
    .home2-head {width: 100%;}
    .home2-rightbox {
        padding: 30px 0px;
    }
    .home2-para1{font-size: 17px;}
    .home-mar-text{font-size: 25px;}
    .homesec-4 {
        margin: 65px 0px;
    }

    .home-crousal-box .owl-carousel .owl-prev {
        background: #1A62A9 !important;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        left: 45%;
        position: absolute;
        top:auto;
        
    }

    .home-crousal-box .owl-carousel .owl-next {
        background: #1A62A9 !important;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        right: 45%;
        position: absolute;
        top: auto; 
    }
    .h-sec5 {
        background-image: url(/img/template/bg/qr-bg.png);
        padding: 75px 0px;
        background-position: right;
    }
    
    /*Footer (1366)*/
    .adress-para {
        width: 80%;
    }
    /* Buy ID Key (1366) */
    .bic-sec1 {
        background-color: #EBF1F8;
        padding: 55px 0px;
    }
    .bic-first-box {
        margin-left: 20%;
    }
    .bik-ban-box::after {
        position: absolute;
        content: url(/img/web/icons/cemi-circle.svg);
        top: -35%;
        left: 45%;
        z-index: -1;
    }
    .bik-ban-box {
        z-index: 999;
        margin: 65px 0px;
    }
    .bik-sec2 {
        padding: 37px 0px;
    }
    .bik-head2{font-size: 21px;}

    .biksec2-id-keybox {
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(220,231,243,1) 100%);
        padding: 34px 20px 35px;
    }
    .bik-key-imgbox img{width: 25%;}
    .bik2-p1{font-size: 18px;}
    .counter-box .number {
        margin: auto 100px;
    }
    .bik2-p2{font-size: 7px;}
    .bik2-p3{font-size: 14px;}
    .biksec-2-idbtn{font-size:12px; padding: 7px 30px;}
    .bik-s2-right-imgbox img{width: 70%;}
    .bik2-r-p1{font-size: 10px;}
    .bik2-r-p2{font-size: 19px;}
    .bik2-r-p3{font-size: 14px;}
    .bik3-p1{font-size: 18px;}
    .bik3-p2{font-size: 19px;}

    .bik-lidk-box .col-xxl-6 .form-control {
        border: 1px solid #C0D7EE !important;
        background-color: #EBF1F7 !important;
        height: 45px !important;
        width: 375px !important;
        border-radius: 0px !important;
    }
    .bik-lidk-box .btn-submit {
        background-color: #1A62A9;
        box-shadow: 0px 3px 6px #00000029;
        padding: 10px 50px;
        font-size: 14px;
    }
    .bik-lidk-box {
        background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);
        margin-top: 5px !important;
    }

    /* Upload Documents (1366) */
    .ud-steps-box{padding: 20px;}
    .ud-p3 {
        width: 65%;
        margin: 0px auto;
        padding: 20px;
    }

    .ud-step1::after {
        content: "";
        position: absolute;
        width: 210px;
        height: 2px;
        background-color: #1A62A9;
        top: 35px;
        right: -130px;
    }

    .ud-step2::after {
        content: "";
        position: absolute;
        width: 230px;
        height: 2px;
        background-color: #C1D0E1;
        top: 35px;
        right: -204px;
    }

    .ud-step3::after {
        content: "";
        position: absolute;
        width: 220px;
        height: 2px;
        background-color: #C1D0E1;
        top: 35px;
        right: -132px;
    }
    .ud-step4::after {
        content: "";
        position: absolute;
        width: 200px;
        height: 2px;
        background-color: #C1D0E1;
        top: 35px;
        right: -173px;
    }


    /* Add details & edit (1366) */
    .ad-p1{font-size: 20px;}
    .ad-p2{font-size: 14px;}
    
    /* Qr Genrate (1366) */
    .qr-gen-p1 {
        font-size: 18px;
    }
    .qr-gen-p2{font-size: 13px;}
    .qr-detail-box p{font-size: 12px;}
    .qr-bik-btn{font-size: 17px;}
    .qr-submit-btn{font-size: 17px;}
    .qr-lk-para{font-size: 23px;}
    .qr-or{font-size: 13px;}

    /* contact us(1366) */
    .cs-sec1 {
        padding: 65px 0px;
    }
    .con-ban-img-1366{display: block;}
    .con-ban-img{display: none;}
    .con-bantxt {
        padding-top: 30px;
    }
    .con-bantxt::after {
        position: absolute;
        content: url(/img/web/icons/cemi-circle.svg);
        top: 12%;
        right: 25%;
    }
    .con-4icon-box {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .con-inner-4box img{width: 20%;}
    .con-inner-4box h2{font-size:16px; margin-top: 20px;}
    .cs-left-box h3 {font-size: 45px;}
    .cs-left-box h3 span{font-family: "Montserrat-ExtraBold";}
    .cs-left-box {
        padding: 0px 20px;
    }
    .cs-submit-btn {
        background-color: #1A62A9;
        color: #F4F438;
        padding: 15px 70px;
    }
    .cs-right-box {
        padding: 0px 20px;
    }
    .cs-right-box h4 {font-size: 45px;}
    .cs-right-box h4 span{font-family: "Montserrat-ExtraBold";}
    .cs-detail span{font-size: 18px;}
    .cs-mapbox .map {
        width: 100%;
        height: 300px;
        padding: 70px 20px 0px;
        border: 2px solid #000;
    }

    /* generate id (1366) */
    .gid-ban-lottie {
        width: 200px;
        height: 200px;
    }
    .gid-ban-left {
        padding: 65px 0px;
    }
    .gid-p1, .gid-p2 {
        font-size: 34px;
        line-height: 40px;
    }
    .gid-p1{width:100%;}
    .gid-p3, .gid-p4{font-size: 14px;}
    .gid-p3::after {
        content: "";
        position: absolute;
        width: 45px;
        height: 1px;
        background-color: #818181;
        top: 8px;
        right: 65%;
    }

    .gid-bn-imgbox img{width: 100%;}
    .gid-4box{padding: 20px;}
    .gid-c2-p{font-size: 19px;}
    .gid-btn {
        margin-top: 30px;
    }
    .gid-title {
        width: 90px;
        display: inline-block;
        font-size: 12px;
    }
    .gid-info{font-size: 12px;}
    .gid-blue-left p{font-size: 24px;}
    .gid-blue-right a{padding: 10px 18px; font-size:17px;}

    /* Case Study (1366) */
    .us-ban-box1 {
        padding: 40px 0px 35px;
    }
    .us-p1{font-size: 20px;}
    .us-p2 {
        font-size: 40px;
        width: 70%;
        line-height: 55px;
    }
    .us-btn1 {
        background-color: #F4F438;
        border-radius: 50px;
        padding: 5px 60px;
        display: inline-block;
        color: #171717;
    }
    .us-p3{width: 80%;}
    .uc-banimg-box img{width: 100%;}

    .uc-s2-box1 h2{font-size:33px; width:87%;}
    .uc-s2-imgbox img {
        width: 95%;
        object-fit: cover;
        height: 495px;
    }
    
    /* Buy Id key details (1366) */
    .bik-d-sec1{background-color:#EBF1F8; padding: 60px 0px;}
    .bik-d-banbax {
        width: 38%;
        z-index: 999;
        margin: 50px 0px 0px 20%;
    }
    .bikd-s2head1{font-size: 21px;}
    .bikd-formbox .form-label {
        font-size: 11px;
    }
    .bikd-formbox .form-control {
        height: 45px;
    }
    .bikd-keybox {
        height: 45px;
        background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);
        margin-top: 31px;
    }
    .bikd-imgkey img{width: 60%;}
    .bkid-s2-p1{font-size: 10px;}
    .bkid-s2-p2{font-size: 18px;}
    .bkid-s2-p1, .bkid-s2-p2 {
        line-height: 14px;
    }
    .bikd-pay-btn {
        background-color: #F4F438;
        width: 200px;
        height: 45px;
        display: inline-block;
        text-align: center;
        padding-top: 10px;
        position: relative;
        font-size: 16px;
    }
    .bikd-pay-btn:hover::before {
        position: absolute;
        content: url(/img/template/icons/btn-yellow-top.svg);
        top: 5px;
        left: 5px;
    }

    /*faq (1366)*/
    .fq-head1 {
        font-size: 20px
    }
    .fq-head2 {font-size:36px;}

    .accord-box .accordion-button:not(.collapsed) {
        font-size: 16px;
    }
    .accord-box .accordion-body {
        font-size: 13px;
    }
    .accord-right-box .accordion-button {
        font-size: 16px;
    }
    .accord-right-box .accordion-body {
        font-size: 13px;
    }
    .accord-box .accordion-button {
        font-size: 16px;
    }
    .faq-bt-head {
        font-size: 16px;
    }
    /*Term & Condition (1366)*/
    .tnc-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px;
    }

    .tnc-box-main h1 {
        font-size: 26px;
    }

    .tnc-box-main p {
        font-size: 16px;
    }

    .tnc-sec1 h2 {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .tnc-box {
        margin-bottom: 20px;
    }

    /*Privacy Policy (1366)*/
    .pp-sec1 {
        background-color: #EBF1F8;
        padding: 20px 0px;
    }

    .privacy-box-main h1 {
        font-size: 26px;
    }

    .privacy-box-main p {
        font-size: 16px;
    }

    .pp-sec1 h2 {
        margin-bottom: 20px;
        font-size: 18px;
    }

    .pp-box {
        margin-bottom: 20px;
    }

}

/* xtra xtra large */
@media screen and (min-width:1400px) and (max-width:1800px) {
    .home-ban-img-box video{width: 100%;}
    .home-crousal-box .owl-carousel .owl-next {
        background: #1A62A9 !important;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        right: -5%;
        position: absolute;
        top: 30%;
        /* color: #fff; */
    }
    .home-crousal-box .owl-carousel .owl-prev {
        background: #1A62A9 !important;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        left: -5%;
        position: absolute;
        top: 30%;
        /* color: #fff; */
    }
    .home-banhead1 {
        font-size: 51px;
        width: 90%;
    }
    .h-para1 {
        width: 83%;
    }
    .home2-head {
        width: 94%;
    }
    .h-anchor2{font-size:18px;}
    .home1-btn-box::before {
        content: url(/img/template/icons/h1-downarrow.svg);
        position: absolute;
        top: -87px;
        right: -115px;
    }


    /* contact us () */
    .cs-detail span {
        font-size: 14px;
    }
    .cs-mail{font-size: 13px !important;}
    .con-bantxt {
        width: 300px;
        margin-left: 85px;
    }

    /* use case */
    /*.uc-banimg-box img{width: 100%;}
    .uc-s2-right{padding: 0px !important;}
    .uc-s2-imgbox img{width: 100%;}*/

    .us-ban-box1 {
        padding: 40px 0px 35px;
    }

    .us-p1 {
        font-size: 20px;
    }

    .us-p2 {
        font-size: 40px;
        width: 70%;
        line-height: 55px;
    }

    .us-p3 {
        width: 80%;
    }

    .uc-banimg-box img {
        width: 100%;
    }

    .uc-s2-box1 h2 {
        font-size: 33px;
        width: 87%;
    }

    .uc-s2-imgbox img {
        width: 95%;
        object-fit: cover;
        height: 495px;
    }


    /* Buy Id key details (xtra xtra large) */
    .bik-d-sec1 {
        background-color: #EBF1F8;
        padding: 60px 0px;
    }

    .bik-d-banbax {
        width: 38%;
        z-index: 999;
        margin: 50px 0px 0px 20%;
    }

    .bikd-s2head1 {
        font-size: 21px;
    }
    .gid-bn-imgbox{margin:40px 0px;}
    .gid-bn-imgbox img {
        width: 100%;
    }
    .bikd-formbox .form-label {
        font-size: 11px;
    }

    .bikd-formbox .form-control {
        height: 45px;
    }

    .bikd-keybox {
        height: 45px;
        background: linear-gradient(90deg, rgba(221,232,243,1) 0%, rgba(255,255,255,1) 100%);
        margin-top: 31px;
    }

    .bikd-imgkey img {
        width: 60%;
    }

    .bkid-s2-p1 {
        font-size: 10px;
    }

    .bkid-s2-p2 {
        font-size: 18px;
    }

    .bkid-s2-p1, .bkid-s2-p2 {
        line-height: 14px;
    }

    .bikd-pay-btn {
        background-color: #F4F438;
        width: 200px;
        height: 45px;
        display: inline-block;
        text-align: center;
        padding-top: 10px;
        position: relative;
        font-size: 16px;
    }

        .bikd-pay-btn:hover::before {
            position: absolute;
            content: url(/img/template/icons/btn-yellow-top.svg);
            top: 5px;
            left: 5px;
        }
    .gid-title {
        width: 145px;
        display: inline-block;
    }

    .gid-p3::after {
        content: "";
        position: absolute;
        width: 70px;
        height: 2px;
        background-color: #818181;
        top: 13px;
        right: 60%;
    }
    /*faq (xtra xtra large)*/
    .fq-head1 {
        font-size: 20px
    }

    .fq-head2 {
        font-size: 36px;
    }

    .accord-box .accordion-button:not(.collapsed) {
        font-size: 16px;
    }

    .accord-box .accordion-body {
        font-size: 13px;
    }

    .accord-right-box .accordion-button {
        font-size: 16px;
    }

    .accord-right-box .accordion-body {
        font-size: 13px;
    }

    .accord-box .accordion-button {
        font-size: 16px;
    }

    .faq-bt-head {
        font-size: 16px;
    }
    /*Term & Condition (xtra xtra large)*/
    .tnc-sec1 {
        background-color: #EBF1F8;
        padding: 40px 0px;
    }

    .tnc-box-main h1 {
        font-size: 30px;
    }

    .tnc-box-main p {
        font-size: 18px;
    }

    .tnc-sec1 h2 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .tnc-box {
        margin-bottom: 20px;
    }

    /*Privacy Policy (xtra xtra large)*/
    .pp-sec1 {
        background-color: #EBF1F8;
        padding: 40px 0px;
    }

    .privacy-box-main h1 {
        font-size: 30px;
    }

    .privacy-box-main p {
        font-size: 18px;
    }

    .pp-sec1 h2 {
        margin-bottom: 20px;
        font-size: 22px;
    }

    .pp-box {
        margin-bottom: 20px;
    }

    .biksec2-id-keybox {
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(220,231,243,1) 100%);
        padding: 65px 20px 0px;
    }
    .bik-ban-box {
        z-index: 999;
        margin: 25px 0px;
    }
    .bik-lidk-box .col-xxl-6 .form-control {
        border: 1px solid #C0D7EE !important;
        background-color: #EBF1F7 !important;
        height: 45px !important;
        width: 435px !important;
        border-radius: 0px !important;
    }
    .counter-box .number {
        margin: auto 75px;
    }
}



/* 2xtra large */
@media screen and (min-width:1801px) and  (max-width:1919px) {

    /*Home (2xtra)*/
    .home-banhead1 {
        font-size: 51px;
        width: 90%;
    }
    .h-anchor2{font-size:18px;}
    .h-para1 {
        width: 85%;
    }
    .home1-btn-box::before {
        content: url(/img/template/icons/h1-downarrow.svg);
        position: absolute;
        top: -87px;
        right: -96px;
    }
    .home2-head {
        width: 100%;
    }
    .home2-left-imgbox{padding-left:0px !important;}


    /*Contact us (2xtra )*/
    .cs-right-box {
        padding: 0px 55px;
    }
    .cs-detail span {
        font-size: 14px;
    }
    .con-bantxt {
        width: 300px;
        margin-left: 290px;
    }
    

    /*.uc-banimg-box img {
        width: 100%;
    }
    .uc-s2-right{padding: 0px !important;}
    .uc-s2-imgbox img{width: 100%;}*/

    .us-ban-box1 {
        padding: 40px 0px 35px;
    }

    .us-p1 {
        font-size: 20px;
    }

    .us-p2 {
        font-size: 40px;
        width: 70%;
        line-height: 55px;
    }

    .us-p3 {
        width: 80%;
    }

    .uc-banimg-box img {
        width: 100%;
    }

    .uc-s2-box1 h2 {
        font-size: 33px;
        width: 87%;
    }

    .uc-s2-imgbox img {
        width: 95%;
        object-fit: cover;
        height: 495px;
    }

/*Genrate id (2xtra)*/
    .gid-bn-imgbox{margin:40px 0px}
    .gid-bn-imgbox img {
        width: 100%;
    }
    .gid-title {
        width: 155px;
        display: inline-block;
    }
    .gid-p3::after {
        content: "";
        position: absolute;
        width: 50px;
        height: 1px;
        background-color: #818181;
        top: 13px;
        right: 65%;
    }

    .bic-first-box {
        margin-left: 33%;
    }

    .biksec2-id-keybox {
        background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(220,231,243,1) 100%);
        padding: 50px 20px 0px;
    }
    .counter-box .number {
        margin: auto 73px;
    }
    .bik-lidk-box .col-xxl-6 .form-control {
        border: 1px solid #C0D7EE !important;
        background-color: #EBF1F7 !important;
        height: 45px !important;
        width: 440px !important;
        border-radius: 0px !important;
    }

    .bik-d-banbax {
        width: 30%;
        z-index: 999;
        margin: 50px 0px 0px 33%;
    }
}


@media (min-width:1920px) {

    .box-1670{max-width:1670px !important; margin: auto;}

    /* Header */
    .header-mainbox{max-width:1670px; margin: auto;} 

    /* Home */
    .homesec-1{background-color:#EBF1F8;}
    .home-banhead1{font-size: 51px; width: 75%;}
    .home-banhead1 span{background-color:#F4F438;}
    .h1-span1::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -30px;
        left: -5px;
    }
    .h1-span1::after {
        content: url(/img/template/icons/home-linebottom.svg);
        position: absolute;
        bottom: -20px;
        right: -6px;
    }

    .home-ban-img-box img{width: 100%;}
    .h-para1{width: 70%;}
    .home1-btn-box{width: 75%;}
    .ban-content-box{margin-top: 130px;}
    .home1-btn-box::before {
        content: url(/img/template/icons/h1-downarrow.svg);
        position: absolute;
        top: -87px;
        right: -30px;
    }

    .h-anchr1 {
        color: #F4F438;
        background-color: #1A62A9;
        padding: 0px 0px; 
        font-size: 22px;
        width: 235px;
        display: inline-block;
        height: 45px;
        text-align: center;
        padding: 6px;
    }
    .h-anchr1:hover::before {
        content: url(/img/template/icons/btn-top.svg);
        position: relative;
        top: -5px;
        left: -10px;
    }
    
    .h-anchr1:hover::after {
        content: url(/img/template/icons/btn-bottom.svg);
        position: relative;
        bottom: -5px;
        right: -10px;
    }

    .exp-text span{
        transform: rotate(180deg);
        writing-mode: vertical-lr;
        text-transform: uppercase;
    }
    .exp-text span::after {
        content: "";
        height: 15px;
        width: 1px;
        background-color: #171717;
        color: #171717;
        display: inline-block;
        bottom: 56px;
        position: absolute;
        right: 8px;
    }
    .home-sec2{margin: 83px 0px;}
    .home2-createdoc-btn{color:#171717; background-color:#F4F438; padding: 8px 25px;}
    .home2-createdoc-btn:hover{background-color:#1A62A9; color: #F4F438;}
    .blur-box{background-color: #fffefe8a; bottom:15%; left: 29%; padding: 15px;}
    .home2-rightbox{padding: 85px 0px;}
    .home2-head{width: 80%;}

    .mar-box{background-color:#1A62A9; transform: skew(5deg, 358deg); padding: 25px 0px; width: 99%;
        margin: auto;}

    .homesec-4{margin: 80px 0px;}
    .home-head-usecase::before {
        content: url(/img/template/icons/home-linetop.svg);
        position: absolute;
        top: -30px;
        left: -10px;
    }

    .hc-heading-box {
        background-color: #b1b1b170;
        padding: 15px 26px;
        position: absolute;
        bottom: -15px;
        backdrop-filter: blur(34px);
        -webkit-backdrop-filter: blur(34px);
        width: 95%;
    }

    .hc-btn-read{text-decoration: none; color:#3E3E3E; }
    .hc-btn-read:hover{color:#3E3E3E;}
    .hc-btn-read:hover .hc-icon{background-color:#F4F438; border-radius:50%;}
    .home-crousal-box .owl-carousel .hc-icon img {
        display: initial !important;
        width: auto !important;
    }

    .home-crousal-box .owl-carousel .owl-prev{
        background: #1A62A9 !important;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        left: -10%;
        position: absolute;
        top: 30%;

    }
    .home-crousal-box .owl-carousel .owl-prev span{color: #F4F438;}

    .home-crousal-box .owl-carousel .owl-next{
        background: #1A62A9 !important; 
        width: 60px;
        height: 60px;
        border-radius: 50%;
        right: -10%;
        position: absolute;
        top: 30%;
    }
    .home-crousal-box .owl-carousel .owl-next span{color: #F4F438;}

    .h-sec5{background-image: url(/img/template/bg/qr-bg.png); padding: 100px 0px 75px;}
    .h-qrbox{
        width: 716px;
        margin: auto;
    }
    .h-qr-head::before {
        position: absolute;
        content: url(/img/template/icons/h-qr-line.png);
        top: -35px;
        left: -40px;
    }

}