@media screen and (min-width: 1200px){

.is-stuck {
    background-color: rgba(255, 255, 255, 0.75) !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 7%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    backdrop-filter: blur(20px) saturate(180%);
}
.main-nav > li > a {
    color: #000 !important;
    font-weight: 600 !important;
}
}
.main-nav > li > a {
    color: rgba(0, 0, 0,) !important;
    font-weight: 600 !important;
}
body::-webkit-scrollbar {
    width: 4px;
}
h1,
h2
h3{
    font-family: 'Poppins', sans-serif !important;
}
h4,
h5,
h6{
    font-family: 'Poppins', sans-serif !important;
}
ul{
    padding-left: 0px !important;
}
p{
    color:#000 !important;
    font-size: 16px !important;
    opacity: 0.80 !important;
}
body{
    overflow-x: hidden;
    font-family: 'Poppins', sans-serif !important;
}
body::-webkit-scrollbar-thumb {
    background: linear-gradient( #2E3192, #1BFFFF );
}
.social-icon i {   
    color: #000 !important;
    font-size: 16px !important;
}
footer .social-icon i {   
    color: #fff !important;
    font-size: 16px !important;
}
.iconbox-xl .iconbox-icon-container img {
    width: 60px !important;
}
.bg-gradient-primary-br { background: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start)), to(rgb(26, 29, 126))) !important; background: linear-gradient(to bottom right, rgb(26, 29, 126) 0%, rgb(17, 245, 245) 100%) !important; }
.iconbox-heading-sm h3 {
    font-size: 16px !important;
    font-weight: 600 !important;
}
.bg-gradient-primary-brr{
    background: transparent;
}
.icon--:hover img{
    filter: brightness(0) invert(1) !important;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.border-color-primary {
    border-image: linear-gradient(to bottom, rgb(46, 49, 146), rgb(27, 255, 255)) 1 !important;
}
/* #about .color-img{
    background: url(../img/logo_white.png);
    background-repeat: no-repeat;
    background-size: auto;
    filter: invert(0);
    background-position: center;
    position: absolute;
    bottom: 25px;
    left: 25px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: black;
} */
.bg-button{
    background: #fff !important;
    color:#000 !important;
    font-weight: 600 !important;
    border: none !important;
}
.bg-button:hover .btn-txt{
    background: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start)), to(rgb(46, 49, 146))) !important; background: linear-gradient(to bottom right, rgb(46, 49, 146) 0%, rgb(27, 255, 255) 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    border: none !important;
}
.footer_logo_btn{
    background: none !important;
    border: none !important;
    padding: 10px;
    color: #fff !important;
}
.footer_logo_btn img {
    width: 70px !important;
    height: auto !important;
    margin-bottom: 2.5px !important;
    padding: 5px !important;
}
.bg-charadee{
    background: #2D323D;
}
.liquid-progressbar-bar {
    
    background-color: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start)), to(rgb(27, 255, 255))) !important; background: linear-gradient(to bottom right, rgb(27, 255, 255) 0%, rgb(46, 49, 146) 100%) !important; 
}
.main-footer .widget-title {
    font-size: 18px;
    margin-bottom: 1.35em;
    color:#fff !important ;
    font-weight: 600 !important;
}
.contact .lqd-custom-menu li {
   color:#000 !important;
  
}
.contact h3{
    font-size: 24px !important;
    font-weight: 600 !important;
}
.lqd-custom-menu li a {
    color:#fff !important;
   
 }
.span-- span{
    color: #fff !important;
}
.bt-fade-white-015 {
    border-top: 1px solid #dddddd !important;
}
.navbar-brand{
    width: 210px !important;
}
.titlebar-inner{
    background-color: #181b311f !important;
  
}
.titlebar-inner h1{
   color: #000 !important;
   text-align: center;
}
.titlebar-inner {
    justify-content: center;
    align-items: center;
    padding-top: 110px !important;
    padding-bottom: 100px !important;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    color: #000;

}
.about img{
    width: 130px !important;
}
.iconbox-side .contents .about-title
{
    font-size: 24px !important;
}
.liquid-progressbar-sm .liquid-progressbar-inner {
    height: 15px !important;
}
.titlebar-scroll-link{
    color: #000 !important;
}
.contact-form textarea {
    /* height: 52px !important; */
    overflow-y: hidden;
    padding-bottom: 2em !important;
}
.is-stuck .main-nav > li > a:hover{
    color:#000 !important
}
.contact p{
    font-size: 14px !important;
}
.fancy-title p{
    color:#000 !important;
    font-size: 16px !important;
    opacity: 0.64 !important;
}
.contact-form input[type=submit], .contact-form button[type=submit] {
   border-radius: 50px !important;
    border: none !important;
    background: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start)), to(rgb(46, 49, 146))) !important; background: linear-gradient(to bottom right, rgb(46, 49, 146) 0%, rgb(27, 255, 255) 100%) !important; 
   
}
.btn-sm.semi-round{
    border-radius: 50px !important;
}
 #contact{
    padding-top: 110px !important;
    padding-bottom: 100px !important;
    position: relative;
    z-index: 2;
    background-color: #181b311f !important;  
    color: #000;
}
.lqd-column.pull-up {
    margin-top: -8% !important;
}
.titlebar-inner h1{
    margin-bottom: 7px !important;
}
.project i{
    font-size: 20px !important;
    padding-right: 5px !important;
    background: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start)), to(rgb(46, 49, 146))) !important; background: linear-gradient(to bottom right, rgb(46, 49, 146) 0%, rgb(27, 255, 255) 100%) !important; 
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 600;
}
.project h2{
    font-size: 30px !important;
    font-weight: 500 !important;
    padding-bottom: 15px;
}
#iconbox-fill-6 i{
    background: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start)), to(rgb(46, 49, 146))) !important; background: linear-gradient(to bottom right, rgb(46, 49, 146) 0%, rgb(27, 255, 255) 100%) !important; 
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-weight: 600;
    font-size: 32px !important;
}
/* #iconbox-fill-6:hover i{
    color: #fff !important;
    -webkit-text-fill-color: #fff!important;
   
} */
.contents p{
    color:#000 !important;
    font-size: 16px !important;
    opacity: 0.64 !important;

}
.h1--{
    font-size: 30px !important;
    font-weight: 500 !important;
    color:#000 !important;
}
.fancy-title h2{
    font-size: 36px !important;
    font-weight: 500;
    margin-bottom: 10px !important;
}
#iconbox-fill-6{
    border: 1px solid #f5ebeb;
    background: #fff;
    box-shadow: 0 2px 8px rgb(0 0 0 / 7%);
    display: flex;
    justify-content: center;
    align-items: center;
}
.section1 img{
    background-repeat: no-repeat !important;
}
.liquid-counter-md .liquid-counter-element{
    font-weight: 400 !important;
}
#iconbox-fill-6 .contents h3{
    margin-bottom: 4px !important;
    font-size: 18px !important;
}
.card_s img{
    height: 200px;
    width: 100%;
    object-fit: cover;
    cursor: pointer;
}
.contact_title{
font-size: 36px !important;
font-weight: 600 !important;
}
.project_btn a{
    border: none !important;
    color: #fff !important;
    background: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start)), to(rgb(46, 49, 146))) !important; background: linear-gradient(to bottom right, rgb(46, 49, 146) 0%, rgb(27, 255, 255) 100%) !important; 
}
.pro .ld-pf-image{
    border: 1px solid #f5ebeb !important;
    background: #fff !important;
    box-shadow: 0 2px 8px rgb(0 0 0 / 7%) !important;
  
}
@media screen and (max-width: 1199px){
[data-mobile-nav-style=modern] .navbar-collapse-clone {
justify-content: flex-start !important;
width: 75vw !important;
top: 5vh !important;
}
}
@media screen and (max-width: 1199px){
    ul.nav.main-nav > li > a {
padding-left: 0px !important;
    
    }
    }
    @media screen and (max-width: 1199px){
[data-mobile-nav-style=modern]:before {
    background: -webkit-gradient(linear, left top, right bottom, from(var(--color-gradient-start)), to(rgb(46, 49, 146))) !important; background: linear-gradient(to bottom right, rgb(46, 49, 146) 0%, rgb(27, 255, 255) 100%) !important; 
}

    }
    @media screen and (max-width: 768px){
        .bg-charadee{
            text-align: center;
        }
        .banner_sec{
            font-size: 36px !important;
            text-align: center;
        }
        .project_title{
            margin-top: 10px !important;
        }
        .fancy-title p{
            font-size: 16px !important;
        }
        .section_2{
            padding-bottom: 0px !important;
        }
        #about{
            padding-top: 0px !important;
        }
        .pro_img{
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .pro_img img{
            width: 60% !important;
        }
        .section1 img{
            height: 70vh !important;
            object-fit: cover;
        }
        .read-more{
            text-align: center;
        }
        /* .span--{
            margin-top: 10px;
        } */
        .project{
            padding-top: 20px;
            padding-top: 20px;    
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        
        .fancy-title h2{
            text-align: center;
            font-size: 36px !important;
        }
        .titlebar-inner {           
            padding-top: 60px !important;
            padding-bottom: 70px !important;           
        }
        .liquid-progressbar-title{
            font-size: 10px !important;
        }
        .titlebar-inner h1{
            font-size: 36px !important;
        }
        .contact_title{
            text-align: left !important;
        }
        #contact {
            padding-top: 60px !important;
            padding-bottom: 70px !important;    
                
        }
        #contact h1{
            font-size: 36px !important;
        }
        .liquid-counter-md .liquid-counter-element {
            font-size: 36px !important;
        }
        #features h2{
            font-size: 22px !important;
            text-align: center;
        }
        .text--{
         
        }
    }
    @media screen and (max-width: 576px){
       .pro{
        display: block !important;
       }
       .card_s img{
        height: auto !important;
       }
    }