/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
body{
  font-family: 'Montserrat', sans-serif;
}

a{
  color:#101732;
}

section#home-banner {
    margin: 0;
    background-color: #0f1732;
    color: #fff;
    background-image: url(../img/slider.jpg);
        padding: 100px 0 60px;
}

.Subtitle {
  font-family: 'Montserrat', sans-serif;
    font-size: 23px;
    padding-bottom: 15px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.18px;
  text-align: left;
  color: #ffffff;
}

.title {
  font-family: 'Montserrat', sans-serif;
    font-size: 55px;
    padding-bottom: 45px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  text-align: left;
  color: #ffffff;
}

section#home-banner .form-control {
    background-color: #fff;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
        padding: 2em;
}

section#home-banner .btn.search{
      font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1px;
    letter-spacing: 0.15px;
    text-align: left;
    color: #ef3e50;
        border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    padding: 2em;
}

section#home-banner .btn.search {
    background-color: #fff;
}


.Rectangle-4 {
    padding: 1em;
    border-radius: 10px;
    background-color: #fbfbfb;
    margin-top: -5em;
    border: 2px solid #f1f1f1;
    box-shadow: 0px 0px 9px 1px rgba(181, 181, 181, 0.15);
}

.icon, .Vector-Smart-Object, .Vector-Smart-Object1 {
  width: 87px;
  height: 67px;
  object-fit: contain;
  mix-blend-mode: multiply;
}

.boxtitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.22px;
  text-align: left;
  color: #111831;
}


.boxtext{
  font-family: 'Montserrat', sans-serif;
  font-size: 14.5px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: 0.15px;
  text-align: left;
  color: #0f142a;
}



.Logo {
  width: 235px;
  object-fit: contain;
}

.Title-copy-3 {
    font-family: Montserrat;
    font-size: 40px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: center;
    color: #111832;
    padding-top: 1.5em;
}

.Subtitle-copy {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.18px;
  text-align: center;
  color: #111832;
  padding-bottom: 1em;
}

.Rectangle-2 {
  border-radius: 10px;
  background-color: #ef3e50;
  border: 2px solid #b93641;
  padding: 3em;
}

.btnPurch {
    background-color: #ffffff;
    border: 2px solid #b93541;
    border-radius: 10px;
    text-align: center;
    padding: 1em;
    margin: 0em 2em;
    margin-top: -2em;
    cursor: pointer;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 800;
    line-height: normal;
    color: #ef3e50;
    cursor: pointer;

    box-shadow: 0px 0px 9px 1px rgb(181 181 181 / 45%);
}

.plantitle {
    font-family: Montserrat;
    font-size: 30px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.18px;
    text-align: center;
    color: #ffffff;
    padding-top: .7em;
    padding-bottom: .7em;
}


.planprice{
  font-family: Montserrat;
  font-size: 55px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.55px;
  text-align: center;
  color: #ffffff;
}

.Shape-6 {
    width: 100px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.Shape-7 {
  width: 162px;
  height: 168px;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.Shape-8 {
  width: 175px;
  height: 168px;
  object-fit: contain;
      margin: 0 auto;
    display: block;
}

.ptone{
    padding-top: 1em;
}


.btnPurch a {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.18px;
  text-align: center;
  color: #ef3e50;
}

.btnPurch:hover{
  background-color: #ef3e50;
  color: #fff;
  text-decoration: none;

}


.SectionFeatures {
    margin-top: -7em;
    /* background-image: url(../img/backgroundFeat.jpg); */
    background-color: #101732;
    height: 720px;
}

.Title-SectionFeatures {
  font-family: Montserrat;
  font-size: 50px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  text-align: center;
  color: #ffffff;
  padding-top: 3em;
}

.Text-SectionFeatures {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.18px;
  text-align: center;
  color: #ffffff;
}


.featuers-title {
    font-family: Montserrat;
    font-size: 28px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.26px;
    color: #ffffff;
}


.featuresdes{
font-family: Montserrat;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.17px;
    text-align: left;
    color: #ffffff;
    padding: 1.1em 0em;
}


section#footer {
  font-family: Montserrat;
    margin: 0;
    padding: 0px;
    background-color: #101732;
border-top: 1px solid #101732;
    font-size: 12px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.18px;
    text-align: left;
    color: #f9f9f9;
}

.pd-5{
  padding-top: 5em;
}

.footer-copyright.text-center.py-3 {
    background-color: #0e152d;
    color: #ffffff;
    padding: .9em;
    font-size: 11px;
    text-transform: uppercase;
}

.p-9 {
    padding: 9em 0em;
}

.Vector-Smart-Object-copy {
  width: 270px;
  height: 46px;
  object-fit: contain;
}

.lifooter{
    font-family: Montserrat;
      font-size: 1.5em;
    padding-bottom: .3em;
        text-align: left;
            line-height: 30px;
}

.lifooter a{
  color: #fff;
      text-decoration: none;
}


.GET-IN-TOUCH {
  font-family: Montserrat;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.75;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}

.What-Is-On-Your-Mind {
font-family: Montserrat;
    font-size: 40px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
        padding-bottom: 1em;
}

.p-contact{
      padding: 3.5em 25em;
}


.contactfiled{
  border-radius: 30px;
    background-color: #f5f5f5;
    height: 45px;
    padding: 6px 25px;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 5;
    letter-spacing: normal;
    text-align: left;
    color: #000000;

}

.btn-contact {
    border-radius: 10px;
    background-color: #e9414f;
    border-color: #e9414f;
    padding: 0.6em 1em;
    font-family: Montserrat;
    font-size: 15px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.18px;
    text-align: center;
    color: #ffffff;
}

.fontawsomFeat {
    font-size: 6em;
    color: #fff;
}

.pt10{
      padding-top: 7em;
}


.list-group-item {
      font-family: Montserrat;
  font-weight: 500;
      font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
  color: #101732;

      
    position: relative;
    display: block;
    margin-bottom: -1px;
    background-color: transparent;
    border-bottom: 1px solid #ddd !important;
}

.list-group-item {
    border-color: transparent;
        border: transparent;
}


.centerfeatuer{
  margin-top: .5rem;
  margin-bottom: .5rem;
}

.mr-1{
      margin-right: 1em;
}

.MyContact {
    background-color: #101732;
    background-image: url(../img/backgroundFeat.jpg);
}

.navbar-main {
    margin-bottom: 0;
    background-color: #e9414f;
    border: 0;
    min-height: 38px;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}


.btn-primary {
    color: #fff;
    background-color: #e9414f;
    border-color: #e9414f;
}

.navbar-main li.account {
    background-color: transparent;
}

.navbar-main .navbar-nav>.active>a, .navbar-main .navbar-nav>.active>a:focus, .navbar-main .navbar-nav>.active>a:hover, .navbar-main .navbar-nav>.open>a, .navbar-main .navbar-nav>.open>a:focus, .navbar-main .navbar-nav>.open>a:hover, .navbar-main .navbar-nav>li>a:focus, .navbar-main .navbar-nav>li>a:hover {
    color: #eee;
    background-color: #da3f4c;
}

.list-group-itemAccount {
    font-size: 1em;
    padding: 10px 20px;
        color: #101832;
    cursor: pointer;    
  }


.list-group-itemAccount:hover {
    background-color: #e9414f;
    color: #fff;
}


ul.list-group a:hover{
  text-decoration: none;
}
.list-group-item:last-child:hover {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group-item:first-child:hover {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

 .list-group-itemAccount a {
    color: #e9414f;
}

.list-group {
    margin-bottom: -5px;
}

ul.top-nav>li>a {
    padding: 6px 10px;
    color: #0f1732;
    line-height: 20px;
    text-decoration: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    font-weight: 600;
}


a#navbarDropdownMenuLink {
    position: relative;
    float: right;
    margin-top: .4em;
    margin-left: -.6em;
}
a#navbarDropdownMenuLink:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f0d7";
  position: absolute;
  top: 0;
 }

 ul.top-nav>li.primary-action>a.btn {
    background-color: #e9414f;
    border-color: #e9414f;
    color: #ffffff;
}

section#header {
    padding: 20px 0;
}

ul.top-nav {
    margin-top: 6px;
  }

  .list-group-horizontal {
    -ms-flex-direction: row;
    flex-direction: row;
}

.list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: 0px;
    padding: 1.5em 1em 1em 1em;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 20px;
    font-stretch: normal;
    font-style: normal;
    line-height: 0px;
    letter-spacing: 0.15px;
}

.pd-15{
      padding-right: 25px !important;
}

.andmore a{
      color: #e9414f;
    text-decoration: none;
}

.andmore{
  float: right;
      font-size: 1.3em;
    font-weight: bold;
}

#clients {
     padding: 60px 0
 }

.clients-wrap {
     border-top: 1px solid #d6eaff;
     border-left: 1px solid #d6eaff;
     margin-bottom: 30px
 }

.client-logo {
     padding: 64px;
     display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     border-right: 1px solid #d6eaff;
     border-bottom: 1px solid #d6eaff;
     overflow: hidden;
     background: #fff;
     height: 160px
 }

 .socialmedia{
      font-size: 1.5em;
    color: #fff;
    padding-right: .3em;
 }

.lifooter a:hover{
    color:#e9414f;
}

.list-unstyled:hover {
    color:#e9414f;
}
 .socialmedia:hover{
  color:#e9414f;
 }

 .payment {
    font-size: 1em;
    color: #fff;
    padding-right: .3em;
}

div.header-lined h1{
      color: #101732;
}


.whitetext{
  color: #fff;
}






.textSizeFe{
  font-size: 1.2em;
  padding: 20px 15px;
}



.panel-heading a:after {
    font-family:'Glyphicons Halflings';
    content:"\2212";
    float: right;
    color: grey;
}
.panel-heading a.collapsed:after {
    content:"\2b";
}

.panel-heading a:after {
  font-family:'Glyphicons Halflings';
  content:"\2212";
  float: right;
  color: grey;
}
.panel-heading a.collapsed:after {
  content:"\2b";
}

.PenTestTitle{
      font-size: 2.3em;
    font-weight: bold;
    color: #101732;
}




@media (max-width:1024px)
{
    .p-contact{
padding: 10em 1em 0em 1em;
    }

    .Rectangle-2 {
    margin-bottom: 1em;
    margin-top: 1em;
}

.Rectangle-4 {
    margin-top: 2em;
  }

 .Vector-Smart-Object-copy {
    margin-top: 5em;
    margin-bottom: 3em;
}

.p-9 {
    padding: 10em 0em 2em 0em;
}

.lifooter {
    text-align: center;
    margin-top: .5em;
}

.pt10 {
    padding-top: 0em;
}

.andmore{
  display: none !important;
}

.pd-15 {
    display: none !important;
}

.Logo {
    width: 160px;
    object-fit: contain;
    padding-top: .7em;
}

.icon, .Vector-Smart-Object, .Vector-Smart-Object1 {
    width: 87px;
    height: 67px;
    object-fit: contain;
    mix-blend-mode: multiply;
    display: block;
    margin: 20px auto;
}

.SectionFeatures {
    margin-top: 20px;
    }

}