@import url('https://fonts.googleapis.com/css2?family=Rokkitt:ital,wght@0,100..900;1,100..900&display=swap');
.color-theme-default{
    --theme-color-1: #e77e23;
    --theme-color-2: #080602;
    --theme-color-3: #666;
    --theme-form-border: #dfdfdf;
    --theme-color-white: #fff;
    --theme-color-black: #000;
    --theme-color-gray: #f7f8f9;
    --theme-color-dark: #080602;
    --theme-footer-color: #999;
    --theme-footer-background: #080602;
    --theme-font-1: 'Rokkitt', sans-serif;
    --theme-global-gradient-background-1: #fff;
    --theme-global-gradient-background-2: #f7f8f9;
   --theme-global-gradient-deg: 180deg
}
.color-theme-blue{
    --theme-color-1: #3e8ca4;
  --theme-color-2: #080602;
  --theme-color-3: #666;
  --theme-form-border: #dfdfdf;
  --theme-color-white:  #f8f4e9;
  --theme-color-black: #000;
  --theme-color-gray: #f0f7fb;
  --theme-color-dark: #080602;
  --theme-footer-color: #999;
  --theme-footer-background: #082c36;
  --theme-font-1: 'Rokkitt', sans-serif;
  --theme-global-gradient-background-1: #f8f4e9;
  --theme-global-gradient-background-2: #f0f7fb;
  --theme-global-gradient-deg: 180deg;
}
.color-theme-blue .pricing .item::before {
    background-image: linear-gradient(145deg, var(--theme-color-1), #033949);
  }
  
  .color-theme-blue .testimonials.testimonials-1::after {
    background: radial-gradient(circle, rgba(99, 210, 255, 0.5) 0%, rgba(208, 186, 136, 0) 56%, rgba(215, 215, 215, 0) 100%) !important;
  }
.color-theme-green{
    --theme-color-1: #3b8f49;
    --theme-color-2: #080602;
    --theme-color-3: #666;
    --theme-form-border: #dfdfdf;
    --theme-color-white: #f9f5f0;
    --theme-color-black: #000;
    --theme-color-gray: #e0f0e5;
    --theme-color-dark: #080602;
    --theme-footer-color: #999;
    --theme-footer-background:#1a2e22;
    --theme-font-1: 'Rokkitt', sans-serif;
    --theme-global-gradient-background-1: #f9f5f0;
    --theme-global-gradient-background-2: #e0f0e5;
    --theme-global-gradient-deg: 180deg;
}
.color-theme-green .pricing .item::before {
    background-image: linear-gradient(145deg, var(--theme-color-1), #03491a);
  }
  
.color-theme-green .testimonials.testimonials-1::after {
    background: radial-gradient(circle, rgba(99, 255, 105, 0.5) 0%, rgba(208, 186, 136, 0) 56%, rgba(215, 215, 215, 0) 100%) !important;
  }
.color-theme-pink{
    --theme-color-1: #d34895;
  --theme-color-2:#3a2a36;
  --theme-color-3: #666;
  --theme-form-border: #dfdfdf;
  --theme-color-white:#f5f0f4;
  --theme-color-black: #000;
  --theme-color-gray: #e8dde6;
  --theme-color-dark: #080602;
  --theme-footer-color: #999;
  --theme-footer-background: #2a1e28;
  --theme-font-1: 'Rokkitt', sans-serif;
  --theme-global-gradient-background-1: #f5f0f4;
  --theme-global-gradient-background-2: #e8dde6;
  --theme-global-gradient-deg: 180deg;
}
.color-theme-pink .pricing .item::before {
    background-image: linear-gradient(145deg, var(--theme-color-1), #570a35);
  }
  
.color-theme-pink .testimonials.testimonials-1::after {
    background: radial-gradient(circle, rgba(255, 99, 198, 0.5) 0%, rgba(208, 186, 136, 0) 56%, rgba(215, 215, 215, 0) 100%) !important;
  }
 
  .color-theme-red{
    --theme-color-1: #F44336;
    --theme-color-2: #ffffff;
    --theme-color-3: #666;
    --theme-color-body:#cfcaca;
    --theme-form-border: #dfdfdf;
    --theme-color-white: #1e1e1e;
    --theme-color-black: #000;
    --theme-color-gray: #252525;
    --theme-color-dark: #080602;
    --theme-footer-color: #999;
    --theme-footer-background: #0a0a0a;
    --theme-font-1: 'Rokkitt', sans-serif;
    --theme-global-gradient-background-1: #080602;
    --theme-global-gradient-background-2: #252525;
    --theme-global-gradient-deg: 180deg;
  }
  .color-theme-red .pricing .item::before {
    background-image: linear-gradient(145deg, var(--theme-color-1), #7c0800);
  }
  .color-theme-red body,
  .color-theme-red .blog .item .author-area .item-meta{
    color: var(--theme-color-body);
  }
  .color-theme-red .badge.badge-dark{
background: var(--theme-color-gray);
  }
  .color-theme-red .teams.teams-1 .item .info .name p,
  .color-theme-red  .teams.teams-1 .item .info .title p,
  .color-theme-red .main-slide .item .container .content .title,
  .color-theme-red .counter .item ,
  .color-theme-red .project .item .content,
  .color-theme-red .testimonials.testimonials-2 .testimonials-slider .item .text,
  .color-theme-red .testimonials.testimonials-2 .testimonials-slider .item .info,
  .color-theme-red .footer-menu a,
  .color-theme-red .footer-list a,
  .color-theme-red footer .footer-list.social-media a,
  .color-theme-red .testimonials.testimonials-1 .item .content ,
  .color-theme-red .hero-wrapper  .content .title,
  .color-theme-red .dropdown-item,
  .color-theme-red  .pricing .item .item-header .title ,
  .color-theme-red  .about-us .features .features-content,
  .color-theme-red .about-us .skills,
  .color-theme-red .contact-box,
  .color-theme-red .contact-form-box,
  .color-theme-red .blog-widgets .widget.widget-writers .profile-list li span,
  .color-theme-red  .profile-card,
  .color-theme-red  .project-detail .subtitle,
  .color-theme-red .project .project-detail .subtitleб
  .color-theme-red .project .project-detail .content-group .detail-list ul,
  .color-theme-red  .project-detail .content-group .detail-list ul,
  .color-theme-red  .project-detail .content-group .detail-list .tags span,
  .color-theme-red  .teams.teams-2 .item .info p,
  .color-theme-red .teams.teams-1 .item:hover .info .name p ,
  .color-theme-red .message,
  .color-theme-red .loading,
  .color-theme-red .form-control,
  .color-theme-red .form-check-label,
  .color-theme-red .blog-widgets .widget.widget-last-blogs .recent li a ,
  .color-theme-red .blog-widgets .widget.widget-categories ul li span,
  .color-theme-red .success-message,
  .color-theme-red .menu-theme .navbar-toggler i
  {
    color: #ffff;
  }
  .color-theme-red .form-control:focus{
    color: #000;
  }
  .color-theme-red .teams.teams-1 .item:hover .info .name a,
  .color-theme-red .footer-menu a:hover,
  .color-theme-red .footer-list a:hover,
  .color-theme-red .contact-box a:hover{
   color:  var(--theme-color-1);
  }
  .color-theme-red .services .item .service-card,
  .color-theme-red .accordion-button ,
  .color-theme-red .accordion-body {
     background:  #1e1e1e;
     color: #ffff;
  }
  .color-theme-red .theme-btn.type-2
   {
    color: #ffff;
    border-color: #ffff;
  }
  .color-theme-red .menu-theme .navbar-toggler{
    border-color: #ffff;
  }
  .color-theme-red .btn-close{
    filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(103%) contrast(103%);
  }
  
  .color-theme-red .faq .accordion-item .accordion-header .accordion-button::after{
    filter: invert(100%) sepia(62%) saturate(325%) hue-rotate(244deg) brightness(114%) contrast(100%);
  }
  .color-theme-red  .color-theme-white,
  .color-theme-red footer.footer-dark ,
  .color-theme-red .menu-theme .nav-link{
    color: #ffff !important;
  }
  .color-theme-red  .main-slide .item.item-overlay::after{
    background: #1e1b1b;
  }
  @media screen and (min-width: 992px) {
    .al-center{
        align-items: center;
    }
    .testimonials.testimonials-1 .item .image:after{
        height: 150px;
        width: 150px;
        content:"";
        font-size: 55px;
    }
    .color-theme-red .menu-theme .dropdown .dropdown-menu{
        background: var(--theme-color-1);
    } }
    .color-theme-red  .dropdown-item:focus,.color-theme-red .dropdown-item:hover{
        background: var(--theme-color-1);
        color: #ffff;
    }
    .color-theme-red  .main-slide .slick-dots li{
        border-color:var(--theme-color-1);
    }
 
  
  .color-theme-red .testimonials.testimonials-1::after {
    background: radial-gradient(circle, rgba(255, 99, 99, 0.5) 0%, rgba(208, 186, 136, 0) 56%, rgba(215, 215, 215, 0) 100%) !important;
  }
html,body{
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
-moz-font-smoothing:antialiased}
body{
    margin:0;
    padding:0;
    box-sizing:border-box;
    font-size:16px;
    font-family: 'Rokkitt', sans-serif;
    direction: ltr;
}
body::-webkit-scrollbar-track{
    -webkit-box-shadow:inset 0 0 6px var(--theme-color-2);
background-color:var(--theme-color-2)}
body::-webkit-scrollbar{
    width:10px;
background-color:var(--theme-color-white)}
body::-webkit-scrollbar-thumb{
    background-color:var(--theme-color-1);
border:1px solid var(--theme-color-1)}
img{
    display:block;
    max-width:100%;
height:auto}
ul{
    list-style:none;
    margin:0;
padding:0}
a{
    text-decoration:none;
color:inherit}
select{
    appearance:none;
background:rgba(0,0,0,0)}
img{
    width:auto;
    max-width:100%;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
transition:all .5s}
h1{
font-size:48px}
h2{
font-size:36px}
h3{
font-size:27px}
h4{
font-size:24px}
h5{
font-size:20px}
h6{
font-size:16px}
h1,h2,h3,h4,h5,h6{
    color:var(--theme-color-2);
    font-weight:900;
    line-height:1.25em;
margin-bottom:15px}
p{
    line-height:1.75em;
    margin:0 0 15px;
color:var(--theme-color-2)}
ul{
list-style-type:none}
ul.list{
    list-style:none;
    margin-bottom:30px;
padding-left:46px}
ul.list li{
    margin-bottom:10px;
    text-align:left;
position:relative}
ul.list li::before{
    content:"";
    width:6px;
    height:6px;
    margin:2px 0 0 -20px;
    background-color:var(--theme-color-1);
    position:absolute;
top:6px}
ul.list.disc li::before{
border-radius:50%}
a{
    color:var(--theme-color-2);
text-decoration:none}
a:hover{
    text-decoration:none;
color:var(--theme-color-2)}
a:link{
text-decoration:none}
a:focus{
outline:none}
select{
padding:10px}
th,tr,td{
padding:10px 0}
.position-none{
    position:unset !important;
height:450px}
.text-justify{
text-align:justify}
.text-center{
text-align:center}
.text-right{
text-align:right}
.text-left{
text-align:left}
@media(max-width: 991.98px){
    .scrool-mobile-none{
    overflow:hidden}
    .row-rewersLg{
        flex-direction: row;
    }
    .global .title{
        text-align: center;
    }
}
.hero-wrapper{
    min-height: 100vh;   
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: flex;
    align-items: center;
}
.hero-wrapper .item-overlay{
    position: absolute;
    inset: 0%;
    background-color: #230338b3;
}
.mar-t-0{
margin-top:0px !important}
.mar-t-5{
margin-top:5px !important}
.mar-t-10{
margin-top:10px !important}
.mar-t-15{
margin-top:15px !important}
.mar-t-20{
margin-top:20px !important}
.mar-t-25{
margin-top:25px !important}
.mar-t-30{
margin-top:30px !important}
.mar-t-35{
margin-top:35px !important}
.mar-t-40{
margin-top:40px !important}
.mar-t-45{
margin-top:45px !important}
.mar-t-50{
margin-top:50px !important}
.mar-t-55{
margin-top:55px !important}
.mar-t-60{
margin-top:60px !important}
.mar-t-65{
margin-top:65px !important}
.mar-t-70{
margin-top:70px !important}
.mar-t-75{
margin-top:75px !important}
.mar-t-80{
margin-top:80px !important}
.mar-t-85{
margin-top:85px !important}
.mar-t-90{
margin-top:90px !important}
.mar-t-95{
margin-top:95px !important}
.mar-t-100{
margin-top:100px !important}
.mar-t-105{
margin-top:105px !important}
.mar-t-110{
margin-top:110px !important}
.mar-t-115{
margin-top:115px !important}
.mar-t-120{
margin-top:120px !important}
.mar-t-125{
margin-top:125px !important}
.mar-t-130{
margin-top:130px !important}
.mar-t-135{
margin-top:135px !important}
.mar-t-140{
margin-top:140px !important}
.mar-t-145{
margin-top:145px !important}
.mar-t-150{
margin-top:150px !important}
@media(max-width: 1199.98){
    .mar-t-xl-0{
    margin-top:0px !important}
    .mar-t-xl-5{
    margin-top:5px !important}
    .mar-t-xl-10{
    margin-top:10px !important}
    .mar-t-xl-15{
    margin-top:15px !important}
    .mar-t-xl-20{
    margin-top:20px !important}
    .mar-t-xl-25{
    margin-top:25px !important}
    .mar-t-xl-30{
    margin-top:30px !important}
    .mar-t-xl-35{
    margin-top:35px !important}
    .mar-t-xl-40{
    margin-top:40px !important}
    .mar-t-xl-45{
    margin-top:45px !important}
    .mar-t-xl-50{
    margin-top:50px !important}
    .mar-t-xl-55{
    margin-top:55px !important}
    .mar-t-xl-60{
    margin-top:60px !important}
    .mar-t-xl-65{
    margin-top:65px !important}
    .mar-t-xl-70{
    margin-top:70px !important}
    .mar-t-xl-75{
    margin-top:75px !important}
    .mar-t-xl-80{
    margin-top:80px !important}
    .mar-t-xl-85{
    margin-top:85px !important}
    .mar-t-xl-90{
    margin-top:90px !important}
    .mar-t-xl-95{
    margin-top:95px !important}
    .mar-t-xl-100{
    margin-top:100px !important}
    .mar-t-xl-105{
    margin-top:105px !important}
    .mar-t-xl-110{
    margin-top:110px !important}
    .mar-t-xl-115{
    margin-top:115px !important}
    .mar-t-xl-120{
    margin-top:120px !important}
    .mar-t-xl-125{
    margin-top:125px !important}
    .mar-t-xl-130{
    margin-top:130px !important}
    .mar-t-xl-135{
    margin-top:135px !important}
    .mar-t-xl-140{
    margin-top:140px !important}
    .mar-t-xl-145{
    margin-top:145px !important}
    .mar-t-xl-150{
    margin-top:150px !important}
}
@media(max-width: 991.98px){
    .mar-t-lg-0{
    margin-top:0px !important}
    .mar-t-lg-5{
    margin-top:5px !important}
    .mar-t-lg-10{
    margin-top:10px !important}
    .mar-t-lg-15{
    margin-top:15px !important}
    .mar-t-lg-20{
    margin-top:20px !important}
    .mar-t-lg-25{
    margin-top:25px !important}
    .mar-t-lg-30{
    margin-top:30px !important}
    .mar-t-lg-35{
    margin-top:35px !important}
    .mar-t-lg-40{
    margin-top:40px !important}
    .mar-t-lg-45{
    margin-top:45px !important}
    .mar-t-lg-50{
    margin-top:50px !important}
    .mar-t-lg-55{
    margin-top:55px !important}
    .mar-t-lg-60{
    margin-top:60px !important}
    .mar-t-lg-65{
    margin-top:65px !important}
    .mar-t-lg-70{
    margin-top:70px !important}
    .mar-t-lg-75{
    margin-top:75px !important}
    .mar-t-lg-80{
    margin-top:80px !important}
    .mar-t-lg-85{
    margin-top:85px !important}
    .mar-t-lg-90{
    margin-top:90px !important}
    .mar-t-lg-95{
    margin-top:95px !important}
    .mar-t-lg-100{
    margin-top:100px !important}
    .mar-t-lg-105{
    margin-top:105px !important}
    .mar-t-lg-110{
    margin-top:110px !important}
    .mar-t-lg-115{
    margin-top:115px !important}
    .mar-t-lg-120{
    margin-top:120px !important}
    .mar-t-lg-125{
    margin-top:125px !important}
    .mar-t-lg-130{
    margin-top:130px !important}
    .mar-t-lg-135{
    margin-top:135px !important}
    .mar-t-lg-140{
    margin-top:140px !important}
    .mar-t-lg-145{
    margin-top:145px !important}
    .mar-t-lg-150{
    margin-top:150px !important}
}
@media(max-width: 767.98px){
    .mar-t-md-0{
    margin-top:0px !important}
    .mar-t-md-5{
    margin-top:5px !important}
    .mar-t-md-10{
    margin-top:10px !important}
    .mar-t-md-15{
    margin-top:15px !important}
    .mar-t-md-20{
    margin-top:20px !important}
    .mar-t-md-25{
    margin-top:25px !important}
    .mar-t-md-30{
    margin-top:30px !important}
    .mar-t-md-35{
    margin-top:35px !important}
    .mar-t-md-40{
    margin-top:40px !important}
    .mar-t-md-45{
    margin-top:45px !important}
    .mar-t-md-50{
    margin-top:50px !important}
    .mar-t-md-55{
    margin-top:55px !important}
    .mar-t-md-60{
    margin-top:60px !important}
    .mar-t-md-65{
    margin-top:65px !important}
    .mar-t-md-70{
    margin-top:70px !important}
    .mar-t-md-75{
    margin-top:75px !important}
    .mar-t-md-80{
    margin-top:80px !important}
    .mar-t-md-85{
    margin-top:85px !important}
    .mar-t-md-90{
    margin-top:90px !important}
    .mar-t-md-95{
    margin-top:95px !important}
    .mar-t-md-100{
    margin-top:100px !important}
    .mar-t-md-105{
    margin-top:105px !important}
    .mar-t-md-110{
    margin-top:110px !important}
    .mar-t-md-115{
    margin-top:115px !important}
    .mar-t-md-120{
    margin-top:120px !important}
    .mar-t-md-125{
    margin-top:125px !important}
    .mar-t-md-130{
    margin-top:130px !important}
    .mar-t-md-135{
    margin-top:135px !important}
    .mar-t-md-140{
    margin-top:140px !important}
    .mar-t-md-145{
    margin-top:145px !important}
    .mar-t-md-150{
    margin-top:150px !important}
}
@media(max-width: 575.98px){
    footer .footer-menu {
        justify-content: center;
    }
    .servisForm{
        padding-left: 15px;
        padding-right: 15px;
    }
    .mar-t-sm-0{
    margin-top:0px !important}
    .mar-t-sm-5{
    margin-top:5px !important}
    .mar-t-sm-10{
    margin-top:10px !important}
    .mar-t-sm-15{
    margin-top:15px !important}
    .mar-t-sm-20{
    margin-top:20px !important}
    .mar-t-sm-25{
    margin-top:25px !important}
    .mar-t-sm-30{
    margin-top:30px !important}
    .mar-t-sm-35{
    margin-top:35px !important}
    .mar-t-sm-40{
    margin-top:40px !important}
    .mar-t-sm-45{
    margin-top:45px !important}
    .mar-t-sm-50{
    margin-top:50px !important}
    .mar-t-sm-55{
    margin-top:55px !important}
    .mar-t-sm-60{
    margin-top:60px !important}
    .mar-t-sm-65{
    margin-top:65px !important}
    .mar-t-sm-70{
    margin-top:70px !important}
    .mar-t-sm-75{
    margin-top:75px !important}
    .mar-t-sm-80{
    margin-top:80px !important}
    .mar-t-sm-85{
    margin-top:85px !important}
    .mar-t-sm-90{
    margin-top:90px !important}
    .mar-t-sm-95{
    margin-top:95px !important}
    .mar-t-sm-100{
    margin-top:100px !important}
    .mar-t-sm-105{
    margin-top:105px !important}
    .mar-t-sm-110{
    margin-top:110px !important}
    .mar-t-sm-115{
    margin-top:115px !important}
    .mar-t-sm-120{
    margin-top:120px !important}
    .mar-t-sm-125{
    margin-top:125px !important}
    .mar-t-sm-130{
    margin-top:130px !important}
    .mar-t-sm-135{
    margin-top:135px !important}
    .mar-t-sm-140{
    margin-top:140px !important}
    .mar-t-sm-145{
    margin-top:145px !important}
    .mar-t-sm-150{
    margin-top:150px !important}
    
}
.mar-b-0{
margin-bottom:0px !important}
.mar-b-5{
margin-bottom:5px !important}
.mar-b-10{
margin-bottom:10px !important}
.mar-b-15{
margin-bottom:15px !important}
.mar-b-20{
margin-bottom:20px !important}
.mar-b-25{
margin-bottom:25px !important}
.mar-b-30{
margin-bottom:30px !important}
.mar-b-35{
margin-bottom:35px !important}
.mar-b-40{
margin-bottom:40px !important}
.mar-b-45{
margin-bottom:45px !important}
.mar-b-50{
margin-bottom:50px !important}
.mar-b-55{
margin-bottom:55px !important}
.mar-b-60{
margin-bottom:60px !important}
.mar-b-65{
margin-bottom:65px !important}
.mar-b-70{
margin-bottom:70px !important}
.mar-b-75{
margin-bottom:75px !important}
.mar-b-80{
margin-bottom:80px !important}
.mar-b-85{
margin-bottom:85px !important}
.mar-b-90{
margin-bottom:90px !important}
.mar-b-95{
margin-bottom:95px !important}
.mar-b-100{
margin-bottom:100px !important}
.mar-b-105{
margin-bottom:105px !important}
.mar-b-110{
margin-bottom:110px !important}
.mar-b-115{
margin-bottom:115px !important}
.mar-b-120{
margin-bottom:120px !important}
.mar-b-125{
margin-bottom:125px !important}
.mar-b-130{
margin-bottom:130px !important}
.mar-b-135{
margin-bottom:135px !important}
.mar-b-140{
margin-bottom:140px !important}
.mar-b-145{
margin-bottom:145px !important}
.mar-b-150{
margin-bottom:150px !important}
@media(max-width: 1199.98){
    .mar-b-xl-0{
    margin-bottom:0px !important}
    .mar-b-xl-5{
    margin-bottom:5px !important}
    .mar-b-xl-10{
    margin-bottom:10px !important}
    .mar-b-xl-15{
    margin-bottom:15px !important}
    .mar-b-xl-20{
    margin-bottom:20px !important}
    .mar-b-xl-25{
    margin-bottom:25px !important}
    .mar-b-xl-30{
    margin-bottom:30px !important}
    .mar-b-xl-35{
    margin-bottom:35px !important}
    .mar-b-xl-40{
    margin-bottom:40px !important}
    .mar-b-xl-45{
    margin-bottom:45px !important}
    .mar-b-xl-50{
    margin-bottom:50px !important}
    .mar-b-xl-55{
    margin-bottom:55px !important}
    .mar-b-xl-60{
    margin-bottom:60px !important}
    .mar-b-xl-65{
    margin-bottom:65px !important}
    .mar-b-xl-70{
    margin-bottom:70px !important}
    .mar-b-xl-75{
    margin-bottom:75px !important}
    .mar-b-xl-80{
    margin-bottom:80px !important}
    .mar-b-xl-85{
    margin-bottom:85px !important}
    .mar-b-xl-90{
    margin-bottom:90px !important}
    .mar-b-xl-95{
    margin-bottom:95px !important}
    .mar-b-xl-100{
    margin-bottom:100px !important}
    .mar-b-xl-105{
    margin-bottom:105px !important}
    .mar-b-xl-110{
    margin-bottom:110px !important}
    .mar-b-xl-115{
    margin-bottom:115px !important}
    .mar-b-xl-120{
    margin-bottom:120px !important}
    .mar-b-xl-125{
    margin-bottom:125px !important}
    .mar-b-xl-130{
    margin-bottom:130px !important}
    .mar-b-xl-135{
    margin-bottom:135px !important}
    .mar-b-xl-140{
    margin-bottom:140px !important}
    .mar-b-xl-145{
    margin-bottom:145px !important}
    .mar-b-xl-150{
    margin-bottom:150px !important}
}
@media(max-width: 991.98px){
    .mar-b-lg-0{
    margin-bottom:0px !important}
    .mar-b-lg-5{
    margin-bottom:5px !important}
    .mar-b-lg-10{
    margin-bottom:10px !important}
    .mar-b-lg-15{
    margin-bottom:15px !important}
    .mar-b-lg-20{
    margin-bottom:20px !important}
    .mar-b-lg-25{
    margin-bottom:25px !important}
    .mar-b-lg-30{
    margin-bottom:30px !important}
    .mar-b-lg-35{
    margin-bottom:35px !important}
    .mar-b-lg-40{
    margin-bottom:40px !important}
    .mar-b-lg-45{
    margin-bottom:45px !important}
    .mar-b-lg-50{
    margin-bottom:50px !important}
    .mar-b-lg-55{
    margin-bottom:55px !important}
    .mar-b-lg-60{
    margin-bottom:60px !important}
    .mar-b-lg-65{
    margin-bottom:65px !important}
    .mar-b-lg-70{
    margin-bottom:70px !important}
    .mar-b-lg-75{
    margin-bottom:75px !important}
    .mar-b-lg-80{
    margin-bottom:80px !important}
    .mar-b-lg-85{
    margin-bottom:85px !important}
    .mar-b-lg-90{
    margin-bottom:90px !important}
    .mar-b-lg-95{
    margin-bottom:95px !important}
    .mar-b-lg-100{
    margin-bottom:100px !important}
    .mar-b-lg-105{
    margin-bottom:105px !important}
    .mar-b-lg-110{
    margin-bottom:110px !important}
    .mar-b-lg-115{
    margin-bottom:115px !important}
    .mar-b-lg-120{
    margin-bottom:120px !important}
    .mar-b-lg-125{
    margin-bottom:125px !important}
    .mar-b-lg-130{
    margin-bottom:130px !important}
    .mar-b-lg-135{
    margin-bottom:135px !important}
    .mar-b-lg-140{
    margin-bottom:140px !important}
    .mar-b-lg-145{
    margin-bottom:145px !important}
    .mar-b-lg-150{
    margin-bottom:150px !important}
}
@media(max-width: 767.98px){
    .mar-b-md-0{
    margin-bottom:0px !important}
    .mar-b-md-5{
    margin-bottom:5px !important}
    .mar-b-md-10{
    margin-bottom:10px !important}
    .mar-b-md-15{
    margin-bottom:15px !important}
    .mar-b-md-20{
    margin-bottom:20px !important}
    .mar-b-md-25{
    margin-bottom:25px !important}
    .mar-b-md-30{
    margin-bottom:30px !important}
    .mar-b-md-35{
    margin-bottom:35px !important}
    .mar-b-md-40{
    margin-bottom:40px !important}
    .mar-b-md-45{
    margin-bottom:45px !important}
    .mar-b-md-50{
    margin-bottom:50px !important}
    .mar-b-md-55{
    margin-bottom:55px !important}
    .mar-b-md-60{
    margin-bottom:60px !important}
    .mar-b-md-65{
    margin-bottom:65px !important}
    .mar-b-md-70{
    margin-bottom:70px !important}
    .mar-b-md-75{
    margin-bottom:75px !important}
    .mar-b-md-80{
    margin-bottom:80px !important}
    .mar-b-md-85{
    margin-bottom:85px !important}
    .mar-b-md-90{
    margin-bottom:90px !important}
    .mar-b-md-95{
    margin-bottom:95px !important}
    .mar-b-md-100{
    margin-bottom:100px !important}
    .mar-b-md-105{
    margin-bottom:105px !important}
    .mar-b-md-110{
    margin-bottom:110px !important}
    .mar-b-md-115{
    margin-bottom:115px !important}
    .mar-b-md-120{
    margin-bottom:120px !important}
    .mar-b-md-125{
    margin-bottom:125px !important}
    .mar-b-md-130{
    margin-bottom:130px !important}
    .mar-b-md-135{
    margin-bottom:135px !important}
    .mar-b-md-140{
    margin-bottom:140px !important}
    .mar-b-md-145{
    margin-bottom:145px !important}
    .mar-b-md-150{
    margin-bottom:150px !important}
}
@media(max-width: 575.98px){
    .mar-b-sm-0{
    margin-bottom:0px !important}
    .mar-b-sm-5{
    margin-bottom:5px !important}
    .mar-b-sm-10{
    margin-bottom:10px !important}
    .mar-b-sm-15{
    margin-bottom:15px !important}
    .mar-b-sm-20{
    margin-bottom:20px !important}
    .mar-b-sm-25{
    margin-bottom:25px !important}
    .mar-b-sm-30{
    margin-bottom:30px !important}
    .mar-b-sm-35{
    margin-bottom:35px !important}
    .mar-b-sm-40{
    margin-bottom:40px !important}
    .mar-b-sm-45{
    margin-bottom:45px !important}
    .mar-b-sm-50{
    margin-bottom:50px !important}
    .mar-b-sm-55{
    margin-bottom:55px !important}
    .mar-b-sm-60{
    margin-bottom:60px !important}
    .mar-b-sm-65{
    margin-bottom:65px !important}
    .mar-b-sm-70{
    margin-bottom:70px !important}
    .mar-b-sm-75{
    margin-bottom:75px !important}
    .mar-b-sm-80{
    margin-bottom:80px !important}
    .mar-b-sm-85{
    margin-bottom:85px !important}
    .mar-b-sm-90{
    margin-bottom:90px !important}
    .mar-b-sm-95{
    margin-bottom:95px !important}
    .mar-b-sm-100{
    margin-bottom:100px !important}
    .mar-b-sm-105{
    margin-bottom:105px !important}
    .mar-b-sm-110{
    margin-bottom:110px !important}
    .mar-b-sm-115{
    margin-bottom:115px !important}
    .mar-b-sm-120{
    margin-bottom:120px !important}
    .mar-b-sm-125{
    margin-bottom:125px !important}
    .mar-b-sm-130{
    margin-bottom:130px !important}
    .mar-b-sm-135{
    margin-bottom:135px !important}
    .mar-b-sm-140{
    margin-bottom:140px !important}
    .mar-b-sm-145{
    margin-bottom:145px !important}
    .mar-b-sm-150{
    margin-bottom:150px !important}
    .testimonials.testimonials-1 .item .image:after{
        width: 80px;
        height: 80px;
        font-size: 35px;

    }
}
.mar-l-0{
margin-left:0px !important}
.mar-l-5{
margin-left:5px !important}
.mar-l-10{
margin-left:10px !important}
.mar-l-15{
margin-left:15px !important}
.mar-l-20{
margin-left:20px !important}
.mar-l-25{
margin-left:25px !important}
.mar-l-30{
margin-left:30px !important}
.mar-l-35{
margin-left:35px !important}
.mar-l-40{
margin-left:40px !important}
.mar-l-45{
margin-left:45px !important}
.mar-l-50{
margin-left:50px !important}
.mar-l-55{
margin-left:55px !important}
.mar-l-60{
margin-left:60px !important}
.mar-l-65{
margin-left:65px !important}
.mar-l-70{
margin-left:70px !important}
.mar-l-75{
margin-left:75px !important}
.mar-l-80{
margin-left:80px !important}
.mar-l-85{
margin-left:85px !important}
.mar-l-90{
margin-left:90px !important}
.mar-l-95{
margin-left:95px !important}
.mar-l-100{
margin-left:100px !important}
.mar-l-105{
margin-left:105px !important}
.mar-l-110{
margin-left:110px !important}
.mar-l-115{
margin-left:115px !important}
.mar-l-120{
margin-left:120px !important}
.mar-l-125{
margin-left:125px !important}
.mar-l-130{
margin-left:130px !important}
.mar-l-135{
margin-left:135px !important}
.mar-l-140{
margin-left:140px !important}
.mar-l-145{
margin-left:145px !important}
.mar-l-150{
margin-left:150px !important}
@media(max-width: 1199.98){
    .mar-l-xl-0{
    margin-left:0px !important}
    .mar-l-xl-5{
    margin-left:5px !important}
    .mar-l-xl-10{
    margin-left:10px !important}
    .mar-l-xl-15{
    margin-left:15px !important}
    .mar-l-xl-20{
    margin-left:20px !important}
    .mar-l-xl-25{
    margin-left:25px !important}
    .mar-l-xl-30{
    margin-left:30px !important}
    .mar-l-xl-35{
    margin-left:35px !important}
    .mar-l-xl-40{
    margin-left:40px !important}
    .mar-l-xl-45{
    margin-left:45px !important}
    .mar-l-xl-50{
    margin-left:50px !important}
    .mar-l-xl-55{
    margin-left:55px !important}
    .mar-l-xl-60{
    margin-left:60px !important}
    .mar-l-xl-65{
    margin-left:65px !important}
    .mar-l-xl-70{
    margin-left:70px !important}
    .mar-l-xl-75{
    margin-left:75px !important}
    .mar-l-xl-80{
    margin-left:80px !important}
    .mar-l-xl-85{
    margin-left:85px !important}
    .mar-l-xl-90{
    margin-left:90px !important}
    .mar-l-xl-95{
    margin-left:95px !important}
    .mar-l-xl-100{
    margin-left:100px !important}
    .mar-l-xl-105{
    margin-left:105px !important}
    .mar-l-xl-110{
    margin-left:110px !important}
    .mar-l-xl-115{
    margin-left:115px !important}
    .mar-l-xl-120{
    margin-left:120px !important}
    .mar-l-xl-125{
    margin-left:125px !important}
    .mar-l-xl-130{
    margin-left:130px !important}
    .mar-l-xl-135{
    margin-left:135px !important}
    .mar-l-xl-140{
    margin-left:140px !important}
    .mar-l-xl-145{
    margin-left:145px !important}
    .mar-l-xl-150{
    margin-left:150px !important}
}
@media(max-width: 991.98px){
    .mar-l-lg-0{
    margin-left:0px !important}
    .mar-l-lg-5{
    margin-left:5px !important}
    .mar-l-lg-10{
    margin-left:10px !important}
    .mar-l-lg-15{
    margin-left:15px !important}
    .mar-l-lg-20{
    margin-left:20px !important}
    .mar-l-lg-25{
    margin-left:25px !important}
    .mar-l-lg-30{
    margin-left:30px !important}
    .mar-l-lg-35{
    margin-left:35px !important}
    .mar-l-lg-40{
    margin-left:40px !important}
    .mar-l-lg-45{
    margin-left:45px !important}
    .mar-l-lg-50{
    margin-left:50px !important}
    .mar-l-lg-55{
    margin-left:55px !important}
    .mar-l-lg-60{
    margin-left:60px !important}
    .mar-l-lg-65{
    margin-left:65px !important}
    .mar-l-lg-70{
    margin-left:70px !important}
    .mar-l-lg-75{
    margin-left:75px !important}
    .mar-l-lg-80{
    margin-left:80px !important}
    .mar-l-lg-85{
    margin-left:85px !important}
    .mar-l-lg-90{
    margin-left:90px !important}
    .mar-l-lg-95{
    margin-left:95px !important}
    .mar-l-lg-100{
    margin-left:100px !important}
    .mar-l-lg-105{
    margin-left:105px !important}
    .mar-l-lg-110{
    margin-left:110px !important}
    .mar-l-lg-115{
    margin-left:115px !important}
    .mar-l-lg-120{
    margin-left:120px !important}
    .mar-l-lg-125{
    margin-left:125px !important}
    .mar-l-lg-130{
    margin-left:130px !important}
    .mar-l-lg-135{
    margin-left:135px !important}
    .mar-l-lg-140{
    margin-left:140px !important}
    .mar-l-lg-145{
    margin-left:145px !important}
    .mar-l-lg-150{
    margin-left:150px !important}
   
}
@media(max-width: 767.98px){
    .mar-l-md-0{
    margin-left:0px !important}
    .mar-l-md-5{
    margin-left:5px !important}
    .mar-l-md-10{
    margin-left:10px !important}
    .mar-l-md-15{
    margin-left:15px !important}
    .mar-l-md-20{
    margin-left:20px !important}
    .mar-l-md-25{
    margin-left:25px !important}
    .mar-l-md-30{
    margin-left:30px !important}
    .mar-l-md-35{
    margin-left:35px !important}
    .mar-l-md-40{
    margin-left:40px !important}
    .mar-l-md-45{
    margin-left:45px !important}
    .mar-l-md-50{
    margin-left:50px !important}
    .mar-l-md-55{
    margin-left:55px !important}
    .mar-l-md-60{
    margin-left:60px !important}
    .mar-l-md-65{
    margin-left:65px !important}
    .mar-l-md-70{
    margin-left:70px !important}
    .mar-l-md-75{
    margin-left:75px !important}
    .mar-l-md-80{
    margin-left:80px !important}
    .mar-l-md-85{
    margin-left:85px !important}
    .mar-l-md-90{
    margin-left:90px !important}
    .mar-l-md-95{
    margin-left:95px !important}
    .mar-l-md-100{
    margin-left:100px !important}
    .mar-l-md-105{
    margin-left:105px !important}
    .mar-l-md-110{
    margin-left:110px !important}
    .mar-l-md-115{
    margin-left:115px !important}
    .mar-l-md-120{
    margin-left:120px !important}
    .mar-l-md-125{
    margin-left:125px !important}
    .mar-l-md-130{
    margin-left:130px !important}
    .mar-l-md-135{
    margin-left:135px !important}
    .mar-l-md-140{
    margin-left:140px !important}
    .mar-l-md-145{
    margin-left:145px !important}
    .mar-l-md-150{
    margin-left:150px !important}
}
@media(max-width: 575.98px){
    .mar-l-sm-0{
    margin-left:0px !important}
    .mar-l-sm-5{
    margin-left:5px !important}
    .mar-l-sm-10{
    margin-left:10px !important}
    .mar-l-sm-15{
    margin-left:15px !important}
    .mar-l-sm-20{
    margin-left:20px !important}
    .mar-l-sm-25{
    margin-left:25px !important}
    .mar-l-sm-30{
    margin-left:30px !important}
    .mar-l-sm-35{
    margin-left:35px !important}
    .mar-l-sm-40{
    margin-left:40px !important}
    .mar-l-sm-45{
    margin-left:45px !important}
    .mar-l-sm-50{
    margin-left:50px !important}
    .mar-l-sm-55{
    margin-left:55px !important}
    .mar-l-sm-60{
    margin-left:60px !important}
    .mar-l-sm-65{
    margin-left:65px !important}
    .mar-l-sm-70{
    margin-left:70px !important}
    .mar-l-sm-75{
    margin-left:75px !important}
    .mar-l-sm-80{
    margin-left:80px !important}
    .mar-l-sm-85{
    margin-left:85px !important}
    .mar-l-sm-90{
    margin-left:90px !important}
    .mar-l-sm-95{
    margin-left:95px !important}
    .mar-l-sm-100{
    margin-left:100px !important}
    .mar-l-sm-105{
    margin-left:105px !important}
    .mar-l-sm-110{
    margin-left:110px !important}
    .mar-l-sm-115{
    margin-left:115px !important}
    .mar-l-sm-120{
    margin-left:120px !important}
    .mar-l-sm-125{
    margin-left:125px !important}
    .mar-l-sm-130{
    margin-left:130px !important}
    .mar-l-sm-135{
    margin-left:135px !important}
    .mar-l-sm-140{
    margin-left:140px !important}
    .mar-l-sm-145{
    margin-left:145px !important}
    .mar-l-sm-150{
    margin-left:150px !important}
}
.mar-r-0{
margin-right:0px !important}
.mar-r-5{
margin-right:5px !important}
.mar-r-10{
margin-right:10px !important}
.mar-r-15{
margin-right:15px !important}
.mar-r-20{
margin-right:20px !important}
.mar-r-25{
margin-right:25px !important}
.mar-r-30{
margin-right:30px !important}
.mar-r-35{
margin-right:35px !important}
.mar-r-40{
margin-right:40px !important}
.mar-r-45{
margin-right:45px !important}
.mar-r-50{
margin-right:50px !important}
.mar-r-55{
margin-right:55px !important}
.mar-r-60{
margin-right:60px !important}
.mar-r-65{
margin-right:65px !important}
.mar-r-70{
margin-right:70px !important}
.mar-r-75{
margin-right:75px !important}
.mar-r-80{
margin-right:80px !important}
.mar-r-85{
margin-right:85px !important}
.mar-r-90{
margin-right:90px !important}
.mar-r-95{
margin-right:95px !important}
.mar-r-100{
margin-right:100px !important}
.mar-r-105{
margin-right:105px !important}
.mar-r-110{
margin-right:110px !important}
.mar-r-115{
margin-right:115px !important}
.mar-r-120{
margin-right:120px !important}
.mar-r-125{
margin-right:125px !important}
.mar-r-130{
margin-right:130px !important}
.mar-r-135{
margin-right:135px !important}
.mar-r-140{
margin-right:140px !important}
.mar-r-145{
margin-right:145px !important}
.mar-r-150{
margin-right:150px !important}
@media(max-width: 1199.98){
    .mar-r-xl-0{
    margin-right:0px !important}
    .mar-r-xl-5{
    margin-right:5px !important}
    .mar-r-xl-10{
    margin-right:10px !important}
    .mar-r-xl-15{
    margin-right:15px !important}
    .mar-r-xl-20{
    margin-right:20px !important}
    .mar-r-xl-25{
    margin-right:25px !important}
    .mar-r-xl-30{
    margin-right:30px !important}
    .mar-r-xl-35{
    margin-right:35px !important}
    .mar-r-xl-40{
    margin-right:40px !important}
    .mar-r-xl-45{
    margin-right:45px !important}
    .mar-r-xl-50{
    margin-right:50px !important}
    .mar-r-xl-55{
    margin-right:55px !important}
    .mar-r-xl-60{
    margin-right:60px !important}
    .mar-r-xl-65{
    margin-right:65px !important}
    .mar-r-xl-70{
    margin-right:70px !important}
    .mar-r-xl-75{
    margin-right:75px !important}
    .mar-r-xl-80{
    margin-right:80px !important}
    .mar-r-xl-85{
    margin-right:85px !important}
    .mar-r-xl-90{
    margin-right:90px !important}
    .mar-r-xl-95{
    margin-right:95px !important}
    .mar-r-xl-100{
    margin-right:100px !important}
    .mar-r-xl-105{
    margin-right:105px !important}
    .mar-r-xl-110{
    margin-right:110px !important}
    .mar-r-xl-115{
    margin-right:115px !important}
    .mar-r-xl-120{
    margin-right:120px !important}
    .mar-r-xl-125{
    margin-right:125px !important}
    .mar-r-xl-130{
    margin-right:130px !important}
    .mar-r-xl-135{
    margin-right:135px !important}
    .mar-r-xl-140{
    margin-right:140px !important}
    .mar-r-xl-145{
    margin-right:145px !important}
    .mar-r-xl-150{
    margin-right:150px !important}
}
@media(max-width: 991.98px){
    .mar-r-lg-0{
    margin-right:0px !important}
    .mar-r-lg-5{
    margin-right:5px !important}
    .mar-r-lg-10{
    margin-right:10px !important}
    .mar-r-lg-15{
    margin-right:15px !important}
    .mar-r-lg-20{
    margin-right:20px !important}
    .mar-r-lg-25{
    margin-right:25px !important}
    .mar-r-lg-30{
    margin-right:30px !important}
    .mar-r-lg-35{
    margin-right:35px !important}
    .mar-r-lg-40{
    margin-right:40px !important}
    .mar-r-lg-45{
    margin-right:45px !important}
    .mar-r-lg-50{
    margin-right:50px !important}
    .mar-r-lg-55{
    margin-right:55px !important}
    .mar-r-lg-60{
    margin-right:60px !important}
    .mar-r-lg-65{
    margin-right:65px !important}
    .mar-r-lg-70{
    margin-right:70px !important}
    .mar-r-lg-75{
    margin-right:75px !important}
    .mar-r-lg-80{
    margin-right:80px !important}
    .mar-r-lg-85{
    margin-right:85px !important}
    .mar-r-lg-90{
    margin-right:90px !important}
    .mar-r-lg-95{
    margin-right:95px !important}
    .mar-r-lg-100{
    margin-right:100px !important}
    .mar-r-lg-105{
    margin-right:105px !important}
    .mar-r-lg-110{
    margin-right:110px !important}
    .mar-r-lg-115{
    margin-right:115px !important}
    .mar-r-lg-120{
    margin-right:120px !important}
    .mar-r-lg-125{
    margin-right:125px !important}
    .mar-r-lg-130{
    margin-right:130px !important}
    .mar-r-lg-135{
    margin-right:135px !important}
    .mar-r-lg-140{
    margin-right:140px !important}
    .mar-r-lg-145{
    margin-right:145px !important}
    .mar-r-lg-150{
    margin-right:150px !important}
}
@media(max-width: 767.98px){
    .mar-r-md-0{
    margin-right:0px !important}
    .mar-r-md-5{
    margin-right:5px !important}
    .mar-r-md-10{
    margin-right:10px !important}
    .mar-r-md-15{
    margin-right:15px !important}
    .mar-r-md-20{
    margin-right:20px !important}
    .mar-r-md-25{
    margin-right:25px !important}
    .mar-r-md-30{
    margin-right:30px !important}
    .mar-r-md-35{
    margin-right:35px !important}
    .mar-r-md-40{
    margin-right:40px !important}
    .mar-r-md-45{
    margin-right:45px !important}
    .mar-r-md-50{
    margin-right:50px !important}
    .mar-r-md-55{
    margin-right:55px !important}
    .mar-r-md-60{
    margin-right:60px !important}
    .mar-r-md-65{
    margin-right:65px !important}
    .mar-r-md-70{
    margin-right:70px !important}
    .mar-r-md-75{
    margin-right:75px !important}
    .mar-r-md-80{
    margin-right:80px !important}
    .mar-r-md-85{
    margin-right:85px !important}
    .mar-r-md-90{
    margin-right:90px !important}
    .mar-r-md-95{
    margin-right:95px !important}
    .mar-r-md-100{
    margin-right:100px !important}
    .mar-r-md-105{
    margin-right:105px !important}
    .mar-r-md-110{
    margin-right:110px !important}
    .mar-r-md-115{
    margin-right:115px !important}
    .mar-r-md-120{
    margin-right:120px !important}
    .mar-r-md-125{
    margin-right:125px !important}
    .mar-r-md-130{
    margin-right:130px !important}
    .mar-r-md-135{
    margin-right:135px !important}
    .mar-r-md-140{
    margin-right:140px !important}
    .mar-r-md-145{
    margin-right:145px !important}
    .mar-r-md-150{
    margin-right:150px !important}
}
@media(max-width: 575.98px){
    .mar-r-sm-0{
    margin-right:0px !important}
    .mar-r-sm-5{
    margin-right:5px !important}
    .mar-r-sm-10{
    margin-right:10px !important}
    .mar-r-sm-15{
    margin-right:15px !important}
    .mar-r-sm-20{
    margin-right:20px !important}
    .mar-r-sm-25{
    margin-right:25px !important}
    .mar-r-sm-30{
    margin-right:30px !important}
    .mar-r-sm-35{
    margin-right:35px !important}
    .mar-r-sm-40{
    margin-right:40px !important}
    .mar-r-sm-45{
    margin-right:45px !important}
    .mar-r-sm-50{
    margin-right:50px !important}
    .mar-r-sm-55{
    margin-right:55px !important}
    .mar-r-sm-60{
    margin-right:60px !important}
    .mar-r-sm-65{
    margin-right:65px !important}
    .mar-r-sm-70{
    margin-right:70px !important}
    .mar-r-sm-75{
    margin-right:75px !important}
    .mar-r-sm-80{
    margin-right:80px !important}
    .mar-r-sm-85{
    margin-right:85px !important}
    .mar-r-sm-90{
    margin-right:90px !important}
    .mar-r-sm-95{
    margin-right:95px !important}
    .mar-r-sm-100{
    margin-right:100px !important}
    .mar-r-sm-105{
    margin-right:105px !important}
    .mar-r-sm-110{
    margin-right:110px !important}
    .mar-r-sm-115{
    margin-right:115px !important}
    .mar-r-sm-120{
    margin-right:120px !important}
    .mar-r-sm-125{
    margin-right:125px !important}
    .mar-r-sm-130{
    margin-right:130px !important}
    .mar-r-sm-135{
    margin-right:135px !important}
    .mar-r-sm-140{
    margin-right:140px !important}
    .mar-r-sm-145{
    margin-right:145px !important}
    .mar-r-sm-150{
    margin-right:150px !important}
}
.mar-y-0{
    margin-top:0px !important;
margin-bottom:0px !important}
.mar-y-5{
    margin-top:5px !important;
margin-bottom:5px !important}
.mar-y-10{
    margin-top:10px !important;
margin-bottom:10px !important}
.mar-y-15{
    margin-top:15px !important;
margin-bottom:15px !important}
.mar-y-20{
    margin-top:20px !important;
margin-bottom:20px !important}
.mar-y-25{
    margin-top:25px !important;
margin-bottom:25px !important}
.mar-y-30{
    margin-top:30px !important;
margin-bottom:30px !important}
.mar-y-35{
    margin-top:35px !important;
margin-bottom:35px !important}
.mar-y-40{
    margin-top:40px !important;
margin-bottom:40px !important}
.mar-y-45{
    margin-top:45px !important;
margin-bottom:45px !important}
.mar-y-50{
    margin-top:50px !important;
margin-bottom:50px !important}
.mar-y-55{
    margin-top:55px !important;
margin-bottom:55px !important}
.mar-y-60{
    margin-top:60px !important;
margin-bottom:60px !important}
.mar-y-65{
    margin-top:65px !important;
margin-bottom:65px !important}
.mar-y-70{
    margin-top:70px !important;
margin-bottom:70px !important}
.mar-y-75{
    margin-top:75px !important;
margin-bottom:75px !important}
.mar-y-80{
    margin-top:80px !important;
margin-bottom:80px !important}
.mar-y-85{
    margin-top:85px !important;
margin-bottom:85px !important}
.mar-y-90{
    margin-top:90px !important;
margin-bottom:90px !important}
.mar-y-95{
    margin-top:95px !important;
margin-bottom:95px !important}
.mar-y-100{
    margin-top:100px !important;
margin-bottom:100px !important}
.mar-y-105{
    margin-top:105px !important;
margin-bottom:105px !important}
.mar-y-110{
    margin-top:110px !important;
margin-bottom:110px !important}
.mar-y-115{
    margin-top:115px !important;
margin-bottom:115px !important}
.mar-y-120{
    margin-top:120px !important;
margin-bottom:120px !important}
.mar-y-125{
    margin-top:125px !important;
margin-bottom:125px !important}
.mar-y-130{
    margin-top:130px !important;
margin-bottom:130px !important}
.mar-y-135{
    margin-top:135px !important;
margin-bottom:135px !important}
.mar-y-140{
    margin-top:140px !important;
margin-bottom:140px !important}
.mar-y-145{
    margin-top:145px !important;
margin-bottom:145px !important}
.mar-y-150{
    margin-top:150px !important;
margin-bottom:150px !important}
@media(max-width: 1199.98){
    .mar-xl-y-0{
        margin-top:0px !important;
    margin-bottom:0px !important}
    .mar-xl-y-5{
        margin-top:5px !important;
    margin-bottom:5px !important}
    .mar-xl-y-10{
        margin-top:10px !important;
    margin-bottom:10px !important}
    .mar-xl-y-15{
        margin-top:15px !important;
    margin-bottom:15px !important}
    .mar-xl-y-20{
        margin-top:20px !important;
    margin-bottom:20px !important}
    .mar-xl-y-25{
        margin-top:25px !important;
    margin-bottom:25px !important}
    .mar-xl-y-30{
        margin-top:30px !important;
    margin-bottom:30px !important}
    .mar-xl-y-35{
        margin-top:35px !important;
    margin-bottom:35px !important}
    .mar-xl-y-40{
        margin-top:40px !important;
    margin-bottom:40px !important}
    .mar-xl-y-45{
        margin-top:45px !important;
    margin-bottom:45px !important}
    .mar-xl-y-50{
        margin-top:50px !important;
    margin-bottom:50px !important}
    .mar-xl-y-55{
        margin-top:55px !important;
    margin-bottom:55px !important}
    .mar-xl-y-60{
        margin-top:60px !important;
    margin-bottom:60px !important}
    .mar-xl-y-65{
        margin-top:65px !important;
    margin-bottom:65px !important}
    .mar-xl-y-70{
        margin-top:70px !important;
    margin-bottom:70px !important}
    .mar-xl-y-75{
        margin-top:75px !important;
    margin-bottom:75px !important}
    .mar-xl-y-80{
        margin-top:80px !important;
    margin-bottom:80px !important}
    .mar-xl-y-85{
        margin-top:85px !important;
    margin-bottom:85px !important}
    .mar-xl-y-90{
        margin-top:90px !important;
    margin-bottom:90px !important}
    .mar-xl-y-95{
        margin-top:95px !important;
    margin-bottom:95px !important}
    .mar-xl-y-100{
        margin-top:100px !important;
    margin-bottom:100px !important}
    .mar-xl-y-105{
        margin-top:105px !important;
    margin-bottom:105px !important}
    .mar-xl-y-110{
        margin-top:110px !important;
    margin-bottom:110px !important}
    .mar-xl-y-115{
        margin-top:115px !important;
    margin-bottom:115px !important}
    .mar-xl-y-120{
        margin-top:120px !important;
    margin-bottom:120px !important}
    .mar-xl-y-125{
        margin-top:125px !important;
    margin-bottom:125px !important}
    .mar-xl-y-130{
        margin-top:130px !important;
    margin-bottom:130px !important}
    .mar-xl-y-135{
        margin-top:135px !important;
    margin-bottom:135px !important}
    .mar-xl-y-140{
        margin-top:140px !important;
    margin-bottom:140px !important}
    .mar-xl-y-145{
        margin-top:145px !important;
    margin-bottom:145px !important}
    .mar-xl-y-150{
        margin-top:150px !important;
    margin-bottom:150px !important}
}
@media(max-width: 991.98px){
    .mar-lg-y-0{
        margin-top:0px !important;
    margin-bottom:0px !important}
    .mar-lg-y-5{
        margin-top:5px !important;
    margin-bottom:5px !important}
    .mar-lg-y-10{
        margin-top:10px !important;
    margin-bottom:10px !important}
    .mar-lg-y-15{
        margin-top:15px !important;
    margin-bottom:15px !important}
    .mar-lg-y-20{
        margin-top:20px !important;
    margin-bottom:20px !important}
    .mar-lg-y-25{
        margin-top:25px !important;
    margin-bottom:25px !important}
    .mar-lg-y-30{
        margin-top:30px !important;
    margin-bottom:30px !important}
    .mar-lg-y-35{
        margin-top:35px !important;
    margin-bottom:35px !important}
    .mar-lg-y-40{
        margin-top:40px !important;
    margin-bottom:40px !important}
    .mar-lg-y-45{
        margin-top:45px !important;
    margin-bottom:45px !important}
    .mar-lg-y-50{
        margin-top:50px !important;
    margin-bottom:50px !important}
    .mar-lg-y-55{
        margin-top:55px !important;
    margin-bottom:55px !important}
    .mar-lg-y-60{
        margin-top:60px !important;
    margin-bottom:60px !important}
    .mar-lg-y-65{
        margin-top:65px !important;
    margin-bottom:65px !important}
    .mar-lg-y-70{
        margin-top:70px !important;
    margin-bottom:70px !important}
    .mar-lg-y-75{
        margin-top:75px !important;
    margin-bottom:75px !important}
    .mar-lg-y-80{
        margin-top:80px !important;
    margin-bottom:80px !important}
    .mar-lg-y-85{
        margin-top:85px !important;
    margin-bottom:85px !important}
    .mar-lg-y-90{
        margin-top:90px !important;
    margin-bottom:90px !important}
    .mar-lg-y-95{
        margin-top:95px !important;
    margin-bottom:95px !important}
    .mar-lg-y-100{
        margin-top:100px !important;
    margin-bottom:100px !important}
    .mar-lg-y-105{
        margin-top:105px !important;
    margin-bottom:105px !important}
    .mar-lg-y-110{
        margin-top:110px !important;
    margin-bottom:110px !important}
    .mar-lg-y-115{
        margin-top:115px !important;
    margin-bottom:115px !important}
    .mar-lg-y-120{
        margin-top:120px !important;
    margin-bottom:120px !important}
    .mar-lg-y-125{
        margin-top:125px !important;
    margin-bottom:125px !important}
    .mar-lg-y-130{
        margin-top:130px !important;
    margin-bottom:130px !important}
    .mar-lg-y-135{
        margin-top:135px !important;
    margin-bottom:135px !important}
    .mar-lg-y-140{
        margin-top:140px !important;
    margin-bottom:140px !important}
    .mar-lg-y-145{
        margin-top:145px !important;
    margin-bottom:145px !important}
    .mar-lg-y-150{
        margin-top:150px !important;
    margin-bottom:150px !important}
}
@media(max-width: 767.98px){
    .mar-md-y-0{
        margin-top:0px !important;
    margin-bottom:0px !important}
    .mar-md-y-5{
        margin-top:5px !important;
    margin-bottom:5px !important}
    .mar-md-y-10{
        margin-top:10px !important;
    margin-bottom:10px !important}
    .mar-md-y-15{
        margin-top:15px !important;
    margin-bottom:15px !important}
    .mar-md-y-20{
        margin-top:20px !important;
    margin-bottom:20px !important}
    .mar-md-y-25{
        margin-top:25px !important;
    margin-bottom:25px !important}
    .mar-md-y-30{
        margin-top:30px !important;
    margin-bottom:30px !important}
    .mar-md-y-35{
        margin-top:35px !important;
    margin-bottom:35px !important}
    .mar-md-y-40{
        margin-top:40px !important;
    margin-bottom:40px !important}
    .mar-md-y-45{
        margin-top:45px !important;
    margin-bottom:45px !important}
    .mar-md-y-50{
        margin-top:50px !important;
    margin-bottom:50px !important}
    .mar-md-y-55{
        margin-top:55px !important;
    margin-bottom:55px !important}
    .mar-md-y-60{
        margin-top:60px !important;
    margin-bottom:60px !important}
    .mar-md-y-65{
        margin-top:65px !important;
    margin-bottom:65px !important}
    .mar-md-y-70{
        margin-top:70px !important;
    margin-bottom:70px !important}
    .mar-md-y-75{
        margin-top:75px !important;
    margin-bottom:75px !important}
    .mar-md-y-80{
        margin-top:80px !important;
    margin-bottom:80px !important}
    .mar-md-y-85{
        margin-top:85px !important;
    margin-bottom:85px !important}
    .mar-md-y-90{
        margin-top:90px !important;
    margin-bottom:90px !important}
    .mar-md-y-95{
        margin-top:95px !important;
    margin-bottom:95px !important}
    .mar-md-y-100{
        margin-top:100px !important;
    margin-bottom:100px !important}
    .mar-md-y-105{
        margin-top:105px !important;
    margin-bottom:105px !important}
    .mar-md-y-110{
        margin-top:110px !important;
    margin-bottom:110px !important}
    .mar-md-y-115{
        margin-top:115px !important;
    margin-bottom:115px !important}
    .mar-md-y-120{
        margin-top:120px !important;
    margin-bottom:120px !important}
    .mar-md-y-125{
        margin-top:125px !important;
    margin-bottom:125px !important}
    .mar-md-y-130{
        margin-top:130px !important;
    margin-bottom:130px !important}
    .mar-md-y-135{
        margin-top:135px !important;
    margin-bottom:135px !important}
    .mar-md-y-140{
        margin-top:140px !important;
    margin-bottom:140px !important}
    .mar-md-y-145{
        margin-top:145px !important;
    margin-bottom:145px !important}
    .mar-md-y-150{
        margin-top:150px !important;
    margin-bottom:150px !important}
}
@media(max-width: 575.98px){
    .mar-sm-y-0{
        margin-top:0px !important;
    margin-bottom:0px !important}
    .mar-sm-y-5{
        margin-top:5px !important;
    margin-bottom:5px !important}
    .mar-sm-y-10{
        margin-top:10px !important;
    margin-bottom:10px !important}
    .mar-sm-y-15{
        margin-top:15px !important;
    margin-bottom:15px !important}
    .mar-sm-y-20{
        margin-top:20px !important;
    margin-bottom:20px !important}
    .mar-sm-y-25{
        margin-top:25px !important;
    margin-bottom:25px !important}
    .mar-sm-y-30{
        margin-top:30px !important;
    margin-bottom:30px !important}
    .mar-sm-y-35{
        margin-top:35px !important;
    margin-bottom:35px !important}
    .mar-sm-y-40{
        margin-top:40px !important;
    margin-bottom:40px !important}
    .mar-sm-y-45{
        margin-top:45px !important;
    margin-bottom:45px !important}
    .mar-sm-y-50{
        margin-top:50px !important;
    margin-bottom:50px !important}
    .mar-sm-y-55{
        margin-top:55px !important;
    margin-bottom:55px !important}
    .mar-sm-y-60{
        margin-top:60px !important;
    margin-bottom:60px !important}
    .mar-sm-y-65{
        margin-top:65px !important;
    margin-bottom:65px !important}
    .mar-sm-y-70{
        margin-top:70px !important;
    margin-bottom:70px !important}
    .mar-sm-y-75{
        margin-top:75px !important;
    margin-bottom:75px !important}
    .mar-sm-y-80{
        margin-top:80px !important;
    margin-bottom:80px !important}
    .mar-sm-y-85{
        margin-top:85px !important;
    margin-bottom:85px !important}
    .mar-sm-y-90{
        margin-top:90px !important;
    margin-bottom:90px !important}
    .mar-sm-y-95{
        margin-top:95px !important;
    margin-bottom:95px !important}
    .mar-sm-y-100{
        margin-top:100px !important;
    margin-bottom:100px !important}
    .mar-sm-y-105{
        margin-top:105px !important;
    margin-bottom:105px !important}
    .mar-sm-y-110{
        margin-top:110px !important;
    margin-bottom:110px !important}
    .mar-sm-y-115{
        margin-top:115px !important;
    margin-bottom:115px !important}
    .mar-sm-y-120{
        margin-top:120px !important;
    margin-bottom:120px !important}
    .mar-sm-y-125{
        margin-top:125px !important;
    margin-bottom:125px !important}
    .mar-sm-y-130{
        margin-top:130px !important;
    margin-bottom:130px !important}
    .mar-sm-y-135{
        margin-top:135px !important;
    margin-bottom:135px !important}
    .mar-sm-y-140{
        margin-top:140px !important;
    margin-bottom:140px !important}
    .mar-sm-y-145{
        margin-top:145px !important;
    margin-bottom:145px !important}
    .mar-sm-y-150{
        margin-top:150px !important;
    margin-bottom:150px !important}
}
.mar-x-0{
    margin-left:0px !important;
margin-right:0px !important}
.mar-x-5{
    margin-left:5px !important;
margin-right:5px !important}
.mar-x-10{
    margin-left:10px !important;
margin-right:10px !important}
.mar-x-15{
    margin-left:15px !important;
margin-right:15px !important}
.mar-x-20{
    margin-left:20px !important;
margin-right:20px !important}
.mar-x-25{
    margin-left:25px !important;
margin-right:25px !important}
.mar-x-30{
    margin-left:30px !important;
margin-right:30px !important}
.mar-x-35{
    margin-left:35px !important;
margin-right:35px !important}
.mar-x-40{
    margin-left:40px !important;
margin-right:40px !important}
.mar-x-45{
    margin-left:45px !important;
margin-right:45px !important}
.mar-x-50{
    margin-left:50px !important;
margin-right:50px !important}
.mar-x-55{
    margin-left:55px !important;
margin-right:55px !important}
.mar-x-60{
    margin-left:60px !important;
margin-right:60px !important}
.mar-x-65{
    margin-left:65px !important;
margin-right:65px !important}
.mar-x-70{
    margin-left:70px !important;
margin-right:70px !important}
.mar-x-75{
    margin-left:75px !important;
margin-right:75px !important}
.mar-x-80{
    margin-left:80px !important;
margin-right:80px !important}
.mar-x-85{
    margin-left:85px !important;
margin-right:85px !important}
.mar-x-90{
    margin-left:90px !important;
margin-right:90px !important}
.mar-x-95{
    margin-left:95px !important;
margin-right:95px !important}
.mar-x-100{
    margin-left:100px !important;
margin-right:100px !important}
.mar-x-105{
    margin-left:105px !important;
margin-right:105px !important}
.mar-x-110{
    margin-left:110px !important;
margin-right:110px !important}
.mar-x-115{
    margin-left:115px !important;
margin-right:115px !important}
.mar-x-120{
    margin-left:120px !important;
margin-right:120px !important}
.mar-x-125{
    margin-left:125px !important;
margin-right:125px !important}
.mar-x-130{
    margin-left:130px !important;
margin-right:130px !important}
.mar-x-135{
    margin-left:135px !important;
margin-right:135px !important}
.mar-x-140{
    margin-left:140px !important;
margin-right:140px !important}
.mar-x-145{
    margin-left:145px !important;
margin-right:145px !important}
.mar-x-150{
    margin-left:150px !important;
margin-right:150px !important}
@media(max-width: 1199.98){
    .mar-xl-x-0{
        margin-left:0px !important;
    margin-right:0px !important}
    .mar-xl-x-5{
        margin-left:5px !important;
    margin-right:5px !important}
    .mar-xl-x-10{
        margin-left:10px !important;
    margin-right:10px !important}
    .mar-xl-x-15{
        margin-left:15px !important;
    margin-right:15px !important}
    .mar-xl-x-20{
        margin-left:20px !important;
    margin-right:20px !important}
    .mar-xl-x-25{
        margin-left:25px !important;
    margin-right:25px !important}
    .mar-xl-x-30{
        margin-left:30px !important;
    margin-right:30px !important}
    .mar-xl-x-35{
        margin-left:35px !important;
    margin-right:35px !important}
    .mar-xl-x-40{
        margin-left:40px !important;
    margin-right:40px !important}
    .mar-xl-x-45{
        margin-left:45px !important;
    margin-right:45px !important}
    .mar-xl-x-50{
        margin-left:50px !important;
    margin-right:50px !important}
    .mar-xl-x-55{
        margin-left:55px !important;
    margin-right:55px !important}
    .mar-xl-x-60{
        margin-left:60px !important;
    margin-right:60px !important}
    .mar-xl-x-65{
        margin-left:65px !important;
    margin-right:65px !important}
    .mar-xl-x-70{
        margin-left:70px !important;
    margin-right:70px !important}
    .mar-xl-x-75{
        margin-left:75px !important;
    margin-right:75px !important}
    .mar-xl-x-80{
        margin-left:80px !important;
    margin-right:80px !important}
    .mar-xl-x-85{
        margin-left:85px !important;
    margin-right:85px !important}
    .mar-xl-x-90{
        margin-left:90px !important;
    margin-right:90px !important}
    .mar-xl-x-95{
        margin-left:95px !important;
    margin-right:95px !important}
    .mar-xl-x-100{
        margin-left:100px !important;
    margin-right:100px !important}
    .mar-xl-x-105{
        margin-left:105px !important;
    margin-right:105px !important}
    .mar-xl-x-110{
        margin-left:110px !important;
    margin-right:110px !important}
    .mar-xl-x-115{
        margin-left:115px !important;
    margin-right:115px !important}
    .mar-xl-x-120{
        margin-left:120px !important;
    margin-right:120px !important}
    .mar-xl-x-125{
        margin-left:125px !important;
    margin-right:125px !important}
    .mar-xl-x-130{
        margin-left:130px !important;
    margin-right:130px !important}
    .mar-xl-x-135{
        margin-left:135px !important;
    margin-right:135px !important}
    .mar-xl-x-140{
        margin-left:140px !important;
    margin-right:140px !important}
    .mar-xl-x-145{
        margin-left:145px !important;
    margin-right:145px !important}
    .mar-xl-x-150{
        margin-left:150px !important;
    margin-right:150px !important}
}
@media(max-width: 991.98px){
    .mar-lg-x-0{
        margin-left:0px !important;
    margin-right:0px !important}
    .mar-lg-x-5{
        margin-left:5px !important;
    margin-right:5px !important}
    .mar-lg-x-10{
        margin-left:10px !important;
    margin-right:10px !important}
    .mar-lg-x-15{
        margin-left:15px !important;
    margin-right:15px !important}
    .mar-lg-x-20{
        margin-left:20px !important;
    margin-right:20px !important}
    .mar-lg-x-25{
        margin-left:25px !important;
    margin-right:25px !important}
    .mar-lg-x-30{
        margin-left:30px !important;
    margin-right:30px !important}
    .mar-lg-x-35{
        margin-left:35px !important;
    margin-right:35px !important}
    .mar-lg-x-40{
        margin-left:40px !important;
    margin-right:40px !important}
    .mar-lg-x-45{
        margin-left:45px !important;
    margin-right:45px !important}
    .mar-lg-x-50{
        margin-left:50px !important;
    margin-right:50px !important}
    .mar-lg-x-55{
        margin-left:55px !important;
    margin-right:55px !important}
    .mar-lg-x-60{
        margin-left:60px !important;
    margin-right:60px !important}
    .mar-lg-x-65{
        margin-left:65px !important;
    margin-right:65px !important}
    .mar-lg-x-70{
        margin-left:70px !important;
    margin-right:70px !important}
    .mar-lg-x-75{
        margin-left:75px !important;
    margin-right:75px !important}
    .mar-lg-x-80{
        margin-left:80px !important;
    margin-right:80px !important}
    .mar-lg-x-85{
        margin-left:85px !important;
    margin-right:85px !important}
    .mar-lg-x-90{
        margin-left:90px !important;
    margin-right:90px !important}
    .mar-lg-x-95{
        margin-left:95px !important;
    margin-right:95px !important}
    .mar-lg-x-100{
        margin-left:100px !important;
    margin-right:100px !important}
    .mar-lg-x-105{
        margin-left:105px !important;
    margin-right:105px !important}
    .mar-lg-x-110{
        margin-left:110px !important;
    margin-right:110px !important}
    .mar-lg-x-115{
        margin-left:115px !important;
    margin-right:115px !important}
    .mar-lg-x-120{
        margin-left:120px !important;
    margin-right:120px !important}
    .mar-lg-x-125{
        margin-left:125px !important;
    margin-right:125px !important}
    .mar-lg-x-130{
        margin-left:130px !important;
    margin-right:130px !important}
    .mar-lg-x-135{
        margin-left:135px !important;
    margin-right:135px !important}
    .mar-lg-x-140{
        margin-left:140px !important;
    margin-right:140px !important}
    .mar-lg-x-145{
        margin-left:145px !important;
    margin-right:145px !important}
    .mar-lg-x-150{
        margin-left:150px !important;
    margin-right:150px !important}
}
@media(max-width: 767.98px){
    .mar-md-x-0{
        margin-left:0px !important;
    margin-right:0px !important}
    .mar-md-x-5{
        margin-left:5px !important;
    margin-right:5px !important}
    .mar-md-x-10{
        margin-left:10px !important;
    margin-right:10px !important}
    .mar-md-x-15{
        margin-left:15px !important;
    margin-right:15px !important}
    .mar-md-x-20{
        margin-left:20px !important;
    margin-right:20px !important}
    .mar-md-x-25{
        margin-left:25px !important;
    margin-right:25px !important}
    .mar-md-x-30{
        margin-left:30px !important;
    margin-right:30px !important}
    .mar-md-x-35{
        margin-left:35px !important;
    margin-right:35px !important}
    .mar-md-x-40{
        margin-left:40px !important;
    margin-right:40px !important}
    .mar-md-x-45{
        margin-left:45px !important;
    margin-right:45px !important}
    .mar-md-x-50{
        margin-left:50px !important;
    margin-right:50px !important}
    .mar-md-x-55{
        margin-left:55px !important;
    margin-right:55px !important}
    .mar-md-x-60{
        margin-left:60px !important;
    margin-right:60px !important}
    .mar-md-x-65{
        margin-left:65px !important;
    margin-right:65px !important}
    .mar-md-x-70{
        margin-left:70px !important;
    margin-right:70px !important}
    .mar-md-x-75{
        margin-left:75px !important;
    margin-right:75px !important}
    .mar-md-x-80{
        margin-left:80px !important;
    margin-right:80px !important}
    .mar-md-x-85{
        margin-left:85px !important;
    margin-right:85px !important}
    .mar-md-x-90{
        margin-left:90px !important;
    margin-right:90px !important}
    .mar-md-x-95{
        margin-left:95px !important;
    margin-right:95px !important}
    .mar-md-x-100{
        margin-left:100px !important;
    margin-right:100px !important}
    .mar-md-x-105{
        margin-left:105px !important;
    margin-right:105px !important}
    .mar-md-x-110{
        margin-left:110px !important;
    margin-right:110px !important}
    .mar-md-x-115{
        margin-left:115px !important;
    margin-right:115px !important}
    .mar-md-x-120{
        margin-left:120px !important;
    margin-right:120px !important}
    .mar-md-x-125{
        margin-left:125px !important;
    margin-right:125px !important}
    .mar-md-x-130{
        margin-left:130px !important;
    margin-right:130px !important}
    .mar-md-x-135{
        margin-left:135px !important;
    margin-right:135px !important}
    .mar-md-x-140{
        margin-left:140px !important;
    margin-right:140px !important}
    .mar-md-x-145{
        margin-left:145px !important;
    margin-right:145px !important}
    .mar-md-x-150{
        margin-left:150px !important;
    margin-right:150px !important}
}
@media(max-width: 575.98px){
    .mar-sm-x-0{
        margin-left:0px !important;
    margin-right:0px !important}
    .mar-sm-x-5{
        margin-left:5px !important;
    margin-right:5px !important}
    .mar-sm-x-10{
        margin-left:10px !important;
    margin-right:10px !important}
    .mar-sm-x-15{
        margin-left:15px !important;
    margin-right:15px !important}
    .mar-sm-x-20{
        margin-left:20px !important;
    margin-right:20px !important}
    .mar-sm-x-25{
        margin-left:25px !important;
    margin-right:25px !important}
    .mar-sm-x-30{
        margin-left:30px !important;
    margin-right:30px !important}
    .mar-sm-x-35{
        margin-left:35px !important;
    margin-right:35px !important}
    .mar-sm-x-40{
        margin-left:40px !important;
    margin-right:40px !important}
    .mar-sm-x-45{
        margin-left:45px !important;
    margin-right:45px !important}
    .mar-sm-x-50{
        margin-left:50px !important;
    margin-right:50px !important}
    .mar-sm-x-55{
        margin-left:55px !important;
    margin-right:55px !important}
    .mar-sm-x-60{
        margin-left:60px !important;
    margin-right:60px !important}
    .mar-sm-x-65{
        margin-left:65px !important;
    margin-right:65px !important}
    .mar-sm-x-70{
        margin-left:70px !important;
    margin-right:70px !important}
    .mar-sm-x-75{
        margin-left:75px !important;
    margin-right:75px !important}
    .mar-sm-x-80{
        margin-left:80px !important;
    margin-right:80px !important}
    .mar-sm-x-85{
        margin-left:85px !important;
    margin-right:85px !important}
    .mar-sm-x-90{
        margin-left:90px !important;
    margin-right:90px !important}
    .mar-sm-x-95{
        margin-left:95px !important;
    margin-right:95px !important}
    .mar-sm-x-100{
        margin-left:100px !important;
    margin-right:100px !important}
    .mar-sm-x-105{
        margin-left:105px !important;
    margin-right:105px !important}
    .mar-sm-x-110{
        margin-left:110px !important;
    margin-right:110px !important}
    .mar-sm-x-115{
        margin-left:115px !important;
    margin-right:115px !important}
    .mar-sm-x-120{
        margin-left:120px !important;
    margin-right:120px !important}
    .mar-sm-x-125{
        margin-left:125px !important;
    margin-right:125px !important}
    .mar-sm-x-130{
        margin-left:130px !important;
    margin-right:130px !important}
    .mar-sm-x-135{
        margin-left:135px !important;
    margin-right:135px !important}
    .mar-sm-x-140{
        margin-left:140px !important;
    margin-right:140px !important}
    .mar-sm-x-145{
        margin-left:145px !important;
    margin-right:145px !important}
    .mar-sm-x-150{
        margin-left:150px !important;
    margin-right:150px !important}
}
.pad-t-0{
padding-top:0px !important}
.pad-t-5{
padding-top:5px !important}
.pad-t-10{
padding-top:10px !important}
.pad-t-15{
padding-top:15px !important}
.pad-t-20{
padding-top:20px !important}
.pad-t-25{
padding-top:25px !important}
.pad-t-30{
padding-top:30px !important}
.pad-t-35{
padding-top:35px !important}
.pad-t-40{
padding-top:40px !important}
.pad-t-45{
padding-top:45px !important}
.pad-t-50{
padding-top:50px !important}
.pad-t-55{
padding-top:55px !important}
.pad-t-60{
padding-top:60px !important}
.pad-t-65{
padding-top:65px !important}
.pad-t-70{
padding-top:70px !important}
.pad-t-75{
padding-top:75px !important}
.pad-t-80{
padding-top:80px !important}
.pad-t-85{
padding-top:85px !important}
.pad-t-90{
padding-top:90px !important}
.pad-t-95{
padding-top:95px !important}
.pad-t-100{
padding-top:100px !important}
.pad-t-105{
padding-top:105px !important}
.pad-t-110{
padding-top:110px !important}
.pad-t-115{
padding-top:115px !important}
.pad-t-120{
padding-top:120px !important}
.pad-t-125{
padding-top:125px !important}
.pad-t-130{
padding-top:130px !important}
.pad-t-135{
padding-top:135px !important}
.pad-t-140{
padding-top:140px !important}
.pad-t-145{
padding-top:145px !important}
.pad-t-150{
padding-top:150px !important}
@media(max-width: 1199.98){
    .pad-t-xl-0{
    padding-top:0px !important}
    .pad-t-xl-5{
    padding-top:5px !important}
    .pad-t-xl-10{
    padding-top:10px !important}
    .pad-t-xl-15{
    padding-top:15px !important}
    .pad-t-xl-20{
    padding-top:20px !important}
    .pad-t-xl-25{
    padding-top:25px !important}
    .pad-t-xl-30{
    padding-top:30px !important}
    .pad-t-xl-35{
    padding-top:35px !important}
    .pad-t-xl-40{
    padding-top:40px !important}
    .pad-t-xl-45{
    padding-top:45px !important}
    .pad-t-xl-50{
    padding-top:50px !important}
    .pad-t-xl-55{
    padding-top:55px !important}
    .pad-t-xl-60{
    padding-top:60px !important}
    .pad-t-xl-65{
    padding-top:65px !important}
    .pad-t-xl-70{
    padding-top:70px !important}
    .pad-t-xl-75{
    padding-top:75px !important}
    .pad-t-xl-80{
    padding-top:80px !important}
    .pad-t-xl-85{
    padding-top:85px !important}
    .pad-t-xl-90{
    padding-top:90px !important}
    .pad-t-xl-95{
    padding-top:95px !important}
    .pad-t-xl-100{
    padding-top:100px !important}
    .pad-t-xl-105{
    padding-top:105px !important}
    .pad-t-xl-110{
    padding-top:110px !important}
    .pad-t-xl-115{
    padding-top:115px !important}
    .pad-t-xl-120{
    padding-top:120px !important}
    .pad-t-xl-125{
    padding-top:125px !important}
    .pad-t-xl-130{
    padding-top:130px !important}
    .pad-t-xl-135{
    padding-top:135px !important}
    .pad-t-xl-140{
    padding-top:140px !important}
    .pad-t-xl-145{
    padding-top:145px !important}
    .pad-t-xl-150{
    padding-top:150px !important}
}
@media(max-width: 991.98px){
    .pad-t-lg-0{
    padding-top:0px !important}
    .pad-t-lg-5{
    padding-top:5px !important}
    .pad-t-lg-10{
    padding-top:10px !important}
    .pad-t-lg-15{
    padding-top:15px !important}
    .pad-t-lg-20{
    padding-top:20px !important}
    .pad-t-lg-25{
    padding-top:25px !important}
    .pad-t-lg-30{
    padding-top:30px !important}
    .pad-t-lg-35{
    padding-top:35px !important}
    .pad-t-lg-40{
    padding-top:40px !important}
    .pad-t-lg-45{
    padding-top:45px !important}
    .pad-t-lg-50{
    padding-top:50px !important}
    .pad-t-lg-55{
    padding-top:55px !important}
    .pad-t-lg-60{
    padding-top:60px !important}
    .pad-t-lg-65{
    padding-top:65px !important}
    .pad-t-lg-70{
    padding-top:70px !important}
    .pad-t-lg-75{
    padding-top:75px !important}
    .pad-t-lg-80{
    padding-top:80px !important}
    .pad-t-lg-85{
    padding-top:85px !important}
    .pad-t-lg-90{
    padding-top:90px !important}
    .pad-t-lg-95{
    padding-top:95px !important}
    .pad-t-lg-100{
    padding-top:100px !important}
    .pad-t-lg-105{
    padding-top:105px !important}
    .pad-t-lg-110{
    padding-top:110px !important}
    .pad-t-lg-115{
    padding-top:115px !important}
    .pad-t-lg-120{
    padding-top:120px !important}
    .pad-t-lg-125{
    padding-top:125px !important}
    .pad-t-lg-130{
    padding-top:130px !important}
    .pad-t-lg-135{
    padding-top:135px !important}
    .pad-t-lg-140{
    padding-top:140px !important}
    .pad-t-lg-145{
    padding-top:145px !important}
    .pad-t-lg-150{
    padding-top:150px !important}
}
@media(max-width: 767.98px){
    .pad-t-md-0{
    padding-top:0px !important}
    .pad-t-md-5{
    padding-top:5px !important}
    .pad-t-md-10{
    padding-top:10px !important}
    .pad-t-md-15{
    padding-top:15px !important}
    .pad-t-md-20{
    padding-top:20px !important}
    .pad-t-md-25{
    padding-top:25px !important}
    .pad-t-md-30{
    padding-top:30px !important}
    .pad-t-md-35{
    padding-top:35px !important}
    .pad-t-md-40{
    padding-top:40px !important}
    .pad-t-md-45{
    padding-top:45px !important}
    .pad-t-md-50{
    padding-top:50px !important}
    .pad-t-md-55{
    padding-top:55px !important}
    .pad-t-md-60{
    padding-top:60px !important}
    .pad-t-md-65{
    padding-top:65px !important}
    .pad-t-md-70{
    padding-top:70px !important}
    .pad-t-md-75{
    padding-top:75px !important}
    .pad-t-md-80{
    padding-top:80px !important}
    .pad-t-md-85{
    padding-top:85px !important}
    .pad-t-md-90{
    padding-top:90px !important}
    .pad-t-md-95{
    padding-top:95px !important}
    .pad-t-md-100{
    padding-top:100px !important}
    .pad-t-md-105{
    padding-top:105px !important}
    .pad-t-md-110{
    padding-top:110px !important}
    .pad-t-md-115{
    padding-top:115px !important}
    .pad-t-md-120{
    padding-top:120px !important}
    .pad-t-md-125{
    padding-top:125px !important}
    .pad-t-md-130{
    padding-top:130px !important}
    .pad-t-md-135{
    padding-top:135px !important}
    .pad-t-md-140{
    padding-top:140px !important}
    .pad-t-md-145{
    padding-top:145px !important}
    .pad-t-md-150{
    padding-top:150px !important}
}
@media(max-width: 575.98px){
    .pad-t-sm-0{
    padding-top:0px !important}
    .pad-t-sm-5{
    padding-top:5px !important}
    .pad-t-sm-10{
    padding-top:10px !important}
    .pad-t-sm-15{
    padding-top:15px !important}
    .pad-t-sm-20{
    padding-top:20px !important}
    .pad-t-sm-25{
    padding-top:25px !important}
    .pad-t-sm-30{
    padding-top:30px !important}
    .pad-t-sm-35{
    padding-top:35px !important}
    .pad-t-sm-40{
    padding-top:40px !important}
    .pad-t-sm-45{
    padding-top:45px !important}
    .pad-t-sm-50{
    padding-top:50px !important}
    .pad-t-sm-55{
    padding-top:55px !important}
    .pad-t-sm-60{
    padding-top:60px !important}
    .pad-t-sm-65{
    padding-top:65px !important}
    .pad-t-sm-70{
    padding-top:70px !important}
    .pad-t-sm-75{
    padding-top:75px !important}
    .pad-t-sm-80{
    padding-top:80px !important}
    .pad-t-sm-85{
    padding-top:85px !important}
    .pad-t-sm-90{
    padding-top:90px !important}
    .pad-t-sm-95{
    padding-top:95px !important}
    .pad-t-sm-100{
    padding-top:100px !important}
    .pad-t-sm-105{
    padding-top:105px !important}
    .pad-t-sm-110{
    padding-top:110px !important}
    .pad-t-sm-115{
    padding-top:115px !important}
    .pad-t-sm-120{
    padding-top:120px !important}
    .pad-t-sm-125{
    padding-top:125px !important}
    .pad-t-sm-130{
    padding-top:130px !important}
    .pad-t-sm-135{
    padding-top:135px !important}
    .pad-t-sm-140{
    padding-top:140px !important}
    .pad-t-sm-145{
    padding-top:145px !important}
    .pad-t-sm-150{
    padding-top:150px !important}
}
.pad-b-0{
padding-bottom:0px !important}
.pad-b-5{
padding-bottom:5px !important}
.pad-b-10{
padding-bottom:10px !important}
.pad-b-15{
padding-bottom:15px !important}
.pad-b-20{
padding-bottom:20px !important}
.pad-b-25{
padding-bottom:25px !important}
.pad-b-30{
padding-bottom:30px !important}
.pad-b-35{
padding-bottom:35px !important}
.pad-b-40{
padding-bottom:40px !important}
.pad-b-45{
padding-bottom:45px !important}
.pad-b-50{
padding-bottom:50px !important}
.pad-b-55{
padding-bottom:55px !important}
.pad-b-60{
padding-bottom:60px !important}
.pad-b-65{
padding-bottom:65px !important}
.pad-b-70{
padding-bottom:70px !important}
.pad-b-75{
padding-bottom:75px !important}
.pad-b-80{
padding-bottom:80px !important}
.pad-b-85{
padding-bottom:85px !important}
.pad-b-90{
padding-bottom:90px !important}
.pad-b-95{
padding-bottom:95px !important}
.pad-b-100{
padding-bottom:100px !important}
.pad-b-105{
padding-bottom:105px !important}
.pad-b-110{
padding-bottom:110px !important}
.pad-b-115{
padding-bottom:115px !important}
.pad-b-120{
padding-bottom:120px !important}
.pad-b-125{
padding-bottom:125px !important}
.pad-b-130{
padding-bottom:130px !important}
.pad-b-135{
padding-bottom:135px !important}
.pad-b-140{
padding-bottom:140px !important}
.pad-b-145{
padding-bottom:145px !important}
.pad-b-150{
padding-bottom:150px !important}
@media(max-width: 1199.98){
    .pad-b-xl-0{
    padding-bottom:0px !important}
    .pad-b-xl-5{
    padding-bottom:5px !important}
    .pad-b-xl-10{
    padding-bottom:10px !important}
    .pad-b-xl-15{
    padding-bottom:15px !important}
    .pad-b-xl-20{
    padding-bottom:20px !important}
    .pad-b-xl-25{
    padding-bottom:25px !important}
    .pad-b-xl-30{
    padding-bottom:30px !important}
    .pad-b-xl-35{
    padding-bottom:35px !important}
    .pad-b-xl-40{
    padding-bottom:40px !important}
    .pad-b-xl-45{
    padding-bottom:45px !important}
    .pad-b-xl-50{
    padding-bottom:50px !important}
    .pad-b-xl-55{
    padding-bottom:55px !important}
    .pad-b-xl-60{
    padding-bottom:60px !important}
    .pad-b-xl-65{
    padding-bottom:65px !important}
    .pad-b-xl-70{
    padding-bottom:70px !important}
    .pad-b-xl-75{
    padding-bottom:75px !important}
    .pad-b-xl-80{
    padding-bottom:80px !important}
    .pad-b-xl-85{
    padding-bottom:85px !important}
    .pad-b-xl-90{
    padding-bottom:90px !important}
    .pad-b-xl-95{
    padding-bottom:95px !important}
    .pad-b-xl-100{
    padding-bottom:100px !important}
    .pad-b-xl-105{
    padding-bottom:105px !important}
    .pad-b-xl-110{
    padding-bottom:110px !important}
    .pad-b-xl-115{
    padding-bottom:115px !important}
    .pad-b-xl-120{
    padding-bottom:120px !important}
    .pad-b-xl-125{
    padding-bottom:125px !important}
    .pad-b-xl-130{
    padding-bottom:130px !important}
    .pad-b-xl-135{
    padding-bottom:135px !important}
    .pad-b-xl-140{
    padding-bottom:140px !important}
    .pad-b-xl-145{
    padding-bottom:145px !important}
    .pad-b-xl-150{
    padding-bottom:150px !important}
}
@media(max-width: 991.98px){
    .pad-b-lg-0{
    padding-bottom:0px !important}
    .pad-b-lg-5{
    padding-bottom:5px !important}
    .pad-b-lg-10{
    padding-bottom:10px !important}
    .pad-b-lg-15{
    padding-bottom:15px !important}
    .pad-b-lg-20{
    padding-bottom:20px !important}
    .pad-b-lg-25{
    padding-bottom:25px !important}
    .pad-b-lg-30{
    padding-bottom:30px !important}
    .pad-b-lg-35{
    padding-bottom:35px !important}
    .pad-b-lg-40{
    padding-bottom:40px !important}
    .pad-b-lg-45{
    padding-bottom:45px !important}
    .pad-b-lg-50{
    padding-bottom:50px !important}
    .pad-b-lg-55{
    padding-bottom:55px !important}
    .pad-b-lg-60{
    padding-bottom:60px !important}
    .pad-b-lg-65{
    padding-bottom:65px !important}
    .pad-b-lg-70{
    padding-bottom:70px !important}
    .pad-b-lg-75{
    padding-bottom:75px !important}
    .pad-b-lg-80{
    padding-bottom:80px !important}
    .pad-b-lg-85{
    padding-bottom:85px !important}
    .pad-b-lg-90{
    padding-bottom:90px !important}
    .pad-b-lg-95{
    padding-bottom:95px !important}
    .pad-b-lg-100{
    padding-bottom:100px !important}
    .pad-b-lg-105{
    padding-bottom:105px !important}
    .pad-b-lg-110{
    padding-bottom:110px !important}
    .pad-b-lg-115{
    padding-bottom:115px !important}
    .pad-b-lg-120{
    padding-bottom:120px !important}
    .pad-b-lg-125{
    padding-bottom:125px !important}
    .pad-b-lg-130{
    padding-bottom:130px !important}
    .pad-b-lg-135{
    padding-bottom:135px !important}
    .pad-b-lg-140{
    padding-bottom:140px !important}
    .pad-b-lg-145{
    padding-bottom:145px !important}
    .pad-b-lg-150{
    padding-bottom:150px !important}
}
@media(max-width: 767.98px){
    .pad-b-md-0{
    padding-bottom:0px !important}
    .pad-b-md-5{
    padding-bottom:5px !important}
    .pad-b-md-10{
    padding-bottom:10px !important}
    .pad-b-md-15{
    padding-bottom:15px !important}
    .pad-b-md-20{
    padding-bottom:20px !important}
    .pad-b-md-25{
    padding-bottom:25px !important}
    .pad-b-md-30{
    padding-bottom:30px !important}
    .pad-b-md-35{
    padding-bottom:35px !important}
    .pad-b-md-40{
    padding-bottom:40px !important}
    .pad-b-md-45{
    padding-bottom:45px !important}
    .pad-b-md-50{
    padding-bottom:50px !important}
    .pad-b-md-55{
    padding-bottom:55px !important}
    .pad-b-md-60{
    padding-bottom:60px !important}
    .pad-b-md-65{
    padding-bottom:65px !important}
    .pad-b-md-70{
    padding-bottom:70px !important}
    .pad-b-md-75{
    padding-bottom:75px !important}
    .pad-b-md-80{
    padding-bottom:80px !important}
    .pad-b-md-85{
    padding-bottom:85px !important}
    .pad-b-md-90{
    padding-bottom:90px !important}
    .pad-b-md-95{
    padding-bottom:95px !important}
    .pad-b-md-100{
    padding-bottom:100px !important}
    .pad-b-md-105{
    padding-bottom:105px !important}
    .pad-b-md-110{
    padding-bottom:110px !important}
    .pad-b-md-115{
    padding-bottom:115px !important}
    .pad-b-md-120{
    padding-bottom:120px !important}
    .pad-b-md-125{
    padding-bottom:125px !important}
    .pad-b-md-130{
    padding-bottom:130px !important}
    .pad-b-md-135{
    padding-bottom:135px !important}
    .pad-b-md-140{
    padding-bottom:140px !important}
    .pad-b-md-145{
    padding-bottom:145px !important}
    .pad-b-md-150{
    padding-bottom:150px !important}
}
@media(max-width: 575.98px){
    .pad-b-sm-0{
    padding-bottom:0px !important}
    .pad-b-sm-5{
    padding-bottom:5px !important}
    .pad-b-sm-10{
    padding-bottom:10px !important}
    .pad-b-sm-15{
    padding-bottom:15px !important}
    .pad-b-sm-20{
    padding-bottom:20px !important}
    .pad-b-sm-25{
    padding-bottom:25px !important}
    .pad-b-sm-30{
    padding-bottom:30px !important}
    .pad-b-sm-35{
    padding-bottom:35px !important}
    .pad-b-sm-40{
    padding-bottom:40px !important}
    .pad-b-sm-45{
    padding-bottom:45px !important}
    .pad-b-sm-50{
    padding-bottom:50px !important}
    .pad-b-sm-55{
    padding-bottom:55px !important}
    .pad-b-sm-60{
    padding-bottom:60px !important}
    .pad-b-sm-65{
    padding-bottom:65px !important}
    .pad-b-sm-70{
    padding-bottom:70px !important}
    .pad-b-sm-75{
    padding-bottom:75px !important}
    .pad-b-sm-80{
    padding-bottom:80px !important}
    .pad-b-sm-85{
    padding-bottom:85px !important}
    .pad-b-sm-90{
    padding-bottom:90px !important}
    .pad-b-sm-95{
    padding-bottom:95px !important}
    .pad-b-sm-100{
    padding-bottom:100px !important}
    .pad-b-sm-105{
    padding-bottom:105px !important}
    .pad-b-sm-110{
    padding-bottom:110px !important}
    .pad-b-sm-115{
    padding-bottom:115px !important}
    .pad-b-sm-120{
    padding-bottom:120px !important}
    .pad-b-sm-125{
    padding-bottom:125px !important}
    .pad-b-sm-130{
    padding-bottom:130px !important}
    .pad-b-sm-135{
    padding-bottom:135px !important}
    .pad-b-sm-140{
    padding-bottom:140px !important}
    .pad-b-sm-145{
    padding-bottom:145px !important}
    .pad-b-sm-150{
    padding-bottom:150px !important}
}
.pad-l-0{
padding-left:0px !important}
.pad-l-5{
padding-left:5px !important}
.pad-l-10{
padding-left:10px !important}
.pad-l-15{
padding-left:15px !important}
.pad-l-20{
padding-left:20px !important}
.pad-l-25{
padding-left:25px !important}
.pad-l-30{
padding-left:30px !important}
.pad-l-35{
padding-left:35px !important}
.pad-l-40{
padding-left:40px !important}
.pad-l-45{
padding-left:45px !important}
.pad-l-50{
padding-left:50px !important}
.pad-l-55{
padding-left:55px !important}
.pad-l-60{
padding-left:60px !important}
.pad-l-65{
padding-left:65px !important}
.pad-l-70{
padding-left:70px !important}
.pad-l-75{
padding-left:75px !important}
.pad-l-80{
padding-left:80px !important}
.pad-l-85{
padding-left:85px !important}
.pad-l-90{
padding-left:90px !important}
.pad-l-95{
padding-left:95px !important}
.pad-l-100{
padding-left:100px !important}
.pad-l-105{
padding-left:105px !important}
.pad-l-110{
padding-left:110px !important}
.pad-l-115{
padding-left:115px !important}
.pad-l-120{
padding-left:120px !important}
.pad-l-125{
padding-left:125px !important}
.pad-l-130{
padding-left:130px !important}
.pad-l-135{
padding-left:135px !important}
.pad-l-140{
padding-left:140px !important}
.pad-l-145{
padding-left:145px !important}
.pad-l-150{
padding-left:150px !important}
@media(max-width: 1199.98){
    .pad-l-xl-0{
    padding-left:0px !important}
    .pad-l-xl-5{
    padding-left:5px !important}
    .pad-l-xl-10{
    padding-left:10px !important}
    .pad-l-xl-15{
    padding-left:15px !important}
    .pad-l-xl-20{
    padding-left:20px !important}
    .pad-l-xl-25{
    padding-left:25px !important}
    .pad-l-xl-30{
    padding-left:30px !important}
    .pad-l-xl-35{
    padding-left:35px !important}
    .pad-l-xl-40{
    padding-left:40px !important}
    .pad-l-xl-45{
    padding-left:45px !important}
    .pad-l-xl-50{
    padding-left:50px !important}
    .pad-l-xl-55{
    padding-left:55px !important}
    .pad-l-xl-60{
    padding-left:60px !important}
    .pad-l-xl-65{
    padding-left:65px !important}
    .pad-l-xl-70{
    padding-left:70px !important}
    .pad-l-xl-75{
    padding-left:75px !important}
    .pad-l-xl-80{
    padding-left:80px !important}
    .pad-l-xl-85{
    padding-left:85px !important}
    .pad-l-xl-90{
    padding-left:90px !important}
    .pad-l-xl-95{
    padding-left:95px !important}
    .pad-l-xl-100{
    padding-left:100px !important}
    .pad-l-xl-105{
    padding-left:105px !important}
    .pad-l-xl-110{
    padding-left:110px !important}
    .pad-l-xl-115{
    padding-left:115px !important}
    .pad-l-xl-120{
    padding-left:120px !important}
    .pad-l-xl-125{
    padding-left:125px !important}
    .pad-l-xl-130{
    padding-left:130px !important}
    .pad-l-xl-135{
    padding-left:135px !important}
    .pad-l-xl-140{
    padding-left:140px !important}
    .pad-l-xl-145{
    padding-left:145px !important}
    .pad-l-xl-150{
    padding-left:150px !important}
}
@media(max-width: 991.98px){
    .pad-l-lg-0{
    padding-left:0px !important}
    .pad-l-lg-5{
    padding-left:5px !important}
    .pad-l-lg-10{
    padding-left:10px !important}
    .pad-l-lg-15{
    padding-left:15px !important}
    .pad-l-lg-20{
    padding-left:20px !important}
    .pad-l-lg-25{
    padding-left:25px !important}
    .pad-l-lg-30{
    padding-left:30px !important}
    .pad-l-lg-35{
    padding-left:35px !important}
    .pad-l-lg-40{
    padding-left:40px !important}
    .pad-l-lg-45{
    padding-left:45px !important}
    .pad-l-lg-50{
    padding-left:50px !important}
    .pad-l-lg-55{
    padding-left:55px !important}
    .pad-l-lg-60{
    padding-left:60px !important}
    .pad-l-lg-65{
    padding-left:65px !important}
    .pad-l-lg-70{
    padding-left:70px !important}
    .pad-l-lg-75{
    padding-left:75px !important}
    .pad-l-lg-80{
    padding-left:80px !important}
    .pad-l-lg-85{
    padding-left:85px !important}
    .pad-l-lg-90{
    padding-left:90px !important}
    .pad-l-lg-95{
    padding-left:95px !important}
    .pad-l-lg-100{
    padding-left:100px !important}
    .pad-l-lg-105{
    padding-left:105px !important}
    .pad-l-lg-110{
    padding-left:110px !important}
    .pad-l-lg-115{
    padding-left:115px !important}
    .pad-l-lg-120{
    padding-left:120px !important}
    .pad-l-lg-125{
    padding-left:125px !important}
    .pad-l-lg-130{
    padding-left:130px !important}
    .pad-l-lg-135{
    padding-left:135px !important}
    .pad-l-lg-140{
    padding-left:140px !important}
    .pad-l-lg-145{
    padding-left:145px !important}
    .pad-l-lg-150{
    padding-left:150px !important}
}
@media(max-width: 767.98px){
    .pad-l-md-0{
    padding-left:0px !important}
    .pad-l-md-5{
    padding-left:5px !important}
    .pad-l-md-10{
    padding-left:10px !important}
    .pad-l-md-15{
    padding-left:15px !important}
    .pad-l-md-20{
    padding-left:20px !important}
    .pad-l-md-25{
    padding-left:25px !important}
    .pad-l-md-30{
    padding-left:30px !important}
    .pad-l-md-35{
    padding-left:35px !important}
    .pad-l-md-40{
    padding-left:40px !important}
    .pad-l-md-45{
    padding-left:45px !important}
    .pad-l-md-50{
    padding-left:50px !important}
    .pad-l-md-55{
    padding-left:55px !important}
    .pad-l-md-60{
    padding-left:60px !important}
    .pad-l-md-65{
    padding-left:65px !important}
    .pad-l-md-70{
    padding-left:70px !important}
    .pad-l-md-75{
    padding-left:75px !important}
    .pad-l-md-80{
    padding-left:80px !important}
    .pad-l-md-85{
    padding-left:85px !important}
    .pad-l-md-90{
    padding-left:90px !important}
    .pad-l-md-95{
    padding-left:95px !important}
    .pad-l-md-100{
    padding-left:100px !important}
    .pad-l-md-105{
    padding-left:105px !important}
    .pad-l-md-110{
    padding-left:110px !important}
    .pad-l-md-115{
    padding-left:115px !important}
    .pad-l-md-120{
    padding-left:120px !important}
    .pad-l-md-125{
    padding-left:125px !important}
    .pad-l-md-130{
    padding-left:130px !important}
    .pad-l-md-135{
    padding-left:135px !important}
    .pad-l-md-140{
    padding-left:140px !important}
    .pad-l-md-145{
    padding-left:145px !important}
    .pad-l-md-150{
    padding-left:150px !important}
}
@media(max-width: 575.98px){
    .pad-l-sm-0{
    padding-left:0px !important}
    .pad-l-sm-5{
    padding-left:5px !important}
    .pad-l-sm-10{
    padding-left:10px !important}
    .pad-l-sm-15{
    padding-left:15px !important}
    .pad-l-sm-20{
    padding-left:20px !important}
    .pad-l-sm-25{
    padding-left:25px !important}
    .pad-l-sm-30{
    padding-left:30px !important}
    .pad-l-sm-35{
    padding-left:35px !important}
    .pad-l-sm-40{
    padding-left:40px !important}
    .pad-l-sm-45{
    padding-left:45px !important}
    .pad-l-sm-50{
    padding-left:50px !important}
    .pad-l-sm-55{
    padding-left:55px !important}
    .pad-l-sm-60{
    padding-left:60px !important}
    .pad-l-sm-65{
    padding-left:65px !important}
    .pad-l-sm-70{
    padding-left:70px !important}
    .pad-l-sm-75{
    padding-left:75px !important}
    .pad-l-sm-80{
    padding-left:80px !important}
    .pad-l-sm-85{
    padding-left:85px !important}
    .pad-l-sm-90{
    padding-left:90px !important}
    .pad-l-sm-95{
    padding-left:95px !important}
    .pad-l-sm-100{
    padding-left:100px !important}
    .pad-l-sm-105{
    padding-left:105px !important}
    .pad-l-sm-110{
    padding-left:110px !important}
    .pad-l-sm-115{
    padding-left:115px !important}
    .pad-l-sm-120{
    padding-left:120px !important}
    .pad-l-sm-125{
    padding-left:125px !important}
    .pad-l-sm-130{
    padding-left:130px !important}
    .pad-l-sm-135{
    padding-left:135px !important}
    .pad-l-sm-140{
    padding-left:140px !important}
    .pad-l-sm-145{
    padding-left:145px !important}
    .pad-l-sm-150{
    padding-left:150px !important}
}
.pad-r-0{
padding-right:0px !important}
.pad-r-5{
padding-right:5px !important}
.pad-r-10{
padding-right:10px !important}
.pad-r-15{
padding-right:15px !important}
.pad-r-20{
padding-right:20px !important}
.pad-r-25{
padding-right:25px !important}
.pad-r-30{
padding-right:30px !important}
.pad-r-35{
padding-right:35px !important}
.pad-r-40{
padding-right:40px !important}
.pad-r-45{
padding-right:45px !important}
.pad-r-50{
padding-right:50px !important}
.pad-r-55{
padding-right:55px !important}
.pad-r-60{
padding-right:60px !important}
.pad-r-65{
padding-right:65px !important}
.pad-r-70{
padding-right:70px !important}
.pad-r-75{
padding-right:75px !important}
.pad-r-80{
padding-right:80px !important}
.pad-r-85{
padding-right:85px !important}
.pad-r-90{
padding-right:90px !important}
.pad-r-95{
padding-right:95px !important}
.pad-r-100{
padding-right:100px !important}
.pad-r-105{
padding-right:105px !important}
.pad-r-110{
padding-right:110px !important}
.pad-r-115{
padding-right:115px !important}
.pad-r-120{
padding-right:120px !important}
.pad-r-125{
padding-right:125px !important}
.pad-r-130{
padding-right:130px !important}
.pad-r-135{
padding-right:135px !important}
.pad-r-140{
padding-right:140px !important}
.pad-r-145{
padding-right:145px !important}
.pad-r-150{
padding-right:150px !important}
@media(max-width: 1199.98){
    .pad-r-xl-0{
    padding-right:0px !important}
    .pad-r-xl-5{
    padding-right:5px !important}
    .pad-r-xl-10{
    padding-right:10px !important}
    .pad-r-xl-15{
    padding-right:15px !important}
    .pad-r-xl-20{
    padding-right:20px !important}
    .pad-r-xl-25{
    padding-right:25px !important}
    .pad-r-xl-30{
    padding-right:30px !important}
    .pad-r-xl-35{
    padding-right:35px !important}
    .pad-r-xl-40{
    padding-right:40px !important}
    .pad-r-xl-45{
    padding-right:45px !important}
    .pad-r-xl-50{
    padding-right:50px !important}
    .pad-r-xl-55{
    padding-right:55px !important}
    .pad-r-xl-60{
    padding-right:60px !important}
    .pad-r-xl-65{
    padding-right:65px !important}
    .pad-r-xl-70{
    padding-right:70px !important}
    .pad-r-xl-75{
    padding-right:75px !important}
    .pad-r-xl-80{
    padding-right:80px !important}
    .pad-r-xl-85{
    padding-right:85px !important}
    .pad-r-xl-90{
    padding-right:90px !important}
    .pad-r-xl-95{
    padding-right:95px !important}
    .pad-r-xl-100{
    padding-right:100px !important}
    .pad-r-xl-105{
    padding-right:105px !important}
    .pad-r-xl-110{
    padding-right:110px !important}
    .pad-r-xl-115{
    padding-right:115px !important}
    .pad-r-xl-120{
    padding-right:120px !important}
    .pad-r-xl-125{
    padding-right:125px !important}
    .pad-r-xl-130{
    padding-right:130px !important}
    .pad-r-xl-135{
    padding-right:135px !important}
    .pad-r-xl-140{
    padding-right:140px !important}
    .pad-r-xl-145{
    padding-right:145px !important}
    .pad-r-xl-150{
    padding-right:150px !important}
}
@media(max-width: 991.98px){
    .pad-r-lg-0{
    padding-right:0px !important}
    .pad-r-lg-5{
    padding-right:5px !important}
    .pad-r-lg-10{
    padding-right:10px !important}
    .pad-r-lg-15{
    padding-right:15px !important}
    .pad-r-lg-20{
    padding-right:20px !important}
    .pad-r-lg-25{
    padding-right:25px !important}
    .pad-r-lg-30{
    padding-right:30px !important}
    .pad-r-lg-35{
    padding-right:35px !important}
    .pad-r-lg-40{
    padding-right:40px !important}
    .pad-r-lg-45{
    padding-right:45px !important}
    .pad-r-lg-50{
    padding-right:50px !important}
    .pad-r-lg-55{
    padding-right:55px !important}
    .pad-r-lg-60{
    padding-right:60px !important}
    .pad-r-lg-65{
    padding-right:65px !important}
    .pad-r-lg-70{
    padding-right:70px !important}
    .pad-r-lg-75{
    padding-right:75px !important}
    .pad-r-lg-80{
    padding-right:80px !important}
    .pad-r-lg-85{
    padding-right:85px !important}
    .pad-r-lg-90{
    padding-right:90px !important}
    .pad-r-lg-95{
    padding-right:95px !important}
    .pad-r-lg-100{
    padding-right:100px !important}
    .pad-r-lg-105{
    padding-right:105px !important}
    .pad-r-lg-110{
    padding-right:110px !important}
    .pad-r-lg-115{
    padding-right:115px !important}
    .pad-r-lg-120{
    padding-right:120px !important}
    .pad-r-lg-125{
    padding-right:125px !important}
    .pad-r-lg-130{
    padding-right:130px !important}
    .pad-r-lg-135{
    padding-right:135px !important}
    .pad-r-lg-140{
    padding-right:140px !important}
    .pad-r-lg-145{
    padding-right:145px !important}
    .pad-r-lg-150{
    padding-right:150px !important}
}
@media(max-width: 767.98px){
    .pad-r-md-0{
    padding-right:0px !important}
    .pad-r-md-5{
    padding-right:5px !important}
    .pad-r-md-10{
    padding-right:10px !important}
    .pad-r-md-15{
    padding-right:15px !important}
    .pad-r-md-20{
    padding-right:20px !important}
    .pad-r-md-25{
    padding-right:25px !important}
    .pad-r-md-30{
    padding-right:30px !important}
    .pad-r-md-35{
    padding-right:35px !important}
    .pad-r-md-40{
    padding-right:40px !important}
    .pad-r-md-45{
    padding-right:45px !important}
    .pad-r-md-50{
    padding-right:50px !important}
    .pad-r-md-55{
    padding-right:55px !important}
    .pad-r-md-60{
    padding-right:60px !important}
    .pad-r-md-65{
    padding-right:65px !important}
    .pad-r-md-70{
    padding-right:70px !important}
    .pad-r-md-75{
    padding-right:75px !important}
    .pad-r-md-80{
    padding-right:80px !important}
    .pad-r-md-85{
    padding-right:85px !important}
    .pad-r-md-90{
    padding-right:90px !important}
    .pad-r-md-95{
    padding-right:95px !important}
    .pad-r-md-100{
    padding-right:100px !important}
    .pad-r-md-105{
    padding-right:105px !important}
    .pad-r-md-110{
    padding-right:110px !important}
    .pad-r-md-115{
    padding-right:115px !important}
    .pad-r-md-120{
    padding-right:120px !important}
    .pad-r-md-125{
    padding-right:125px !important}
    .pad-r-md-130{
    padding-right:130px !important}
    .pad-r-md-135{
    padding-right:135px !important}
    .pad-r-md-140{
    padding-right:140px !important}
    .pad-r-md-145{
    padding-right:145px !important}
    .pad-r-md-150{
    padding-right:150px !important}
}
@media(max-width: 575.98px){
    .pad-r-sm-0{
    padding-right:0px !important}
    .pad-r-sm-5{
    padding-right:5px !important}
    .pad-r-sm-10{
    padding-right:10px !important}
    .pad-r-sm-15{
    padding-right:15px !important}
    .pad-r-sm-20{
    padding-right:20px !important}
    .pad-r-sm-25{
    padding-right:25px !important}
    .pad-r-sm-30{
    padding-right:30px !important}
    .pad-r-sm-35{
    padding-right:35px !important}
    .pad-r-sm-40{
    padding-right:40px !important}
    .pad-r-sm-45{
    padding-right:45px !important}
    .pad-r-sm-50{
    padding-right:50px !important}
    .pad-r-sm-55{
    padding-right:55px !important}
    .pad-r-sm-60{
    padding-right:60px !important}
    .pad-r-sm-65{
    padding-right:65px !important}
    .pad-r-sm-70{
    padding-right:70px !important}
    .pad-r-sm-75{
    padding-right:75px !important}
    .pad-r-sm-80{
    padding-right:80px !important}
    .pad-r-sm-85{
    padding-right:85px !important}
    .pad-r-sm-90{
    padding-right:90px !important}
    .pad-r-sm-95{
    padding-right:95px !important}
    .pad-r-sm-100{
    padding-right:100px !important}
    .pad-r-sm-105{
    padding-right:105px !important}
    .pad-r-sm-110{
    padding-right:110px !important}
    .pad-r-sm-115{
    padding-right:115px !important}
    .pad-r-sm-120{
    padding-right:120px !important}
    .pad-r-sm-125{
    padding-right:125px !important}
    .pad-r-sm-130{
    padding-right:130px !important}
    .pad-r-sm-135{
    padding-right:135px !important}
    .pad-r-sm-140{
    padding-right:140px !important}
    .pad-r-sm-145{
    padding-right:145px !important}
    .pad-r-sm-150{
    padding-right:150px !important}
}
.pad-y-0{
    padding-top:0px !important;
padding-bottom:0px !important}
.pad-y-5{
    padding-top:5px !important;
padding-bottom:5px !important}
.pad-y-10{
    padding-top:10px !important;
padding-bottom:10px !important}
.pad-y-15{
    padding-top:15px !important;
padding-bottom:15px !important}
.pad-y-20{
    padding-top:20px !important;
padding-bottom:20px !important}
.pad-y-25{
    padding-top:25px !important;
padding-bottom:25px !important}
.pad-y-30{
    padding-top:30px !important;
padding-bottom:30px !important}
.pad-y-35{
    padding-top:35px !important;
padding-bottom:35px !important}
.pad-y-40{
    padding-top:40px !important;
padding-bottom:40px !important}
.pad-y-45{
    padding-top:45px !important;
padding-bottom:45px !important}
.pad-y-50{
    padding-top:50px !important;
padding-bottom:50px !important}
.pad-y-55{
    padding-top:55px !important;
padding-bottom:55px !important}
.pad-y-60{
    padding-top:60px !important;
padding-bottom:60px !important}
.pad-y-65{
    padding-top:65px !important;
padding-bottom:65px !important}
.pad-y-70{
    padding-top:70px !important;
padding-bottom:70px !important}
.pad-y-75{
    padding-top:75px !important;
padding-bottom:75px !important}
.pad-y-80{
    padding-top:80px !important;
padding-bottom:80px !important}
.pad-y-85{
    padding-top:85px !important;
padding-bottom:85px !important}
.pad-y-90{
    padding-top:90px !important;
padding-bottom:90px !important}
.pad-y-95{
    padding-top:95px !important;
padding-bottom:95px !important}
.pad-y-100{
    padding-top:100px !important;
padding-bottom:100px !important}
.pad-y-105{
    padding-top:105px !important;
padding-bottom:105px !important}
.pad-y-110{
    padding-top:110px !important;
padding-bottom:110px !important}
.pad-y-115{
    padding-top:115px !important;
padding-bottom:115px !important}
.pad-y-120{
    padding-top:120px !important;
padding-bottom:120px !important}
.pad-y-125{
    padding-top:125px !important;
padding-bottom:125px !important}
.pad-y-130{
    padding-top:130px !important;
padding-bottom:130px !important}
.pad-y-135{
    padding-top:135px !important;
padding-bottom:135px !important}
.pad-y-140{
    padding-top:140px !important;
padding-bottom:140px !important}
.pad-y-145{
    padding-top:145px !important;
padding-bottom:145px !important}
.pad-y-150{
    padding-top:150px !important;
padding-bottom:150px !important}
@media(max-width: 1199.98){
    .pad-xl-y-0{
        padding-top:0px !important;
    padding-bottom:0px !important}
    .pad-xl-y-5{
        padding-top:5px !important;
    padding-bottom:5px !important}
    .pad-xl-y-10{
        padding-top:10px !important;
    padding-bottom:10px !important}
    .pad-xl-y-15{
        padding-top:15px !important;
    padding-bottom:15px !important}
    .pad-xl-y-20{
        padding-top:20px !important;
    padding-bottom:20px !important}
    .pad-xl-y-25{
        padding-top:25px !important;
    padding-bottom:25px !important}
    .pad-xl-y-30{
        padding-top:30px !important;
    padding-bottom:30px !important}
    .pad-xl-y-35{
        padding-top:35px !important;
    padding-bottom:35px !important}
    .pad-xl-y-40{
        padding-top:40px !important;
    padding-bottom:40px !important}
    .pad-xl-y-45{
        padding-top:45px !important;
    padding-bottom:45px !important}
    .pad-xl-y-50{
        padding-top:50px !important;
    padding-bottom:50px !important}
    .pad-xl-y-55{
        padding-top:55px !important;
    padding-bottom:55px !important}
    .pad-xl-y-60{
        padding-top:60px !important;
    padding-bottom:60px !important}
    .pad-xl-y-65{
        padding-top:65px !important;
    padding-bottom:65px !important}
    .pad-xl-y-70{
        padding-top:70px !important;
    padding-bottom:70px !important}
    .pad-xl-y-75{
        padding-top:75px !important;
    padding-bottom:75px !important}
    .pad-xl-y-80{
        padding-top:80px !important;
    padding-bottom:80px !important}
    .pad-xl-y-85{
        padding-top:85px !important;
    padding-bottom:85px !important}
    .pad-xl-y-90{
        padding-top:90px !important;
    padding-bottom:90px !important}
    .pad-xl-y-95{
        padding-top:95px !important;
    padding-bottom:95px !important}
    .pad-xl-y-100{
        padding-top:100px !important;
    padding-bottom:100px !important}
    .pad-xl-y-105{
        padding-top:105px !important;
    padding-bottom:105px !important}
    .pad-xl-y-110{
        padding-top:110px !important;
    padding-bottom:110px !important}
    .pad-xl-y-115{
        padding-top:115px !important;
    padding-bottom:115px !important}
    .pad-xl-y-120{
        padding-top:120px !important;
    padding-bottom:120px !important}
    .pad-xl-y-125{
        padding-top:125px !important;
    padding-bottom:125px !important}
    .pad-xl-y-130{
        padding-top:130px !important;
    padding-bottom:130px !important}
    .pad-xl-y-135{
        padding-top:135px !important;
    padding-bottom:135px !important}
    .pad-xl-y-140{
        padding-top:140px !important;
    padding-bottom:140px !important}
    .pad-xl-y-145{
        padding-top:145px !important;
    padding-bottom:145px !important}
    .pad-xl-y-150{
        padding-top:150px !important;
    padding-bottom:150px !important}
}
@media(max-width: 991.98px){
    .pad-lg-y-0{
        padding-top:0px !important;
    padding-bottom:0px !important}
    .pad-lg-y-5{
        padding-top:5px !important;
    padding-bottom:5px !important}
    .pad-lg-y-10{
        padding-top:10px !important;
    padding-bottom:10px !important}
    .pad-lg-y-15{
        padding-top:15px !important;
    padding-bottom:15px !important}
    .pad-lg-y-20{
        padding-top:20px !important;
    padding-bottom:20px !important}
    .pad-lg-y-25{
        padding-top:25px !important;
    padding-bottom:25px !important}
    .pad-lg-y-30{
        padding-top:30px !important;
    padding-bottom:30px !important}
    .pad-lg-y-35{
        padding-top:35px !important;
    padding-bottom:35px !important}
    .pad-lg-y-40{
        padding-top:40px !important;
    padding-bottom:40px !important}
    .pad-lg-y-45{
        padding-top:45px !important;
    padding-bottom:45px !important}
    .pad-lg-y-50{
        padding-top:50px !important;
    padding-bottom:50px !important}
    .pad-lg-y-55{
        padding-top:55px !important;
    padding-bottom:55px !important}
    .pad-lg-y-60{
        padding-top:60px !important;
    padding-bottom:60px !important}
    .pad-lg-y-65{
        padding-top:65px !important;
    padding-bottom:65px !important}
    .pad-lg-y-70{
        padding-top:70px !important;
    padding-bottom:70px !important}
    .pad-lg-y-75{
        padding-top:75px !important;
    padding-bottom:75px !important}
    .pad-lg-y-80{
        padding-top:80px !important;
    padding-bottom:80px !important}
    .pad-lg-y-85{
        padding-top:85px !important;
    padding-bottom:85px !important}
    .pad-lg-y-90{
        padding-top:90px !important;
    padding-bottom:90px !important}
    .pad-lg-y-95{
        padding-top:95px !important;
    padding-bottom:95px !important}
    .pad-lg-y-100{
        padding-top:100px !important;
    padding-bottom:100px !important}
    .pad-lg-y-105{
        padding-top:105px !important;
    padding-bottom:105px !important}
    .pad-lg-y-110{
        padding-top:110px !important;
    padding-bottom:110px !important}
    .pad-lg-y-115{
        padding-top:115px !important;
    padding-bottom:115px !important}
    .pad-lg-y-120{
        padding-top:120px !important;
    padding-bottom:120px !important}
    .pad-lg-y-125{
        padding-top:125px !important;
    padding-bottom:125px !important}
    .pad-lg-y-130{
        padding-top:130px !important;
    padding-bottom:130px !important}
    .pad-lg-y-135{
        padding-top:135px !important;
    padding-bottom:135px !important}
    .pad-lg-y-140{
        padding-top:140px !important;
    padding-bottom:140px !important}
    .pad-lg-y-145{
        padding-top:145px !important;
    padding-bottom:145px !important}
    .pad-lg-y-150{
        padding-top:150px !important;
    padding-bottom:150px !important}
}
@media(max-width: 767.98px){
    .pad-md-y-0{
        padding-top:0px !important;
    padding-bottom:0px !important}
    .pad-md-y-5{
        padding-top:5px !important;
    padding-bottom:5px !important}
    .pad-md-y-10{
        padding-top:10px !important;
    padding-bottom:10px !important}
    .pad-md-y-15{
        padding-top:15px !important;
    padding-bottom:15px !important}
    .pad-md-y-20{
        padding-top:20px !important;
    padding-bottom:20px !important}
    .pad-md-y-25{
        padding-top:25px !important;
    padding-bottom:25px !important}
    .pad-md-y-30{
        padding-top:30px !important;
    padding-bottom:30px !important}
    .pad-md-y-35{
        padding-top:35px !important;
    padding-bottom:35px !important}
    .pad-md-y-40{
        padding-top:40px !important;
    padding-bottom:40px !important}
    .pad-md-y-45{
        padding-top:45px !important;
    padding-bottom:45px !important}
    .pad-md-y-50{
        padding-top:50px !important;
    padding-bottom:50px !important}
    .pad-md-y-55{
        padding-top:55px !important;
    padding-bottom:55px !important}
    .pad-md-y-60{
        padding-top:60px !important;
    padding-bottom:60px !important}
    .pad-md-y-65{
        padding-top:65px !important;
    padding-bottom:65px !important}
    .pad-md-y-70{
        padding-top:70px !important;
    padding-bottom:70px !important}
    .pad-md-y-75{
        padding-top:75px !important;
    padding-bottom:75px !important}
    .pad-md-y-80{
        padding-top:80px !important;
    padding-bottom:80px !important}
    .pad-md-y-85{
        padding-top:85px !important;
    padding-bottom:85px !important}
    .pad-md-y-90{
        padding-top:90px !important;
    padding-bottom:90px !important}
    .pad-md-y-95{
        padding-top:95px !important;
    padding-bottom:95px !important}
    .pad-md-y-100{
        padding-top:100px !important;
    padding-bottom:100px !important}
    .pad-md-y-105{
        padding-top:105px !important;
    padding-bottom:105px !important}
    .pad-md-y-110{
        padding-top:110px !important;
    padding-bottom:110px !important}
    .pad-md-y-115{
        padding-top:115px !important;
    padding-bottom:115px !important}
    .pad-md-y-120{
        padding-top:120px !important;
    padding-bottom:120px !important}
    .pad-md-y-125{
        padding-top:125px !important;
    padding-bottom:125px !important}
    .pad-md-y-130{
        padding-top:130px !important;
    padding-bottom:130px !important}
    .pad-md-y-135{
        padding-top:135px !important;
    padding-bottom:135px !important}
    .pad-md-y-140{
        padding-top:140px !important;
    padding-bottom:140px !important}
    .pad-md-y-145{
        padding-top:145px !important;
    padding-bottom:145px !important}
    .pad-md-y-150{
        padding-top:150px !important;
    padding-bottom:150px !important}
}
@media(max-width: 575.98px){
    .pad-sm-y-0{
        padding-top:0px !important;
    padding-bottom:0px !important}
    .pad-sm-y-5{
        padding-top:5px !important;
    padding-bottom:5px !important}
    .pad-sm-y-10{
        padding-top:10px !important;
    padding-bottom:10px !important}
    .pad-sm-y-15{
        padding-top:15px !important;
    padding-bottom:15px !important}
    .pad-sm-y-20{
        padding-top:20px !important;
    padding-bottom:20px !important}
    .pad-sm-y-25{
        padding-top:25px !important;
    padding-bottom:25px !important}
    .pad-sm-y-30{
        padding-top:30px !important;
    padding-bottom:30px !important}
    .pad-sm-y-35{
        padding-top:35px !important;
    padding-bottom:35px !important}
    .pad-sm-y-40{
        padding-top:40px !important;
    padding-bottom:40px !important}
    .pad-sm-y-45{
        padding-top:45px !important;
    padding-bottom:45px !important}
    .pad-sm-y-50{
        padding-top:50px !important;
    padding-bottom:50px !important}
    .pad-sm-y-55{
        padding-top:55px !important;
    padding-bottom:55px !important}
    .pad-sm-y-60{
        padding-top:60px !important;
    padding-bottom:60px !important}
    .pad-sm-y-65{
        padding-top:65px !important;
    padding-bottom:65px !important}
    .pad-sm-y-70{
        padding-top:70px !important;
    padding-bottom:70px !important}
    .pad-sm-y-75{
        padding-top:75px !important;
    padding-bottom:75px !important}
    .pad-sm-y-80{
        padding-top:80px !important;
    padding-bottom:80px !important}
    .pad-sm-y-85{
        padding-top:85px !important;
    padding-bottom:85px !important}
    .pad-sm-y-90{
        padding-top:90px !important;
    padding-bottom:90px !important}
    .pad-sm-y-95{
        padding-top:95px !important;
    padding-bottom:95px !important}
    .pad-sm-y-100{
        padding-top:100px !important;
    padding-bottom:100px !important}
    .pad-sm-y-105{
        padding-top:105px !important;
    padding-bottom:105px !important}
    .pad-sm-y-110{
        padding-top:110px !important;
    padding-bottom:110px !important}
    .pad-sm-y-115{
        padding-top:115px !important;
    padding-bottom:115px !important}
    .pad-sm-y-120{
        padding-top:120px !important;
    padding-bottom:120px !important}
    .pad-sm-y-125{
        padding-top:125px !important;
    padding-bottom:125px !important}
    .pad-sm-y-130{
        padding-top:130px !important;
    padding-bottom:130px !important}
    .pad-sm-y-135{
        padding-top:135px !important;
    padding-bottom:135px !important}
    .pad-sm-y-140{
        padding-top:140px !important;
    padding-bottom:140px !important}
    .pad-sm-y-145{
        padding-top:145px !important;
    padding-bottom:145px !important}
    .pad-sm-y-150{
        padding-top:150px !important;
    padding-bottom:150px !important}
}
.pad-x-0{
    padding-left:0px !important;
padding-right:0px !important}
.pad-x-5{
    padding-left:5px !important;
padding-right:5px !important}
.pad-x-10{
    padding-left:10px !important;
padding-right:10px !important}
.pad-x-15{
    padding-left:15px !important;
padding-right:15px !important}
.pad-x-20{
    padding-left:20px !important;
padding-right:20px !important}
.pad-x-25{
    padding-left:25px !important;
padding-right:25px !important}
.pad-x-30{
    padding-left:30px !important;
padding-right:30px !important}
.pad-x-35{
    padding-left:35px !important;
padding-right:35px !important}
.pad-x-40{
    padding-left:40px !important;
padding-right:40px !important}
.pad-x-45{
    padding-left:45px !important;
padding-right:45px !important}
.pad-x-50{
    padding-left:50px !important;
padding-right:50px !important}
.pad-x-55{
    padding-left:55px !important;
padding-right:55px !important}
.pad-x-60{
    padding-left:60px !important;
padding-right:60px !important}
.pad-x-65{
    padding-left:65px !important;
padding-right:65px !important}
.pad-x-70{
    padding-left:70px !important;
padding-right:70px !important}
.pad-x-75{
    padding-left:75px !important;
padding-right:75px !important}
.pad-x-80{
    padding-left:80px !important;
padding-right:80px !important}
.pad-x-85{
    padding-left:85px !important;
padding-right:85px !important}
.pad-x-90{
    padding-left:90px !important;
padding-right:90px !important}
.pad-x-95{
    padding-left:95px !important;
padding-right:95px !important}
.pad-x-100{
    padding-left:100px !important;
padding-right:100px !important}
.pad-x-105{
    padding-left:105px !important;
padding-right:105px !important}
.pad-x-110{
    padding-left:110px !important;
padding-right:110px !important}
.pad-x-115{
    padding-left:115px !important;
padding-right:115px !important}
.pad-x-120{
    padding-left:120px !important;
padding-right:120px !important}
.pad-x-125{
    padding-left:125px !important;
padding-right:125px !important}
.pad-x-130{
    padding-left:130px !important;
padding-right:130px !important}
.pad-x-135{
    padding-left:135px !important;
padding-right:135px !important}
.pad-x-140{
    padding-left:140px !important;
padding-right:140px !important}
.pad-x-145{
    padding-left:145px !important;
padding-right:145px !important}
.pad-x-150{
    padding-left:150px !important;
padding-right:150px !important}
@media(max-width: 1199.98){
    .pad-xl-x-0{
        padding-left:0px !important;
    padding-right:0px !important}
    .pad-xl-x-5{
        padding-left:5px !important;
    padding-right:5px !important}
    .pad-xl-x-10{
        padding-left:10px !important;
    padding-right:10px !important}
    .pad-xl-x-15{
        padding-left:15px !important;
    padding-right:15px !important}
    .pad-xl-x-20{
        padding-left:20px !important;
    padding-right:20px !important}
    .pad-xl-x-25{
        padding-left:25px !important;
    padding-right:25px !important}
    .pad-xl-x-30{
        padding-left:30px !important;
    padding-right:30px !important}
    .pad-xl-x-35{
        padding-left:35px !important;
    padding-right:35px !important}
    .pad-xl-x-40{
        padding-left:40px !important;
    padding-right:40px !important}
    .pad-xl-x-45{
        padding-left:45px !important;
    padding-right:45px !important}
    .pad-xl-x-50{
        padding-left:50px !important;
    padding-right:50px !important}
    .pad-xl-x-55{
        padding-left:55px !important;
    padding-right:55px !important}
    .pad-xl-x-60{
        padding-left:60px !important;
    padding-right:60px !important}
    .pad-xl-x-65{
        padding-left:65px !important;
    padding-right:65px !important}
    .pad-xl-x-70{
        padding-left:70px !important;
    padding-right:70px !important}
    .pad-xl-x-75{
        padding-left:75px !important;
    padding-right:75px !important}
    .pad-xl-x-80{
        padding-left:80px !important;
    padding-right:80px !important}
    .pad-xl-x-85{
        padding-left:85px !important;
    padding-right:85px !important}
    .pad-xl-x-90{
        padding-left:90px !important;
    padding-right:90px !important}
    .pad-xl-x-95{
        padding-left:95px !important;
    padding-right:95px !important}
    .pad-xl-x-100{
        padding-left:100px !important;
    padding-right:100px !important}
    .pad-xl-x-105{
        padding-left:105px !important;
    padding-right:105px !important}
    .pad-xl-x-110{
        padding-left:110px !important;
    padding-right:110px !important}
    .pad-xl-x-115{
        padding-left:115px !important;
    padding-right:115px !important}
    .pad-xl-x-120{
        padding-left:120px !important;
    padding-right:120px !important}
    .pad-xl-x-125{
        padding-left:125px !important;
    padding-right:125px !important}
    .pad-xl-x-130{
        padding-left:130px !important;
    padding-right:130px !important}
    .pad-xl-x-135{
        padding-left:135px !important;
    padding-right:135px !important}
    .pad-xl-x-140{
        padding-left:140px !important;
    padding-right:140px !important}
    .pad-xl-x-145{
        padding-left:145px !important;
    padding-right:145px !important}
    .pad-xl-x-150{
        padding-left:150px !important;
    padding-right:150px !important}
}
@media(max-width: 991.98px){
    .pad-lg-x-0{
        padding-left:0px !important;
    padding-right:0px !important}
    .pad-lg-x-5{
        padding-left:5px !important;
    padding-right:5px !important}
    .pad-lg-x-10{
        padding-left:10px !important;
    padding-right:10px !important}
    .pad-lg-x-15{
        padding-left:15px !important;
    padding-right:15px !important}
    .pad-lg-x-20{
        padding-left:20px !important;
    padding-right:20px !important}
    .pad-lg-x-25{
        padding-left:25px !important;
    padding-right:25px !important}
    .pad-lg-x-30{
        padding-left:30px !important;
    padding-right:30px !important}
    .pad-lg-x-35{
        padding-left:35px !important;
    padding-right:35px !important}
    .pad-lg-x-40{
        padding-left:40px !important;
    padding-right:40px !important}
    .pad-lg-x-45{
        padding-left:45px !important;
    padding-right:45px !important}
    .pad-lg-x-50{
        padding-left:50px !important;
    padding-right:50px !important}
    .pad-lg-x-55{
        padding-left:55px !important;
    padding-right:55px !important}
    .pad-lg-x-60{
        padding-left:60px !important;
    padding-right:60px !important}
    .pad-lg-x-65{
        padding-left:65px !important;
    padding-right:65px !important}
    .pad-lg-x-70{
        padding-left:70px !important;
    padding-right:70px !important}
    .pad-lg-x-75{
        padding-left:75px !important;
    padding-right:75px !important}
    .pad-lg-x-80{
        padding-left:80px !important;
    padding-right:80px !important}
    .pad-lg-x-85{
        padding-left:85px !important;
    padding-right:85px !important}
    .pad-lg-x-90{
        padding-left:90px !important;
    padding-right:90px !important}
    .pad-lg-x-95{
        padding-left:95px !important;
    padding-right:95px !important}
    .pad-lg-x-100{
        padding-left:100px !important;
    padding-right:100px !important}
    .pad-lg-x-105{
        padding-left:105px !important;
    padding-right:105px !important}
    .pad-lg-x-110{
        padding-left:110px !important;
    padding-right:110px !important}
    .pad-lg-x-115{
        padding-left:115px !important;
    padding-right:115px !important}
    .pad-lg-x-120{
        padding-left:120px !important;
    padding-right:120px !important}
    .pad-lg-x-125{
        padding-left:125px !important;
    padding-right:125px !important}
    .pad-lg-x-130{
        padding-left:130px !important;
    padding-right:130px !important}
    .pad-lg-x-135{
        padding-left:135px !important;
    padding-right:135px !important}
    .pad-lg-x-140{
        padding-left:140px !important;
    padding-right:140px !important}
    .pad-lg-x-145{
        padding-left:145px !important;
    padding-right:145px !important}
    .pad-lg-x-150{
        padding-left:150px !important;
    padding-right:150px !important}
}
@media(max-width: 767.98px){
    .pad-md-x-0{
        padding-left:0px !important;
    padding-right:0px !important}
    .pad-md-x-5{
        padding-left:5px !important;
    padding-right:5px !important}
    .pad-md-x-10{
        padding-left:10px !important;
    padding-right:10px !important}
    .pad-md-x-15{
        padding-left:15px !important;
    padding-right:15px !important}
    .pad-md-x-20{
        padding-left:20px !important;
    padding-right:20px !important}
    .pad-md-x-25{
        padding-left:25px !important;
    padding-right:25px !important}
    .pad-md-x-30{
        padding-left:30px !important;
    padding-right:30px !important}
    .pad-md-x-35{
        padding-left:35px !important;
    padding-right:35px !important}
    .pad-md-x-40{
        padding-left:40px !important;
    padding-right:40px !important}
    .pad-md-x-45{
        padding-left:45px !important;
    padding-right:45px !important}
    .pad-md-x-50{
        padding-left:50px !important;
    padding-right:50px !important}
    .pad-md-x-55{
        padding-left:55px !important;
    padding-right:55px !important}
    .pad-md-x-60{
        padding-left:60px !important;
    padding-right:60px !important}
    .pad-md-x-65{
        padding-left:65px !important;
    padding-right:65px !important}
    .pad-md-x-70{
        padding-left:70px !important;
    padding-right:70px !important}
    .pad-md-x-75{
        padding-left:75px !important;
    padding-right:75px !important}
    .pad-md-x-80{
        padding-left:80px !important;
    padding-right:80px !important}
    .pad-md-x-85{
        padding-left:85px !important;
    padding-right:85px !important}
    .pad-md-x-90{
        padding-left:90px !important;
    padding-right:90px !important}
    .pad-md-x-95{
        padding-left:95px !important;
    padding-right:95px !important}
    .pad-md-x-100{
        padding-left:100px !important;
    padding-right:100px !important}
    .pad-md-x-105{
        padding-left:105px !important;
    padding-right:105px !important}
    .pad-md-x-110{
        padding-left:110px !important;
    padding-right:110px !important}
    .pad-md-x-115{
        padding-left:115px !important;
    padding-right:115px !important}
    .pad-md-x-120{
        padding-left:120px !important;
    padding-right:120px !important}
    .pad-md-x-125{
        padding-left:125px !important;
    padding-right:125px !important}
    .pad-md-x-130{
        padding-left:130px !important;
    padding-right:130px !important}
    .pad-md-x-135{
        padding-left:135px !important;
    padding-right:135px !important}
    .pad-md-x-140{
        padding-left:140px !important;
    padding-right:140px !important}
    .pad-md-x-145{
        padding-left:145px !important;
    padding-right:145px !important}
    .pad-md-x-150{
        padding-left:150px !important;
    padding-right:150px !important}
}
@media(max-width: 575.98px){
    .pad-sm-x-0{
        padding-left:0px !important;
    padding-right:0px !important}
    .pad-sm-x-5{
        padding-left:5px !important;
    padding-right:5px !important}
    .pad-sm-x-10{
        padding-left:10px !important;
    padding-right:10px !important}
    .pad-sm-x-15{
        padding-left:15px !important;
    padding-right:15px !important}
    .pad-sm-x-20{
        padding-left:20px !important;
    padding-right:20px !important}
    .pad-sm-x-25{
        padding-left:25px !important;
    padding-right:25px !important}
    .pad-sm-x-30{
        padding-left:30px !important;
    padding-right:30px !important}
    .pad-sm-x-35{
        padding-left:35px !important;
    padding-right:35px !important}
    .pad-sm-x-40{
        padding-left:40px !important;
    padding-right:40px !important}
    .pad-sm-x-45{
        padding-left:45px !important;
    padding-right:45px !important}
    .pad-sm-x-50{
        padding-left:50px !important;
    padding-right:50px !important}
    .pad-sm-x-55{
        padding-left:55px !important;
    padding-right:55px !important}
    .pad-sm-x-60{
        padding-left:60px !important;
    padding-right:60px !important}
    .pad-sm-x-65{
        padding-left:65px !important;
    padding-right:65px !important}
    .pad-sm-x-70{
        padding-left:70px !important;
    padding-right:70px !important}
    .pad-sm-x-75{
        padding-left:75px !important;
    padding-right:75px !important}
    .pad-sm-x-80{
        padding-left:80px !important;
    padding-right:80px !important}
    .pad-sm-x-85{
        padding-left:85px !important;
    padding-right:85px !important}
    .pad-sm-x-90{
        padding-left:90px !important;
    padding-right:90px !important}
    .pad-sm-x-95{
        padding-left:95px !important;
    padding-right:95px !important}
    .pad-sm-x-100{
        padding-left:100px !important;
    padding-right:100px !important}
    .pad-sm-x-105{
        padding-left:105px !important;
    padding-right:105px !important}
    .pad-sm-x-110{
        padding-left:110px !important;
    padding-right:110px !important}
    .pad-sm-x-115{
        padding-left:115px !important;
    padding-right:115px !important}
    .pad-sm-x-120{
        padding-left:120px !important;
    padding-right:120px !important}
    .pad-sm-x-125{
        padding-left:125px !important;
    padding-right:125px !important}
    .pad-sm-x-130{
        padding-left:130px !important;
    padding-right:130px !important}
    .pad-sm-x-135{
        padding-left:135px !important;
    padding-right:135px !important}
    .pad-sm-x-140{
        padding-left:140px !important;
    padding-right:140px !important}
    .pad-sm-x-145{
        padding-left:145px !important;
    padding-right:145px !important}
    .pad-sm-x-150{
        padding-left:150px !important;
    padding-right:150px !important}
}
.color-theme-1{
color:var(--theme-color-1)}
.color-theme-2{
color:var(--theme-color-2)}
.color-theme-white{
color:var(--theme-color-white)}
.color-theme-black{
color:var(--theme-color-black)}
.color-theme-hover-1:hover{
color:var(--theme-color-1)}
.color-theme-hover-2:hover{
color:var(--theme-color-2)}
.color-theme-hover-white:hover{
color:var(--theme-color-white)}
.color-theme-hover-black:hover{
color:var(--theme-color-black)}
.mysia-preloader{
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:default;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    height:100%;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    position:fixed;
    left:0;
    top:0;
    width:100%;
z-index:9000}
.mysia-preloader .animation-preloader{
    z-index:1000;
position:relative}
.mysia-preloader .animation-preloader .spinner{
    -webkit-animation:spinner 1s infinite linear;
    animation:spinner 1s infinite linear;
    border-radius:50%;
    border:3px solid var(--theme-color-2);
    border-top-color:var(--theme-color-1);
    height:110px;
    margin:0 auto 30px auto;
width:110px}
.mysia-preloader .animation-preloader .txt-loading{
    font:bold 4em "Poppins",sans-serif;
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
user-select:none}
.mysia-preloader .animation-preloader .txt-loading .letters-loading{
    color:var(--theme-color-2);
position:relative}
.mysia-preloader .animation-preloader .txt-loading .letters-loading:before{
    -webkit-animation:letters-loading 4s infinite;
    animation:letters-loading 4s infinite;
    color:var(--theme-color-1);
    content:attr(data-text-preloader);
    left:0;
    opacity:0;
    position:absolute;
    top:-3px;
    -webkit-transform:rotateY(-90deg);
transform:rotateY(-90deg)}
.mysia-preloader .animation-preloader .txt-loading .letters-loading:nth-child(2):before{
    -webkit-animation-delay:.2s;
animation-delay:.2s}
.mysia-preloader .animation-preloader .txt-loading .letters-loading:nth-child(3):before{
    -webkit-animation-delay:.4s;
animation-delay:.4s}
.mysia-preloader .animation-preloader .txt-loading .letters-loading:nth-child(4):before{
    -webkit-animation-delay:.6s;
animation-delay:.6s}
.mysia-preloader .animation-preloader .txt-loading .letters-loading:nth-child(5):before{
    -webkit-animation-delay:.8s;
animation-delay:.8s}
.mysia-preloader .animation-preloader .txt-loading .letters-loading:nth-child(6):before{
    -webkit-animation-delay:1s;
animation-delay:1s}
.mysia-preloader .animation-preloader .txt-loading .letters-loading:nth-child(7):before{
    -webkit-animation-delay:1.2s;
animation-delay:1.2s}
.mysia-preloader .animation-preloader .txt-loading .letters-loading:nth-child(8):before{
    -webkit-animation-delay:1.4s;
animation-delay:1.4s}
.mysia-preloader .loader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    font-size:0;
    z-index:1;
pointer-events:none}
.mysia-preloader .loader .row{
height:100%}
.mysia-preloader .loader .loader-section{
padding:0px}
.mysia-preloader .loader .loader-section .bg{
    background-color:var(--theme-color-white);
    height:100%;
    left:0;
    width:100%;
    -webkit-transition:all 800ms cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition:all 800ms cubic-bezier(0.77, 0, 0.175, 1);
transition:all 800ms cubic-bezier(0.77, 0, 0.175, 1)}
.mysia-preloader.loaded .animation-preloader{
    opacity:0;
    -webkit-transition:.3s ease-out;
    -o-transition:.3s ease-out;
transition:.3s ease-out}
.mysia-preloader.loaded .loader-section .bg{
    width:0;
    -webkit-transition:.7s .3s all cubic-bezier(0.1, 0.1, 0.1, 1);
    -o-transition:.7s .3s all cubic-bezier(0.1, 0.1, 0.1, 1);
transition:.7s .3s all cubic-bezier(0.1, 0.1, 0.1, 1)}
.mysia-preloader p{
    font-size:14px;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:8px;
color:#3b3b3b}
@-webkit-keyframes spinner{
    to{
        -webkit-transform:rotateZ(360deg);
    transform:rotateZ(360deg)}
}
@keyframes spinner{
    to{
        -webkit-transform:rotateZ(360deg);
    transform:rotateZ(360deg)}
}
@-webkit-keyframes letters-loading{
    0%,75%,100%{
        opacity:0;
        -webkit-transform:rotateY(-90deg);
    transform:rotateY(-90deg)}
    25%,50%{
        opacity:1;
        -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg)}
}
@keyframes letters-loading{
    0%,75%,100%{
        opacity:0;
        -webkit-transform:rotateY(-90deg);
    transform:rotateY(-90deg)}
    25%,50%{
        opacity:1;
        -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg)}
}
.cursor-1{
    pointer-events:none;
    position:fixed;
    padding:.3rem;
    background-color:#ddd;
    border-radius:50%;
    mix-blend-mode:difference;
    transition:opacity .4s ease,transform .3s ease;
z-index:99999}
.cursor-active{
    transform:translate(-50%, -50%) scale(8);
opacity:.1}
@media(max-width: 767.98px){
    .cursor-1{
    display:none}
}
.title h1,.subtitle h1{
font-size:25px}
.title h2,.subtitle h2{
font-size:23px}
.title h3,.subtitle h3{
font-size:20px}
.badge.badge-primary{
    background-color:#3068cf;
color:#fff}
.badge.badge-success{
    background-color:#28a745;
color:#fff}
.badge.badge-warning{
    background-color:#ffc107;
color:#fff}
.badge.badge-danger{
    background-color:#dc3545;
color:#fff}
.badge.badge-info{
    background-color:#17a2b8;
color:#fff}
.badge.badge-dark{
    background-color:var(--theme-color-2);
color:#fff}
.badge.badge-xs{
padding:5px 8px}
.badge.badge-sm{
padding:8px 13px}
.badge.badge-md{
    padding:16px 25px;
font-size:85%}
.badge.badge-lg{
    padding:24px 32px;
font-size:90%}
.badge.badge-xl{
    padding:32px 40px;
font-size:100%}
@-webkit-keyframes criss-cross-left{
    0%{
    left:-20px}
    50%{
        left:50%;
        width:20px;
    height:20px}
    100%{
        left:50%;
        width:375px;
    height:375px}
}
@keyframes criss-cross-left{
    0%{
    left:-20px}
    50%{
        left:50%;
        width:20px;
    height:20px}
    100%{
        left:50%;
        width:375px;
    height:375px}
}
@-webkit-keyframes criss-cross-right{
    0%{
    right:-20px}
    50%{
        right:50%;
        width:20px;
    height:20px}
    100%{
        right:50%;
        width:375px;
    height:375px}
}
@keyframes criss-cross-right{
    0%{
    right:-20px}
    50%{
        right:50%;
        width:20px;
    height:20px}
    100%{
        right:50%;
        width:375px;
    height:375px}
}
.theme-btn{
    position:relative;
    padding:10px 30px;
    border:1px solid var(--theme-color-white);
    color:var(--theme-color-black);
    display:inline-block;
    text-decoration:none;
    transition:.5s all;
    z-index:3;
    overflow:hidden;
    background:rgba(0,0,0,0);
text-align:center}
.theme-btn.theme-btn-rounded{
border-radius:50px}
.theme-btn.theme-btn-rounded::after,.theme-btn.theme-btn-rounded::before{
border-radius:50%}
.theme-btn.theme-btn-rounded-2{
border-radius:10px}
.theme-btn.theme-btn-rounded-2::after,.theme-btn.theme-btn-rounded-2::before{
border-radius:10px}
.theme-btn.type-1::before,.theme-btn.type-2::before{
    position:absolute;
    top:50%;
    content:"";
    width:20px;
    height:20px;
    background-color:var(--theme-color-1);
    border-radius:0;
    z-index:-1;
    left:-20px;
transform:translate(-50%, -50%)}
.theme-btn.type-1::after,.theme-btn.type-2::after{
    position:absolute;
    top:50%;
    content:"";
    width:20px;
    height:20px;
    background-color:var(--theme-color-1);
    border-radius:0;
    z-index:-1;
    right:-20px;
transform:translate(50%, -50%)}
.theme-btn.type-1:hover,.theme-btn.type-2:hover{
color:var(--theme-color-white)}
.theme-btn.type-1:hover:before,.theme-btn.type-2:hover:before{
    animation:criss-cross-left .8s both;
animation-direction:alternate}
.theme-btn.type-1:hover:after,.theme-btn.type-2:hover:after{
    animation:criss-cross-right .8s both;
animation-direction:alternate}
.theme-btn.type-1{
    border:1px solid var(--theme-color-1);
color:var(--theme-color-1)}
.theme-btn.type-1::after,.theme-btn.type-1::before{
    position:absolute;
background-color:var(--theme-color-1)}
.theme-btn.type-1:hover{
color:var(--theme-color-white)}
.theme-btn.type-1.theme-btn-active{
    background-color:var(--theme-color-1);
color:var(--theme-color-white)}
.theme-btn.type-2{
    border:1px solid var(--theme-color-white);
color:var(--theme-color-white)}
.theme-btn.type-2::after,.theme-btn.type-2::before{
    position:absolute;
background-color:var(--theme-color-white)}
.theme-btn.type-2:hover{
color:var(--theme-color-1)}
.theme-btn.type-2.theme-btn-active{
    background-color:var(--theme-color-white);
color:var(--theme-color-1)}
.theme-btn.type-3,.theme-btn.type-4,.theme-btn.type-5{
color:var(--theme-color-1)}
.theme-btn.type-3::before,.theme-btn.type-4::before,.theme-btn.type-5::before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    transition:.5s ease-in-out;
    z-index:-1;
    border-radius:0;
    right:-50px;
    border-right:50px solid rgba(0,0,0,0);
    border-bottom:80px solid var(--theme-color-1);
transform:translateX(-100%)}
.theme-btn.type-3::after,.theme-btn.type-4::after,.theme-btn.type-5::after{
    content:"";
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    transition:.5s ease-in-out;
    z-index:-1;
    border-radius:0;
    left:-50px;
    border-left:50px solid rgba(0,0,0,0);
    border-top:80px solid var(--theme-color-1);
transform:translateX(100%)}
.theme-btn.type-3:hover,.theme-btn.type-4:hover,.theme-btn.type-5:hover{
color:var(--theme-color-white)}
.theme-btn.type-3:hover::before,.theme-btn.type-4:hover::before,.theme-btn.type-5:hover::before{
transform:translateX(-49%)}
.theme-btn.type-3:hover::after,.theme-btn.type-4:hover::after,.theme-btn.type-5:hover::after{
transform:translateX(49%)}
.theme-btn.type-3{
border-color:var(--theme-color-1)}
.theme-btn.type-3::before{
border-bottom-color:var(--theme-color-1)}
.theme-btn.type-3::after{
border-top-color:var(--theme-color-1)}
.theme-btn.type-3:hover{
color:var(--theme-color-white)}
.theme-btn.type-3.theme-btn-active{
    background-color:var(--theme-color-1);
color:var(--theme-color-white)}
.theme-btn.type-4{
color:var(--theme-color-white)}
.theme-btn.type-4::before{
border-bottom-color:var(--theme-color-white)}
.theme-btn.type-4::after{
border-top-color:var(--theme-color-white)}
.theme-btn.type-4:hover{
color:var(--theme-color-1)}
.theme-btn.type-4.theme-btn-active{
    background-color:var(--theme-color-white);
color:var(--theme-color-1)}
.theme-btn.type-5{
    color:var(--theme-color-white);
    background:var(--theme-color-1);
border-color:var(--theme-color-1)}
.theme-btn.type-5::before{
border-bottom-color:var(--theme-color-white)}
.theme-btn.type-5::after{
border-top-color:var(--theme-color-white)}
.theme-btn.type-5:hover{
color:var(--theme-color-1)}
.theme-btn.type-5:active{
color:var(--theme-color-white)}
.theme-btn.type-5:active::before{
border-bottom-color:var(--theme-color-1)}
.theme-btn.type-5:active::after{
border-top-color:var(--theme-color-1)}
.theme-btn-group{
    display:flex;
    flex-wrap:wrap;
    gap: 10px;
flex-direction:row;
}
.theme-btn-group .theme-btn{
margin-top:0}
.theme-btn-group.group-right{
justify-content:flex-end}
.theme-btn-group.group-right .theme-btn{
margin-left:5px}
.theme-btn-group.group-left{
justify-content:flex-start}
.theme-btn-group.group-left .theme-btn{
margin-left:5px}
.theme-btn-group.group-center{
justify-content:center}
.theme-btn-group.group-center .theme-btn{
margin-right:5px}
.theme-btn-list .theme-btn{
width:100%}
.shape{
position:relative}
.shape::after{
    content:" ";
    position:absolute;
    width:150px;
    height:150px;
    background-size:cover;
background-position:center}
.shape.dots-black::after{
background-image:url("../images/dots-black.png")}
.shape.dots-white::after{
background-image:url("../images/dots-white.png")}
.shape.dots-black-2::after{
background-image:url("../images/dots-black-2.png")}
.shape.dots-white-2::after{
background-image:url("../images/dots-white-2.png")}
.shape.dots-spider-web.shape-top-left::after{
    background-image:url("../images/spider-web.png");
    width:150px;
    height:160px;
    left:0;
top:0}
.shape.dots-spider-web-white::after{
    background-image:url("../images/spider-web-white.png");
    width:250px;
    height:270px;
opacity:.5}
.shape.dots-spider-web-white.shape-top-left::after{
    left:0;
top:0}
.shape.shape-top::after{
top:10px}
.shape.shape-top-right::after{
    top:10px;
right:10px}
.shape.shape-top-right-2::after{
    top:-50px;
    inset-inline-end:-50px}
.shape.shape-top-left::after{
    top:10px;
left:10px}
.shape.shape-top-center::after{
    top:10px;
    left:50%;
transform:translateY(-50%)}
.shape.shape-center::after{
    top:50%;
    left:50%;
transform:translate(-50%, -50%)}
.shape.shape-center-right::after{
    top:50%;
    right:10px;
transform:translateX(-50%)}
.shape.shape-center-left::after{
    top:50%;
    left:10px;
transform:translateX(-50%)}
.shape.shape-bottom::after{
bottom:10px}
.shape.shape-bottom-right::after{
    bottom:10px;
right:10px}
.shape.shape-bottom-right::after{
    bottom:10px;
left:10px}
.shape.shape-bottom-center::after{
    bottom:10px;
    left:50%;
transform:translateY(-50%)}
.shape.shape-opacity-0:after{
opacity:0}
.shape.shape-opacity-1:after{
opacity:.1}
.shape.shape-opacity-2:after{
opacity:.2}
.shape.shape-opacity-3:after{
opacity:.3}
.shape.shape-opacity-4:after{
opacity:.4}
.shape.shape-opacity-5:after{
opacity:.5}
.shape.shape-opacity-6:after{
opacity:.6}
.shape.shape-opacity-7:after{
opacity:.7}
.shape.shape-opacity-8:after{
opacity:.8}
.shape.shape-opacity-9:after{
opacity:.9}
.shape.shape-opacity-10:after{
opacity:1}
@keyframes zoomInOut{
    0%{
    transform:scale(1)}
    50%{
    transform:scale(1.2)}
    100%{
    transform:scale(1)}
}
.mask-image{
    mask-image:url("../images/mask-shape.png");
    -webkit-mask-image:url("../images/mask-shape.png");
    -webkit-mask-position:center center;
    mask-position:center center;
    -webkit-mask-size:contain;
    mask-size:contain;
    -webkit-mask-repeat:no-repeat;
mask-repeat:no-repeat}
.mask-image .main-img{
    width:100%;
    display:block;
transition:all .5s ease-out}
.mask-image.mask-animation-zoom .main-img{
animation:zoomInOut 5s ease-in-out infinite}
.mask-image.mask-animation-zoom.mask-animation-hover-pause:hover .main-img{
animation-play-state:paused}
button,input,optgroup,select,textarea{
font-family:var(--theme-font-1)}
.form-group{
    display: flex;
    flex-direction: column;
    gap: 8px;
margin-bottom:15px}
.form-control{
    border-radius:0;
    border-color:var(--theme-form-border);
    max-width:100%;
    padding:15px 20px;
    height:auto;
    background-color:var(--theme-color-white);
    -webkit-box-shadow:none;
    box-shadow:none;
    display:block;
    width:100%;
    line-height:1.5em;
    font-size:16px;
font-weight:400}
.form-control:focus{
    border-color:var(--theme-color-1);
    outline:none;
box-shadow:none}
.form-control::-webkit-input-placeholder{
    color:var(--theme-color-3);
    font-size:16px;
font-weight:400}
.form-control:-moz-placeholder{
color:var(--theme-color-3)}
.form-control::-moz-placeholder{
    color:var(--theme-color-3);
opacity:1}
.form-control:-ms-input-placeholder{
color:var(--theme-color-3)}

.image-rounded{
border-radius:10px}
.image-height-limit{
overflow:hidden}
.image-height-limit img{
    height:auto;
    width:100%;    
object-position:center}
.image-hover-zoom{
overflow:hidden}
.image-hover-zoom img{
transition:2s}
.image-hover-zoom:hover img{
transform:scale(1.2)}
.modal.modal-flat .modal-header,.modal.modal-flat .modal-footer,.modal.modal-flat .modal-content{
border-radius:0}
blockquote{
    padding:80px 30px;
    display:block;
    position:relative;
    border:2px solid var(--theme-color-1);
    overflow:hidden;
    margin:45px 0;
    color:var(--theme-color-white);
    background:var(--theme-color-1);
border-radius:10px}
blockquote p{
    font-family:inherit;
    margin-bottom:0 !important;
    color:inherit;
    width:100%;
    position:relative;
z-index:3}
blockquote:before{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;
    content:"";
    left:30px;
    top:10px;
    font-size:75px;
    opacity:1;
    line-height:1;
    color:var(--theme-color-white);
opacity:.5}
blockquote:after{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;
    content:"";
    right:30px;
    bottom:10px;
    font-size:75px;
    opacity:1;
    line-height:1;
    color:var(--theme-color-white);
opacity:.5}
blockquote p{
margin-bottom:0}
blockquote p a{
color:inherit}
blockquote cite{
    display:block;
    position:relative;
    border-color:inherit;
    line-height:1;
    margin-top:22px;
    font-style:normal;
    color:#fff;
font-weight:900}
.progress-grup{
    overflow:hidden;
    margin-top:20px;
width:100%}
.progress-grup:first-child .title{
padding-top:0}
.progress-grup .title{
    padding-top:20px;
    font-weight:bold;
    text-align: start;
    padding-bottom:10px;
font-size:16px !important}
.progress-grup .progress{
    height:20px;
    border-radius:0;
    overflow:visible;
    font-size:14px;
background-color:var(--theme-color-2)}
.progress-grup .progress .progress-bar{
    overflow:visible;
    position:relative;
    color:var(--theme-color-2);
background-color:var(--theme-color-1)}
.progress-grup .progress .progress-bar span.percent-label{
    position:absolute;
    color:var(--theme-color-2);
    right:-7px;
    top:-54px;
    font-size:14px;
font-weight:600}

.pagenation-area .pagination{
    margin:20px 0;
    display:flex;
justify-content:center}
.pagenation-area .pagination .page-item{
margin:0 5px}
.pagenation-area .pagination .page-item .page-link{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border-radius:10px;
    background-color:var(--theme-color-white);
    color:var(--theme-color-2);
    font-size:16px;
    font-weight:400;
transition:all .3s}
.pagenation-area .pagination .page-item .page-link:hover{
    background-color:var(--theme-color-1);
    color:var(--theme-color-white);
text-decoration:none}
.pagenation-area .pagination .page-item .page-link:focus{
box-shadow:0 0 10px 0 var(--theme-color-1)}
.pagenation-area .pagination .page-item .page-link.active{
    background-color:var(--theme-color-1);
color:var(--theme-color-white)}
.pagenation-area .pagination .page-item .page-link i{
font-size:14px}
.progress-top{
    position:fixed;
    bottom:30px;
    right:30px;
    height:50px;
    width:50px;
    cursor:pointer;
    display:block;
    border-radius:50px;
    z-index:100;
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:all 400ms linear;
background:var(--theme-color-white)}
.progress-top.active-progress{
    opacity:1;
    visibility:visible;
transform:translateY(0)}
.progress-top::after{
    position:absolute;
    font-family:"Font Awesome 6 Free";
    content:"";
    text-align:center;
    line-height:50px;
    font-size:16px;
    font-weight:bold;
    left:0;
    top:0;
    height:50px;
    width:50px;
    cursor:pointer;
    display:block;
    z-index:1;
    transition:all 400ms linear;
color:var(--theme-color-1)}
.progress-top svg path{
fill:none}
.progress-top svg.progress-circle path{
    stroke:var(--theme-color-1);
    stroke-width:5;
    box-sizing:border-box;
transition:all 400ms linear}
.slick-slider .slick-dots{
    text-align:center;
    width:100%;
margin-top:20px}
.slick-slider .slick-dots li{
    display:inline-block;
    vertical-align:top;
margin:0 8px}
.slick-slider .slick-dots li button{
    width:10px;
    height:10px;
    cursor:pointer;
    border-radius:50%;
    border:2px solid var(--theme-color-white);
    box-shadow:0 0 0 0 rgba(0,0,0,0);
    vertical-align:middle;
    color:rgba(0,0,0,0);
    overflow:hidden;
    background-color:#ddd;
    transition:all .3s ease;
    opacity:.8;
padding-inline:0}
.slick-slider .slick-dots li button:focus{
outline:none}
.slick-slider .slick-dots li button:hover{
opacity:1}
.slick-slider .slick-dots li.slick-active button{
    border-color:var(--theme-color-1);
    box-shadow:0 0 0 2px var(--theme-color-white);
    background-color:var(--theme-color-1);
opacity:1}
.social-media{
    display:flex;
    align-items: center;
    flex-wrap:wrap;
    gap: 5px;
    justify-content: flex-start;
}
.flex-rowbox{
    flex-direction:  row;
}

.social-media.social-small a{
    height:35px !important;
width:35px !important}
.social-media.type-1 a{
    display:inline-flex;
    background:var(--theme-color-white);
    color:var(--theme-color-1);
    border:1px solid var(--theme-color-1);
    height:45px;
    width:45px;
    align-items:center;
    justify-content:center;
    
transition:.5s}
.social-media.type-1 a:hover{
    background:var(--theme-color-1);
color:var(--theme-color-white)}
.social-media.type-2 a{
    display:inline-flex;
    background:rgba(0,0,0,0);
    color:var(--theme-color-1);
    border:1px solid var(--theme-color-1);
    height:45px;
    width:45px;
    align-items:center;
    justify-content:center;
    margin-right:5px;
transition:.5s}
.social-media.type-2 a:hover{
    background:var(--theme-color-1);
color:var(--theme-color-white)}
.wrapper{
    background:url("../images/uploads/to_gloves_on_spraying_apron_t_housewife_in_wearing_hygiene_spray.jpg");
    background-size:cover;
    background-position:center;
    position:relative;
padding:200px 0}
.wrapper:after{
    content:" ";
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:rgba(28,32,37,.9);
position:absolute}
.wrapper .container{
    position:relative;
z-index:2}
.checkWrapper{
    display: flex;
    align-items: center;
    gap: 8px;
}
.over{
    overflow: hidden;
}
.wrapper .container .title h1{
    color:#fff;
    font-size:30px;
font-weight:bold}
.wrapper .container .subtitle{
color:var(--theme-color-1)}
.wrapper .container ul{
    list-style:none;
    padding:0;
    display:flex;
    gap: 10px;
    flex-wrap: wrap;
    text-align: center;
    flex-direction:row;
}
.wrapper .container ul li{
    
    color:#fff;
text-decoration:none}
.wrapper .container ul li svg{
font-size:10px}
.wrapper .container ul li a{
    color:#fff;
text-decoration:none}
.wrapper .container ul li:last-child{
margin:0}
.theme-switcher{
    display:flex;
    flex-direction:column;
    position:fixed;
    top:50%;
    right:0;
    z-index:999999;
    background:#fff;
    border-radius:10px;
    padding:20px;
    box-shadow:0px 5px 15px rgba(6,4,4,.5);
    transform:translatey(-50%);
width:200px}
.theme-switcher.hide-switcher{
right:-200px}
.theme-switcher span{
    padding:10px;
    background:#dfdfdf;
    text-align:center;
    border-radius:10px;
    margin-bottom:10px;
    color:#000;
    font-weight:bold;
font-size:15px}
.theme-switcher span.showhide{
    position:absolute;
    transform:scale(-1, -1) translateY(50%);
    writing-mode:vertical-rl;
    cursor:pointer;
    border-radius:0;
    z-index:-10;
    left:-45px;
    top:50%;
    height:210px;
    background:var(--theme-color-1);
    color:var(--theme-color-white);
    font-weight:400;
font-size:16px}
.theme-switcher button{
    position:relative;
    border:none;
    background:rgba(0,0,0,0);
    font-size:14px;
margin-bottom:5px}
.theme-switcher button::before{
    content:" ";
    display:block;
    height:15px;
    width:15px;
    border-radius:50%;
    position:absolute;
    left:0;
    background:#000;
    top:50%;
transform:translatey(-50%)}
.theme-switcher button.theme-default::before{
background:#e77e23}
.theme-switcher button.theme-blue::before{
background:#3e8ca4}
.theme-switcher button.theme-purple::before{
background:#7d4da2}
.theme-switcher button.theme-pink::before{
background:#a34177}
.theme-switcher button.theme-green::before{
background:#3b8f49}
.theme-switcher button.theme-red::before{
background:#f44336}
.menu-theme{
    background:rgba(0,0,0,0);
    padding:10px 0;
transition:.5s all}
.menu-theme.menu-fixed{
    position:absolute;
    width:100%;
    left:0;
    top:0;
z-index:10}
.menu-theme .navbar{
padding:0}
.menu-theme .logo{
    display:flex;
align-items:center}
.menu-theme .logo img{
height:60px}
.menu-theme .logo .brand-multiple img:nth-of-type(1){
display:block}
.menu-theme .logo .brand-multiple img:nth-of-type(2){
display:none}
.menu-theme .nav-link{
    color:var(--theme-color-white);
    transition:.5s;
font-weight:600}
.menu-theme .nav-link:hover{
color:var(--theme-color-1)}
.menu-theme.is-fixed{
    background:var(--theme-color-1);
    position:fixed;
    left:0;
    width:100%;
    transition:transform .5s;
    border:none;
    box-shadow:0px 5px 15px rgba(15,36,84,.05);
z-index:12}
.menu-theme.is-fixed .brand-multiple img:nth-of-type(1){
display:none}
.menu-theme.is-fixed .brand-multiple img:nth-of-type(2){
display:block}
.menu-theme.is-fixed .nav-link:hover{
color:var(--theme-color-2)}
.menu-theme .dropdown-toggle::after{
display:none}
.menu-theme .navbar-toggler{
    border-radius:0;
border-color:var(--theme-color-white)}
.menu-theme .navbar-toggler:focus{
box-shadow:none}
.menu-theme .navbar-toggler i{
color:var(--theme-color-white)}
.menu-theme.menu-white.is-fixed{
background-color:var(--theme-color-white)}
.menu-theme.menu-white.is-fixed .nav-link{
color:var(--theme-color-2)}
.menu-theme.menu-white.is-fixed .nav-link:hover{
color:var(--theme-color-1)}
@media screen and (min-width: 992px){
    .itemImg{
        height: 100%;
        img{
            object-fit: cover;
        }
    }
    .menu-theme .dropdown .nav-link i{
        padding-left:2px;
        font-size:13px;
    color:var(--theme-color-white)}
    .color-theme-red .menu-theme .dropdown .nav-link i{
        color: #fff;
    }
    .menu-theme .dropdown .dropdown-menu{
        display:block;
        opacity:0;
        visibility:hidden;
        -webkit-transform:translateY(20px) translateX(-50%);
        transform:translateY(20px) translateX(-50%);
        min-width:240px;
        padding:20px;
        border:0;
        background-color:var(--theme-color-white);
        -webkit-transition:all .3s;
        transition:all .3s;
        border-radius:10px;
        box-shadow:0 16px 50px rgba(0,0,0,.07);
    left:50%}
    .menu-theme .dropdown .dropdown-menu .dropdown-menu{
        left:calc(100% + 5px);
        top:-17px;
        right:auto;
        min-width:240px;
    transform:translateY(0)}
    .menu-theme .dropdown .dropdown-menu .dropdown-item.active,.menu-theme .dropdown .dropdown-menu .dropdown-item:active{
    background-color:var(--theme-color-1)}
    .menu-theme .dropdown .dropdown-menu .dropdown-item i{
        padding:10px 0 0 5px;
        font-size:13px;
        float:right;
    color:var(--theme-color-1)}
    .menu-theme .dropdown .dropdown-toggle::after{
    display:none}
    .menu-theme .dropdown:hover>.dropdown-menu{
        opacity:1;
        visibility:visible;
    transform:translateY(0) translateX(-50%)}
    .menu-theme.menu-white.is-fixed .dropdown .nav-link i{
    color:var(--theme-color-2)}
}
@media(max-width: 991.98px){
    .menu-theme::after,.menu-theme::before{
        content:" ";
        position:absolute;
        width:0;
        top:90px;
        bottom:0;
        left:0;
        transform: translateX(-100%);
        display: none;
        height:calc(100vh - 90px);
        background-color:rgba(0,0,0,.6);
        transition:margin-left .5s ease;
    opacity:0}
    .menu-theme::after{
    transition-delay:.25s}
    .menu-theme .navbar-collapse{
        position:fixed;
        top:90px;
        width:400px;
        max-width:100%;        
        left:0;
        bottom:0;
        background:var(--theme-color-white);
        z-index:3;
        display:flex;
        justify-content:flex-start;
        align-items:flex-start;
        visibility:hidden;
        opacity:0;
        transform: translateX(-100%); 
        transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
      overflow:auto;
}
    .menu-theme .navbar-collapse .navbar-nav{
        margin-inline-start:0 !important;
    width:100%}
    .menu-theme .navbar-collapse .navbar-nav .nav-item{
    border-bottom:1px solid rgba(0,0,0,.2)}
    .menu-theme .navbar-collapse .navbar-nav .nav-item .nav-link{
        color:var(--theme-color-2);
    padding:20px}
    .menu-theme .navbar-collapse .navbar-nav .nav-item .nav-link:hover,.menu-theme .navbar-collapse .navbar-nav .nav-item .nav-link:active,.menu-theme .navbar-collapse .navbar-nav .nav-item .nav-link:focus{
    color:var(--theme-color-1)}
    .menu-theme .navbar-collapse .navbar-nav .nav-item.dropdown .nav-link i{
        float:inline-end;
    color:var(--theme-color-1)}
    .menu-theme .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu{
        background:rgba(0,0,0,.05);
    border-radius:0}
    .menu-theme .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item.active,.menu-theme .navbar-collapse .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:active{
    background-color:var(--theme-color-1)}
    .menu-theme.is-fixed.responsive-show{
    padding:10px 0}
    .menu-theme.responsive-show{
        background-color:var(--theme-color-1);
    z-index:13}
    .menu-theme.responsive-show .logo img{
    height:60px !important}
    .menu-theme.responsive-show::after,.menu-theme.responsive-show::before{
        opacity:1;
        display: block;
        transform: translateX(0);
        width: 100%;
    }
    .menu-theme.responsive-show .navbar-collapse{
        visibility:visible;
        opacity:1;
        transform: translateX(0);
        transition:.5s ease-in-out;
    transition-delay:.5s}
    .menu-theme.responsive-show .brand-multiple img:nth-of-type(1){
    display:none}
    .menu-theme.responsive-show .brand-multiple img:nth-of-type(2){
    display:block}
    .menu-theme.responsive-show-exit .navbar-collapse{
        margin-left:-300px;
        opacity:0;
        transition-delay:0s;
    transition:.5s ease-in-out}
    .menu-theme.responsive-show-exit::after,.menu-theme.responsive-show-exit::before{
        opacity:0;
        margin-left:-100%;
    transition-delay:.5s}
    .menu-theme.responsive-show-exit::after{
    transition-delay:.75s}
}
.main-slide{
    min-height:100vh;
background:#000}
.main-slide .item{
    height:100vh;
    position:relative;
    overflow:hidden;
    display:flex;
align-items:center}
.main-slide .item.item-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    position:absolute;
    top:0;
    left:0;
z-index:-1}
.main-slide .item.item-video video{
    margin:auto;
    position:absolute;
    z-index:-1;
    top:50%;
    left:50%;
    width:100%;
    transform:translate(-50%, -50%);
    opacity:1;
z-index:-1}
.main-slide .item.item-video.item-video-sound .volume-control{
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    color:#fff;
    cursor:pointer;
    font-size:30px;
z-index:3}
.main-slide .item.item-overlay{
position:relative}
.main-slide .item.item-overlay::after{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:var(--theme-color-2);
    opacity:.8;
z-index:-1}
.main-slide .item .container .content{
    display:flex;
    align-items:center;
    padding-inline-start: 30px;
    height:100%;
flex-direction:column}
.hero-wrapper .container .content{
    text-align: left;
}
.main-slide .item .container .content .title,
 .hero-wrapper  .content .title{
    font-weight:800;
    
    margin-bottom: 30px;
    font-size:40px;
color:var(--theme-color-white)}
.main-slide .item .container .content .title,
.main-slide .item .container .content .subtitle{
    text-align: center;
}
.main-slide .item .container .content .subtitle,
.hero-wrapper .content .subtitle{
    font-weight:500;
    font-size:30px;
   
    color:var(--theme-color-1);
margin-bottom:30px}
.main-slide .slick-arrow{
    position:absolute;
    bottom:20px;
    color:var(--theme-color-white);
    left:25px;
    cursor:pointer;
    font-size:30px;
z-index:11}
.main-slide .slick-arrow.slick-prev{
    top:20px;
bottom:inherit}
.main-slide .slick-dots{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    left:20px;
width:auto}
.main-slide .slick-dots li{
    display:block;
    margin:5px;
    border:1px solid var(--theme-color-white);
    padding:2px;
    border-radius:50%;
    line-height:0;
    transition:.5s;
    position:relative;
    overflow:hidden;
    width:30px;
    height:30px;
cursor:pointer}
.main-slide .slick-dots li button{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:15px;
    height:15px;
    background:var(--theme-color-white);
    color:rgba(0,0,0,0);
    display:block;
    border:none;
    overflow:hidden;
    border-radius:50%;
transition:.5s}
.main-slide .slick-dots li.slick-active{
    padding:0;
border-color:var(--theme-color-1)}
.main-slide .slick-dots li.slick-active button{
    width:105%;
    height:105%;
    background:var(--theme-color-1);
transition:.5s}
.main-slide .slick-dots li:hover{
border-color:var(--theme-color-1)}
.main-slide .slick-dots li:hover button{
background-color:var(--theme-color-1)}
@media(max-width: 767.98px){
    .main-slide .item .container .content .title,
    .hero-wrapper  .content .title {
    font-size:30px}
    .main-slide .item .container .content .subtitle,
    .hero-wrapper .content .subtitle{
    font-size:28px}
    .main-slide .slick-dots{
    left:10px}
    .main-slide .slick-dots li{
        width:25px;
    height:25px}
    .main-slide .slick-dots li button{
        width:15px;
    height:15px}
    .main-slide .slick-arrow{
    left:15px}
    .main-slide .slick-arrow.slick-prev{
    top:100px}
}
@media(max-width: 575.98px){
    .main-slide .item .container .content .title,
    .hero-wrapper  .content .title{
    font-size:28px}
    .main-slide .item .container .content .subtitle,
    .hero-wrapper .content .subtitle{
    font-size:25px}
}
@media(max-width: 375.98px){
    .main-slide .item .container .content .title,
    .hero-wrapper .content .title{
    font-size:21px}
    .main-slide .item .container .content .subtitle,
    .hero-wrapper .content .subtitle{
    font-size:21px}
}
.global{
    position:relative;
    padding:120px 0;
    background-color:var(--theme-color-white);
overflow-x:hidden}
.global .title{
font-size:30px}
.global .title .mini-desc{
font-size:var(--bs-body-font-size)}
.global.global-light{
background:var(--theme-color-gray)}
.global.global-dark{
background:var(--theme-color-black)}
.global.global-gradient{
    background:-moz-linear-gradient(var(--theme-global-gradient-deg), var(--theme-global-gradient-background-1), var(--theme-global-gradient-background-2));
    background:-webkit-linear-gradient(var(--theme-global-gradient-deg), var(--theme-global-gradient-background-1), var(--theme-global-gradient-background-2));
background:linear-gradient(var(--theme-global-gradient-deg), var(--theme-global-gradient-background-1), var(--theme-global-gradient-background-2))}
.global.global-overlay.global-overlay-img{
    background-position:center;
    background-size:cover;
background-repeat:no-repeat}
.global.global-overlay>div{
    position:relative;
z-index:2}
.global.global-overlay::before{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background:#000;
opacity:.1}
@media(max-width: 991.98px){
    .global{
    overflow-x:hidden}
}
.about-us{
overflow:hidden}
.about-us .features{
margin-top:100px}
.about-us .features .image{
    padding:80px 0 80px 80px;
    position:relative;
z-index:2}
.about-us .features .image:after{
    content:"";
    position:absolute;
    top:0;
    inset-inline-end:120px;
    bottom:0;
    inset-inline-start:-600px;
    background:var(--theme-color-1);
    z-index:-1;
border-radius:10px}
.about-us .features .image:before{
    content:"";
    position:absolute;
    top:0;
    inset-inline-end:120px;
    bottom:0;
    inset-inline-start:-600px;
    background:var(--theme-color-2);
    opacity:.1;
    z-index:0;
border-radius:10px}
.about-us .features .image .simpleParallax{
    border-start-end-radius:10px;
    border-end-end-radius:10px;
overflow:hidden}
.about-us .features .image .simpleParallax img{
width:100%;
height: 500px;
object-fit: cover;}
.about-us .features .features-content{

padding-inline-start:30px}
.about-us .features .features-content .features-list{
margin-top:25px}
.about-us .features .features-content .features-list .feature{
    display:flex;
    flex-direction:column;
    gap: 10px;
    padding:0 0 30px 0;
    border-bottom:1px dotted var(--theme-color-gray);
margin-top:25px}
.about-us .features .features-content .features-list .feature:last-child{
border:none}
.about-us .features .features-content .features-list .feature .title{
    display:flex;
    flex-direction:row;
    align-items:center;
font-size:18px}
.about-us .features .features-content .features-list .feature .title .number{
    position:relative;
    font-weight:bold;
    display:flex;
    align-items:center;
    margin-inline-end:20px;
    font-size:20px;
    line-height:1.2;
width:30px}
.about-us .features .features-content .features-list .feature .title .number::after{
    content:" ";
    display:block;
    position:absolute;
    width:8px;
    height:8px;
    background-color:var(--theme-color-1);
    bottom:0;
    margin-inline-start:20px;
    top:50%;
transform:translateY(-50%)}
.about-us .features .features-content .features-list .feature .title .text{
    font-weight:bold;
width: 100%;}
.about-us .skills{
margin-top:100px}
.about-us .skills .image{
    padding:80px 80px 80px 0;
    position:relative;
z-index:2}
.about-us .skills .image:after{
    content:"";
    position:absolute;
    top:0;
    inset-inline-start:120px;
    bottom:0;
    inset-inline-end:-500px;
    background:var(--theme-color-1);
    z-index:-1;
border-radius:10px}
.box-colRew{
    display: flex;
    gap: 100px;
    flex-direction: column;
}
.box-colRew .about-us .skills,
.box-colRew .about-us .features{
    margin: 0;
}
.about-us .skills .image::before{
    content:"";
display:none}
.about-us .skills .image img{
width:100%}
.about-us .skills .content{
    text-align:justify;
margin-bottom:50px}
.about-us .skills .simpleParallax{
    border-start-start-radius:10px;
    border-end-start-radius:10px;
overflow:hidden}
.about-us .skills .simpleParallax img{
width:100%;
height: 500px;
object-fit: cover;}
@media(max-width: 767.98px){
    .about-us .features .image{
        padding:20px 0 20px 20px;
    margin-bottom:50px}
    .about-us .skills .image{
    padding:20px 20px 20px 0}
}
.our-process{
    position:relative;
overflow:hidden}
.our-process .our-process-slider{
    display:flex;
    flex-direction:column;
    height:calc(100% - 50px);
margin:0 -10px}
.our-process .our-process-slider .item{
padding:0 10px}
.our-process .our-process-slider .item .title h4{
    font-size:20px;
font-weight:600}
.our-process .our-process-slider .item .title h4 span{
    background:var(--theme-color-1);
    color:var(--theme-color-white);
    display:inline-flex;
    height:45px;
    width:45px;
    gap: 5px;
    margin-inline-end: 10px;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
    justify-content:center;
align-items:center}
.our-process .our-process-slider .slick-dots{
    text-align:center;
    position:absolute;
    bottom:-30px;
    right:0;
    margin:0;
width:auto}
.our-process .our-process-slider .slick-dots li{
    display:inline-block;
    vertical-align:top;
margin:0 8px}
.our-process .our-process-slider .slick-dots li button{
    width:20px;
    height:20px;
    cursor:pointer;
    border-radius:50%;
    border:2px solid var(--theme-color-white);
    box-shadow:0 0 0 0 rgba(0,0,0,0);
    vertical-align:middle;
    color:rgba(0,0,0,0);
    overflow:hidden;
    background-color:#ddd;
    transition:all .3s ease;
opacity:.8}
.our-process .our-process-slider .slick-dots li button:focus{
outline:none}
.our-process .our-process-slider .slick-dots li button:hover{
opacity:1}
.our-process .our-process-slider .slick-dots li.slick-active button{
    border-color:var(--theme-color-1);
    box-shadow:0 0 0 2px var(--theme-color-white);
    background-color:var(--theme-color-1);
opacity:1}
.our-process .slick-arrow-group{
    display:inline-flex;
flex-direction:row}
.our-process .slick-arrow-group .slick-arrow{
    width:35px;
    height:35px;
    display:flex;
    color:var(--theme-color-white);
    background:var(--theme-color-1);
    justify-content:center;
    align-items:center;
    margin:0;
    margin-right:10px;
    border-radius:0;
    transition:.5s all;
    outline:none;
    cursor:pointer;
opacity:.7}
.our-process .slick-arrow-group .slick-arrow:hover{
opacity:1}
.our-process .whatwedo-img{
    position:relative;
    height: 100%;
border-radius:10px}
.our-process .whatwedo-img img{
    -webkit-filter:blur(0);
    filter:blur(0);
    width:100%;
    transition:.2s;
    border-radius:10px;
    height: 250px;
    object-fit: contain;    
    position:relative;
z-index:2}
.our-process .whatwedo-img.active img{
    filter:blur(10px);
    -webkit-filter:blur(10px);
transition:.2s}
@media(max-width: 767.98px){
    .our-process .whatwedo-img img{
        height: 300px;
    }
    .main-img{
        max-height: 450px;
    }
    .our-process .whatwedo-img{
    margin-top:80px}
    .our-process .whatwedo-img.shape.shape-top-right-2::after{
        inset-inline-end:40px}
    .our-process .our-process-slider .slick-dots{
    bottom:-60px}
    .our-process .slick-arrow-group{
    margin-top:30px}
}
.blog .item{
position:relative}
.blog .item .image{
    position:relative;
    border-radius:10px;
overflow:hidden}
.blog .item .image:hover img{
transform:scale(1.1)}
.blog .item .image .item-tag{
    position:absolute;
    border-radius:30px;
    background:var(--theme-color-1);
    color:var(--theme-color-white);
    display:inline-block;
    left:10px;
    top:10px;
    padding:5px 15px;
font-size:14px}
.blog .item .author-area .item-meta{
    display:flex;
    align-items:center;
    gap:20px;
    margin-bottom:8px;
    margin-top:20px;
    padding-left:0;
justify-content:space-between}
.blog .item .title{
    font-size:18px;
font-weight:bold}
.blog-detail article h1{
    font-weight:bold;
font-size:25px}
.blog-detail article h2{
    font-weight:bold;
font-size:23px}
.blog-detail article h3{
    font-weight:bold;
font-size:21px}
.blog-detail article h4{
    font-weight:bold;
font-size:19px}
.blog-detail article h5{
    font-weight:bold;
font-size:18px}
.blog-detail article h6{
    font-weight:bold;
font-size:17px}
.blog-detail .blog-meta{
    justify-content:center;
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    gap:  25px;
    margin-bottom:50px;
}
.blog-detail .blog-meta .meta-item{
   
    display: flex;
    align-items: center;
    gap: 8px;
   
color:var(--theme-color-3);
}
.blog-detail .comment-form{
    padding:20px;
    border-radius:10px;
background:var(--theme-color-gray)}
.blog-detail .comment-form h3{
    font-size:20px;
    color:var(--theme-color-1);
margin-bottom:20px}
.blog-detail .comment-form .form-control{
padding:10px}
.blog-detail .profile-card{
    padding:20px;
    border-radius:10px;
    background:var(--theme-color-gray);
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
height:100%}
.blog-detail .profile-card .profile-image{
    border-radius:50%;
    position:relative;
margin-bottom:10px}
.blog-detail .profile-card .profile-image img{
    width:100px;
    height:100px;
    position:relative;
    z-index:1;
border-radius:50%}
.blog-detail .profile-card .profile-detail .name{
    margin-bottom:20px;
    text-align:center;
font-weight:bold}
.blog-detail .profile-card .profile-detail .name span{
    color:var(--theme-color-1);
transition:.5s}

.blog-detail .profile-card .profile-detail .info{
font-size:14px}
.blog-detail .comment-section{
    border-radius:10px;
    padding:20px;
background-color:var(--theme-color-gray)}
.blog-detail .comment-section .title h3{
    font-size:20px;
    color:var(--theme-color-1);
margin-bottom:40px}
.blog-detail .comment-section .comment-list{
    list-style:none;
    padding:0;
margin:0}
.blog-detail .comment-section .comment-list .comment{
    display:flex;
margin-bottom:20px}
.blog-detail .comment-section .comment-list .comment .comment-image{
    flex-shrink:0;
margin-inline-end:15px}
.blog-detail .comment-section .comment-list .comment .comment-image .avatar{
    border-radius:50%;
    width:50px;
height:50px}
.blog-detail .comment-section .comment-list .comment .comment-text{
flex-grow:1}
.blog-detail .comment-section .comment-list .comment .comment-text .comment-info{
    margin-bottom:5px;
    display:flex;
align-items:center}
.blog-detail .comment-section .comment-list .comment .comment-text .comment-info .comment-name{
    font-size:16px;
    font-weight:bold;
    margin:0;
color:var(--theme-color-2)}
.blog-detail .comment-section .comment-list .comment .comment-text .comment-info .comment-date{
    font-size:12px;
    color:#777;
margin-left:10px}
.blog-detail .comment-section .comment-list .comment .comment-text .text-holder{
margin-bottom:10px}
.blog-detail .comment-section .comment-list .comment .comment-text .text-holder p{
    font-size:14px;
color:var(--theme-color-2)}
.blog-detail .comment-section .comment-list .comment .comment-text .text-holder p:last-child{
margin:0}
.blog-detail .comment-section .comment-list .comment .comment-text .comment-reply-link{
    font-size:12px;
    color:var(--theme-color-1);
    text-decoration:none;
    text-transform:uppercase;
transition:.5s all}
.blog-detail .comment-section .comment-list .comment .comment-text .comment-reply-link:hover{
color:var(--theme-color-2)}
.blog-detail .comment-section .comment-list .children{
    list-style:none;
    padding-inline-start:40px;
    margin:10px 0px 0 25px;
    border-inline-start:1px solid #ddd;}
.blog-widgets{
    position:sticky;
top:0px}
.blog-widgets .widget{
    padding:20px;
    background:var(--theme-color-gray);
    border-radius:10px;
margin-bottom:20px}
.blog-widgets .widget .widget-title{
    font-size:17px;
    color:var(--theme-color-1);
    margin-bottom:20px;
font-weight:bold}
.blog-widgets .widget.widget-search .search-group{
    display:flex;
    flex-direction:row;
    border:1px solid var(--theme-form-border);
overflow:hidden}
.blog-widgets .widget.widget-search .search-group:focus-within{
border-color:var(--theme-color-1)}
.blog-widgets .widget.widget-search .search-group .form-control{
    padding:10px;
border:none}
.blog-widgets .widget.widget-search .search-group .theme-btn{
    border:none;
background:var(--theme-color-white)}
.blog-widgets .widget.widget-last-blogs .recent{
    padding:0;
list-style:none}
.blog-widgets .widget.widget-last-blogs .recent li{
    display:flex;
    align-items:center;
margin-bottom:20px}
.blog-widgets .widget.widget-last-blogs .recent li .image{
    width:100px;
    height:75px;
    border-radius:10px;
    overflow:hidden;
    margin-inline-end:10px;
flex-shrink:0}
.blog-widgets .widget.widget-last-blogs .recent li .image img{
    width:100%;
    height:100%;
object-fit:cover}
.widget-content .tags{
    display: flex;
    flex-wrap: wrap;
    gap:  6px;
}
.blog-widgets .widget.widget-last-blogs .recent li a{
    text-decoration:none;
    color:#000;
    font-size:14px;
    flex-grow:1;
transition:.5s all}
.blog-widgets .widget.widget-last-blogs .recent li a:hover{
color:var(--theme-color-1)}
.blog-widgets .widget.widget-categories ul,.blog-widgets .widget.widget-archives ul{
    padding:0;
    display:flex;
flex-direction:column}
.blog-widgets .widget.widget-categories ul li,.blog-widgets .widget.widget-archives ul li{
    position:relative;
    display:flex;
align-items:baseline}
.blog-widgets .widget.widget-categories ul li span,.blog-widgets .widget.widget-archives ul li span{
    padding-inline-start:20px;
    line-height:2;
transition:.5s}
.blog-widgets .widget.widget-categories ul li span:hover,.blog-widgets .widget.widget-archives ul li span:hover{
color:var(--theme-color-1)}
.blog-widgets .widget.widget-categories ul li span::before,.blog-widgets .widget.widget-archives ul li span::before{
    position:absolute;
    top:45%;
    inset-inline-start:0;
    bottom:0;
    width:7px;
    height:7px;
    content:"";
    background-color:var(--theme-color-1);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 500ms ease;
transition:all 500ms ease}
.blog-widgets .widget.widget-categories ul.two-column,.blog-widgets .widget.widget-archives ul.two-column{
    flex-direction:row;
flex-wrap:wrap}
.blog-widgets .widget.widget-categories ul.two-column li,.blog-widgets .widget.widget-archives ul.two-column li{
width:50%}
.blog-widgets .widget.widget-categories ul.icon-disc li a::before,.blog-widgets .widget.widget-archives ul.icon-disc li a::before{
border-radius:50%}
.blog-widgets .widget.widget-writers .profile-list{
    padding:0;
list-style:none}
.blog-widgets .widget.widget-writers .profile-list li{
    display:flex;
    align-items:center;
margin-bottom:20px}
.blog-widgets .widget.widget-writers .profile-list li .profile-image{
    width:40px;
    height:40px;
    border-radius:50%;
    overflow:hidden;
    margin-inline-end:10px;
flex-shrink:0}
.blog-widgets .widget.widget-writers .profile-list li .profile-image img{
    width:100%;
    height:100%;
object-fit:cover}
.blog-widgets .widget.widget-writers .profile-list li a{
    text-decoration:none;
    color:#000;
    font-size:14px;
    flex-grow:1;
transition:.5s all}
.blog-widgets .widget.widget-writers .profile-list li a:hover{
color:var(--theme-color-1)}
@media(max-width: 767.98px){
    .blog-detail .blog-meta{
        flex-wrap:wrap;
        padding:20px;
        background:var(--theme-color-gray);
        
        border-bottom-left-radius:10px;
    border-bottom-right-radius:10px}
    
}
@media(max-width: 575.98px){
    .about-us .features .features-content .features-list .feature{
        text-align: center;
        word-break: break-all;
    }
    .hero-wrapper .container .content{
        text-align: center;
    }
    .blog-detail .blog-meta{
        flex-wrap:wrap;
        padding:20px;
        background:var(--theme-color-gray);
        padding-top:50px;
        margin-top:-40px;
        padding-bottom:20px;
        border-bottom-left-radius:10px;
    border-bottom-right-radius:10px}
    .blog-detail .blog-meta .meta-item{
        width:100%;
        margin:0;
        padding:5px 0;
    border-bottom:1px solid rgba(0,0,0,.05)}
    .blog-detail .blog-meta .meta-item:last-of-type{
    border:none}
    .blog-detail .comment-form{
    margin-top:50px}
}
.project .item{
    position:relative;
margin-bottom:15px}
.project .item .image{
    border-radius:10px;
    overflow:hidden;
margin-right:30px}
.project .item .image img{
width: 100%;
height: 274px;
object-fit: cover;
}
.project .item .content{
    background:var(--theme-color-white);
    border-radius:10px;
    margin:-30px 0 0 20px;
    padding:25px 20px 25px 20px;
    position:relative;
    z-index:1;
transition:all ease .4s}
.project .item .content .title{
    font-size:18px;
font-weight:bold}
.project .item .content .title a{
    text-decoration:none;
color:var(--theme-color-1)}
.project .item .content .tags{
    display:flex;
flex-direction:row}
.project .item .content .tags span{
    font-weight:300;
    font-size:15px;
    padding:3px;
margin-right:5px}
.project .item .content a.view-detail{
    display:block;
    text-align:center;
    padding:15px;
    font-weight:bold;
    background:#fff;
    border-radius:10px;
    margin-top:0;
    margin-bottom:-40px;
    visibility:hidden;
    opacity:0;
    transition:all ease .4s;
    text-decoration:none;
border:1px solid var(--theme-color-1)}
.project .item .content a.view-detail span{
    margin-right:-150px;
transition:all ease .7s}
.project .item:hover .content{
    margin-top:-104px;
    box-shadow:0 0 100px var(--theme-color-1);
border-color:rgba(0,0,0,0)}
.project .item:hover .content a.view-detail
{
    margin-bottom:0;
    opacity:1;
    visibility:visible;
margin-top:25px}
 .project .item .visibleLink a.view-detail{
    margin-bottom:0;
    opacity:1;
    visibility:visible;
margin-top:25px
}
.project .item .visibleLink a.view-detail span{
    margin:0;
    text-align: center;
}
.project .item:hover .content a.view-detail span{
margin:0}
.project .item:hover .content a.view-detail:hover{
color:var(--theme-color-white)}
.project .project-other-slider .item{
margin-inline-end:20px}
.project .project-other-slider .item:hover .content{
box-shadow:0 0 20px var(--theme-color-1)}
.project .slick-arrow{
    position:absolute;
    top:20px;
    color:var(--theme-color-1);
    right:100px;
    cursor:pointer;
    font-size:30px;
    z-index:4;
    background:var(--theme-color-white);
    width:55px;
    height:55px;
    display:flex;
    align-items:center;
    justify-content:center;
border-radius:10px}
.project .slick-arrow.slick-prev{
    left:25px;
    right:initial;
    top:20px;
bottom:inherit}
.project-modal .modal-header{
border:none}
.project-modal .modal-footer .row{
width:100%}
.project-detail,.project .project-detail{
position:relative}
.project-detail .subtitle,.project .project-detail .subtitle{
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    font-size:18px;
    font-weight:600;
margin-bottom:10px}
.project-detail .content-group,.project .project-detail .content-group{
margin-bottom:20px}
.project-detail .content-group .subtitle,.project .project-detail .content-group .subtitle{
line-height:1}
.project-detail .content-group .detail-list ul,.project .project-detail .content-group .detail-list ul{
padding:0}
.project-detail .content-group .detail-list ul li,.project .project-detail .content-group .detail-list ul li{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    padding:10px 0;
    border-bottom:1px dashed #ddd;
font-size:15px}
.project .project-detail .content-group .detail-list ul li span{
    color:var(--theme-color-2);
font-weight:600}
.project-detail .content-group .detail-list .tags span{
    color:var(--theme-color-white);
}
.project-detail .content-group .detail-list ul li:last-child,.project .project-detail .content-group .detail-list ul li:last-child{
border:none}
@media(max-width: 767.98px){
    .project .item{
    margin-bottom:40px}
    .servisForm {
        padding-left: 15px;
        padding-right: 15px;
    }
}
@media(max-width: 575.98px){
    .features-list .feature .title{
        flex-direction: column !important;
        gap: 10px;
    }
    .about-us .features .features-content .features-list .feature .title .number {
        margin-inline-end: 0px;
        flex-direction: column;
    }
    .project-detail .social-media{
    justify-content:center}
    .project-detail .theme-btn-group{
    justify-content:center !important}
    .project-detail .theme-btn-group .theme-btn{
    padding:10px 15px}
}
.services-home{
background:#1a1714}
.services .item{
    position:relative;
    height: 100%;
transition:.5s all}
.services .item .service-card{
    background:#fff;
    padding:30px 10px;
    position:relative;
    z-index:1;
    height: 100%;
margin-bottom:20px}
.services .item .service-card .icon{
    font-size:40px;
    text-align:center;
    transition:.5s all;
    width:80px;
    height:80px;
    margin:auto;
    display:flex;
    justify-content:center;
align-items:center}
.services .item .service-card .title{
    text-align:center;
    transition:.5s;
margin-bottom:20px}
.services .item .service-card .title span,.services .item .service-card .title h3{
    font-size:23px;
font-weight:500}
.services .item .service-card .title:after{
    content:" ";
    height:10px;
    width:10px;
    border-radius:50%;
    display:block;
    background:var(--theme-color-1);
    margin:auto;
margin-top:13px}
.services .item .service-card .text{
    text-align:center;
    font-size:16px;
padding:0 10px}
.services .item .service-card:hover .title,.services .item .service-card:hover .title a{
color:var(--theme-color-1)}
.services .item .service-card:hover .icon,.services .item .service-card:hover .icon a{
    color:var(--theme-color-1);
stroke:var(--theme-color-1)}
.services .item.animation-1:hover{
transform:scale(1.02)}
.services .item.animation-2::after{
    content:" ";
    position:absolute;
    z-index:0;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:var(--theme-color-1);
transition:.5s ease-in-out}
.services .item.animation-2:hover::after{
    top:5px;
left:5px}
.services .item.animation-3 .service-card{
z-index:initial}
.services .item.animation-3 .icon,.services .item.animation-3 .title,.services .item.animation-3 .text{
    position:relative;
z-index:2}
.services .item.animation-3::after{
    position:absolute;
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:var(--theme-color-white);
transition:all .5s ease-out}
.services .item.animation-3 .image-wrapper{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    visibility:hidden;
    opacity:0;
transition:all .5s ease-out}
.services .item.animation-3 .image-wrapper img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    object-fit:cover;
    border-radius:10px;
transition:all .5s ease-out}
.services .item.animation-3 .icon,.services .item.animation-3 .title,.services .item.animation-3 .text{
transition:.5s}
.services .item.animation-3:hover::after{
    background-color:var(--theme-color-1);
    opacity:.9;
transition:all .5s ease-out}
.services .item.animation-3:hover .icon,.services .item.animation-3:hover .title,.services .item.animation-3:hover .text{
    position:relative;
    z-index:1;
color:var(--theme-color-white)}
.services .item.animation-3:hover .icon a,.services .item.animation-3:hover .title a,.services .item.animation-3:hover .text a{
color:var(--theme-color-white)}
.services .item.animation-3:hover .title::after{
background:var(--theme-color-white)}
.services .item.animation-3:hover .image-wrapper{
    visibility:visible;
    opacity:1;
transition:all .5s ease-out}
.services .item.animation-3:hover .image-wrapper img{
transition:all .5s ease-out}
.services.animation-particles{
position:relative}
.services.animation-particles>div{
    position:relative;
z-index:1}
.services.animation-particles canvas{
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    height:100%;
width:100%}
.services.services-rounded .item .service-card,.services.services-rounded .item::after{
border-radius:10px}
.service-detail .service-sticky{
    position:sticky;
    top:2px;
}
.service-detail .other-services{
    background:var(--theme-color-gray);
    border-radius:10px;
    padding:20px 10px;
}
.service-detail .other-services .title{
    font-size:25px;
    font-weight:bold;
    text-align:center;
    color:var(--theme-color-1);
    border-bottom:1px solid var(--theme-color-1);
    padding-bottom:10px;
margin-bottom:10px}
.service-detail .other-services ul{
padding:0}
.service-detail .other-services ul li a{
    display:block;
    position:relative;
    padding:15px 20px;
    transition:.5s all;
border-radius:5px}
.service-detail .other-services ul li a span{
    position:absolute;
    inset-inline-end:5px;
    top:50%;
    transform:translateY(-50%) rotate(-45deg);
transition:.5s}
.service-detail .other-services ul li.active a,.service-detail .other-services ul li:hover a{
    background:var(--theme-color-1);
color:#fff}
.service-detail .other-services ul li.active a span,.service-detail .other-services ul li:hover a span{
transform:translateY(-50%) rotate(0deg)}
.service-detail .call-service{
    background:var(--theme-color-gray);
    border-radius:10px;
    padding:50px 30px;
    position:relative;
overflow:hidden}
.service-detail .call-service .call-icon{
    position:absolute;
    font-size:320px;
    bottom:10px;
    color:var(--theme-color-2);
    z-index:1;
    opacity:.1;
    line-height:0;
left:170px}
.service-detail .call-service .call-text{
    position:relative;
    z-index:2;
text-align:center}
.service-detail .call-service .call-text:nth-of-type(1){
    font-size:20px;
    font-weight:700;
   margin-bottom:30px;
}
.service-detail .call-service .call-text:nth-of-type(2){
    font-size:18px;
    font-weight:bolder;
    margin-bottom:30px;    
    line-height:1.3;
}
.teams .item{
margin-bottom:20px}
.teams.teams-1 .item{
position:relative}
.teams.teams-1 .item .image{
    position:relative;
    border-radius:10px;
overflow:hidden}

.teams.teams-1 .item .image>.imgeBox:after{
    content:" ";
    background:linear-gradient(180deg, rgba(18, 18, 19, 0) 0%, #121213 100%);
    position:absolute;
    top:50%;
    bottom:0;
    left:0;
right:0}
.teams.teams-1 .item .image:hover img{
transform:scale(1.1)}
.teams.teams-1 .item .image .social-media{
    position:absolute;
    flex-direction:column;
    top:15px;
    left:0;
    visibility:hidden;
    opacity:0;
transition:.5s}
.teams.teams-1 .item .image .social-media.type-1 a{
    background:var(--theme-color-white);
    border-color:var(--theme-color-white);
    border-radius:50%;
    margin-bottom:10px;
color:var(--theme-color-2)}
.teams.teams-1 .item .image .social-media.type-1 a:hover{
color:var(--theme-color-1)}
.teams.teams-1 .item .info{
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
z-index:2}
.teams.teams-1 .item .info p{
    color:var(--theme-color-white);
    padding:10px 20px;
    display:block;
transition:.5s}
.teams.teams-1 .item .info .name{
    font-size:18px;
font-weight:bold}
.teams.teams-1 .item .info .name p{
    padding-bottom:0;
    padding-left:20px;
    margin: 0;
  padding-right:20px;
}
.teams.teams-1 .item .info .title{
    font-size:16px;
    font-weight:300;
    opacity:0;
    visibility:hidden;
transition:.5s}
.teams.teams-1 .item .info .title p{
    padding-top:0;
    padding-bottom:0;
    padding-left:20px;
    margin: 0;
padding-right:20px}
.teams.teams-1 .item:hover .image .social-media{
    left:15px;
    opacity:1;
visibility:visible}
.teams.teams-1 .item:hover .info .name p{
    padding-bottom:0;
color:var(--theme-color-white)}
.teams.teams-1 .item:hover .info .title{
    margin-bottom:0;
    opacity:1;
visibility:visible}
.teams.teams-1 .item:hover .info .title p{
padding-bottom:30px}
.teams.teams-2 .item{
position:relative}
.teams.teams-2 .item .image{
    position:relative;
    border-radius:10px;
overflow:hidden}

.teams.teams-2 .item .image>.imgeBox:after{
    content:" ";
    background:linear-gradient(180deg, rgba(18, 18, 19, 0) 0%, #121213 100%);
    position:absolute;
    top:50%;
    bottom:0;
    left:0;
right:0}
.teams.teams-2 .item .image .social-media{
    position:absolute;
    flex-direction:row;
    top:0;
    left:50%;
    transform:translateX(-50%);
    visibility:hidden;
    opacity:0;
    transition:.5s;   
    border-bottom-left-radius:10px;
border-bottom-right-radius:10px}
.teams.teams-2 .item .image .social-media.type-1 a{
    background:var(--theme-color-white);
    border-color:var(--theme-color-white);
    border-radius:50%;
color:var(--theme-color-2)}
.teams.teams-2 .item .image .social-media.type-1 a:hover{
color:var(--theme-color-1)}
.teams.teams-2 .item .info{
    position:absolute;
    bottom:0;
    width:100%;
    left:0;
z-index:2}
.teams.teams-2 .item .info p{
    color:var(--theme-color-white);
    padding:10px 20px;
    display:block;
transition:.5s}
.teams.teams-2 .item .info .name{
    font-size:18px;
font-weight:bold}
.teams.teams-2 .item .info .name p{
    padding-bottom:0;
    padding-left:20px;
    margin: 0;
padding-right:20px}
.teams.teams-2 .item .info .title{
    font-size:16px;
    font-weight:300;
    opacity:0;
    visibility:hidden;
transition:.5s}
.teams.teams-2 .item .info .title p{
    padding-top:0;
    padding-bottom:0;
    padding-left:20px;
    margin: 0;
padding-right:20px}
.teams.teams-2 .item:hover .image .social-media{
    top:5px;
    opacity:1;
visibility:visible}
.teams.teams-2 .item:hover .image img{
transform:scale(1.1)}
.teams.teams-2 .item:hover .info{
    background:var(--theme-color-white);
    border-top-left-radius:10px;
border-top-right-radius:10px}
.teams.teams-2 .item:hover .info .name p{
    padding-bottom:0;
color:var(--theme-color-2);
}
.teams.teams-2 .item:hover .info .title{
    margin-bottom:0;
    opacity:1;
visibility:visible}
.teams.teams-2 .item:hover .info .title p{
    padding-bottom:30px;
color:var(--theme-color-2)}
.teams.teams-3 .item{
position:relative}
.teams.teams-3 .item .image{
    position:relative;
    border-radius:10px;
overflow:hidden}
.teams.teams-3 .item .image>a{
display:block}
.teams.teams-3 .item .image>a:after{
    content:" ";
    background:linear-gradient(180deg, rgba(18, 18, 19, 0) 0%, #121213 100%);
    position:absolute;
    top:50%;
    bottom:0;
    left:0;
right:0}
.teams.teams-3 .item .info{
    position:absolute;
    bottom:0;
    background:var(--theme-color-white);
    width:calc(100% - 40px);
    left:0;
    z-index:2;
    margin:0px 0px 15px 40px;
    border-top-left-radius:10px;
    opacity: 0.9;
   border-bottom-left-radius:10px;
}

.teams.teams-3 .item .info a{
    color:var(--theme-color-2);
    padding:10px 20px;
    display:block;
transition:.5s}
.teams.teams-3 .item .info .name{
    font-size:18px;
font-weight:bold}
.teams.teams-3 .item .info .name p{
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
    margin: 0;
padding-bottom:0}
.teams.teams-3 .item .info .name:hover p{
color:var(--theme-color-1)}
.teams.teams-3 .item .info .title{
    font-size:16px;
font-weight:300}
.teams.teams-3 .item .info .title p{
    padding-top:0;
    padding-bottom:10px;
    padding-left:20px;
padding-right:20px}
.success-message{
    background:  var(--theme-color-gray);
    border: 1px solid var(--theme-color-1);
    margin-top:20px;
   
    padding: 20px;   
    border-radius: 4px;
   
    display: none;
}
.teams.teams-3 .item .info .social{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    padding-left:20px;
    padding-bottom:20px;
    visibility:hidden;
    opacity:0;
    margin-bottom:-25px;
transition:.5s}
.teams.teams-3 .item .info .social a{
    display:inline-flex;
    margin-right:10px;
padding:0}
.teams.teams-3 .item .info .social a:hover{
color:var(--theme-color-1)}
.teams.teams-3 .item:hover .image .social-media{
    opacity:1;
visibility:visible}
.teams.teams-3 .item:hover .image img{
transform:scale(1.1)}
.teams.teams-3 .item:hover .info .name a{
padding-bottom:0}
.teams.teams-3 .item:hover .info .title{
    margin-bottom:0;
    opacity:1;
visibility:visible}
.teams.teams-3 .item:hover .info .title a{
color:var(--theme-color-2)}
.teams.teams-3 .item:hover .info .social{
    margin-bottom:0;
    visibility:visible;
opacity:1}
.teams.teams-3 .item:hover .info .social a{
opacity:.8}
.team-single .image{
    border-radius:10px;
position:relative}
.team-single .image::after{
    content:" ";
    background:var(--theme-color-1);
    width:100%;
    height:100%;
    border-radius:10px;
    position:absolute;
    left:-40px;
bottom:-40px}
.team-single .image .simpleParallax{
    border-radius:10px;
    position:relative;
z-index:2}
.team-single .content{
position:relative}
.team-single .content .social{
    position:absolute;
    top:0;
    right:0;
    display:flex;
    flex-direction:row;
justify-content:flex-start}
.team-single .content .social a{
    display:inline-flex;
    margin-left:20px;
    padding:0;
font-size:20px}
.team-single .content .social a:hover{
color:var(--theme-color-1)}
.team-single .content .title h2{
    font-size:25px;
    color:var(--theme-color-1);
margin-bottom:10px}
.team-single .content .title h3{
    font-size:16px;
font-weight:300}
.team-single .content .list.list-member{
padding:0}
.team-single .content .list.list-member li{
    font-size:15px;
    display:flex;
align-items:center}
.team-single .content .list.list-member li::before{
display:none}
.team-single .content .list.list-member li i{
    font-size:18px;
    color:var(--theme-color-1);
    width:30px;
margin-right:10px}
.team-single .content .info .nav-tabs{
    padding-bottom:15px;
    margin-bottom:15px;
border-bottom:2px solid var(--theme-color-1)}
.team-single .content .info .nav-tabs .nav-item{
margin-right:30px}
.team-single .content .info .nav-tabs .nav-item:last-of-type{
margin-right:0}
.team-single .content .info .nav-tabs .nav-item .nav-link{
    padding:0;
    border:0;
    color:inherit;
    background:rgba(0,0,0,0) !important;
    font-weight:900;
    cursor:pointer;
    color:var(--theme-color-2);
font-size:18px}
.team-single .content .info .nav-tabs .nav-item .nav-link.active{
    font-weight:900;
color:var(--theme-color-1)}
@media(max-width: 767.98px){
    .teams .item{
    margin-bottom:20px}
    .team-single .content{
    margin-top:100px}
}
.testimonials{
    position:relative;
overflow:hidden}
.testimonials.testimonials-1{
background:var(--theme-color-gray)}
.testimonials.testimonials-1::after{
    content:" ";
    pointer-events:none;
    overflow:visible;
    padding:0px;
    width:1000px;
    height:1000px;
    z-index:6;
    border-radius:50%;
    position:absolute;
    transform-origin:50% 50%;
    transform:translate(0px, 0px);
    display:block;
    left:451.5px;
    top:400px;
    visibility:visible;
    opacity:1;
    background:radial-gradient(circle, rgba(255, 186, 99, 0.5) 0%, rgba(208, 186, 136, 0) 56%, rgba(215, 215, 215, 0) 100%);
touch-action:pan-y}
.testimonials.testimonials-1 .item{
    transform:scale(0.5);
transition:1s}
.testimonials.testimonials-1 .item .image{
    position:relative;
    padding:0 50px;
    transform:scale(0.5);
transition:1s}
.testimonials.testimonials-1 .item .image img{
    width:100%;
    border-radius:50%;
overflow:hidden}
.testimonials.testimonials-1 .item .image:after{
    font-family:"Font Awesome 6 Free";
    font-weight:900;
    position:absolute;
    content:"";
    left:0px;
    bottom:0px;
    font-size:32px;
    line-height:1;
    color:var(--theme-color-white);
    opacity:1;
    background:var(--theme-color-1);
    border-radius:50%;
    display:flex;
    width:30%;
    height:40%;
    justify-content:center;
align-items:center}
.testimonials.testimonials-1 .item .content{
    display:flex;
    height:100%;
    flex-direction:column;
    justify-content:center;
font-size:20px}
.testimonials.testimonials-1 .item .content cite{
    margin-top:20px;
    font-weight:bold;
font-style:normal}
.testimonials.testimonials-1 .item .content cite span{
    display:block;
    font-weight:300;
letter-spacing:3px}
.testimonials.testimonials-1 .item.slick-current{
transform:scale(1)}
.testimonials.testimonials-1 .item.slick-current .image{
transform:scale(1)}
.testimonials.testimonials-2 .testimonials-slider{
    margin-top:50px;
    margin-left:-20px;
    margin-right:-20px;
width:calc(100% + 40px)}
.testimonials.testimonials-2 .testimonials-slider .item{
    position:relative;
    padding:0 20px;
transition:.5s}
.testimonials.testimonials-2 .testimonials-slider .item.slick-active{
transition:.5s}
.testimonials.testimonials-2 .testimonials-slider .item .info{
    display:flex;
    margin-bottom:20px;
align-items:center}
.testimonials.testimonials-2 .testimonials-slider .item .info .image{
    width:70px;
    height:70px;
    border-radius:50%;
overflow:hidden}
.testimonials.testimonials-2 .testimonials-slider .item .info .detail{
    margin-left:20px;
    line-height:1;
    font-style:normal;
    display:flex;
flex-direction:column}
.testimonials.testimonials-2 .testimonials-slider .item .info .detail .name{
    font-size:24px;
margin-bottom:5px}
.testimonials.testimonials-2 .testimonials-slider .item .info .detail .title{
    font-size:16px;
    opacity:.7;
margin:0}
.testimonials.testimonials-2 .testimonials-slider .item .text{
    padding-bottom:20px;
    margin-bottom:20px;
border-bottom:1px solid rgba(0,0,0,.15)}
.testimonials.testimonials-2 .testimonials-slider .item .bottom{
font-size:15px}
.testimonials.testimonials-2 .testimonials-slider .item .bottom .avarage{
    opacity:.7;
    margin-bottom:10px;
display:inline-block}
.testimonials.testimonials-2 .testimonials-slider .item .bottom .star{
color:var(--theme-color-1)}
.testimonials.testimonials-2 .testimonials-slider .slick-dots{
margin-top:50px}
.pricing .item{
    border:2px solid var(--theme-color-1);
    border-radius:5px;
    position:relative;
    z-index:2;
    height: 100%;
    transition:.5s;
    padding:40px 20px;
margin-bottom:30px}
.ct-contact-from {
    text-align: start;    
    border-radius: 5px;
    padding: 30px;
    background-color: var(--theme-color-white);
    
}
.footer-box .logo img{
    height: 60px;
}
.single-input{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.pricing .item::before{
    z-index:-1;
    display:inline-block;
    content:"";
    opacity:0;
    border-radius:5px;
    background-color:var(--theme-color-1);
    background-image:linear-gradient(145deg, var(--theme-color-1), #ab5913);
    position:absolute;
    top:-2px;
    right:-2px;
    bottom:-2px;
    left:-2px;
transition:.5s}
.pricing .item .item-header{
    margin-bottom:30px;
    padding-bottom:30px;
    text-align:center;
border-bottom:1px solid rgba(248,31,1,.1)}
.pricing .item .item-header .title{
margin-bottom:30px}
.pricing .item .item-header .pricing span{
display:block}
.pricing .item .item-header .pricing span.price{
    font-size:50px;
    color:var(--theme-color-1);
line-height:1}
.pricing .item .item-header .pricing span.subtitle{
    font-size:14px;
color:var(--theme-color-1)}
.pricing .item .item-body{
    text-align:left;
margin-bottom:48px}
.pricing .item .item-body ul{
    list-style:none;
padding:0}
.pricing .item .item-body ul li{
    color:var(--theme-color-2);
    font-weight:400;
    font-size:16px;
    line-height:inherit;
margin-bottom:10px}
.pricing .item .item-body ul li i{
    color:var(--theme-color-1);
    margin-inline-end:5px;
}
.pricing .item .item-footer{
text-align:center}

.pricing .item:hover::before,.pricing .item.active::before{
    transform:scale(1);
opacity:1}
.pricing .item:hover .item-header,.pricing .item.active .item-header{
border-bottom:1px solid rgba(255,255,255,.2)}
.pricing .item:hover .item-header .title,.pricing .item.active .item-header .title{
color:var(--theme-color-white)}
.pricing .item:hover .item-header .pricing span.price,.pricing .item:hover .item-header .pricing span.subtitle,.pricing .item.active .item-header .pricing span.price,.pricing .item.active .item-header .pricing span.subtitle{
color:var(--theme-color-white)}
.pricing .item:hover .item-body ul li,.pricing .item.active .item-body ul li{
color:var(--theme-color-white)}
.pricing .item:hover .item-body ul li i,.pricing .item.active .item-body ul li i{
color:var(--theme-color-white)}

.client .client-slider{
    margin:0 -5px;
width:calc(100% + 10px)}
.client .client-slider .item{
margin:5px}
.client .client-slider .item a{
    display:block;
    border-radius:10px;
background:var(--theme-color-white)}
.client .client-slider .item a img{
transition:.5s all}
.client .client-slider .item a:hover img{
transform:scale(1.1)}
.counter{
    background:var(--theme-color-1);
position:relative}
.counter .item{
    color:var(--theme-color-white);
    display: flex;
    gap:  6px;
    flex-direction: column;
text-align:center;}
.j-center{
    justify-content: center;
}
.counter .item .icon{
    font-size:30px;
    transition:.5s;
    font-size:50px;
opacity:.6}
.counter .item .number{
    font-size:40px;
font-weight:bold}
.counter .item:hover .icon{
    transform:rotateY(360deg);
opacity:1}
@media(max-width: 767.98px){
    .counter .item{
    margin-bottom:40px}
}
.faq .accordion-item{
    transition:all .8s;
    margin-bottom:0;
    overflow:hidden;
    counter-increment:item;
    position:relative;
    margin-bottom:5px;
border:1px solid #ddd}
.faq .accordion-item:first-of-type,.faq .accordion-item:last-of-type{
border-radius:0}
.faq .accordion-item:first-of-type .accordion-button,.faq .accordion-item:last-of-type .accordion-button{
border-radius:0}
.faq .accordion-item:first-of-type .accordion-button::before{
letter-spacing:4px}
.faq .accordion-item .accordion-header .accordion-button{
    cursor:pointer;
    transition:all .6s;
    padding-inline-start:100px;
    padding-top:30px;
padding-bottom:30px}
.faq .accordion-item .accordion-header .accordion-button:not(.collapsed){
    background:var(--theme-color-1);
color:#fff}
.faq .accordion-item .accordion-header .accordion-button::before{
    content:counter(item, decimal-leading-zero) " ";
    font-weight:bolder;
    font-size:43px;
    color:rgba(0,0,0,0);
    -webkit-text-stroke:1px var(--theme-color-1);
    position:absolute;
    top:50%;
    line-height:1;
    inset-inline-start:25px;
    width:55px;
    text-align:right;
transform:translateY(-50%)}
.faq .accordion-item .accordion-header .accordion-button::after{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M8 2v12M2 8h12'/%3e%3c/svg%3e")}
.faq .accordion-item .accordion-header .accordion-button:hover{
    background:var(--theme-color-1);
color:#fff}
.faq .accordion-item .accordion-header .accordion-button:hover::before{
-webkit-text-stroke:1px var(--theme-color-white)}
.faq .accordion-item .accordion-header .accordion-button:hover::after{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M8 2v12M2 8h12'/%3e%3c/svg%3e")}
.faq .accordion-item.active-accordion{
    margin-top:20px;
    margin-bottom:20px;
border-radius:10px}
.faq .accordion-item.active-accordion:first-of-type{
margin-top:0}
.accordion-button::after{
    margin: 0;
    margin-inline-start: auto;
}
.faq .accordion-item.active-accordion .accordion-header .accordion-button::before{
-webkit-text-stroke:1px var(--theme-color-white)}
.faq .accordion-item.active-accordion .accordion-header .accordion-button::after{
background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 8h12'/%3e%3c/svg%3e")}
.contact .title h1,.contact .subtitle h1{
font-size:25px}
.contact .title h2,.contact .subtitle h2{
font-size:23px}
.contact.style-1 .contact-box{
    display:flex;
    flex-direction:row;
    align-items:center;
    justify-content: center;
}
.contact.style-1 .contact-box .icon,
.contact.style-2 .contact-box .icon{
    width:50px;
    margin-inline-end:5px;
    font-size:35px;
color:var(--theme-color-1)}
.contact.style-2 .contact-box .icon{
    margin: 0;
}

.contact.style-1 .iframe-content{
    width:calc(45% - 15px);
    height:450px;
    position:absolute;
    inset-inline-start:0;
z-index:0}
.formLogo{
  position: relative;
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
    padding: 15px;
    border-radius: 20px;
    background: var(--theme-color-gray);
}

.auth-form{
    position: relative;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 15px;
}
.message{
    text-align: center;
}
.auth-switch{
    color: var( --theme-color-1);
}
.servisForm{
    max-width: 800px;
    border-radius: 5px;
    padding: 50px;
    border: 2px solid var(--theme-color-1);
}
.period-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.monthly-price, .yearly-price {
    transition: opacity 0.3s ease;
}
.hidden-price {
    opacity: 0;
    height: 0;
    overflow: hidden;
}
.period-switcher {
    display: flex;
    justify-content: center;
    margin: 20px 0;
    background:var(--theme-color-1);
    padding: 8px;
    border-radius: 50px;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
}

.period-option {
    padding: 8px 20px;
    cursor: pointer;
    border-radius: 50px;
    transition: all 0.3s ease;
    margin: 0 5px;
    text-align: center;
}

.period-option.active {   
    color: white;
}
.contact.style-1 .iframe-content iframe{
    position:absolute;
    top:0;
    inset-inline-end:20px;
    inset-inline-start:0;
    width:100%;
    height:100%;
    z-index:2;
    border-start-end-radius:20px;
border-end-end-radius:20px}
.contact.style-1 .iframe-content::before{
    content:" ";
    background:var(--theme-color-1);
    z-index:1;
    top:20px;
    inset-inline-end:-30px;
    width:calc(100% + 40px);
    height:calc(100% + 10px);
    position:absolute;
    border-start-end-radius:20px;
border-end-end-radius:20px}
.contact.style-1 .contact-form-box{
width:100%}
.contact.style-2 .iframe-content iframe{
    width: 100%;
    height: 450px;
    object-fit: cover;
}
.style-2 .contact-form-box{
    width: 100%;
}
.style-2{
    padding-bottom: 0;
}
.style-2 .contact-box{
    display: flex;
    flex-direction: column;
    text-align: center;   
    align-items: center;
    height: 100%;   
    gap: 6px;
}
.contact-flexWrap{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    
}
.contact-flexWrap .contact-box{
    flex-grow: 1;
    flex-basis: 270px;
}

@media(max-width: 991.98px){
    .about-us .features .features-content{
        padding-inline-start: 0;
    }
   
    .itemImg{
    
        display: flex;
        align-items: center;
        justify-content: center;
        img{
            max-height: 500px;
        }
    }
    .contact.style-1 .iframe-content{
        position:relative;
        width:100%;
        background:var(--theme-color-1);
        border-radius:10px;
        padding:20px;
    margin-top:50px}
    .contact.style-1 .iframe-content::before{
    display:none}
    .contact.style-1 .iframe-content iframe{
        position:relative;
    border-radius:10px}
}
footer{
overflow:hidden}
footer.footer-dark{
    background:var(--theme-footer-background);
color:var(--theme-color-white)}
footer.footer-fixed{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
z-index:-1}
footer .footer-top{
    position:relative;
    display:block;
    padding:120px 0 60px 0;
z-index:1}
footer .footer-box{
margin-bottom:10px}
footer .logo{
margin-bottom:20px}
footer .title{
    font-weight:bold;
    font-size:20px !important;
    color:var(--theme-color-1);
margin-bottom:20px}
footer a{
    color:var(--theme-color-white);
    position:relative;
line-height:2}
footer a:hover{
color:var(--theme-color-1)}
footer .footer-content{
    text-align:justify;
margin-bottom:20px}
footer .footer-list{
margin-bottom:20px}
footer .footer-list.social-media a{
    background:rgba(0,0,0,0);
    color:var(--theme-color-white);
    border-color:var(--theme-color-1);
    border-radius:50%;
margin-right:10px}
footer .footer-list.social-media a:hover{
background-color:var(--theme-color-1)}
footer .footer-list ul{
padding:0}
footer .footer-list ul li{
    display:flex;
    margin-bottom:10px;
align-items:center}
.nav-auto{
    margin-inline-start: auto !important;
}
footer .footer-list ul li .icon{
    width:20px;
    text-align:left;
    margin-inline-end:20px;
    height:40px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
color:var(--theme-color-1)}
footer .footer-menu{
    padding:0;
    display:flex;
    flex-wrap: wrap;
    gap: 20px;
flex-direction:column}
footer .footer-menu.footer-horizantal{
flex-direction:row}

footer .footer-menu li{
    position:relative;
    display:flex;
align-items:baseline}
footer .footer-menu li a{
padding-inline-start:20px}
footer .footer-menu li a::before{
    position:absolute;
    top:45%;
    inset-inline-start:0;
    bottom:0;
    width:7px;
    height:7px;
    content:"";
    background-color:var(--theme-color-1);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    -webkit-transition:all 500ms ease;
transition:all 500ms ease}
footer .footer-bottom{
    position:relative;
    display:block;
    padding:30px 0;
    border:none;
    font-size:14px;
border-top:2px solid rgba(255,255,255,.05)}
footer .footer-bottom .footer-menu li a{
padding-left:10px}
footer .footer-bottom .footer-menu li a::before{
    top:50%;
    width:4px;
    height:4px;
content:""}
@media(max-width: 991.98px){
    footer.footer-fixed{
        position:relative;
    z-index:0}
}
.style-textBox{
    word-break: break-word;
  }
  .style-textBox h1,
   .style-textBox h2,
    .style-textBox h3,
    .style-textBox h4,
    .style-textBox h5,
    .style-textBox h6{
    font-weight: 400;
    line-height: 1.3;
     margin: 1.2em 0 0.5em;
  }
.style-textBox h1 { font-size: clamp(23px, 5vw, 26px); }
.style-textBox h2 { font-size: clamp(20px, 4.2vw, 25px); }
.style-textBox h3 { font-size: clamp(18px, 3.5vw, 23px); }
.style-textBox h4 { font-size: clamp(19px, 3vw, 22px); }
.style-textBox h5 { font-size: clamp(17px, 2.5vw, 21px); }
.style-textBox h6 { font-size: clamp(16px, 2vw, 20px); }
  
  .style-textBox p,
  .style-textBox ul,
  .style-textBox ol,
  .style-textBox blockquote,
  .style-textBox table{
      margin-bottom: 1em;
  }
  
  
  
  .style-textBox a ,.style-textBox table{
     text-decoration: underline;
     color: inherit;
  }
  .style-textBox p{
  margin-bottom:  15px;
  text-indent: 3ch;
  }
  
  .style-textBox ul,
  .style-textBox ol {
    padding-inline-start: 1.5em;
     list-style: auto;
     margin-bottom:10px;
  }
  .style-textBox li {
    margin-bottom: 0.5em;
    list-style-type: disc;
  }
  .style-textBox strong {
    font-weight: bold;
  }
  .style-textBox em {
    font-style: italic;
  }
.progect-cat{
    .project .item .image img{
        width: 100%;
        object-fit: cover;
        height: 322px;
    }
}

.blog-cat{
    img{
        width: 100%;
        height: 260px;
        object-fit: cover;
    }
}

 .global.global-light.blog{
     img{
        width: 100%;
        height: 260px;
        object-fit: cover;
    }
 }


 .navbar-brand, .logo-footer{
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
 }

 .navbar-brand h2, .logo-footer h2{
    margin: 0;
    font-size: clamp(18px,2.5vw,22px);
    color: #fff;
 }