.box-item {
    margin-bottom: 15px !important;
    height: 100%; /* Set the height of the div */
    background: linear-gradient(to right, white 50%, transparent 50%), url('images/abstract-gradient-neon-lights.jpg'); /* Create a split background with image */
    background-size: cover; /* Ensure the background image covers the entire div */
    border-radius: 0 10% 10% 120%;
}

h1,h2,h3,h4,h5,h6,p{
  font-family: 'Nunito';
}

.main-heading{
font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 43px;
/* or 83px */
color: #242331;
/* Inside auto layout */

}

.main-text{
font-family: 'Nunito';
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #797979;
padding: 10px 0;
}

.headingTxt{
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-size: 38px;
  line-height: 110%;
  text-align: center;
color: #242331;
}

.headingTxt-new{
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 800;
  font-size: 38px;
  line-height: 110%;
  text-align: left;
color: #242331;
}



#register-btn{
  background-color: #EB1414;;
  font-family: 'Nunito';
font-style: normal;
font-weight: 800;
font-size: 16px;
border-radius: 30px;
border-style: none;
margin: 0 auto !important;
}



.heading{
  margin-left: 5%;
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  color: #242331;
}

.text{
  font-family: 'Nunito';
  font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 157.4%;
/* or 35px */

color: #797979;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
}

.button-text{
  color: black;
  font-style: normal;
font-weight: 700;
font-size: 13px;
line-height: 25px;
}

.button-text:hover{
  color: red;
  text-decoration-line: underline;
}

#feature-box{
  display: inline-block; 
  background-color: pink; 
  padding: 25px 46px; 
  gap: 10px; 
  width: 165px;
  height: 75px;
  background: #FFE1E8;
  border-radius: 39px;
}

#pricing-container{
  margin-left: 1%;
}

#feature-text{

width: 107px;
height: 25px;
right: 50px;
top: 25px;
margin-left: -20%;
font-family: 'Nunito';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 25px;
color: #EB1414;


}

.getStarted{
  text-decoration: none;
}

.text{
  color:grey;
}
#tab-views .text {
  margin: 20px 0;
}
.img-fulid{
  width: 70%;
}

.nav-link {
    background-color: #f9f9f9;
    color: black !important; 
    border-radius: 10px; 
    padding: 10px 20px; 
    transition: all 0.3s; 
    margin-right: 15px;
    font-size: 15px;
    padding: 17px 45px;

}

.nav-link.active {
    
background: #EF0F0F;
border-radius: 10px;
    color: white !important; 
    
}

.getstarted-button{
padding: 11px 33px;
background: #242331;
border-radius: 39px;
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 25px;
/* identical to box height */
color: #FFFFFF;
/* Inside auto layout */
}

.getstarted-button-price{

padding: 25px;
background: #242331;
border-radius: 39px;
font-family: 'Nunito';
font-style: normal;
font-weight: 600;
font-size: 13px;
line-height: 25px;
/* identical to box height */
color: #FFFFFF;
/* Inside auto layout */
}



section {
        padding: 60px 0;
    }
    
    a,
    a:hover,
    a:focus,
    a:active {
        text-decoration: none;
        outline: none;
    }
    
    a,
    a:active,
    a:focus {
        color: #6f6f6f;
        text-decoration: none;
        transition-timing-function: ease-in-out;
        -ms-transition-timing-function: ease-in-out;
        -moz-transition-timing-function: ease-in-out;
        -webkit-transition-timing-function: ease-in-out;
        -o-transition-timing-function: ease-in-out;
        transition-duration: .2s;
        -ms-transition-duration: .2s;
        -moz-transition-duration: .2s;
        -webkit-transition-duration: .2s;
        -o-transition-duration: .2s;
    }
    
    ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    img {
max-width: 100%;
height: auto;
}
.main-title {
  font-family: 'Nunito';
margin-bottom: 50px;
text-align: center;
}

.main-title h1 {
  font-family: 'Nunito';
font-size: 33px;
font-weight: 700;
margin-bottom: 15px;
}

.main-title h2 {
  font-family: 'Nunito';
font-size: 26px;
font-weight: 600;
margin-bottom: 5px;
}

.main-title p{
  font-family: 'Nunito';
font-size: 18px;
margin-bottom: 0;
}
.pricing {
  font-family: 'Nunito';
text-align: center;
margin-bottom: 30px;
position: relative;
z-index: 9;
background: #f9f9f9;
border-radius: 15px;
}

.pricing .title{
  font-family: 'Nunito';
text-align: left;
}

.pricing .price-header {
  font-family: 'Nunito';
width: 100%;
background: #f9f9f9;
padding: 20px;
border-radius: 15px;
}
#pricing-2 .title {
  padding: 20px 0;
  border-bottom: 1px solid #d3d3d3;
}
.pricing .price-header .title {
  font-family: 'Nunito';
margin: 0 0 10px;
font-size: 18px;
font-weight: 600;
color: black;
}

.pricing .price-header .price {
  font-family: 'Nunito';
font-size: 18px;
font-weight: 600;
margin: 0;
color: black;
}

.pricing .content {
  font-family: 'Nunito';
padding: 0px 10px 30px 20px;
background: #f9f9f9;
border-bottom-right-radius: 15px;
  border-bottom-left-radius: 15px;
 
}

.pricing .content ul {
margin: 0 0 20px;
border-top: 1px solid #d3d3d3;
padding-top: 20px;
}

.pricing .content ul li {
padding: 8px 0;
font-size: 12px;
color: #656565;
text-align: center;
}

.pricing.featured .listing-badges {
position: absolute;
top: 0;
z-index: 999;
right: 0;
width: 100%;
display: block;
font-size: 13px;
padding: 0;
overflow: hidden;
height: 100px;
}

.pricing.featured .featured {
float: left;
transform: rotate(-45deg);
left: -67px;
top: 17px;
position: relative;
text-align: center;
width: 200px;
font-size: 11px;
margin: 0;
padding: 7px 10px;
font-weight: 500;
color: #fff;
}
.pricing.featured .featured {
background: #f0151f;
}
.btn-outline {
border: solid 1px #f0151f;
color: #f0151f;
}

.btn-outline:hover {
border: solid 1px #dc141d;
background: #dc141d;
color: #fff;
}
.button-theme {
background: #f0151f;
color: #FFF !important;
}

.button-theme:hover {
background: #dc141d;
color: #fff;
}

.pricing-btn {
padding: 7px 25px 5px;
border-radius: 2px;
font-size: 12px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase;
text-align: center;
}

#pricing-box{
  
            /* Auto layout */
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            padding: 25px 54px;
            gap: 10px;
            width: 136px;
            height: 65px;
            margin-left: 1%;
            background: #EF0F0F;
            border-radius: 39px;
            
            /* Inside auto layout */
            flex: none;
            order: 0;
            flex-grow: 0;
}

#profiles{
margin-top: 2%;
}
.ht-box-icon {
  padding: 15px;
  background-color: #F9F9F9;
  border-radius: 25px;
}
body {
    overflow-x: hidden; 
}

.container-fluid {
    width: 100%; 
}

.infotechno-hero-text {
    width: 100%; 
}

.feature-icon-wrapper {
    width: 100%; 
}

.tabs-wrapper {
    width: 100%; 
}

.pricing-tables {
    width: 100%; 
}
#analytics-container-image {
  padding: 30px;
  margin-top: 20px;
}
@media (min-width: 200px) and (max-width: 767px) {
    #profiles {
      width: 100%;
      margin-left: 0;
    }
    #secured-container {
      margin: 0 !important;
      padding: 25px 40px !important;
    }
    #secured-container .text.txt {
      margin: 0 !important;
      text-align: center !important;
    }
    #pricing-box{
      width: 95px;
      height: 45px;
      margin-top: 60px;
      margin-right: auto !important;
    margin-left: auto !important;
    }
.footer {
  padding: 40px;
}
.footer__nav.col-sm-2 {
  margin-bottom: 40px;
}
.infotechno-hero.infotechno-bg .row.align-items-center {
  padding-top: 0 !important;
}
.header {
  position: relative !important;
}
#nav-menu {
  background-color: #000 !important;
}
    .headingTxt-new{
      text-align: center;
      font-size: 22px;;
      width: 100% !important;
    }

    .main-heading{
      font-size: 20px !important;
    }

    .main-text{
      font-size: 12px !important;
      width: 100%;
    }

    #register-btn{
      font-size: 10px;
    }

      .getstarted-button{
        font-size: 10px;

      }

      .getstarted-button-price{
        margin-top: 0%;
      }
      
      .headingTxt{
        font-size: 22px !important;
      }

  

      #card-texts{
        text-align: center;
      }

    

      #howitwork{
        text-align: center;
      }

      #how-it-works-work{
        text-align: center;
      }

     #pricing-header{
      text-align: center;
     }

     #simple{
      text-align: center !important;
     }

  }

  
@media (min-width: 768px) and (max-width: 1024px) {

  .main-heading{
    font-size: 30px;
  }
  .menu a {
    font-size: 14px;
    margin-left: 20px;
  }
  .main-text{
    font-size: 15px;
    width: 50%;
  }

  #register-btn{
    width: 100%;
  }

  .main-heading{
    width: 100%;
    font-size: 30px;
  }

  .main-text{
    width: 100%;
      
      }
      #pricing-2 h3 {
        font-size: 21px !important;
      }
     .secured{
      width: 100% !important;
     }

     #pricing-head{
      text-align: center !important;
     }

     #simple{
      text-align: center !important;
     }
     .headingTxt {
      font-size: 28px !important;
     }

}