body {
    margin: 0px;
    padding: 0px;
    font-family: "Montserrat", sans-serif !important;

}

img {
    max-width: 100%;
}


html {
    scroll-behavior: smooth;
}

a:active {
    color: #ff0000 !important;
}

a:hover {
    text-decoration: none !important;
}


p {
    font-family: "Montserrat", sans-serif !important;
    font-size: 17px !important;
}
.nopadding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

::-webkit-scrollbar {
  width: 5px;
  border-radius: 16px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
  background-color: #ED0101 !important;
}

.custom-container {
    width: 90%;
    margin: 0 5%; max-width: 1920px;
    margin: 0 auto;

}

.hide{ display: none; }

.navbar-toggler-icon {
    background: url('../images/hmenu.webp') no-repeat center center !important; width: 52px !important; height: 52px !important;}

#accordion{ position: relative; z-index: 999; }

/* header starts */


.header .navbar-expand-xl .navbar-nav .nav-link {
    padding: 0rem 1rem !important; font-weight: 600;    
/*     font-family: 'Lato', sans-serif !important; */
    color: #ffffff;  font-family: "Montserrat", sans-serif !important;
    font-size: 18px;
}
.navbar-nav li:last-child {
    border-right: none;
}
.navbar { padding: 0rem 1.4rem !important; }

.header{ position: relative; z-index: 9; padding:  0px; }

.header .nav-item {
    padding: 20px 0px;
}

.navbar-text {
    color: #EB2024 !important;
    font-size: 15px; font-weight: 600;
    background: #ffffff;
    padding: 10px 20px;
    text-align: center; border: 2px #fff solid;
    border-radius: 20px; transition: 0.3s;
}

.BeutifyBox{ border: 2px #ccc solid; padding: 30px; border-radius: 15px; box-shadow: 0 0 20px inset rgba(0,0,0,0.4); height: 400px; }

.navbar-text a { color: #EB2024 !important; }

.navbar-text:hover {
    background: #000000;
    color: #ffffff; border: 2px #fff solid;
}

.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-menu {
    background: rgba(255, 255, 255, 255) !important
}

.dropdown-menu li{ border-right: none !important; }

.secnav {
    width: 80% !important;
    text-align: center !important;
    margin: 0 auto !important;
    border-radius: 60px !important;
}



.navbar-expand-xl .navbar-nav .nav-link {
    font-size: 16px;
}


.navsub {
    width: 70%;
    border-radius: 50px;
    margin: 0 auto;
    text-align: center;
    -webkit-box-shadow: 0 0 25px #000000;
    box-shadow: 0 0 25px #000000;
}

.sec1 .navbar {
    padding: 0rem 1rem;
    z-index: 10;
}

.navbar-dark .navbar-nav .nav-link {
    color: #000 !important;
}

.sec1 .nav-link:hover {
    color: #EB2024 !important;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #EB2024 !important;
    background: none !important;
}

.navbar-nav .active>.nav-link,
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show,
.navbar-nav .show>.nav-link {
    color: #C92127 !important;
    font-weight: bold;
/*     border-bottom: 1px #FF8901 solid; */
/*     font-family: 'Roboto Flex', sans-serif !important; */
}

.navdesk .navbar-nav>li>a:hover,
.nav>li>a:focus {
    background-color: transparent; border: none;
/*     color: #FF8901 !important; */
}

.navdesk .nav-link {
    padding: 0px !important;
    font-size: 19px;
}

.navdesk .navbar-nav li {
    border-right: 1px #000 solid;
    padding: 0 52px;
}

.navdesk .navbar-nav li:last-child {
    padding: 0px 38px !important;
    border-right: none;
}

.navdesk .navbar-light .navbar-nav .nav-link {
    color: #000000 !important;
}

.header .navbar-light .navbar-nav .nav-link {
    color: #fff !important;
    font-size: 20px;
}

.header .navbar-dark .navbar-nav .nav-link {
    color: #000 !important;
    font-size: 20px;
}

.navdesk {
    padding: 60px 0 20px 0px;
}

.registerBtn a {
    display: block;
    margin: 0 auto;
}

.dropdown-item {
    border-bottom: 1px #000000 solid !important;
    font-size: 16px; color: #000000 !important;
    padding: 10px 20px !important; font-weight: 600 !important;
    min-width: 300px;
/*     font-family: 'Lato', sans-serif !important; */
}

.last {
    border-bottom: none !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background: none !important;
    color: #000000 !important;
}



.header .navbar-expand-xl .navbar-nav .nav-link {
    padding: 0rem 2rem !important;
    color: #000000; text-transform:uppercase;
    font-size: 16px;
}

.navbar-nav li{ border-right: 1px #000 solid; }


.navbar-nav li:last-child {
    border-right: none;
}

.header .nav-item {
    padding: 0px 0px;
}


.btn-custom {
    background: #EB2024 !important;
    color: #ffffff;
    padding: 5px 10px;
}

.dropdown-menu {
    border: none !important;
    border-radius: 0 !important;
}

.navbar-hover .collapse ul ul ul {
    top: -2px;
    left: 100%;
    min-width: auto;
}
/* header ends */


/* top button code starts */
#buttonTop {
  display: inline-block;
/*   background-color: #FF9800; */
  background-image: linear-gradient(to right, #f27e00, #FF4200);
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
#buttonTop::after {
  content: "\f077";
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  font-size: 2em;
  line-height: 50px;
  color: #fff;
}
#buttonTop:hover {
  cursor: pointer;
  background-color: #333;
}
#buttonTop:active {
  background-color: #555;
}
#buttonTop.show {
  opacity: 1;
  visibility: visible;
}
/* top button code ends */

.headerRight a{ float: right; position: absolute; right: 0; top: 30%; margin-top: 0px; }

.header .logo{ width: 320px !important; margin: 0 auto; display: block; }

.leftSidePic{ position: absolute; right: 0; top: 160%; z-index: 1;}

/* section 1 starts */
.sec1{ background: url('../images/banner.webp') no-repeat center center; background-size: cover; padding: 12% 0; }
.bannerText { z-index: 2; margin: 0 5%; max-width: 50%; padding-left: 0px;}
.bannerText h1{color: #ffffff; font-size: 60px; font-style: normal; font-weight: 700; line-height: 110%; margin-bottom:10px}
.bannerText h2 {color: #ffffff; font-size: 42px; font-style: normal; font-weight: 500; line-height: 120%; margin-bottom:20px}
.bannerText p { font-size: 24px !important; font-weight:600; color: #ffffff; max-width: 600px; }
.bannerText .btn i{ padding: 10px 15px; 
/*     background: #ffffff;  */
color: #ffffff; border-radius: 5px; }
.bannerText a{ width: 212px; text-align: center; }

/* section 1 ends */


/* sec 2 starts */
.sec2{ padding: 0 0 30px 0px; }

.sec2Left{ padding-top: 20px }
.sec2Left h4{ font-size: 28px; font-weight: bold; margin-bottom: 30px; font-weight: 700; padding-bottom: 20px; border-bottom: 2px #cccccc solid; }
.sec2Left h2{ font-weight: 700; padding-bottom: 10px; color: #CD1C20; font-size: 48px; max-width: 80%; }
.sec2Left h3{ font-size: 38px; font-weight: 700; padding-bottom: 15px; color: #000000; }
.sec2Left p { font-size: 22px; font-weight: 400; font-size: 42px; padding-bottom: 5px; max-width: 600px; }
.sec2Left a { font-size: 16px; border-radius: 5px; margin-top: 30px; display: block; font-weight: 700; text-align: center; max-width: 250px; background-image: linear-gradient(to right, #CD1C20, #FF4200); padding: 10px 0px; color: #ffffff; border: none; position: relative; z-index: 99; }
.sec2Left a:hover{ background: #000000; color: #ffffff; }
.sec2Right img{ max-width: 80%; margin:  0 auto; display: block; }

.sec2Left ul{ padding: 0px 0 0 45px !important; margin: 0px !important; }
.sec2Left ul li{ list-style-type: number; padding-bottom: 10px; }
/* sec 2 ends */

.newSec .box{ padding: 10px; background-image: linear-gradient(to right, #f27e00, #FF4200); border-radius: 10px; }
.newSec .box h2{ color: #ffffff; font-size: 22px; line-height: 30px; }


/* sec 3 starts */
.sec3{ padding: 60px 0 0 0px;}

.sec3 h4{ font-size: 28px; font-weight: bold; margin-bottom: 20px; font-weight: 700; padding-bottom: 20px; border-bottom: 2px #cccccc solid; display: block; width: 100%;}

.sec3 h2{ font-weight: 700; padding-bottom: 0; color: #f27e00; font-size: 44px; max-width: 50%; display: block;}

.sec3 ul{ padding: 10px 0 0 20px; }
.sec3 ul li{ padding-bottom: 5px; }


.sec3 h3{ font-size: 22px; font-weight: 600; padding-bottom: 15px; color: #000000; display: block; width: 100%; text-align: left; padding-top: 30px; margin:  0px; }
.sec3 p { max-width: 100%; margin: 0 auto; padding-bottom: 10px; width: 100%;}

.erpSoliutionBox{ padding: 30px 0px; position: relative; min-height:530px; box-shadow: 0 0 20px #999; margin: 20px; border-radius: 20px; }
.erpSoliutionBox img{ display:block; margin: 0 auto 20px auto; }
.erpSoliutionBox h2{ font-size: 20px !important; margin: 0 auto; color: #000000; padding: 10px 0 20px 0px; font-weight: 700; display: block; text-align: center; width: 100% !important; }
.erpSoliutionBox p { text-align: center; width: 100% !important; max-width: 90%; min-height: 215px;}
.erpSoliutionBox a {  display: block; margin: 0 auto; max-width: 180px; border-radius: 5px; border:  1px #000000 solid; padding: 10px 20px; text-align: center; color: #000000; font-weight: 700; }
.erpSoliutionBox a:hover {background-image: linear-gradient(to right, #CD1C20, #FF4200); color: #ffffff; border: none; z-index: 9;}
.erpSoliutionBox a img {  display: inline-block; margin: 0; width: 20px; }
/* sec 3 ends */

.newSec{ padding: 60px 0px; }
.newSec h2{ text-align: center; font-weight: 700; }
.newSec h2 span{ font-weight: 500; display: block; font-size: 18px;}


/* sec 4 events starts */
.sec4{ padding: 60px 0 30px 0px; color: #ffffff; }
.sec4 h2 {color: #ffffff; font-size: 68px; font-style: normal; font-weight: 700; line-height: 100%; max-width: 65%; padding-bottom: 10px;}
.sec4 a { font-size: 16px; border-radius: 5px; margin-top: 30px; display: block; font-weight: 700; text-align: center; max-width: 320px; margin: 0 auto; background-image: linear-gradient(to right, #f27e00, #FF4200); padding: 10px 0px; color: #ffffff; border: none; }
.sec4 a:hover{ background-image: linear-gradient(to right, #f27e00, #CD1C20); color: #ffffff; }
.sec4 .btn i{ padding: 10px 15px; 
/*     background: #ffffff;  */
    color: #ffffff; border-radius: 5px; }
/* sec 4 events ends */


/* sec 5 starts */
.sec5{ padding: 60px 0 0 0px; }
.sec5 h4{ font-size: 28px; font-weight: bold; margin-bottom: 20px; font-weight: 700; padding-bottom: 20px; border-bottom: 2px #cccccc solid; display: block; width: 100%;}
.sec5 h2{ font-weight: 700; padding-bottom: 10px; color:#f27e00; font-size: 44px; display: block; margin-bottom: 20px;}

.ClinetPortFolioBox{ height: 566px; border-radius: 20px !important; padding: 0px; margin: 0px; position: relative;  box-shadow: 0 0px 0px rgba(0,0,0,0.30), 0 0px 15px rgba(0,0,0,0.22);}
.ClinetPortFolioBox.bg3 { background: url('../images/clientportfoio/3.webp') no-repeat center center !important; background-size: cover !important; }
.ClinetPortFolioBox.bg2 { background: url('../images/clientportfoio/2.webp') no-repeat center center !important; background-size: cover !important; }
.ClinetPortFolioBox.bg1 { background: url('../images/clientportfoio/1.webp') no-repeat center center !important; background-size: cover !important; }
.ClinetPortFolioBox.bg4 { background: url('../images/clientportfoio/4.webp') no-repeat center center !important; background-size: cover !important; }
.ClinetPortFolioBox.bg5 { background: url('../images/clientportfoio/5.webp') no-repeat center center !important; background-size: cover !important; }
.ClinetPortFolioBox.bg6 { background: url('../images/clientportfoio/6.webp') no-repeat center center !important; background-size: cover !important; }

.ClinetPortFolioBox p{ position: absolute; left: 30px; bottom: 10px; color: #ffffff; font-weight: 700; font-size: 24px !important; }

.ClientPortfolio .slick-prev{ background:url('../images/prev.webp') no-repeat center center !important; background-size:cover !important; font-size: 0; position: absolute; right: 70px; top: -80px; border: none; width: 50px; height: 50px; }
.ClientPortfolio .slick-next{ background:url('../images/next.webp') no-repeat center center !important; background-size:cover !important; font-size: 0; position: absolute; right: 0px; top: -80px; border: none; width: 50px; height: 50px; }
/* sec 5 ends */


/* sec 6 starts */
.sec6{ padding: 60px 0 0 0px; background: #ff0000; background: url('../images/sec6bg.webp') no-repeat center top; background-size: cover; }

.sec6 h4 { color: #ffffff; font-size: 24px; font-weight: 700; padding-top: 10%; margin-bottom: 25px; }
.sec6 h2{ color: #ffffff; font-size: 64px; font-weight: 700; line-height: 68px; }
.sec6 .testiBox{ padding:  30px; border-radius: 10px; background: url('../images/testi.webp') no-repeat 20px 20px #ffffff; }
.sec6 .testiBox h5 { font-size: 20px; font-weight: 700; }
.sec6 .testiBox h6 { font-size: 18px; }
.sec6 .testiBox p{ min-height: 145px; }
.policypic img { margin: 80px auto 0 auto; display: block; }
.sec6 .whychoose_heding h2{ font-size: 64px; padding-top: 60px; }
/* sec 6 ends */


/* sec 7 starts */
.sec7{ padding: 60px 0px; background: #ff0000; background: url('../images/applynobg.webp') no-repeat center top; background-size: cover;  }
.sec7 h2{ font-size: 48px; color: #ffffff; font-weight: 700; display: block; text-align: center; padding-bottom: 0px; }
.sec7 h4{ font-size: 24px; color: #ffffff; font-weight: 400; display: block; text-align: center; padding-bottom: 20px; max-width: 55%;margin: 0 auto; }
.sec7 a{ display: block; margin: 0 auto; max-width: 258px; padding: 0;}
.sec7 a:hover{ display: block; margin: 0 auto; padding: 0;}
/* sec 7 ends */


/* footer starts */
.footer{ padding:60px 0 0 0px; background: #ffffff !important; background-size:cover !important;}

.footer h2{ color: #000000; padding-bottom: 20px; font-size: 26px; position: relative; margin-top: 0%; margin-bottom: 30px; font-weight: 700;}
.footer h2:after { content: ""; height: 2px; background-color: #f27e00; position: absolute; bottom: 0px; left: 0; width: 160px; }
.footer ul { padding: 0 0 20px 0px; }
.footer ul li{ list-style-type: none; padding-bottom: 30px; }
.footer ul li a{ color: #000000;}
.footer ul li a:hover { color: #ED0101;}

/* .footerlogo img{ max-width: 260px; } */
.footer1 ul li{ background: url('../images/location.png') no-repeat left top; padding-left: 40px; }
.footer2 ul li:first-child{ background: url('../images/call.png') no-repeat left top; padding-left: 40px; }
.footer2 ul li{ background: url('../images/call.png') no-repeat left top; padding-left: 40px; color: #000000;}
.footer2 ul li:last-child { background: url('../images/email.webp') no-repeat left top; background-size: 28px 28px; }

.footer3 { text-align: center;  margin:0 auto 0px auto; padding: 0px; display: block; width: 100%; font-weight: bold; }
.footer3 img{ max-width:220px; margin:0 auto 5px auto; display: block; width: 100%; }


.footerBot { background: #f27e00; padding: 10px 0px; font-size: 14px; text-align: center; color: #ffffff; font-weight: bold; }
/* footer ends */

.modal-body .formMain{ background: #ffffff; }
.modal-body .formMain label{ color: #000000; }
.modal-body .formMain input{ background: none; border: 1px #000000 solid; color: #000000 !important; margin-bottom: 30px; }
.modal-body .formMain select{ background: none; border: 1px #000000 solid; color: #000000 !important; margin-bottom: 30px; }
.modal-body .formMain span{ color: #000000; text-align: center; font-weight: 700; display: block; width: 100%; padding-bottom: 30px; }

.modal-body .formMain{ padding: 10px 0 0 0px; }
.modal-title { color: #CD1C20; display: block; width: 100%; font-size: 20px; text-align: center !important; font-weight: 600; }
.modal-header .close{ font-size: 30px; opacity: unset !important; }
.modal-body .formMain .send{ background-image: linear-gradient(to right, #f27e00, #FF4200);  color: #ffffff !important; font-weight: 700; font-size: 18px; border: none; width: 100%;padding: 10px 0px; }
.card-body .formMain input[placeholder], [placeholder], *[placeholder] { color: #000000 !important; }


@media only screen and (max-width: 1620px) {
    .bannerText{ max-width: 50%; }
    .sec3 h2{ max-width: 70%; }
    .sec4 h2{ max-width: 65%; }

    .bannerText h1{ font-size: 62px; }
    .sec2Left h4{ font-size: 26px; }
    .sec2Left h2{ font-size: 46px; }
    .sec2Left h3{ font-size: 34px; }
    .sec3 h4{ font-size: 26px; }
    .sec3 h2{ font-size: 46px; }
/*     .sec3 h3{ font-size: 48px; } */
    .sec4 h2{ font-size: 56px; }
    .sec4-custom-soft h2{ font-size: 56px; }
    .sec5 h4{ font-size: 28px; }
    .sec5 h2{ font-size: 46px; }
    .sec6 h2{ font-size: 58px; line-height: 60px; }
    .sec6 .whychoose_heding h2{ font-size: 58px; }
    .sec7 h2{ font-size: 56px; }
    .sec7 h4{ font-size: 26px; }
/*     .footerlogo img{ max-width: 230px; } */
}   



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

.bannerText h1{ font-size: 44px; }
.bannerText h2{ font-size: 34px; }
.bannerText p{ font-size: 20px; max-width: 470px; }

.sec2Left h4{ font-size: 20px; }
.sec2Left h2{ font-size: 32px; }
.sec2Left h3{ font-size: 24px; }
.sec2Right img{ max-width: 100%; }

.sec3 h4{ font-size: 20px; }
.sec3 h2{ font-size: 32px; }
.sec3 h3{ font-size: 24px; }

.sec4 h2{ font-size: 36px; line-height: 48px; max-width: 50%; }
.sec4-custom-soft h2{ font-size: 36px; line-height: 48px; max-width: 50%; }

.sec5 h4{ font-size: 20px; }
.sec5 h2{ font-size: 32px; }
.ClientPortfolio .slick-next{ width: 40px; height: 40px; top: -66px; }
.ClientPortfolio .slick-prev{ width: 40px; height: 40px; top: -66px; }

.sec6 h4{ font-size: 22px;}
.sec6 h2{ font-size: 32px; line-height: 38px; }
.sec6 .whychoose_heding h2{ font-size: 32px; }

.sec7 h2{ font-size: 32px; }
.sec7 h4{ font-size: 20px;  max-width: 60%; line-height: 28px; }
/* .footerlogo img{ max-width: 230px; } */
}



@media only screen and (max-width: 992px) {
.header{ padding: 10px 0px; }
.navbar-nav li { border-right: none;}
.navbar{ padding: 0px !important; }
.header .nav-item{ border-bottom: 1px #C92127 solid; padding: 10px 0px; }
.header .nav-item:last-child{ border-bottom: none; }
.header .navbar-expand-xl .navbar-nav .nav-link{ font-size: 15px; }

.bannerText{ max-width: 70%; }
.bannerPic{ height: 350px; }
.leftSidePic{ max-width: 100px; top: 360%; }

.policypic img{ margin: 0 auto; }
.sec7{ padding: 30px 0px; }
.sec7 h2{ font-size: 32px; }
.sec7 h4{ font-size: 22px; max-width: 100%; }
.footer{ padding: 25px 0 0px 0px;}
.footerlogo img{ margin: 0 auto 30px auto; max-width: 240px; }
.footer ul{ padding: 0px; margin: 0px; }
.homeaccordion .card-body a{ font-weight: 600; margin: 10px 0 5px 0px; display: block; max-width: 160px; border: 1px #000000 solid; padding: 10px; border-radius: 5px; color: #000000; text-align: center; }
}

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

.sec2Left ul li{ font-size: 15px; }
.sec3 ul li{ font-size: 15px; }
.footer1 ul li{ font-size: 15px; }
.footer ul li a{ font-size: 15px; }


.footerBot{ margin-bottom: 35px; background-image: linear-gradient(to right, #0f4581, #295da3); }
.btn.mob{ position: fixed; z-index: 9999; bottom:0; border-radius: 0 !important; width: 100%; text-align: center; }

.header .logo{ width: 220px !important; margin: 0 auto; display: block; }
.sec1{ background: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.1)), url('../images/bannermob.webp') no-repeat bottom left; padding: 5% 0 105% 0; background-size: cover; }
.headerRight{ text-align: center; }
.headerRight a{ float: none; margin-top: 10px !important; margin-bottom: 20px; }
.bannerText h2{ font-size: 18px; line-height: 24px; }

.newSec { padding: 30px 0 0 0px; }
.newSec .box{ margin-bottom: 30px; }
.newSec h2{ font-size: 24px; }
.newSec h2 span{ font-size: 16px; }

.sec3{ padding: 0px 15px 20px 15px; }
.sec3 h3{ padding-top: 0px; font-size: 16px; padding-bottom: 0px; }

.sec4{ padding: 0px 0 10px 0px; }

.sec5{ padding: 30px 0px; }

.logo img{ max-width: 180px; }
.bannerText{ max-width: 50%; }
.bannerText h1{ font-size: 32px; line-height: 36px;  margin-bottom: 10px;}
.bannerText p{ font-size: 16px !important; line-height: 24px; max-width: 100%; }

.bannerText .btn i{ padding: 5px 8px; }
.bannerText .btn{  font-size: 17px !important; margin-top: 10px; }
.sec2Left ul{ padding: 0px 0 30px 20px !important; margin: 0px !important; }

.navbar-nav li:hover > ul.dropdown-menu { padding-left: 30px; }
.sec6 .testiBox p{ min-height: auto; }

.ClinetPortFolioBox p{ position: absolute; left: 0; right: 0; text-align: center; bottom: 10px; color: #ffffff; font-weight: 700; font-size: 24px !important; }

.ClientPortfolio .slick-prev{ background:url('../images/prev.webp') no-repeat center center !important; background-size:cover !important; font-size: 0; position: absolute; left: 40%; top: 105%; border: none; width: 50px; height: 50px; }
.ClientPortfolio .slick-next{ background:url('../images/next.webp') no-repeat center center !important; background-size:cover !important; font-size: 0; position: absolute; right: 40%; top: 105%; border: none; width: 50px; height: 50px; }
.newSec .box h2{ color: #ffffff; font-size: 18px; line-height: 26px; }

.footer h2{ font-size: 20px; }
.BeutifyBox{ min-height: auto; }

.footer3 { width:150px; margin:0 auto 30px auto; padding:0px; font-weight: bold; text-align: center; display: block; }
.footer3 img{ width:150px; margin:0 auto 15px auto; display: block; }


}

@media only screen and (max-width: 600px) {
  .bannerText{ max-width: 100%; }  

  .bannerText h1{ font-size: 24px; line-height: 30px; max-width: 82%; }
  .sec2Left h4{ font-size: 20px; }
  .sec2Left h2{ font-size: 22px; }


  .sec7 h2{ font-size: 24px; }
  .footer h2{ font-size: 20px; }

  .ClientPortfolio .slick-prev{ background:url('../images/prev.webp') no-repeat center center !important; background-size:cover !important; font-size: 0; position: absolute; left: 33%; top: 105%; border: none; width: 50px; height: 50px; }
.ClientPortfolio .slick-next{ background:url('../images/next.webp') no-repeat center center !important; background-size:cover !important; font-size: 0; position: absolute; right: 33%; top: 105%; border: none; width: 50px; height: 50px; }




}