/*  *****************************************************************************************************************/
/***/
/** FILE NAME: mainwebsite.css*/
/** DATABASE OBJECT NAME: */
/** FUNCTIONALITY: It Provides color, structure and style to all our mainwebiste templates */
/** OBJECT DESCRIPTION: */
/***/
/** HISTORY*/
/** =======*/
/***/
/** VERSION DATE AUTHOR(S) DESCRIPTION*/
/*--------------------------------------------------------------------------------------------------------------*/
/** 1.0 15-SEP-2021 Deep Raval Initial version*/


/*  *****************************************************************************************************************/
/***/
/** FILE NAME: Editing of their bottstarp classes*/
/*--------------------------------------------------------------------------------------------------------------*/
*:not(i):not(.fa){
    font-family: "Google Sans",Roboto,Arial,Helvetica,sans-serif !important;
}
  
  
.welcome-area .background-shape .background-colour .circle1 {
    width: 2200px;
    height: 2200px;
    border-radius: 50%;
    /*background: rgba(255, 255, 255, 0.12);*/
    background: #424857;
    position: absolute;
    z-index: -30;
    top: -1100px;
    right: -1100px; }
    
.change-bg {
  position: relative;
  z-index: 2;
  height: 100vh;
  background-color: #191f2d;
  overflow: hidden; }
  
 .saasbox-portfolio-area {
    position: relative;
    z-index: 5;
    }
    
.clc-section-padding-120 {
    padding-top: 50px;
    padding-bottom: 30px;
}

.clc1-section-padding-120 {
    /*padding-top: 50px;*/
    padding-bottom: 30px;
}

.but {
    /*border : solid;*/
    border-color: #999999;
    border-radius: 4px;
    width: 60%;
    margin: 4px;
    margin-left: 240px;
    text-align: center;
    padding-top: 4px;
    font-weight: 400;
    background-color: #f4f4ff;
    margin-bottom: 20px;
    color: black;
    padding-bottom: 4px;
}

.detailfeatures h4{
    font-family: "Inter", sans-serif;
    color: #1f0757;
    line-height: 1.3;
    font-weight: 500;
}

.but:hover {
    background-color: #999999;
    color:white;

}

.header2 .classynav ul li a {
  color: white; }
  .header2 .classynav ul li a:hover, .header2 .classynav ul li a:focus {
    color: blue; }
    
.featuresdetails .animated-heading  span b{
    font-weight: 400;
    font-size: small;
    margin-left: 0.5rem;
    color: #999999; 
}

.section-padding{
    margin-top: 20px;
}

.icons-social{
  width: 10% ;
  margin-right: 2rem !important;
  margin-left: 2rem !important;
}
/*  *****************************************************************************************************************/


/*  *****************************************************************************************************************/
/***/
/** FILE NAME: clc-about-us.html*/
/*--------------------------------------------------------------------------------------------------------------*/

.breadcrumb-about-us{
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: center;
    background-size: cover;
    /*opactiy: 60% !important;*/
}
  /*.breadcrumb--area{*/
  /*  opacity: 0.6;*/
  /*}*/
.card-products img{
    margin-bottom: 10px;
}
.container-about-us p{
    color: black;
    margin-bottom: 3rem;
    margin-top: 2rem;
  }
/*  *****************************************************************************************************************/

  
/*  *****************************************************************************************************************/
/***/
/** FILE NAME: clc-contact-us.html*/
/*--------------------------------------------------------------------------------------------------------------*/
  
   .breadcrumb-contact-us{
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: center;
        background-size: cover;
      }
      .breadcrumb--area{
        opacity: 0.6;
      }
      .card-products img{
        margin-bottom: 10px;
      }
      .container-conatct-us{
        max-width: 95% ;
      }
      .container-contact-us p{
        margin-bottom: 3rem;
        margin-top: 2rem;
      }
      .register-form{
        background-color: #f4f4ff;
        padding: 16px;
      }
      .contact-side-info p{
        color: black !important;
      }
      .map-form-main{
        display: grid !important;
        grid-template-columns: 1fr 1fr;
      }
      .map-outer, .form-outer{
        width: 100%;
      }
      .saasbox-main{
        padding-top: 30px !important;
      }
      .form-label{
        color: black !important;
      }
      

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

  
/*  *****************************************************************************************************************/
/***/
/** FILE NAME: clc-feature.html*/
/*--------------------------------------------------------------------------------------------------------------*/
/*  *****************************************************************************************************************/

  
/*  *****************************************************************************************************************/
/***/
/** FILE NAME: clc-feature.html*/
/*--------------------------------------------------------------------------------------------------------------*/
    .breadcrumb-feature{
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: center;
        background-size: cover;
        /*opactiy: 60% !important;*/
      }
      /*.breadcrumb--area{*/
      /*  opacity: 0.6;*/
      /*}*/
      .card-products-feature img{
        margin-bottom: 10px;
      }
      .container-feature{
        margin-bottom: 2rem;
      }
      
      
      
      
      
/*  *****************************************************************************************************************/

  
/*  *****************************************************************************************************************/
/***/
/** FILE NAME: clc-index.html*/
/*--------------------------------------------------------------------------------------------------------------*/
.container-index{
      max-width: 95%;
    }
      .product-info-individual{
        background-color: #9e9e9e8c;
        /*opacity: 0.4;*/
      }
      .mfp-content-2{
        background-color: white;
        border-radius: 10px;
        padding: 1rem;
        font-size: 1.5rem;
        max-width: 80% !important;
        max-height: 80vh !important;
      }
      .mfp-content-2 img{
        max-height: 65vh;
        position: relative;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
      }
      .featuresdetails b{
        font-size: 1rem !important;
        color: #1f0757 !important;
      }
      .mfp-bottom-bar .mfp-title {
        line-height: 2 !important;
        color: #ffffff;
        /*font-size: 1rem;*/
        font-size: 14px !important;
        background-color: var(--secondarycolor) !important;
        padding: 4px 14px;
        margin-right: 0.5rem;
      }
      .mfp-bottom-bar .mfp-counter {
        background-color: var(--secondarycolor) !important;
      }
      /*.slider-main{*/
      /*}*/
      .slider-main-inner{
        display: grid !important;
        grid-template-columns: 1fr 1fr 1fr 1fr !important;
        grid-template-rows: 1fr !important;
        grid-gap: 20px;
        min-width: 120%; 
      }
      .slider-content-inner{
        position: sticky !important;
        /*left: 0 !important;*/
        /*top: 0 !important;*/
        width: 100%;
        margin: 0 !important;
        padding: 0 !important;
        transition: none;
      }
       @media only screen and (max-width: 700px){
        .slider-main-inner{
          display: block !important;
          grid-template-columns: none !important;
          grid-template-rows: none !important;
          grid-gap: none;
          min-width: none; 
          border-radius: 10px;
        }
        .header2 .classynav ul li a {
  color: #1f0757 !important; }
        .slider-content-inner{
          display: none ;
          grid-template-columns: none !important;
          grid-template-rows: none !important;
          grid-gap: none;
          width: none;
        }
        
        .slider-content-inner.active{
          display: block;
          top: 0px !important;
          transition: 0.6s ease-in-out;
        }
        
       }
      
      /*.slider-content-inner img{*/
      /*  max-width: 30% !important;*/
      /*}*/
      .industries-main-try{
        position: relative;
      }
      .forward-button{
        position: absolute;
        top: 20%;
        width: 6%;
        right: -3%;
        height: 80%;
        z-index: 1000;
        display: flex;
        background-color: white;
        justify-content: center;
      }
      .backward-button{
        position: absolute;
        top: 20%;
        width: 6%;
        left: -3%;
        height: 80%;
        z-index: 1000;
        display: flex;
        background-color: white;
        justify-content: center;
      }
      .forward-button button,.backward-button button{
        font-size: 3rem;
        align-self: center;
        border: 1px solid var(--secondarycolor);
        background-color: var(--secondarycolor);
        font-weight: 100;
        border-radius: 10px;
        outline: none;
        color: white;
        /* display: flex; */
        /* justify-self: center; */
        /* align-content: space-between; */
        justify-self: center;
      }
      /*.clicked{*/
      /*  left: -60%;*/
      /*}*/
      .portfolio-menu .text-center .mb-80{
        margin-top: 2rem;
      }
      .features-content{
        display: grid;
        grid-template-columns: 40% 60%;
        grid-template-rows: 1fr;
        gap: 10px;
      }
/*  *****************************************************************************************************************/

  
/*  *****************************************************************************************************************/
/***/
/** FILE NAME: clc-industries.html*/
/*--------------------------------------------------------------------------------------------------------------*/
    .industries-info{
      margin-bottom: 2rem;
    }
      .breadcrumb-industries{
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: center;
        background-size: cover;
        /*opactiy: 60% !important;*/
      }
      /*.breadcrumb--area{*/
      /*  opacity: 0.6;*/
      /*}*/
      .card-products-industries img{
        /*margin-bottom: 10px;*/
        padding-top: 3rem;
      }
      /*.container p{*/
      /*  margin-bottom: 3rem;*/
      /*  margin-top: 2rem;*/
      /*}*/
      .industries-info img{
        padding-top: 3rem;
      }
      .industries-light li{
        list-style: disc;
        color: black !important;
      }
      .industries-dark li{
        list-style: disc;
        color: white !important;
      }
      .industries-info{
        display: grid;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px;
      }
      .industries-dark{
        background-color: #0d0033 !important;
        margin-bottom: 2rem !important;
        padding: 20px !important;
      }
      .industries-light p {
        color: black;
      }
      .industries-dark p{
        color: white;
      }
      .industries-dark h3{
        color: white;
        /*font-size: 2.75rem !important;*/
      }
      .container-industries, .container-lg, .container-md, .container-sm, .container-x{
        width: 95%;
        padding-left: 0px;
        padding-right: 0px;
      }
      @media only screen and (max-width: 700px){
        .industries-info{
          display: flex;
          flex-direction: column;
        }
      }
      
   /*  *****************************************************************************************************************/

  
/*  *****************************************************************************************************************/
/***/
/** FILE NAME: clc-login.html, clc-register.html*/
/*--------------------------------------------------------------------------------------------------------------*/   
    .register-fields{
        display: grid !important;
        grid-template-columns: 49% 49% !important;
        gap: 10px;
      }
      .acc-info{
        display: grid !important;
        grid-template-columns: 50% 50% !important;
      }
      .register-form{
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
      }
      .image-col{
        height: 100% !important;
      }
      .register-container{
        display: grid !important;
        grid-template-columns: 50% 50% !important;
      }
      .register-container-inner{
        width: 100% !important;
      }
      .register-card{
        padding: 0rem !important;
      }
      .form-group{
        margin-bottom: 0.5rem !important;
      }
      .password-reg button{
        background: none;
        outline: none;
        border: none;
        font-size: 1rem;
      }
      .reg-checkbox{
        padding-bottom: 0.5rem;
      }
      .reg-checkbox input{
        margin-right: 1rem;
        margin-left: 1rem;
      }
      .toggle-password{
        position: absolute;
        top: 38%;
        right: 5%;
      }
      .login-main{
        padding-bottom: 200px;
      }
      @media only screen and (max-width: 700px){
        .image-col{
          display: none;
        }
        .register-container{
          display: grid !important;
          grid-template-columns: 100% !important;
        }
        .acc-info{
          display: grid !important;
          grid-template-rows: 60% 40% !important;
          grid-template-columns: 100% !important;
        }
        .paypal-button-container{
          display: grid !important;
          grid-template-columns: 1fr 1fr !important;
          grid-gap: 10px !important;
        }
        .login-main{
          padding-bottom: 70px;
        }
      }
      
      .footer-main{
          position: inherit;
          width: 100%;
          bottom: 0;
      }
      
   /*  *****************************************************************************************************************/

  
/*  *****************************************************************************************************************/
/***/
/** FILE NAME: clc-pricing.html*/
/*--------------------------------------------------------------------------------------------------------------*/   
 .breadcrumb-pricing{
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: center;
        background-size: cover;
        /*opactiy: 60% !important;*/
      }
      /*.breadcrumb--area{*/
      /*  opacity: 0.6;*/
      /*}*/
      .card-products img{
        margin-bottom: 10px;
      }
      .container-pricing p{
        margin-bottom: 3rem;
        margin-top: 2rem;
      }
      .heading-price{
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: 1fr;
        width: 100%;
        align-items: center;
        justify-content: center;
      }
      .heading-price h3{
        font-size: 2rem;
        justify-self: center;
      }
      .heading-price p{
        font-size: 1.5rem;
        background: #1f0757;
        color: white;
        width: 100%;
        padding: 10px
      }
      .pricing-plan-1{
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
        grid-template-rows: 1fr;
        grid-gap: 10px;
        height: 100%;
      }
      .pricing-plan-inner{
        width: 100%;
      }
      .pricing-plan-inner .pricing-card{
        height: 95%;
        padding: 30px !important;
      }
      
.forgot-password:hover{
  cursor: pointer
}



.classy-navbar-toggler span{
  display: block !important;
}

.social-media-buttons{
  display: grid; 
  grid-template-columns: 1fr 1fr 1fr 1fr; 
  grid-template-rows: 1fr; 
  gap:5px;
}
.social-media-buttons img{
   width: 100%;
  border-radius: 50% ;
  margin:10px;
  /*height: 100px;*/
  padding: 5px;
}
@media only screen and (max-width: 700px){
  .social-media-buttons{
    width: 50%;
    gap: 0px;
  }
  .social-media-buttons a{
      display: flex;
      justify-content: center;
  }
}

.price-tabs{
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
  gap: 10px;
}
.price-single-tab{
  width: 100% !important;
}

/*  *****************************************************************************************************************/
/***/
/** FILE NAME: clc-blog-card.html*/
/*--------------------------------------------------------------------------------------------------------------*/   
 .breadcrumb-blog{
        background-repeat: no-repeat;
        background-origin: content-box;
        background-position: center;
        background-size: cover;
        /*opactiy: 60% !important;*/
      }
      
/*  *****************************************************************************************************************/
/***/
/** FILE NAME: clc-index_gm.html*/
/*--------------------------------------------------------------------------------------------------------------*/  
  
  
  
  
  @media only screen and (max-width: 1000px){
    .card-body {
              grid-template-columns: 50% 50%;
    }
    .motive-img{
              
              width:70% !important;
              height:60%;
            }
  }
  @media only screen and (max-width: 700px){
    .card-body {
              display: flex;
              flex-direction: column;
              width: 100%;
    }
    .motive-img{
              width:100% !important;
              /*height:60%;*/
            }
    .industries-middle{
      width: 100%;
    }
    .industries-outer{
      flex-direction: column;
    }
  }
  
  .btn.portfolio-btn{
    font-size:21px !important;
  }
  
/*  @media only screen and (max-width: 1368px){*/
/*   .card-body{*/
/*        display: grid;*/
/*        grid-template-columns: 30% 70%;*/
/*        gap: 16px;*/
/*        font-weight: 500 !important;*/
/*            align-items: center;*/
/*      }*/
      
/*      .motive-img{*/
/*                    grid-template-columns: 70% 30%;*/
/*                    width:100% !important;*/
/*                     height:60%;*/
/*}*/
/*  }*/
  
  /*@media only screen and (max-width: 1400px){*/
    
  /*  .card-body {*/
  /*            grid-template-columns: 50% 50%;*/
  /*  }*/
  /*  .motive-img{*/
  /*            max-width:50% !important;;*/
  /*            height:50%;*/
  /*          }*/
  /*}*/