:root{

    --theme-color:#E20B0B;

    --white-color:#fff;

    --black-color:#000;

    --body-color:#f7f6fb;

}


html{
    overflow-x: hidden;
}


body{

background-color: var(--body-color) !important;
overflow-x: hidden;

}



/* commom */



.common-heading > span{

    color: var(--theme-color);

}

.owl-carousel .owl-dots .owl-dot:before{

    border: 1px solid var(--theme-color);

}

.owl-carousel .owl-dots .owl-dot:after{

    background: var(--theme-color);

}

input{

    accent-color: var(--theme-color);

}

.btn-div-common {

    margin-top: 40px;

}



.link-hover a:hover {

    color: var(--theme-color) !important;

}



#scrollUp{

    background: url(../images/icons/up-arrow.svg) var(--theme-color);

    background-repeat: no-repeat !important;

    background: url(../images/icons/up-arrow.svg) var(--theme-color);

    background-position-y: 10px;



}



.s-block{

    border: 1px solid #e20b0b33;    

}



.form-block input:focus, .form-block textarea:focus {

    border-bottom: 2px solid var(--theme-color);

}



.cursor { 

    background: linear-gradient(to right, #e20b0b2f 0%,#e20b0b36 100%);    

}



.logo-pre {

    background: none;

    width: 200px;

    height: 200px;    

}



.onloadpage{

    background: #fdfdfd;

}



.bg-b {

    background-image: linear-gradient(to right, #673AB7 0%,#e20b0b 36%,#e20b0b 65%,#673AB7 100%);

}



/* Start Buttons */





.bg-btn5 {

    background: var(--theme-color); 

    background-image: linear-gradient(45deg,#e20b0b 0%,#e20b0b 50%,#e20b0b 100%);    

    box-shadow: 0 10px 15px 0px #e99e9e73;

    display: inline-block !important;



}



.bg-btn-balck {

    background: var(--black-color); 

    background-image: linear-gradient(45deg,#000 0%,#000 50%,#000 100%);    

    box-shadow: 0 10px 15px 0px #413c3c73;

    display: inline-block !important;



}





/* Start Header */



div.custom-nav > ul > li.sbmenu > a:after{

    background: var(--theme-color);

}





.logo-text{

    color: var(--white-color);

    font-weight: 700;

    font-size: 20px;

}

.main-header.sticky .logo-text{

    color: var(--theme-color);

}



.dsk-logo .nav-brand img {

    max-height: 60px;

}



.header-top{

    height: 40px;

    display: none;

}



a.smllbtnn2 {

    line-height: 45px;

    color: #fff;

    border-radius: 8px;

    padding: 0 20px;

    border: 0;

    border-radius: 50%;

    width: 45px;

    height: 45px;

    display: flex !important;

    justify-content: center !important;
    text-decoration: none;

}



.sticky-whatsapp{

    position:fixed;

    z-index: 100;

    bottom: 80px;

    right: 15px;

}



.sticky-whatsapp a img{

    width: 55px;

    height: 55px;

    object-fit: cover;

}











/* Start Hero Section */



.hero-style .slide-title, .hero-style .slide-text, .hero-style .slide-btns {

    max-width: 700px;

}





/* Start what we do */



a.view-down-btn{

    font-size: 14px;

    display: flex;    

    align-items: center;

    text-align: center;

    justify-content: center;

    gap: 5px;

    color: var(--theme-color);

    font-weight: 600;

}

a.view-down-btn i{

    margin-top: 3px;

}



a.view-down-btn[aria-expanded="true"] i{

    transform: rotate(180deg);

}





/* Start Testimonial */



.testinomial-lcontent p{

    color: var(--white-color);

}

.testinomial-lcontent h5{

    color: var(--white-color);

    margin-top: 5px;

}



.testinomial-section-bg{

 position: relative;

}



.testinomial-section-bg .owl-carousel .owl-dots{

    background: transparent;

}



.testinomial-section-bg::before{

    content: '';

    position: absolute;

    background-image: url('../images/home/testimonial.png');

    background-size: cover;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0;



}



.testinomial-section-bg::after{

    content: '';

    position: absolute;

    background-color: rgba(0, 0, 0, 0.8);

    background-size: cover;

    height: 100%;

    width: 100%;

    left: 0;

    top: 0; 

}



.testinomial-section-bg .testimonial-card .t-text p {

color: var(--white-color);

}

.testinomial-section-bg .user-info h5, .testinomial-section-bg .user-info p {

    color: var(--white-color);

}





/* Start Blog */



.blog-section .item-info {

    padding: 20px 20px 40px 20px; 

    background: var(--white-color)

}



.gallery-items{

    border-radius: 10px;           

}

.gallery-img-div{

    overflow: hidden; 

    border-radius: 10px;       

}



.gallery-items:hover img{

 transform: scale(1.1);

 transition: all 0.2s linear;

}



.gallery-items img{

    border-radius: 10px;

    display: block;

    width: 100%;

    object-fit: cover;

    transition: all 0.2s linear;

}

.gallery-content{

    padding: 20px;

    background-color: var(--white-color);

}

.gallery-content h6{

    font-size: 20px;

}



.case-study-section .tab-content{

    margin-top: 50px;

}



.case-study-section .nav-tabs{

    gap: 20px;

}



.case-study-section .tabs-layout{

    margin-top: 30px;

}



.case-study-section  .tabs-layout .nav-tabs .nav-link.active {

    background-color: var(--theme-color);

    border-color: var(--theme-color);

}





.case-study-section .tab-content .col-auto{

    width: 33.33%;

}



/* Start footer */



.footer-logo .nav-brand img{

    height: 60px;

}



.list-check {

    margin: 20px auto 0 auto;

    width: 80%;    

}

.list-check li{

   text-align: left;

   line-height: 30px;

   position: relative;

   color: #000;

   font-size: 15px;

}

.list-check li i{

  color: #000;

 }



 .owl-carousel .user-image img {

    border-radius: 100%;

    width: 60px;

    height: 60px;

    object-fit: cover;

}



.sub-menu-column ul li a:hover,

.sub-menu-column ul li a:active{

    color: var(--theme-color);

}



.common-heading.ptag p {

    font-size: 22px !important;

}



.hc-offcanvas-nav li:not(.custom-content) a:hover,

.hc-offcanvas-nav li:not(.custom-content) a:active{

color:var(--theme-color);

}



canvas {

    max-width: 100%;

  }



  .refresh-captcha{

    width: 50px !important;

    background-color:#ededed;

    border: none;

    outline: none;

    box-shadow: none;

  }  

  .refresh-captcha:focus{

    box-shadow: none;

  }

  .form-block button:hover {

    background-color:transparent;

}



.hero-slider .slide-inner:before{

    opacity: initial;

    background: rgba(0,0,0,0.5);

}

.hero-slider .slide-inner{

    /* background-size: 100% 100%; */

    background-size: cover;

}



.tier-bg-text{

    display: flex;

}





.business-intelligent-section-2{

    margin-top: 30px;

}



.marquee .marquee-text{

    font-size: 100px;

    color: var(--black-color);

    font-weight: bold;

}







  .marque-text2  .marquee-text{

 color: var(--black-color);

 -webkit-text-fill-color: transparent;

 -webkit-text-stroke-color: currentColor;

 -webkit-text-stroke-width: .012em;

}



.common-heading > span{
    color: var(--theme-color);
}







/* Responsive ==========================================================================*/





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

    /* .pad-tb {

        margin-bottom: 80px !important;

    } */

    .mt100 {

        margin-top: 80px !important;

    }

    .pb100{

        padding-bottom: 80px !important;

      }

      .case-study-section .tab-content .col-auto{

        width: 50%;

    }

    }

    



@media only screen and (max-width: 767px){

.mb100 {

    margin-bottom: 60px !important;

}

.mt100 {

    margin-top: 60px !important;

}



.pb100{

  padding-bottom: 60px !important;

}

.case-study-section .tab-content .col-auto{

    width: 100%;

}

.tabs-layout .nav-tabs .nav-link{

    margin: 0 !important;

}

.blog-section .single-card-item {

    margin-top: 30px;

}

.clients-logos ul li {    

    padding: 0px 0 0 0;

}

.clients-logos {    

 padding-top: 30px;

}

.s-block {

    padding: 30px 15px;

}

.list-check {    

    width: 100%;

}

.contactinfo a { 

    font-size: 17px;    

}

.business-intelligent-section-1{
    padding-top: 60px !important;
}

.business-intelligent-section-2{
    padding-top: 50px !important;
    margin-top: 0;
}

.marquee .marquee-text {
    font-size: 40px;    
}

.logo-pre { 
    width: 100px;
    height: 100px;
}

html .pt100 {
    padding-top: 60px;
}
html .mb60 {
    margin-bottom: 30px;
}


.common-heading h2 {
    margin-bottom: 20px;
}



}




@media (max-width: 1150px){

    a.smllbtnn2 {  

        margin-right: 20px;

        width: 40px;

        height: 40px;

        line-height: 40px;

    }

    }