/*New design Start Here*/

.navbar-brand img {
    width: 56px;
    height: 43px;
}
.navbar-brand .logo-text{

    font-size: 1.45rem;
    font-weight: bold;
    padding-top: 7px;
}

/*Features section*/

.features {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    padding: 40px 20px;
// background-color: #1a1a1a;
    width:100%;
}
.feature {
    text-align: left;
    padding: 20px;
    border: 1px solid #333;
    border-radius: 28px 28px 0 0;
    margin-bottom: 20px;
    background:  #222222;
    border-bottom: none;
    padding-top: 40px;


}
.feature h3 {
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: 500;
    line-height: 22px;
    color:#F8F8F8;

    font-weight: 500;
    font-style: Medium;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;


}
.feature p {
    font-size: 14px;
    color: var(--gray-400);
    line-height: 26px;
}


.padding-top-60{
    padding-top: 60px;
}
/*Killswitch */


#killswitchSection{
    padding-top: 50px;
    padding-bottom: 50px;
}
.feature-title {
    color: #8ce36c;
}
.killswitch-section {
    padding: 50px 20px;
}
.killswitch-image {
    max-width: 100%;
    border-radius: 8px;
    padding-top: 80px;
}
.killswitch-list {
    list-style: none;
    padding: 0;
    margin-top: 30px;
}
.grey-text{
    color: var(--gray-400);
}


.killswitch-list li {
    font-size: 18px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    border-bottom: #1E1E1E 1px solid;

}
.killswitch-list li span {
    color: #8ce36c;
    font-weight: bold;
    margin-right: 10px;
    font-size: 22px;
    font-weight: 600;
    line-height: 29.05px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.killswitch-list hr
{
    border-bottom:  #282828 1px solid;

}
.killsitchImageDiv{
    border-radius: 10px 10px 0px 0px;
//background: #282828;
}
.killsitchImageDivmob{
    border-radius: 10px 10px 0px 0px;
    background: #282828;
    width:100%;
}

/*Maximum possible security*/
.MPSecurity{
    padding-top: 50px;
    padding-bottom: 50px;
}
.subtext {


    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #8E8E8E;

}
.feature-list {
    margin-top: 170px;
}
.feature-left{
    margin-top: 120px;
}
.feature-list .badgesection {
    background: #222222;
    padding: 10px 20px;
    border-radius: 50px;
    margin: 15px 0;
    padding: 20px 29px 20px 29px;
    gap: 17px;
    border-radius: 18px;
    border: 1px #DFDFDF33 solid ;
    opacity: 0px;
    font-size: 18px;
    font-weight: 500;
    line-height: 21.78px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    display: inline-block;
    min-width: 250px;
}

.badgesection p{
    float: left;
    margin-bottom: 0px;
    padding-top: 2px; padding-left: 3px;
}.badgesection span{
     float: left;
 }
.floatRight{

    float: right;
}
.floatLeft{

    float: left;
}

.badge p{
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    float: left;
}


.phone-mockup img {
    width: 100%;
    max-width: 300px;
    margin: 20px auto;
}
.MPS-box {
    background-color: #222222;
    padding: 20px;
    border-radius: 28px;
    text-align: center;
    margin-top: 30px;
    border: #DFDFDF33 1px solid;
}
.MPS-box i {
    font-size: 2rem;
    color: #4caf50;
}
.MPS-box h5 {
    margin-top: 10px;

    font-size: 28px;
    font-weight: 500;
    line-height: 33.89px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.MPS-box p
{

    font-size: 16px;
    font-weight: 500;
    line-height: 25.6px;
    letter-spacing: -0.02em;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #AAAAAA;


}

/*Cybersecurity */

.cybersection{
    padding:50px 0px;
}
.section-container {
    border-radius: 20px;
    padding: 40px 20px 0px 40px;
    margin: 20px;
    background:  #222222;
    border: 1px solid #DFDFDF33
}
.btn-green {
    background-color: #a1ff65;
    color: #000;
    font-weight: bold;
    padding: 10px 25px;
    border-radius: 50px;
}
.btn-green:hover {
    background-color: #94e55e;
    color: #000;
}
.phone-image img {
    width: 100%;
    max-width: 300px;
}
.phone-container {
    position: relative;
    text-align: center;
    padding-top: 5%;
}


.phone-container .phone-1 {
    position: relative;
    margin-right: 28%;
    margin-left: 20%;
    margin-bottom: 15%;
}
.phone-container .phone-2 {
    position: absolute;
    top: 17%;
    right: 50px;
    z-index: 1;
}
.subtextcyb {

    margin-bottom: 30px;
    color:  #8E8E8E;
    text-align: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 25.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
/*footer*/

.footer-logo img{
    width: 56px;
    height: 43px;

}
.footer-logo .logo-text{

    font-size: 1.45rem;
    font-weight: bold;
    padding-top: 7px;
}
.footer-logo span {
    padding-top: 10px;
}
.footer {
    background-color: #1e1e1e;
    padding: 50px 10px;
}
.footer-logo img {
    width: 50px;
    margin-right: 10px;
}
.footer-email {
    color: #aaa;
    margin-bottom: 10px;
    text-align: left;
    font-size: 16px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.feedback-input {
    background: #333;
    color: #aaa;
    border: none;
    border-radius: 8px;
    padding: 10px;
    width: 100%;
    border: 1px solid #585858;
}
.app-buttons img {
    width: 150px;
    margin: 10px 5px 0 0;
}
.footer-links a {
    color: #aaa;
    padding-top: 5px;
    margin-right: 15px;
    text-decoration: none;
}
.footer-links a:hover {
    color: #fff;
}
.social-icons a {
    color: #fff;
    font-size: 20px;
    margin-left: 25px;
    text-decoration: none;
}
.divider {
    height: 1px;
    background-color: #333;
    margin: 20px 0;
}
.copyright {
    color: #aaa;
    font-size: 14px;
    font-weight: 400;
    line-height: 19.36px;
    padding-top: 5px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.footermb p {

    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #C8C8C8;

}
.uli{
    padding: 10px 0 10px 20px !important;
    list-style-type: circle !important;
//margin: 10;

}
.blogFirstImage{
    padding-top: 150px;

}
.blogDate{
    font-size: 12px;
    font-weight: 400;
    line-height: 14.52px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color:  #AAAAAA;
}
.bg-grey{
    color:  #AAAAAA;
}
.blog_ul{
    list-style-type: disc !important;
    padding-left: 40px !important;
}
.blog_ul li
{
    display: list-item !important;
    text-align: -webkit-match-parent !important;
    unicode-bidi: isolate !important;
    list-style-type: disc !important;
    padding-bottom: 10px;
}
.blog-h3{
    padding-top: 20px;
    font-family: Inter;
    font-size: 28px;
    font-weight: 600;
    line-height: 33.89px;
    text-align: left;
    color:  #E6E6E6;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.blog-h4{
    padding-top: 15px;
    color:  #E6E6E6;
    font-size: 20px;
    font-weight: 600;
    line-height: 24.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.app_text p{
    color:  #E6E6E6;
}
.blog-feature-Head{

    font-size: 32px;
    font-weight: 600;
    line-height: 38.73px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.feature-bg{
    background: #222222;
    border-radius: 20px;
    padding-top: 15px;
    padding-bottom: 15px ;

}
.blogfaq{
    background: #353535;
    border-radius: 20px;
    padding-top: 15px;
    padding-bottom: 15px ;
    padding-left: 30px;
    margin-bottom: 20px;

}
.blogListHead{
    font-size: 20px;
    font-weight: 600;
    line-height: 24.2px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    padding-bottom: 10px;
}
.blogListPara{
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--gray-400);

}
.blog-para-jour{
    color: var(--gray-400);
}
.blogImageList{
    border-radius: 10px;
}
.blogHrf{
    color: #ffffff !important;
}
.blogListBox{
    min-height: 450px;

}
.blogListBox1{
    margin-bottom: 20px;
}


.padding-top-10{
    padding-top: 10px;
}
.padding-top-20{
    padding-top: 20px;
}
.padding-top-30{
    padding-top: 30px;
}
.padding-top-40{
    padding-top: 40px;
}
.padding-top-50{
    padding-top: 50px;
}
.padding-top-60{
    padding-top: 60px;
}
.padding-top-70{
    padding-top: 70px;
}
.padding-top-80{
    padding-top: 80px;
}
.padding-top-20{
    padding-top: 20px;
}




.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-bottom-20{
    padding-bottom: 20px;
}
.padding-bottom-30{
    padding-bottom: 30px;
}
.padding-bottom-40{
    padding-bottom: 40px;
}
.padding-bottom-50{
    padding-bottom: 50px;
}
.padding-bottom-60{
    padding-bottom: 60px;
}
.padding-bottom-70{
    padding-bottom: 70px;
}
.padding-bottom-80{
    padding-bottom: 80px;
}



.margin-top-10{
    margin-top: 10px;
}
.margin-top-20{
    margin-top: 20px;
}
.margin-top-30{
    margin-top: 30px;
}
.margin-top-40{
    margin-top: 40px;
}
.margin-top-50{
    margin-top: 50px;
}
.margin-top-60{
    margin-top: 60px;
}
.margin-top-70{
    margin-top: 70px;
}
.margin-top-80{
    margin-top: 80px;
}
.margin-top-90{
    margin-top: 90px;
}
.margin-top-100{
    margin-top: 100px;
}

.margin-bottom-10{
    margin-bottom: 10px;
}.margin-bottom-20{
     margin-bottom: 20px;
 }.margin-bottom-30{
      margin-bottom: 30px;
  }.margin-bottom-40{
       margin-bottom: 40px;
   }.margin-bottom-50{
        margin-bottom: 50px;
    }.margin-bottom-60{
         margin-bottom: 60px;
     }.margin-bottom-70{
          margin-bottom: 70px;
      }.margin-bottom-80{
           margin-bottom: 80px;
       }.margin-bottom-90{
            margin-bottom: 90px;
        }.margin-bottom-100{
             margin-bottom: 100px;
         }


.WebFaq{
    padding-top: 150px;
    text-align: center;
}
.bg-faq{

    background: #222222;
    border: #4d4d4d 1px solid;


}
.bg-faq .card-header{
    border-bottom: #282828 1px solid;
}
.bg-faq .card-body{
    background: #282828;
}

.faq-h1{

    font-size: 55px;
    font-weight: 600;
    line-height: 66.56px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.faq-heading{
    font-size: 32px;
    font-weight: 600;
    line-height: 38.73px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 20px;
}
.card{
    border-radius: 20px;
}
.accordion>.card:not(:last-of-type){
//border-radius: 20px 20px 0 0;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom:0px;

}
.accordion>.card:not(:first-of-type) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;

}
.faq-item-head{
    float: left;
    font-size: 24px;
    font-weight: 500;
    line-height: 29.05px;
    text-align: left;
    color:#ffffff;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;


}
.faq-item-head-btn{
    text-align: right;
    float: right;
    color: white
}

/**/
.FModel-content{

    background:  #1E1E1E;
    border-radius: 20px;
}
.modal-header {
    border-bottom: none;
}

.modal-footer {
    border-top: none;
}

.form-control {
    background-color: #2c2c2c;
    color: white;
    border: none;
    border-radius: 10px;
}

.form-control:focus {
    background-color: #2c2c2c;
    color: white;
    box-shadow: none;
}

.close-btn {
    color: white;
}

.FModel-title{

    font-size: 28px;
    font-weight: 600;
    line-height: 33.6px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}

.FM-Textarea{
    width: 99%;
    height: 126px;
    top: 132px;
    left: 32px;
    padding: 16px;
    gap: 12px;
    color: #c5c5c5;
    border-radius: 12px;
    border: 1px solid #585858;
    background: #1E1E1E;



}
.FM-header{
//align-self: center;
}
.FM-footer{
    align-self: center;
}
.nopadding{
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.trace {
//position: absolute;
    color: #9FE870;
    transform: translate(-50%, -50%);
    &:after {
        content:'';
    }
}

.blog-content a{
    color: var(--primary-green);
}


.numlist  {
    list-style-type: decimal !important;
    padding-left: 40px !important;
}
.numlist li{

    display: list-item !important;
    text-align: -webkit-match-parent !important;
    unicode-bidi: isolate !important;
    list-style-type: decimal !important;
    padding-bottom: 10px;
}


.blogRansomtable {
    width: 100%;
    border-collapse: collapse;
    text-align: left;
    background-color: #222;
    border-radius: 10px;
}
.blogRansomtable th, td {
    padding: 15px;
    border: 1px solid #444;
    box-shadow: 0 0 10px #060606;
}
.blogRansomtable th {
    background-color: #9fe870;
    box-shadow: 0 0 10px #052500;
    color: black;
    text-align: center;
}

.blogRansomtable tr:nth-child(even) td {
    background-color: #1e1e1e;
}
.blogRansomtable tr:nth-child(odd) td {
    background-color: #2b2b2b;
}
.blogRansomtable tr:first-child{
    height: 75px;
    font-size: 18px;

}
.blogRansomtable tr{
    border-radius: 5px !important;
}