@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');



body{
    font-size: 18px;
    font-family: "Nunito Sans", sans-serif;
    color: #222222;
}
img{
    width: 100%;
    height: auto;
}
h1,h2,h3,h4,h5,h6{
    font-family: "Nunito Sans", sans-serif;
    color: #222222;
}
a{
    text-decoration: none;
    color: #222222;
}
p{
    font-size: 15px;
    font-weight: 600;
    font-family: "Nunito Sans", sans-serif;
}
li{
    list-style: none;
}
ul{
    padding-left: 0px;
}
.section{
    padding: 80px 0px;
}
/* Header */

nav{
    background: #fff;
    box-shadow: 0px 4px 12px 0px #00000014;

}
.container{
    max-width: 1480px;
}
.navbar-expand-lg .navbar-collapse{
    justify-content: end;
}
.navbar-brand{
    padding: 0px;
}
.navbar-brand img{
    width: 217px;
}
.nav-link{
    font-size: 16px;
    font-weight: 400;
    color: #1e1e1e !important;
}
.nav-item{
    padding: 10px;
}
.nav-link:hover {
    color: #2A045F !important;
    font-weight: 900;
}
#product_navbar .nav-link.active {
    color: #2A045F !important;
    font-weight: 900;
    text-decoration: underline;
    text-underline-offset: 5px;
}
#menu-button .login a, #menu-button .trail a{
    border: 1px solid #2A045F;
    padding: 10px 40px;
}
#menu-button .trail a{
    background-color: #2A045F;
    color: #fff;
    font-weight: 400;
}
#menu-button li{
    padding: 0px 10px;
}
#menu .nav-item{
    padding: 0px 30px;
}
.right-button{
    font-size: 15px;
    color:#2A045F;
    border-radius: 8px;
}
.right-button img{
    width: 22px;
    padding-right: 5px;
}
.number .right-button{
    background-color: #000000;
    padding: 10px;
    color: #fff;
}
/* Mobile */
.navbar-toggler{
    border: 1px solid #2a045f;
   padding: 0px;
}

.navbar-toggler-icon{
    padding: 0px;
    display: contents;
}
.navbar-toggler-icon svg{
    height: 40px;
    width: 50px;
}
.navbar-toggler:focus{
    box-shadow: none;
}

/* Banner */
.banner{
    background-color: #2A045F;
    padding: 95px 0px;
}
.banner .banner-text h1, .pricing-head h1{
    font-size: 60px;
    font-weight: 600;
    color: #fff;
    line-height: 72px;
}
.banner .banner-text h1 span, .pricing-head h1 span{
    background-color: #fff;
    color: #2A045F;
    padding: 0px 5px;
}
.banner .banner-text p{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
    padding-right: 95px;
}
.banner .banner-text .features li img{
    width: 24px;
}
.banner .banner-text .features li{
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 19.07px;
    color: #fff;
    padding: 10px 0px;
}
.banner .banner-text .buttons .start{
    background-color: #fff;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
}
.banner .banner-text .buttons .start a{
    font-family: "Nunito Sans", sans-serif;
    color: #2A045F;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px;
    padding: 10px 15px;
}
.banner .banner-text .buttons .sales{
    background-color: #2A045F;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 10px 20px;
}
.banner .banner-text .buttons .sales a{
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px;
    color: #fff;
    padding: 10px 15px;
}
.banner-image img:nth-child(1){
    position: absolute;
    width: 157px;
    left: -35px;
    top: 20px;
}
.banner-image img:nth-child(2){
    position: absolute;
    width: 215px;
    left: 0px;
    right: 0px;
    top: -20px;
    margin: auto;
}
.banner-image img:nth-child(3){
    position: absolute;
    width: 215px;
    right: -55px;
    top: 5px;
    z-index: 1;
}
.banner-image img:nth-child(4){
    position: absolute;
    width: 215px;
    bottom: 11px;
    right: -52px;
    z-index: 1;
}
.banner-image img:nth-child(5){
    position: absolute;
    width: 615px;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
    right: 0px;
}
.banner-image img:nth-child(6){
    position: absolute;
    width: 106px;
    bottom: 3px;
    left: 0px;
    right: 95px;
    margin: auto;
}
.banner-image img:nth-child(7){
    position: absolute;
    width: 132px;
    bottom: -25px;
    left: 0px;
    right: 105px;
    margin: auto;
}
.banner-image img:nth-child(8){
    position: absolute;
    width: 215px;
    bottom: -10px;
    left: -35px;
}
.banner-image img:nth-child(9){
    position: absolute;
    width: 215px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    left: -65px;
}

/* Secured Dashboard */
.secured h2, .data-section h2, .locked h2{
    font-size: 48px;
    font-weight: 700;
    line-height: 65.47px;
}
.secured span, .locked span{
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color:#2A045F;
}
.secured p, .locked p{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding: 20px 210px 0px;
}
.secured-image{
    position: relative;
}
.secured-image .data img{
    width: 36px;
    height: 36px;
}
.secured-image .data .category{
    position: absolute;
    z-index: 1;
    right: 206px;
    top: 7px;
    box-shadow: 0px 4px 12px 0px #0000001F;
    border: 1px solid #08A182;
    width: 240px;
    border-radius: 4px;
    padding: 18px 12px;
}
.secured-image .category span{
    font-size: 32px;
    font-weight: 600;
    line-height: 43.65px;
    color: #08A182;
}
.secured-image .data .location{
    position: absolute;
    z-index: 1;
    right: -170px;
    top: 185px;
    margin: auto;
    box-shadow: 0px 4px 12px 0px #0000001F;
    border: 1px solid #5159EC;
    width: 240px;
    border-radius: 4px;
    padding: 18px 12px;
}
.secured-image .location span{
    font-size: 32px;
    font-weight: 600;
    line-height: 43.65px;
    color: #5159EC;
}
.secured-image .data .documents{
    position: absolute;
    z-index: 1;
    right: -160px;
    bottom: 127px;
    margin: auto;
    box-shadow: 0px 4px 12px 0px #0000001F;
    border: 1px solid #0090FF;
    width: 240px;
    border-radius: 4px;
    padding: 18px 12px;
}
.secured-image .documents span{
    font-size: 32px;
    font-weight: 600;
    line-height: 43.65px;
    color: #0090FF;
}
.secured-image .data .trash{
    position: absolute;
    z-index: 1;
    right: 64px;
    bottom: -24px;
    margin: auto;
    box-shadow: 0px 4px 12px 0px #0000001F;
    border: 1px solid #DE0055;
    width: 180px;
    border-radius: 4px;
    padding: 18px 12px;
}
.secured-image .trash span{
    font-size: 32px;
    font-weight: 600;
    line-height: 43.65px;
    color: #DE0055;
}
.secured-image .data .upgrade{
    background: linear-gradient(85.54deg, #26143E -16.82%, #8842EA 96.38%);
    position: absolute;
    z-index: 1;
    left: -153px;
    bottom: 35px;
    margin: auto;
    box-shadow: 0px 4px 12px 0px #0000001F;
    width: 218px;
    border-radius: 8px;
    padding: 18px 12px;
}
.secured-image .upgrade span{
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    color: #fff;
}
.secured-image .data .docs{
    position: absolute;
    z-index: 1;
    left: -170px;
    bottom: 277px;
    margin: auto;
    box-shadow: 0px 4px 12px 0px #0000001F;
    border: 1px solid #002EA1;
    width: 285px;
    border-radius: 4px;
    padding: 18px 12px;
}
.secured-image .docs span{
    font-size: 32px;
    font-weight: 600;
    line-height: 43.65px;
    color: #002EA1;
}
.secured-image .data .logo{
    position: absolute;
    z-index: 1;
    left: -170px;
    top: 65px;
    margin: auto;
    box-shadow: 0px 4px 12px 0px #0000001F;
    width: 240px;
    padding: 10px;
    border-radius: 4px;
}
.secured-image .data .logo .logo-data span:nth-child(1){
    font-family: "Manrope", sans-serif;
    color: #222222;
    font-weight: 500;
    font-size: 15px;
}
.secured-image .data .logo .logo-data span:nth-child(2){
    font-family: "Manrope", sans-serif;
    color: #333333;
    font-weight: 400;
    font-size: 13px;
    display: block;
}
.secured-image .data .logo img{
    width: 64px;
    height: auto;
}
.data-banner{
    position: relative;
    top: 0px;
    bottom: 0px;
}
.secured-image img:nth-child(3){
    position: absolute;
    width: 260px;
    right: -179px;
    top: 172px;
    z-index: 1;
}
.secured-image img:nth-child(4){
    position: absolute;
    width: 260px;
    right: -170px;
    bottom: 100px;
    z-index: 1;
}
.secured-image img:nth-child(5){
    position: relative;
    top: 0px;
    bottom: 0px;
}
.secured-image img:nth-child(6){
    position: absolute;
    width: 240px;
}
.secured-image img:nth-child(7){
    position: absolute;
    width: 240px;
}
.secured-image img:nth-child(8){
    position: absolute;
    width: 240px;
}

/* Customer */
.customer{
    background-color: #2A045F;
}
.customer h3{
    color: #fff;
    font-size: 32px;
    font-weight: 500;
}
.customer .nav-item {
    padding: 12px;
}
.customer .nav-item button{
    width: 267px;
    padding: 20px 15px;
}
.customer .nav-item button img{
    width: 32px;
    height: 32px;
}
.customer .nav-item button .category p{
    color: #08A182;
    text-decoration: none;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 32px;
    padding-left:10px
}
.customer .nav-item button .location p{
    color: #5159EC;
    text-decoration: none;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 32px;
    padding-left:10px
}
.customer .nav-item button .docs p{
    color: #0090FF;
    text-decoration: none;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 32px;
    padding-left:10px
}
.customer .nav-item button .library p{
    color: #002EA1;
    text-decoration: none;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 32px;
    padding-left:10px
}
.customer .nav-item button .trash p{
    color: #DE0055;
    text-decoration: none;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 32px;
    padding-left:10px
}
.customer .nav-item .nav-link .category, .customer .nav-item button .location, .customer .nav-item button .docs, .customer .nav-item button .library, .customer .nav-item button .trash{
    opacity: 0.4;
}
.customer .nav-item .nav-link.active .category, .customer .nav-item .nav-link.active .location, .customer .nav-item .nav-link.active .docs, .customer .nav-item .nav-link.active .library, .customer .nav-item .nav-link.active .trash{
    opacity: 1;
}
.customer-tab .customer-left h5{
    font-size: 32px;
    font-weight: 200;
    color: #fff;
}
.customer-tab .customer-left h4{
    font-size: 32px;
    font-weight: 600;
    color: #fff;
}
.customer-tab .customer-left span{
    font-size: 18px;
    font-weight: 400;
    color: #D8D8D8;
}
.customer-tab .customer-left p{
    font-family: Nunito Sans;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #fff;
    padding-top: 20px
}
.customer-features{
    background: #F6EFFF;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 10px;
    width: fit-content;
    border: 1px solid #000000;
    border-radius: 3px;
    margin: 15px 0px;
}
.customer-features p{
    color: #222222 !important;
    padding-left: 10px;
    padding-top: 0px !important;
    margin-bottom: 0px;
    width: auto;
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
}
.customer-features img{
    width: 24px;
    height: 24px;
}
.customer-left{
    padding-left: 220px;
    padding-right: 50px;
}
.customer-left ul{
    padding-top: 15px
}
.customer-right{
    padding: 40px 25px;
}
.bg-blue-light{
    background: #EBEEFB;
    border-top-left-radius: 18px;
}
.customer-tab .padding{
    padding: 20px;
}

/* Data Section */
.data-section{
    background: url(../images/background-design.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 985px;
}
.data-section .user-img-1{
    width: 167px;
}
.data-section .user-img-2{
    width: 150px;
}
.data-section .user-img-3{
    width: 140px;
}
.data-section .user-img-4{
    width: 140px;
}
.data-section .user-img-5{
    width: 167px;
}
.data-section .user-img-6{
    width: 150px;
}
.data-section .user-img-7{
    width: 140px;
}
.data-section .user-img-8{
    width: 140px;
}
.user{
    text-align: center;
}
.border-connect{
    width: 270px;
    position: absolute;
    top: 72px;
    left: 126px;
    right: 0px;
}
.border-connect-1{
    width: 175px;
    position: absolute;
    top: 72px;
    right: 0px;
    left: -120px;
}
.triangle-right {
    position: absolute;
    top: 8px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 15px solid #3F3F3F;
    border-bottom: 8px solid transparent;
}
.border-connect-hr{
    width: 270px;
    position: absolute;
    top: 72px;
    left: 126px;
    right: 0px;
}
.vl {
    border-left: 1px solid #a1a1a1;
    height: 295px;
    position: absolute;
    left: -70px;
    top: 60px;
}
.border-connect-vr-dashed .vl{
    border-left: 2px dashed #000;
    height: 305px;
    position: absolute;
    right: 14px;
    left: auto;
    top: 161px;
}
.border-connect-right{
    width: 143px;
    position: absolute;
    top: 43px;
    left: -70px;
    right: 0px;
}
.border-connect-dashed{
    width: 230px;
    position: relative;
    top: 43px;
    left: -43px;
}
.border-connect-dashed hr {
    margin: 1rem 0;
    color: inherit;
    background-color: transparent;
    opacity: 1;
    border-top: 2px dashed #000;
}
.border-connect-dashed-bottom hr{
    margin: 1rem 0;
    color: inherit;
    background-color: transparent;
    /* border: 0; */
    opacity: 1;
    border-top: 2px dashed #000;
}
.border-connect-dashed-bottom{
    width: 272px;
    position: relative;
    top: 145px;
    left: -50px;
}
.border-connect-dashed-bottom-r{
    width: 165px;
    position: relative;
    top: 145px;
    left: -68px;
}
.border-connect-dashed-bottom-r hr{
    margin: 1rem 0;
    color: inherit;
    background-color: transparent;
    /* border: 0; */
    opacity: 1;
    border-top: 2px dashed #000;
}
.user-data .row{
    top: 140px;
}
.user-data .data-text span:nth-child(1){
    color: #EB3838;
    font-size: 32px;
    font-weight: 500;
    position: absolute;
    left: -8px;
    top: -12px;
}
.user-data .data-text span:nth-child(2){
    color: #00BD10;
    font-size: 32px;
    font-weight: 500;
    position: absolute;
    bottom: 13px;
    left: -15px;

}
.triangle-top-red{
    position: absolute;
    top: 130px;
    left: -77px;
    right: 0px;
    /* margin: auto; */
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-bottom: 15px solid #EB3838;
    border-right: 8px solid transparent;
}
.triangle-right-red{
    position: absolute;
    top: -7px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 15px solid #EB3838;
    border-bottom: 8px solid transparent;
}
.triangle-right-green{
    position: absolute;
    top: -7px;
    left: 0px;
    right: 0px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 15px solid #009914;
    border-bottom: 8px solid transparent;
}
.triangle-bottom-green{
    position: absolute;
    z-index: 1;
    bottom: -112px;
    left: -77px;
    right: 0px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 15px solid #009914;
    border-right: 8px solid transparent;
}
.border-connect-vr-dashed .triangle-bottom-green{
    position: absolute;
    z-index: 1;
    top: 300px;
    right: 7px;
    left: auto;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-top: 15px solid #009914;
    border-right: 8px solid transparent;
}
.border-connect-bottom{
    width: 170px;
    position: absolute;
    bottom: 0px;
    left: -70px;
    right: 0px;
}
.user-bottom-left{
    position: relative;
    top: 90px;
}
.user-bottom-right{
    position: relative;
    top: 108px;
}
.eye-icon{
    position: relative;
    top: 60px;
}
.user-data-bottom .user-left-remains{
    background: linear-gradient(90deg, #2A045F 0%, #5708C5 100%);
    border-radius: 12px;
    padding: 30px;
}
.user-data-bottom .user-left-remains img{
    width: 100px;
}
.user-data-bottom .user-left-remains p{
    color: #fff;
    font-size: 38px;
    font-weight: 500;
    line-height: 57px;
    text-align: center;
}
.user-data-2{
    position: relative;
    top: 125px;
}
.border-connect-dashed-bottom .triangle-left-green{
    position: absolute;
    z-index: 1;
    bottom: -7px;
    right: 0px;
    left: 0px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 15px solid #009914;
    border-bottom: 8px solid transparent;
}
.border-connect-dashed-bottom-r .triangle-left-green{
    position: absolute;
    z-index: 1;
    bottom: -6px;
    right: 0px;
    left: 0px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 15px solid #009914;
    border-bottom: 8px solid transparent;
}
.border-connect-dashed-bottom-left hr{
    margin: 1rem 0;
    color: inherit;
    background-color: transparent;
    opacity: 1;
    border-top: 2px dashed #000;
}
.border-connect-dashed-bottom-left {
    width: 200px;
    position: relative;
    top: 145px;
    left: -200px;
}
.border-connect-dashed-bottom-left .triangle-left-green {
    position: absolute;
    z-index: 1;
    bottom: -7px;
    right: 0px;
    left: 0px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-right: 15px solid #009914;
    border-bottom: 8px solid transparent;
}
.user-left-remains{
    position: relative;
    top: 180px;
}

/* Encryption */
.encryption-content{
    background-color: #2A045F;
    border-radius: 20px;
    padding: 0px 0px 0px 35px;
}
.encryption .encryp-text h2{
    font-size: 48px;
    font-weight: 700;
    line-height: 65.47px;
    color: #fff;
}
.encryption .encryp-text h6{
    font-size: 18px;
    font-weight: 600;
    line-height: 27px;
    color: #fff;
    margin-bottom: 20px;
}
.encryption .encryp-text p{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #fff;
}
.encryption .encryp-text button a{
    color: #2A045F;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px;
}
.encryption .encryp-text button{
    padding: 10px 35px;
    border: none;
    border-radius: 8px;
}
.encryp-image img{
    width: 553px;
}
.encryp-image{
    text-align: end;
}

/* Securely Locked */
.locked-image-left{
    width: 620px;
    position: relative;
}
.locked-image-left span:nth-child(1){
    font-size: 27.5px;
    font-weight: 500;
    line-height: 37.51px;
    color: #00BBFF;
    position: absolute;
    left: 80px;
    top: -78px;
}
.locked-image-left span:nth-child(2){
    font-size: 27.5px;
    font-weight: 500;
    line-height: 37.51px;
    color: #3E6BFC;
    position: absolute;
    right: 130px;
    top: 10px;
    margin: auto;
}
.locked-image-left span:nth-child(3){
    font-size: 27.5px;
    font-weight: 500;
    line-height: 37.51px;
    color: #222222;
    position: absolute;
    left: -155px;
    top: 50%;
    margin: auto;
}
.locked-image-left span:nth-child(5){
    font-size: 27.5px;
    font-weight: 500;
    line-height: 37.51px;
    color:  #2A045F;
    position: absolute;
    right: -170px;
    top: 50%;
    margin: auto;
    text-align: center;
}
.locked-image-left span:nth-child(6){
    font-size: 27.5px;
    font-weight: 500;
    line-height: 37.51px;
    color: #8600FF;
    position: absolute;
    left: 55px;
    right: 0px;
    bottom: 20px;
    margin: auto;
    text-align: center;
}
.locked-image-left span:nth-child(7){
    font-size: 27.5px;
    font-weight: 500;
    line-height: 37.51px;
    color: #20C000;
    position: absolute;
    right: -130px;
    bottom: 65px;
    margin: auto;
    text-align: center;
}
.locked .row:nth-child(2){
    padding-top: 100px;
}
.locked-text-right .para-content p{
    padding: 0px;
    color: #656565;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
}
.locked-text-right ul li p{
    padding: 0;
}
/* Footer */
footer{
    position: relative;
    display: block;
    background-color: #F8F6F1;
    font-family: "Manrope", sans-serif;
}

.main-footer .widget-section{
    position: relative;
    display: block;
}
.main-footer .top-section{
    padding-top: 50px;
}
.widget-content img{
    width: 55px;
}
.widget-content p{
    font-size: 12px;
    font-weight: 400;
    padding-top: 20px;
}
.widget-section h5{
    color: #1B1B1B;
    font-size: 18px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
    margin-bottom: 20px;
}
.widget-section ul li{
    padding: 3px 0px;
    font-weight: 400;
    letter-spacing: 0.3px;
    font-size: 12px;
}
.copyright p{
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
    font-family: "Manrope", sans-serif;
    color: #1B1B1B;
}
.social-icons i{
    width: 24px;
    height: 24px;
}
.social-icons li{
    padding-right: 18px !important;
}
.copyright p{
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
}
li .input-group{
    width: 85%;
}
li .input-group input{
    background: #EBE9E3;
    border: none;
}
.btn-outline-secondary{
    background: linear-gradient(90deg, #E37B25 0%, #E57529 35%, #EC6637 78%, #F15C41 100%);
    color: #fff;
    font-size: 14px; 
    border: none;
    line-height: 2.3;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    
}

/* Pricing Page */
.pricing-banner .banner{
    padding: 0;
}
.pricing-head h1{
    font-size: 60px;
    padding: 0px 120px;
    line-height: 82px;
}
.pricing-head p{
    font-style: italic;
    font-size: 32px;
    font-weight: 300;
}
.pricing-banner img{
    width: 18px;
}
.plan-header h2{
    font-weight: 500;
    font-size: 48px;
    line-height: 70px;
    color: #333333;
    text-align: center;
}
.plan-header{
    background-image: url(../static/pricing-pattern.svg);
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}
.pricing-features ul{
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}
.pricing-features ul li{
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 0px 10px;
}
.plan-header p{
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    padding-bottom: 10px;
}
.card-details p{
    display: inline-block;
    border-bottom: 1px solid #8e8e8e66;
    width: 400px;
    margin-bottom: 0px;
    color: #000;
    font-size: 14px;
}
.plan-header .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
    background: #F1F1F1;
    color: #000000 !important;
    font-weight: 600;
    font-size: 18px;
    border-radius: 50px;
    /* border: 1px solid #2A46D4; */
    width: 220px;
    text-align: -webkit-center;
    margin: 10px;
    box-shadow: 12px 22px 24px 0px #5959591A;
}
.plan-header .nav-pills .nav-link{
    color: #8e8e8e !important;
    font-size: 18px;
    margin: 10px;
    font-weight: 400;
}
.plan-header .nav-pills .nav-item button{
    padding: 12px 20px;
    width: 160px;
    text-align: -webkit-center;
    border-radius: 50px;
}
.plan-header .nav-pills .nav-item{
    padding: 0px;
    border: 1px solid #8E8E8E;
    /* border-radius: 50px; */
}
#home-tab{
    width: 215px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 1px solid #ECECEC !important;
    border-right: 0 !important;
}
#profile-tab{
    width: 240px;
    text-align: -webkit-center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border: 1px solid #ECECEC !important;
    border-left: 0 !important;
}
.plan-header .nav-pills .nav-link.active span, .nav-pills .show>.nav-link span{
    background: #2A045F;
    font-size: 12px;
    font-weight: 400;
    padding: 5px;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
}
.plan-header .nav-pills .nav-item button span{
    display: none;
}
.annual-section .card .inner-card img{
    width: 32px;
}
.annual-section .card .inner-card p{
    padding-left: 10px;
    padding-top: 0px;
    font-size: 20px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}
sup{
    color: #2A045F;
    font-size: 20px;
    font-weight: 700;
    padding-right: 6px;
}
.card-price{
    text-align: center;
}
.card-price h5{
    font-size: 32px;
    font-weight: 600;
    text-align: left;
    padding-top: 20px;
}
.card-price h3{
    color: #FA3E83;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    padding-top: 20px;
}
.card-price button{
    border: 1px solid #2A045F;
    font-size: 24px;
    font-weight: 400;
    border-radius: 5px;
    padding: 0px 0px;
    width: 300px;
}
.card-price button:hover{
    background-color: #2A045F !important;
}
.card-price button:hover a{
    color: #fff !important;
}
.card-price button a{
    font-size: 24px;
    font-weight: 500;
    line-height: 32.74px;
    text-align: center;
}


.card-details ul{
    margin-bottom: 0px;
}
.card-details ul li{
    /* border-bottom: 1px solid #8e8e8e66; */
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    padding-bottom: 12px;
    padding-top: 12px;
}
.card-details img{
    width: 14px;
    margin-right: 10px;
}
.card-details ul li:last-child p{
    border-bottom: none;
    padding-bottom: 0px;
}
.annual-section .card{
    border-radius: 8px;
}
.card-price span{
    font-size: 14px;
    color: #4a4a4a;
    font-weight: 600;
}
.price-badge ul{
    display: flex;
    justify-content: center;
}
.price-badge ul li{
    background: #EEF1FF;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    padding: 7px 15px;
    color: #222222;
    margin: 0px 10px;
}
.price-badge ul li img{
    width: 18px;
}
.badge-feature badge{
    background: #D2C0EB4F;
    clip-path: none;
    display: flex;
    align-items: center;
    padding: 8px;
}
.badge-feature badge img{
    width: 24px;
}
.badge-feature badge p{
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px;
    text-align: center;
    color: #000000;
}
.card-price h4{
    font-size: 16px;
    font-weight: 400;
    line-height: 21.82px;
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;
    color: #4c4c4c;
    padding: 0px 20px;
}
.bg-purple{
    background-color: #2A045F !important;
}
.annual-section .card-top:nth-child(2), .annual-section .card:nth-child(2){
    border: 1px solid #2A045F;
    margin-bottom: 215px;
}
.card-top p{
    margin-bottom: 0px;
    padding-bottom: 0px;
    font-family: Nunito Sans;
    font-size: 24px;
    font-weight: 400;
    line-height: 32.74px;
}
.card-top {
    display: flex;
    justify-content: center;
    align-items: center;
    border-top: 1.58px solid #340576;
    border-left: 1.58px solid #340576;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-right: 1.58px solid #340576;
    margin-left: 95px;
    margin-right: 95px;
    padding: 10px;
}
.card-top img{
    width: 36px;
}
.bg-purple-light{
    background: #E1E6FF;
}
.offer{
    background: url(/images/home/trail-bg.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 20px;
    padding: 25px;
}
.offer .offer-left{
    background-color: #ffffff45;
    padding: 25px;
    border-radius: 10px;
}
.offer .offer-left img{
    width: 180px;
}
.offer .offer-right h4{
    font-size: 38px;
    font-weight: 500;
    margin-bottom: 0px;
}
.offer .offer-right span{
    font-size: 18px;
    font-style: italic;
    font-weight: 200;
}
.offer .offer-right p{
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    padding-top: 20px;
}
.offer .offer-right button{
    background-color: #fff;
    padding: 10px 15px;
    width: 200px;
    border-radius: 10px;
    border: none;
}
.offer .offer-right button a{
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px;
    color: #2A045F;
}
.referral{
    text-align: -webkit-center;
}
.offer-right{
    text-align: left;
}

/* Contact */
.contact{
    background: url(../static/trail-bg.svg), #FA3E83;
    position: relative;
}
.contact-section{
    height: 90vh;
    position: relative;
}
.contact-left{
    position: relative;
}
.contact-left img:nth-child(1){
    width: 100px;
    object-fit: contain;
    position: relative;
    top: 0px;
    left: 30px;
}
.contact-left img:nth-child(2){
    width: 130px;
    object-fit: contain;
    position: absolute;
    right: 120px;
    top: 326px;
}
.contact-left img:nth-child(3){
    position: absolute;
    width: 120px;
    bottom: -50px;
    right: 60px;
}
.contact-left h1{
    font-size: 60px;
    font-weight: 600;
    line-height: 72px;
    text-align: center;
    color: #fff;
}
.contact-left p{
    margin-bottom: 0px;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
}
.right-img{
    position: absolute;
    top: -35px;
    right: 0;
}
.icon-outer {
    color: #f43e38;
    font-size: 24px; /* Adjust size as needed */
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .icon-inner {
    color: white;
    font-size: 12px; /* Adjust size as needed for inner circle */
    position: absolute;
    top: 8px; /* Adjust positioning as needed */
    left: 6px;
    z-index: 1;
  }
  .contact-mail {
    position: relative;
  }
.dashed-line{
    border-left: 1px dashed #fff;
    width: 2px;
    height: 55px;
    margin-left: 15px;
}
.contact-mail i{
    position: absolute;
    left: 18%;
    color: #f43e38;
}
.contact-mail i:nth-child(2){
    position: absolute;
    left: 18.5%;
    line-height: 27px;
    color: #ffffff;
    font-size: 9px;
}
.contact-icons p{
    padding-left: 35px;
    margin-bottom: 0px;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    font-family: "Open Sans", serif;
}
.contact-features {
    position: absolute;
    bottom: 0px;
    right: 0px;
    left: 0px;
}
.contact-features .contact-box{
    border: 1px solid #000;
    border-radius: 3px;
    padding: 7px 10px;
}
.contact-features .contact-box span{
    font-family: "Open Sans", serif;
    font-size: 14px;
    font-weight: 500;
    color: #222222;
    padding-left: 10px;
}
.sect-1, .sect-2, .sect-3{
    /* border: 4px solid #FFFFFF; */
    /* position: relative; */
    border-top: none;
    top: 43px;
    background-color: #2a045f;
    border-right: none;
    border-bottom: none;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.sect-1 p, .sect-2 p, .sect-3 p{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: 27px;
    margin-top: 20px;
}
.sect-3 p{
    width: 160px;
}

.sect-1 img{
    width: 100px;
}
.sect-2 img{
    width: 132px;
}
.sect-3 img{
    width: 72px;
}
.contact-features .card{
    background-color: transparent;
    border: none;
}
.contact-features .card:nth-child(2){
    position: relative;
    top: -110px;
}
.shield{
    top: 90px !important;
}

.contact-support-1, .contact-support-2, .contact-support-3{
    border: 4px solid #fff;
    border-bottom: none;
    border-top: none;
    text-align: -webkit-center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 390px;
    background-color: #2a045f;
    position: relative;
    /* top: -10px; */
    /* border-right: none; */
}
.contact-support-1{
    border-right: none;
    position: relative;
    bottom: -140px;
    height: 250px;
}
.contact-support-2{
    height: 390px;
}
.contact-support-3 {
    border-left: none;
    position: relative;
    bottom: -201px;
    height: 190px;
}
.contact-get-1{
    border: 4px solid #fff;
    height: 50px;
}
.contact-get-1{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border-right: none;
    position: absolute;
    top: 138px;
    width: 303px;
    left: -28px;
}
.contact-get-2{
    border: 4px solid #fff;
    height: 50px;
}
.contact-get-2{
    border-radius: 50px;
    position: absolute;
    top: -2px;
    width: 338px;
    left: -28px;
}
.contact-get-3{
    border: 4px solid #fff;
    height: 50px;
}
.contact-get-3{
    border-left: none;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    position: absolute;
    top: 199px;
    width: 290px;
    right: -24px;
}
.cont-sect-1{
    border: 4px solid #fff;
    height: 35px;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    position: absolute;
    border-right: 0px;
}
.contact-features .row{
    padding: 0px 50px;
}
.contact-features h3{
    color: #fff;
    text-align: center;
    margin-bottom: 0px;
    font-size: 32px;
    font-weight: 500;
    line-height: 43.65px;
    position: relative;
}
.card-1{
    top: 80px !important
}
.card-2{
    top: -70px;
}
.card-3{
    top: 135px !important}
.contact-form a:hover{
    color: #2a045f;
    background-color: #fff;
    border: 1px solid #2a045f;
}
.contact-right{
    background: url(../static/trail-bg.svg);
    background-size: cover;
    /* padding-right: 180px !important; */
    /* height: 500px; */
}
.contact-right h3{
    font-size: 48px;
    font-weight: 500;
    text-align: center;
}
.contact-right p{
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    padding: 0px 80px;
    color: #2A045F;
}
.contact-right .price-badge ul li{
    background-color: #F6EFFF;
    font-family: "Nunito Sans", sans-serif;
    color: #222222;
}
.contact-form .form-control{
    padding: 18px;
    font-size: 18px;
    color: #8e8e8e;
    border-radius: 7px;
}
.contact-form .form-control::placeholder {
    color: #000;
    opacity: 1;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.01em;
    text-align: left;
  }
.contact-form select{
    padding: 18px;
    font-size: 18px;
    color: #000;
    border-radius: 7px;
    width: 100%;
    border: 1px solid #ced4da;
  }
  .contact-form select:focus-visible{
    border-color: #86b7fe;
    outline: 0;
  }
  .contact-form option{
    color: #000;
    opacity: 1;
  }
.contact-form form{
    text-align: -webkit-center;
}
.contact-form a{
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    border-radius: 7px;
    padding: 20px 30px;
    width: 65%;
    background-color: #2A045F;

}

.contact-details ul li, .contact-details ul li a{
    display: flex;
    align-items: center;
    margin: 20px 0px;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}
.contact-details ul li img{
    width: 60px;
    background: #ffffff;
    padding: 15px;
    border-radius: 10px;
    margin-right: 20px;
}
.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #2a045f;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(42 4 95 / 18%);
}
.modal-title img {
    width: 75px;
}
.modal-header {
    border-bottom: none;
    justify-content: center;
}
.modal-body {
    font-size: 15px;
    font-family: 'Work Sans';
    font-weight: 500;
    padding: 1rem 3rem;
}
.modal-footer {
    border-top: none;
    justify-content: center;
}
.modal-footer button {
    background: #2a045f;
    border-radius: 50px;
    font-size: 13px;
    font-family: "Work Sans", system-ui;
    font-weight: 500;
    padding: 0.7rem 4rem;
    border: #2a045f;
}
.modal-footer button:hover {
    background: #fff;
    color:  #2a045f;
    border: 1px solid #2a045f;
}
/* Mobile */
@media only screen and (max-width: 425px){
    .banner img {
        width: 100% !important;
    }
    .inner-support {
        top: 0px;
        padding: 18px !important;
    }
    .benefit-ticket .card .inner-card {
        height: auto !important;
    }
}
@media only screen and (max-width: 768px){
    
    #product_navbar .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    #menu .nav-item {
        padding: 0px 0px;
    }
    .nav-item{
        padding: 0px;
    }
    .banner img {
        width: 400px;
    }
    .banner h1 {
        font-size: 28px !important;
        line-height: normal !important;
    }
    .banner .banner-text .features li img {
        width: 24px !important;
    }
    .banner {
        padding: 50px 0px;
    }
    .abt-section p{
        padding-right: 0px;
    }
    .abt-section img{
        width: 50px;
    }
    .tab-content-text h3{
        text-align: center;
        font-size: 25px;
    }
    .tab-content-text h6 {
        font-size: 20px;
        text-align: center;
    }
    .accordion-button .category p{
        color: #08A182;
        font-size: 22px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
    .accordion-button .location p{
        color: #5159EC;
        font-size: 22px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
    .accordion-button .docs p{
        color: #0090FF;
        font-size: 22px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
    .accordion-button .library p{
        color: #002EA1;
        font-size: 22px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
    .accordion-button .trash p{
        color: #DE0055;
        font-size: 22px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
    .accordion-button{
        font-size: 18px; 
    }
    .accordion-body{
        font-size: 15px; 
    }
    .accordion-button img{
        width: 26px;
        height: 26px;
    }
    .web{
        display: none;
    }
    .customer{
        padding-bottom: 40px;
    }
    .customer-left {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
    }
    .customer-tab .customer-left h4 {
        font-size: 20px;
    }   
    .customer-tab .customer-left h5 {
        font-size: 25px;
    } 
    .customer-tab .customer-left p{
        text-align: justify;
        font-size: 15px;
    }
    .customer-left ul {
        padding-top: 0px;
    }
    .customer-tab .customer-left .customer-features p{
        font-size: 12px;
        line-height: normal;
        text-align: start;
    }
    .customer-tab .customer-left span {
        font-size: 15px;
    }
    .data-section{
        padding-bottom: 30px;
        height: auto;
    }
    .encryption-content {
        padding: 20px;
    }
    .encryption .encryp-text h2 {
        font-size: 30px;
        line-height: normal;
    }
    .encryp-image img {
        width: 100%;
        padding-top: 30px;
    }
    .locked .row:nth-child(2) {
        padding-top: 45px;
    }
    .locked-image-left {
        width: 100%;
    }
    .locked-image-left span:nth-child(1) {
        font-size: 15px;
        font-weight: 500;
        line-height: normal;
        color: #00BBFF;
        position: absolute;
        left: 40px;
        top: -40px;
    }
    .locked-image-left span:nth-child(2) {
        font-size: 15px;
        font-weight: 500;
        line-height: normal;
        color: #3E6BFC;
        position: absolute;
        right: 60px;
        top: 5px;
        margin: auto;
    }
    .locked-image-left span:nth-child(3) {
        font-size: 15px;
        font-weight: 500;
        line-height: 37.51px;
        color: #222222;
        position: absolute;
        left: -2px;
        top: 50%;
        margin: auto;
    }
    .locked-image-left span:nth-child(5) {
        font-size: 15px;
        font-weight: 500;
        line-height: normal;
        color: #2A045F;
        position: absolute;
        right: -10px;
        top: 45%;
        margin: auto;
        text-align: center;
    }
    .locked-image-left span:nth-child(6) {
        font-size: 15px;
        font-weight: 500;
        line-height: 37.51px;
        color: #8600FF;
        position: absolute;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin: auto;
        text-align: center;
    }
    .locked-image-left span:nth-child(7) {
        font-size: 15px;
        font-weight: 500;
        line-height: 37.51px;
        color: #20C000;
        position: absolute;
        right: 4px;
        bottom: 20px;
        margin: auto;
        text-align: center;
    }
    .locked-text-right .para-content p {
        padding: 25px 0px;
    }
    .customer-features {
        margin: 0px 0px;
    }
    .abt-section p{
        font-size: 15px;
    }
    
    .price-badge ul li{
        margin: 8px 10px;
    }
    .row-head td{
        font-size: 25px;
    }
    .row-data-1 td{
        font-size: 20px;
    }
    .row-data-1 td:nth-child(3) s, .row-data-1 td:nth-child(3), .row-data-1 td:nth-child(4) s, .row-data-1 td:nth-child(4), .row-data td:nth-child(1), .row-data td{
        font-size: 20px;
    }
    .trail-gift{
        padding: 20px;
    }
    .trail-gift .left-text h2{
        font-size: 25px;
    }
    .trail-gift .left-text {
        padding-left: 10px;
    }
    .trail-gift .left-text p {
        font-size: 12px;
        margin-bottom: 13px;
    }
    .free-button {
        font-size: 15px;
        padding: 5px 20px;
    }
    .inner-support img{
        display: none;
    }
    .support-section{
        height: 30vh;
        text-align: center;
    }
    .support{
        background-size: cover;
        height: 150px !important;
    }
    .inner-support{
        top: 0px;
        padding: 22px;
    }
    .support-content h4{
        font-size: 20px;
    }
    .support-content{
        padding: 15px !important;
        text-align: center;
    }
    .support-content button a{
        font-size: 13px;
    }
    .support-content button{
        padding: 5px 7px;
        margin-top: 0px;
    }
    .footer-bg{
        background-image: none;
    }
    .main-footer .widget-section{
        top: 0px;
    }
    .widget-section h5{
        font-size: 16px;
    }
    .widget-content p{
        font-size: 15px;
    }
    .widget-section ul li{
        font-size: 15px; 
    }
    .inner-signup img{
        display: none;
    }
    /* Pricing Page */

    .pricing-head h1{
        line-height: 35px;
        padding: 0;
    }
    .pricing-banner img {
        width: 18px !important;
        margin-bottom: 10px;
    }
    .plan-header p {
        font-size: 15px;
    }
    .card-details p{
        width: 270px;
        font-size: 13px;
    }
    .plan-header .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
        margin: 0px;
        font-size: 13px;
        width: 125px;
    }
    .plan-header .nav-pills .nav-link{
        margin: 0px;
        font-size: 13px;
        width: 150px;
    }
    #profile-tab, #home-tab{
        width: 150px;
    }
    .annual-section .card-top:nth-child(2), .annual-section .card:nth-child(2) {
        border: 1px solid #2A045F;
        margin-bottom: 20px;
    }
    .plan-header .nav-pills .nav-item button {
        padding: 5px 10px;
    }
    .nav-pills .nav-link{
        font-size: 16px;
    }
    .nav-pills .nav-item {
        padding: 10px !important;
    }
    .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
        font-size: 16px;    
    }
    .card-price button{
        font-size: 17px;    
        width: 250px;
    }
    .card-details ul li{
        font-size: 15px;
        display: flex;
        align-items: flex-start;
    }
    .card-details img{
        padding-top:3px;
    }
    .card-price h4 {
        font-size: 14px;
        padding: 0px 0px;
    }
    .card-top{
        margin-left: 80px;
        margin-right: 80px;
    }
    .offer .offer-left img {
        width: 100px;
    }
    /* Contact */
    
    .contact-right{
        padding: 0px !important;
    }
    .contact-right h3 {
        font-size: 30px;
    }
    .contact-right p {
        line-height: normal;
        padding: 0px 10px;
        font-size: 13px;
    }
    .contact-details ul li img{
        width: 40px;
        padding: 10px;
    }
    .contact-details ul li{
        font-size: 15px;
    }
    .contact-form .form-control{
        font-size: 13px;
    }
    .contact-form button{
        font-size: 15px;
        padding: 10px 60px;
    }
    .copyright p{
        text-align: center;
        font-size: 15px;
    }
}
@media only screen and (max-width: 992px){
   
    .nav-item{
        padding: 0px;
    }
    /* .banner img {
        width: 400px;
    } */
    .banner h1 {
        font-size: 28px;
    }
    .banner p{
        padding-right: 0px !important;
    }
    .banner .banner-text .features li{
        font-size: 12px;
    }
    .banner .banner-text .buttons .start{
        margin-bottom: 10px;
    }
    .offer .offer-right h4{
        font-size: 28px;
    }
    .offer-right {
        text-align: center;
        margin-top: 20px;
    }
    .offer{
        margin-top:30px;
    }
    .web{
        display: none;
    }
    .abt-section img{
        width: 50px;
    }
    .tab-right-img img{
        width: 100% !important;
    }
    .trail-right {
        padding-left: 10px;
        padding-right: 10px;
        text-align: justify;
        padding-bottom: 15px;
    }
    .trail-right .demo-button .book{
        width: 100%;
        font-size: 12px;
        padding: 12px 18px;
    }
    .trail-left img {
        width: 100%;
        height: auto;
    }
    .trail-right p{
        margin: 20px 0px;
    }
    .trail-right .demo-button .free-trail{
        width: 100%;
        font-size: 12px;
        padding: 10px 18px;
    }
    .customer {
        background-color: #2A045F;
        padding-bottom: 30px;
    }
    .customer-support h3 {
        font-size: 25px;
    }
    .customer-support p{
        padding: 0px 0px;
        text-align: justify;
    }
    .free-demo-img img{
        width: 100%;
    }
    .free-demo h3{
        font-size: 40px;
    }
    h2{
        font-size: 25px;
        line-height: 30px;
    }
    h3{
        font-size: 25px;
    }
    .abt-section p{
        font-size: 15px;
    }
    .work-section .card{
        padding: 0px !important;
    }
    .ticket {
        width: 260px;
    }
    .ticket-list li{
        font-size: 14px;
    }
    .ticket-list li strong{
        font-size: 14px; 
    }
    .data-section{
        height: auto;
    }
    .inner-support img{
        display: none;
    }
    .support{
        background-size: cover;
        height: 150px;
    }
    .inner-support{
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }
    .support-content h4{
        font-size: 20px;
    }
    .support-content{
        padding: 0;
        text-align: center;
    }
    
    .left-image{
        display: none;
    }
    .contact-bottom{
        margin: 0px;
    }
    .footer-bg{
        background-image: none;
        height: auto;
    }
    .main-footer .widget-section{
        top: 50px;
    }
    .widget-section h5{
        font-size: 16px;
    }
    .widget-content p{
        font-size: 15px;
    }
    .widget-section ul li{
        font-size: 15px; 
    }
    .form-section .bg-blue{
        display: none !important;
    }
    .form-price p{
        font-size: 12px;
    }
    .resend .bg-white{
       width: 100%; 
       margin: 8rem auto;
    }
    .form-left{
        display: flex;
        flex-direction: column;
        height: 100vh !important;
        padding: 30px;
        overflow: auto;
        justify-content: center;
        flex-wrap: wrap; 
    }
    .forgot-img-container img{
        width: 500px;
    }
    #menu-button li {
        padding: 0px 0px;
        margin: 14px 0px;
    }
    .contact-right{
        padding-right: 0px !important;
    }
    .accordion-button .category p{
        color: #08A182;
        font-size: 22px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
    .accordion-button .location p{
        color: #5159EC;
        font-size: 22px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
    .accordion-button .docs p{
        color: #0090FF;
        font-size: 22px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
    .accordion-button .library p{
        color: #002EA1;
        font-size: 22px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
    .accordion-button .trash p{
        color: #DE0055;
        font-size: 22px;
        margin-bottom: 0px;
        padding-left: 10px;
    }
    .accordion-button{
        font-size: 18px; 
    }
    .accordion-body{
        font-size: 15px; 
    }
    .accordion-button img{
        width: 26px;
        height: 26px;
    }
    .customer ul, .customer #pills-tabContent{
        display: none;
    }
    #accordionExample{
        padding: 0px 20px;
    }
    .accordion-collapse{
        background-color: #2a045f;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px){
    .web{
        display: none;
    }
    .banner img{
        width: 100%;
    }
    .banner .banner-text h1, .pricing-head h1 {
        font-size: 30px;
        line-height: normal;
    }
    .banner-image img:nth-child(1) {
        width: 100% !important;
    }
    .banner {
        background-color: #2A045F;
        padding: 35px 0px;
    }
    .customer-left {
        padding: 0px 20px;
    }
    .customer .nav-item button .category p, .customer .nav-item button .location p, .customer .nav-item button .docs p, .customer .nav-item button .library p, .customer .nav-item button .trash p{
        font-size: 20px
    }
    .customer .nav-item button img {
        width: 28px;
        height: 28px;
    }
    .customer .nav-item button {
        width: 170px;
        padding: 8px 0px;
    }
    .customer-tab .customer-left h5 {
        font-size: 25px;
    }
    .customer-tab .customer-left h4 {
        font-size: 20px;
    }
    .customer-tab .customer-left p {
        font-size: 14px;
    }
    .customer-left ul {
        padding-top: 0px;
    }
    .customer-tab .customer-left span {
        font-size: 14px;
    }
    .accordion{
        display: none;
    }
    .data-section{
        height: auto;
        padding-bottom: 50px;
    }
    .encryption-content{
        padding: 15px;
    }
    .encryp-image img{
        width: 100%;
    }
    .encryption .encryp-text h2 {
        font-size: 35px;
    }
    .locked-image-left span:nth-child(1) {
        font-size: 20px;
        left: 100px;
        top: -70px;
    }
    .locked-image-left span:nth-child(2) {
        font-size: 20px;
        right: 150px;
        top: 10px;
    }
    .locked-image-left span:nth-child(3) {
        font-size: 20px;
        left: auto;
        top: 50%;
    }
    .locked-image-left span:nth-child(5) {
        font-size: 20px;
        right: -140px;
        top: 45%;
    }
    .locked-image-left img:nth-child(2) {
        width: 500px;
    }
    .locked-image-left span:nth-child(6) {
        font-size: 20px;
        left: 0px;
        right: 0px;
        bottom: 12px;
    }
    .locked-image-left span:nth-child(7) {
        font-size: 20px;
        right: -60px;
        margin: auto;
        bottom: 70px;
    }
    .locked-text-right .para-content p{
        font-size: 14px;
    }
    .customer-features p{
        font-size: 16px;
        padding-left: 8px !important;
    }
    #menu-button .login a, #menu-button .trail a {
        border: 1px solid #2A045F;
        padding: 10px 8px;
    }
    .contact-banner .container-fluid .col-lg-6.d-sm-none.d-lg-block{
        display: none !important;
    }
}

@media only screen and (max-width: 1199px){
   
    .nav-item{
        padding: 0px;
    }
    .banner-image .mobile img{
        width: 100%;
        position: relative;
        left: auto;
        top: 30px;
    }
    /* .banner img {
        width: 400px;
    } */
    .banner h1 {
        font-size: 28px;
    }
    .abt-section img{
        width: 50px;
    }
    .tab-right-img img{
        width: 100%;
    }
    .tab-content-text h6{
        font-size: 20px;
    }
    .plan-header h2{
        font-size: 25px;
        line-height: 30px;
        margin-top: 15px;
    }
    /* .banner-image img:nth-child(1) {
        position: relative;
        width: 157px;
        left: auto;
        top: auto;
        padding-top: 25px;
    } */
    .secured h2, .data-section h2, .locked h2 {
        font-size: 28px;
        line-height: normal;
    }
    .section{
        padding: 40px 0px;
    }
    .secured p, .locked p{
        padding: 25px 0px;
        margin-bottom: 0px;
    }
    .secured-image .data{
        display: none;
    }
    h3{
        font-size: 25px;
    }
    .abt-section p{
        font-size: 15px;
        text-align: justify;
    }
    
    h4{
        margin-top: 0px;
    }
    .inner-support{
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }
   
    .left-image {
        padding-bottom: 0px;
    }
    
   
    .contact-bottom{
        height: 35vh;
        margin: 0px 0px; 
        background-size: cover;        
        background-position: center;  
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        position: relative;
    }
    .contact-bottom img{
        width: 180px;
    }
    
    .footer-bg{
        background-image: none;
        height: auto;
    }
    .main-footer .widget-section{
        top: 0px;
    }
    li .input-group {
        width: 100%;
    }
    .widget-section h5{
        font-size: 16px;
    }
    .widget-content p{
        font-size: 13px;
    }
    .process-content{
        text-align: center;
    }
    .forgot-img-container img{
        width: 100% !important;
    }
    .contact-right{
        padding-right: 0px !important;
    }
    .contact-section{
        display: none;
    }
    .contact-banner .container-fluid .col-lg-6.d-sm-none.d-lg-block{
        width: 100%;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
    .web{
        display: block;
    }
    .banner-image img:nth-child(1) {
        position: absolute;
        width: 135px !important;
        left: 40px;
        top: 0px;
    }
    .banner-image img:nth-child(2) {
        position: absolute;
        width: 190px;
        left: 0px;
        right: 0px;
        top: -20px;
        margin: auto;
    }
    .banner-image img:nth-child(3) {
        position: absolute;
        width: 150px;
        right: 0px;
        top: 0px;
        z-index: 1;
    }
    .banner-image img:nth-child(4) {
        position: absolute;
        width: 170px;
        bottom: 11px;
        right: 0px;
        z-index: 1;
    }
    .banner-image img:nth-child(5) {
        position: absolute;
        width: 500px;
        top: 0px;
        left: 0px;
        bottom: 0px;
        margin: auto;
        right: 0px;
    }
    .banner-image img:nth-child(6) {
        position: absolute;
        width: 80px;
        bottom: 3px;
        left: 0px;
        right: 70px;
        margin: auto;
    }
    .banner-image img:nth-child(7) {
        position: absolute;
        width: 95px;
        bottom: -15px;
        left: 0px;
        right: 65px;
        margin: auto;
    }
    .banner-image img:nth-child(8) {
        position: absolute;
        width: 185px;
        bottom: -20px;
        left: 30px;
    }
    .banner-image img:nth-child(9) {
        position: absolute;
        width: 190px;
        top: 45px;
        bottom: 0px;
        margin: auto;
        left: 10px;
    }

}
@media only screen and (min-width: 1199px) and (max-width: 1440px) {
    .contact-bottom img {
        width: 180px;
    }
    .signup-process .process-content h4 {
        font-size: 20px;
    }
    .signup-process .process-content button{
        padding: 5px 7px;
    }
    .signup-process .process-content button a {
        font-size: 13px;
    }
    .support-section{
        height: 48vh;
    }
    .widget-content p{
        font-size: 10px;
        font-weight: 400;
    }
    .widget-section ul li{
        font-size: 10px; 
    }

}
@media only screen and (min-width: 1199px) {
    .mobile, .accordion{
        display: none;
    }
}