:root {
    --yellow: #f8c331;
    --white: #fff;
    --blue: #2b3e7e;
    --lightblue: #edf5ff;
    --orange: #f5821f;
    --black: #000000;
    --grey:#666;
    --v3:3px;
    --v5:5px;
    --v10:10px;
    --v12:12px;
    --v14:14px;
    --v13:13px;
    --v15:15px;
    --v16:16px;
    --v17:17px;
    --v18:18px;
    --v19:19px;
    --v20:20px;
    --v22:22px;
    --v24:24px;
    --v25:25px;
    --v26:26px;
    --v28:28px;
    --v30:30px;
    --v32:32px;
    --v34:34px;
    --v35:35px;
    --v36:36px;
    --v38:38px;
    --v40:40px;
    --v45:45px;
    --v50:50px;
    --v60:60px;
    --v70:70px;
    --v80:80px;
    --fw3:300;
    --fw4:400;
    --fw5:500;
    --fw6:600;
    --fw7:700;
}
h1, h2, h3, h4, h5, h6, button {
    font-family: 'Lato', sans-serif !important;
}
body{margin: 0;padding:0px;font-family: 'Lato', sans-serif;font-size:var(--v18);color:var(--black)}
table, tr, td, th, div, span, ul, input{font-family: 'Lato', sans-serif;}
a,button{transition: all 0.5s ease;}
button:focus, input:focus{outline: none;}
h2{font-size:var(--v40);font-weight:var(--fw7);color:var(--black); position: relative;}
.container{max-width:1260px;;}
.wrapper{margin:0px;padding:0px;}
ul{margin: 0;padding:0 0 0 var(--v25)}
header{padding:var(--v15) 0; position: sticky; top: 0;left: 0;right: 0;background:#fff;z-index: 10;}
.cmmi-logo{text-align: right;}
.header-phone{display: flex;justify-content: flex-end;margin-right: 15px;}
.header-phone li:first-child{border: none;}
.header-phone li{ list-style: none;padding:0 10px;border-left:solid 1px #2b3e7e;line-height: 10px;}
.header-phone li a{color:#2b3e7e;font-size:var(--v14)}
.header-phone li a:hover{text-decoration: none;color:var(--black)}
.header-right{display: flex; align-items: center;justify-content: flex-end;}
.btn-callback{margin:0;padding:0;}
.btn-callback a{background:var(--yellow);color:var(--black);padding:10px 20px;border-radius:var(--v20);font-size:var(--v15);font-weight:var(--fw6);}
.btn-callback a:hover{background:var(--blue);text-decoration: none;color:var(--white)}

.main-banner{ background:url(../webp/custom-banner.webp) no-repeat; background-size:cover;padding:var(--v50) 0;color:var(--white);font-size:var(--v20);}
.main-banner .banner-left{width: 63%}
.main-banner .banner-left img{max-width: 450px;width: 100%}
.main-banner .banner-right{width: 33%}  
.row:before, .row:after{display: none}
.banner-heading{text-align: left;max-width:800px;margin:0 auto var(--v20);}
.banner-subheading{font-size:var(--v18)}
.banner-heading span{color:var(--yellow);font-weight:var(--fw7);}
.banner-row{width: 99%;margin: 0 auto;}
.main-banner .heading-h1{font-weight:600;font-size:var(--v40);margin-bottom:30px;line-height: 1.2;}
.main-banner .heading-h1 span{    font-size: 20px; display: block;text-transform: capitalize;font-weight: 600;margin:  0 0 5px}
.main-banner li{margin-bottom:var(--v5);}
.main-banner li h1{    font-size: var(--v28);font-weight: 700;}
.main-banner .title {font-size: 17px;line-height: 20px;text-transform: uppercase;}
.main-banner .form-group.mb-30,.main-banner .form-block.mb-30{margin-bottom: 25px;}
.main-banner .error-message{font-size: 14px;}
.phthon-logo{margin-bottom: 25px; text-align: center;}
.phthon-logo img{max-width: 250px;}
.caption-list ul{margin:var(--v0);padding:var(--v0);display: flex;flex-wrap: wrap;justify-content: space-between}
.caption-list ul li{background:url(../svg/yellow-right.svg) left 9px no-repeat;width:49%;margin-bottom: var(--v20); list-style: none;background-size:var(--v18);padding-left:var(--v30);font-size:var(--v28);font-weight: 700;}
.caption-list ul li p{font-size: 15px;margin: 4px 0 0;}
.caption-list ul li h2{color: #fff;    font-size: 18px ;font-weight: 500 !important; }
.hire-rate{color:var(--yellow);font-size:var(--v13);margin-bottom:var(--v20); text-align: right; line-height: normal;margin-top:var(--v10)}
.hire-rate span{font-weight:var(--fw7);font-size:var(--v25)}
.booking-form{background:rgba(255,255,255,1);border-radius:var(--v10);padding:var(--v20);}
.booking-form h2, .form-heading .form-heads{font-size:var(--v20);font-weight:var(--fw7);margin:var(--v0);padding:var(--v0);color:var(--black)}
.booking-form h3{font-size:var(--v20);font-weight:var(--fw7);margin:var(--v0);padding:var(--v0);color:var(--white)}
.booking-form small{font-size:var(--v12);}
.booking-form form{margin:var(--v0) 0;}
.section-heading{max-width:900px;margin: auto;}
.booking-form label{font-size:var(--v14);margin-bottom:var(--v0);}
.booking-form ul{margin:var(--v0);padding:var(--v0)}
.booking-form ul li{list-style: none;}
.booking-form .styled-checkbox + label:before{width: 16px;min-width: 16px;height: 16px; background: none;border: solid 1px var(--white);border-radius:var(--v3);}
.booking-form .styled-checkbox:checked + label:after {left: 2px;top: 3px;width: 13px;height: 13px;bottom:inherit;}
.booking-form .styled-checkbox:checked + label:before{background:var(--white)}
.booking-form .confidential-text-wrap{margin-top: 18px;}
.booking-form .confidential-text-wrap ul{display: flex;column-gap: 15px;}
.booking-form .confidential-text-wrap ul li{font-size: 14px;display: flex; justify-content: inherit;color: #000;align-items: center;}
.confidential-text-wrap ul li img{width: 15px;height: 15px;margin-right: 6px;}
.form-heading{font-size:var(--v15);}
.form-heading h2,.form-heading .form-heads{text-transform: uppercase;margin-bottom: 25px; text-align: center;font-family: 'Lato' !important;}

.htlcr_secdcta_sc{margin: 0 0 70px}
.htlcr_secdcta_mn{    background:#000 url(../webp/strip2.webp) right no-repeat;border-radius:5px;overflow:hidden;height:250px;display:flex;align-items:center;justify-content:space-between}
.htlcr_frstcta_lft.htlcr_secdcta_lft {padding: 50px;width: 58%}
.htlcr_frstcta_lft .hltcre_sbhd h2 {font-size: 30px;color: #fff;margin-bottom: 30px;}
.htlcr_secdcta_sc .btn.btn-yellow {font-size: 18px;padding: 9px 30px;}

.Leading-Brands-slider .owl-carousel .owl-nav button.owl-next,.Leading-Brands-slider .owl-carousel .owl-nav button.owl-prev{display: none}
.Leading-Brands-slider .img-box {display: flex !important;align-items: center;: 20px auto 0px;justify-content: center;flex-wrap: wrap;min-height: 55px;}
.Leading-Brands-slider .img-box  img{-webkit-filter: grayscale(100%);filter: grayscale(100%);width: auto;}
.Leading-Brands-slider .img-box:hover img{-webkit-filter: grayscale(0%);filter: grayscale(0%);}
.Leading-Brands-slider{padding: 40px 0}
.Leading-Brands-slider h2{margin: 0 0 30px}
.booking-form button{font-size:var(--v20);font-weight:var(--fw7);text-transform: uppercase;width:100%;max-width: 280px;margin:auto;display: block;}
.btn{padding:var(--v15) var(--v45);border-radius:var(--v5);font-weight:var(--fw7);font-size:var(--v22);transition: all 0.5s ease;}
.btn:hover{background:var(--grey);color:var(--white)}
.btn-yellow{background:var(--yellow);color:var(--black)}
.btn-blue{background:#5882fd;color:var(--white)}
.btn-black{background:var(--black);color:var(--white)}

.form-control{border: none;padding:var(--v10);height: auto;font-size:var(--v14);color:var(--black); box-shadow: none !important; outline: none; border-bottom: 1px solid #333 !important; border-radius: 0;}
textarea.form-control{max-height:90px;}
.privacy-link{font-size:var(--v12);margin-bottom:var(--v20);}
.privacy-link a{color:var(--yellow)}

.client-served{padding:var(--v35) 0 0; background: #f1f1f1;}
.served-box{border-radius:var(--v20);padding:var(--v30) 0;color:var(--black);font-size:var(--v20);}
.served-box h2{font-weight:var(--fw7);}
.heading-border h2{padding-bottom:var(--v15);margin-bottom:var(--v20);}
.heading-border h2:after{content:'';width:210px;height:var(--v5);background:var(--yellow);position: absolute;bottom: 0;display: block;}

.logo-box{border: solid 1px #f2f2f2;border-radius:var(--v10);height:110px;margin:0 1% 2%; display: flex; align-items: center;justify-content: center;padding:var(--v15);width:23%}
.logo-box img{max-height: 70px;width: auto !important;}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{ position: absolute;border-radius:var(--v50); top: 0;bottom: 0;margin: auto;width:var(--v40);height:var(--v40);background-size:20px 20px ;
    background-repeat: no-repeat; background-position:center;background-color:var(--yellow);}
.owl-nav span{font-size:var(--v0); display: none;}
.owl-carousel .owl-nav button.owl-prev{left: 0;background-image:url(../svg/arrow-prev.svg) ;}
.owl-carousel .owl-nav button.owl-next{background-image:url(../svg/arrow-next.svg);right: 0;}
.logo-slider.owl-carousel .owl-nav button.owl-next{right:0px;;}
.logo-slider{padding:0 0px;position: relative; margin-left:0px;padding-right:var(--v0);display: flex;flex-wrap: wrap}
.framework-columns{padding:var(--v50) 0}
.heading-border.text-center h2:after{margin: auto;left: 0;right: 0;}


.why-choose{background:#f1f1f1 url(../png/dotted-shape.png) left top no-repeat;padding:var(--v50) 0}
.why-choose ul{margin:var(--v0);padding:50px 0 20px;display: flex; justify-content: center;}
.why-choose ul li{ list-style: none;width:16.66%}
.why-choose ul li h4{font-size:var(--v16);font-weight:var(--fw6);max-width: 130px;margin: auto;text-align: center;}
.why-choose ul li h4 span{color:var(--blue);}
.why-choose .choose-icon{width: 100px;height: 100px;border: solid 1px var(--black);border-radius:50%;display: flex; align-items: center; justify-content: center;margin:0 auto 10px;}

.reviews{padding:var(--v50) 0 var(--v70);background:url(../webp/world-map.webp) center 50px no-repeat}
.review-slider{margin:var(--v50) 0 0}
.review-slider .item{ height: 100%;}
.review-slider .owl-stage{display: flex;}
.review-box{background:rgba(195,209,255,0.5 ) url(../png/blockquote.png) 20px 20px no-repeat;border-radius:var(--v10); height: 100%;padding:var(--v70) var(--v25) var(--v25);font-size:var(--v15)}
.review-box h4{font-size:var(--v16);color:var(--blue);font-weight:var(--fw6);}
.review-box h5{font-size:var(--v14)}

.webdev-python{padding:var(--v20) 0 var(--v0);margin:var(--v0)}
.webdev-python-header{background:url(../jpg/python-bg.jpg) center top no-repeat;background-size: cover;padding:var(--v70) 0 var(--v30);color:var(--white);text-align: center;margin-bottom:0px; position: relative;}
.webdev-python h2{color:var(--yellow);font-weight:var(--fw7);}
.framework-list{margin:var(--v0);padding:var(--v0);margin-top:118px}
.framework-list li{list-style: none;text-align: left;background:var(--yellow) url(../svg/right.svg) 10px center no-repeat;color:var(--black);margin-bottom:var(--v10);padding:10px 10px 10px 45px;
    font-weight:var(--fw6);background-size:20px}

.our-exp{background:#f1f1f1;padding:var(--v70);color:#000;}
.our-exp h2{color:#000;padding-bottom:var(--v10);}
.exp-feature{padding:var(--v50) 0}
.exp-feature ul{margin:0px;padding:0px;}
.exp-feature ul li{ list-style: none;padding:var(--v15) 0;display: flex; align-items: center;}
.exp-feature ul li img{margin-right:var(--v15);max-width:40px;}
.spiner-logo{position: absolute; left: 0;right: 0;top: 0;bottom: 0;margin: auto;}
.circle-spin{position: relative;}

.work-portfolio{padding:var(--v50) 0}
.work-portfolio .section-heading{padding-bottom:var(--v30);}
.work-portfolio .logo-box {height: auto;width:auto;padding:var(--v10)}
.work-portfolio .logo-box img{max-height:inherit; width: 100% !important;}
.portfolio-slider .owl-nav button.owl-next{right:-15px}
.portfolio-slider .owl-nav button.owl-prev{left:-15px}


.hire-steps {
  background: url(../png/dotted-shape.png) right top no-repeat;
  padding: var(--v70) 0;
}
.hire-steps .step-row {
    margin: 50px 0 0;
    position: relative;
}
.hire-steps .step-row:before{
    border-top: 2px dashed #d8d8d8;
    width: 76%;
    position: absolute;
    left: 12%;
    top: 22%;
}
.hire-steps .step-row .step-number{
  background: var(--yellow);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0 auto 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 700;
    box-shadow: 0 1px 6px rgb(251 230 172);
    filter: drop-shadow(0rem 0rem 5px rgb(255 187 0));
    color: #222;

}
.step {
  font-size: 100px;
  color: var(--black);
  opacity: 0.3;
  font-weight: var(--fw7);
  padding-right: var(--v15);
}
.steps {
  display: flex;
  align-items: center;
  max-width: 400px;
  justify-content: flex-start;
  margin: auto;
}
.steps-view {
  display: flex;
  padding: 0px;
  max-width: 1000px;
  margin: auto;
}
.steps-view li {
  list-style: none;
  width: 25%;
  padding: 0 var(--v10);
  position: relative;
}
.step-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--v20);
  height: 100%;
  position: relative;
}
.step-box .step-circle img {
  position: relative;
  max-width: 100%;
  margin-right: 0;
}
.step-box img {
  position: absolute;
  max-width: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: var(--v25);
}
.hire-steps .btn {
  margin-top: var(--v50);
}
.steps-view li:last-child img {
  margin-right: 0;
}
p {
    font-family: "Lato", sans-serif !important;
    font-size: var(--v18);
    font-weight: 400;
}

.awards{background:#f1f1f1;padding:var(--v50) 0}
.award-list{margin:0;padding:0; display: flex;}
.award-list li{ list-style: none;margin:0 10px;}

footer.foot-bg {
    background: #222c35 none repeat scroll 0 0;
    padding:40px 0;
    color:#fff;
}
footer .footinfo {
    background: #1b232a;
    padding: 20px;
    margin:0px 0 0;
}
footer .footinfo .ftr-hd {
    color: #ababab;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.1;
    margin: 20px 0 10px;
    padding: 0;
    text-transform: uppercase;
}
footer .footinfo a {
    color: #8d8d8d;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    margin: 0 4px 0 0;
}
footer .footinfo a::after {
    display: inline-block;
    content: "|";
    color: #8d8d8d;
    margin: 0 0 0 7px;
}
.cmmi-info-top, .cmmi-info-bottom {
    background: rgba(0,0,0,0) url(../png/info-icon-new.png) no-repeat scroll center center;
    display: block!important;
    font-size: 0!important;
    height: 16px;
    margin: 0!important;
    padding: 0!important;
    position: absolute;
    right: -8px;
    top: -8px;
    width: 16px;
}
.cmmi-ftr-logo {
    display: inline-block;
    margin: 0 0 0 20px;
    vertical-align: middle;
    width: 190px;
    position: relative;
}
.logo img, img {
    max-width: 100%;
}

.iso-logos{margin-bottom:var(--v20);text-align: right;}
.iso-logos img{margin-left: 10px;}

footer a:hover{text-decoration: none;}

footer .footbar .footbarleft.footlink a {
    color: #606060;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 28px 0 0;
}

.social a {
    color: #5a5a5a;
    display: inline-block;
    font-size: 23px;
    margin: 0 15px 0 0;
}
.social.text-right {
    margin-top: 7px;
}
footer .footbar .footbarleft.footlink p a {
    color: #666;
    margin: 0;
    text-transform: none;
    font-weight: 300;
}
footer .footbar .footbarleft.footlink p {
    font-size: 14px;
    color: #666;
    font-weight: 300;
    margin: 5px 0 0;
}
footer .footbar {
    background: #14191e;
    padding: 15px 0;
}
.address.full{margin-bottom:20px;}
.ds-logo-block {
    padding: 20px 0 0;
}
footer .email-address{margin-top:20px;}


.copyright{background:#fff;padding:20px 30px;color:#222c35;font-size: 15px;}


.styled-checkbox {
    position: absolute;
    opacity: 0;
  }
  .styled-checkbox + label {
    position: relative;
    cursor: pointer;
    padding: 0;
  }
  .styled-checkbox + label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width:30px;
    min-width:30px;
    height:30px;
    background: white;
  }
  .styled-checkbox:hover + label:before {
    background:white;
  }

  .styled-checkbox:checked + label:before {
    background: #fff;
  }
  .styled-checkbox:disabled + label {
    color: #b8b8b8;
    cursor: auto;
  }
  .styled-checkbox:disabled + label:before {
    box-shadow: none;
    background: #ddd;
  }
  .styled-checkbox:checked + label:after {
    content: "";
    position: absolute;
    left: 5px;
    top:0;
    background:url(../svg/right.svg) center top no-repeat;
    width: 20px;
    height:20px;
    display: block;
    bottom: 0;
    margin: auto;
  }

  .w3-spin{animation:w3-spin 20s infinite linear}
  @keyframes
  w3-spin{
      0%
    {transform:rotate(0deg)
    }
    100%{transform:rotate(359deg)}
}

.modal-body .booking-form{padding:40px 10px;color:#000;text-align: left;font-size:14px;}
.modal-body .booking-form input{border: solid 1px #666;}
.modal-body .booking-form textarea{border: solid 1px #666;}
.modal-body .booking-form h2{color:#000;font-size:var(--v18)}
.modal-body .booking-form .styled-checkbox + label:before{border: solid 1px #000;}
.modal-body .booking-form .styled-checkbox + label:after{display: block;}
.modal-body .hire-rate{margin:0px;}
.modal-body .hire-rate span{font-size:var(--v22)}

.modal-content .close-btn{position: absolute;right:15px;top:15px;z-index: 10;}
.modal-body .hire-rate{color:#2b3e7e;line-height: 25px;}
.responseMsg { font-size: 15px;}
.is-invalid { font-size: 12px; color: red; font-weight: bold;}

.office-address{padding:25px 0;font-size:var(--v15);}
.office-address h3{font-size: 20px;}
.office-address strong, .office-address a, .office-address span {color:var(--yellow)}
.office-address p{margin:0 0 8px}
.office-address p span.phone-no.phone-guru {display: block;}
.email-address h3{font-size:20px;}
.email-address a{color:var(--yellow)}

.counter-box{ display: block; padding: 0; text-align: left}
.counter, .counter-num{ display: block; font-size: 30px; font-weight: 700; color: var(--yellow); line-height: 28px;}
.counter-box p{ margin: 7px 0 0; padding: 0; color: var(--white); font-size: 14px; font-weight: 500;}

.services_wrap{background:url(../png/dotted-shape.png) right top no-repeat;padding:var(--v70) 0;}
.services_bx{ background: #fff; padding: 30px; border-radius: 12px; box-shadow: 0px 0px 12px 0px rgba(0,0,0,0.10); transition: all 0.4s ease 0s; text-align: center; margin: 15px 0;}
.services_bx:hover{ box-shadow: 0px 0px 25px 0px rgba(0,0,0,0.20);}
.services_bx figure{ border: 1px solid #2c3f52; border-radius: 50%; padding: 15px; width: 100px; display: block; height: 100px; margin: 0 auto;}
.services_bx figure img{ width: 60px;}
.services_bx h4,.services_bx h3{ font-size: 19px; margin-top: 15px; font-weight: 700; color: #2b3e7e;}
.services_bx p{ color: #3A3A3A; font-size: 16px; line-height: 27px; font-weight: 500;}

.mobile_enquire_btn{ display: none;}
.need-talk{ color: var(--white); position: relative; background:var(--blue) url(../webp/img-right-top-python.webp) right top no-repeat; padding:100px 0; background-blend-mode: color-burn; margin-top: 35px;}
.need-talk::before{ content: ""; background: url("../png/section-curv-fliped-colored02.png") center center no-repeat; position: absolute; left: 0px; right: 0px;    top: -100px; height: 286px; display: block;}

.need-talk h2{ color: #fff; margin-bottom: 35px;}
.gray-spacer{  background: #f7f9ff; padding: 200px 0 0 0; margin-top: -100px;}
.doknow .btn.btn-yellow{ font-size: var(--v18);}

/*===================*/

body.casestudy-pg {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.scrollContainer {
  width: 600%;
  display: flex;
  flex-wrap: nowrap;
  background: #12111F;
}
  
.section-casestudy {
  height: 100vh;
  font-size: 16px;
  padding: 5px;
  color: #888;
  font-weight: 500;
  max-width: 650px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
 
.proxy {
  position: absolute;
  visibility: hidden;
}

.casestudy-title{
  margin: 10px auto;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 22px;
  color: #fff
}

.casestudy-title a{
  color:#fff;
}

.casestudy-pg header{
  position: fixed;
  z-index: 11;
}

.casestudy-content-block{
  padding:15px;
}

.casestudy-des label{
  margin:0;
  color:#fff;
}


/*======end=============*/
#loading_image {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}
#loading_image img {
    position: relative;
    z-index: 11;
    max-width: 60px;
}
#loading_image:before {
    content: '';
    background: rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
}

.our-projcts {
    padding: 70px 0 0;
}
.our-projcts .text_center{
  text-align: center;
}
.our-projcts .project-list {
    background-image:linear-gradient(to right, #0d6efd 50% , #ffff 50%);
    margin: 50px 0 0;
}
.our-projcts .slick-track {
transition: fade 2000ms ease-out;  
infinite: true;  
}
.our-projcts .project-list1 {
    background-image: linear-gradient(to right, #8d0b0b 50% , #ffff 50%);
    }
.our-projcts .left-detail {
    width: 49%;
    color: #fff;
    padding: 50px 0;
}
.our-projcts .right-detail{
  width: 49%;
  padding: 50px 0 0 ; 
}
.our-projcts .right-detail img{
  margin: 0 0  0 auto;
  width: 70%;
}
.our-projcts h3 {
    font-size: 36px;
    line-height: 40px;
    margin: 25px 0 10px;
}
.our-projcts p {
    font-size: 16px;
    line-height: 21px;
}
.our-projcts .download-flex {
    margin: 20px 0 0;
    column-gap: 12px;
}
.our-projcts .list {
    width: 50%;
    font-size: 14px;
}
.our-projcts .list p {
    font-size: 17px;
    font-weight: 700;
    margin: 5px 0 0;
}
.our-projcts .project-divide{
  align-items: center;
  justify-content: space-between;
}
.our-projcts .store_icon {
    column-gap: 10px;
    margin: 30px 0 0;
}
.our-projcts .btn-casestudy {
    background: #fff;
    color: #000;
    padding: 10px 10px;
    border-radius: 5px;
    font-weight: 600;
}
.our-projcts .owl-carousel .owl-nav button.owl-next,.our-projcts .owl-carousel .owl-nav button.owl-prev{
  background-color: #fff;
   border: 1px solid #ccc;
   left: 35px;
}
.our-projcts .owl-carousel .owl-nav button.owl-next{
  left: inherit;
  right: 35px;
}
.our-projcts button.slick-arrow {
    background: #ffffff;
    left: 35px;
    padding: 12px;
    border: 1px solid #ccc;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    color: #000;
    z-index: 1;
}
.our-projcts button.slick-next.slick-arrow{
  left: inherit;
  right: 35px;
}
.our-projcts .slick-prev:before,.our-projcts  .slick-next:before{
  color: #000;
}
footer.footer.footer-wrap{display: none;}

/*hire-top-tire*/
.hire-top-tire{padding: var(--v70) 0;}
.hire-top-tire ul.hire-lists{padding:30px 0 0;display:flex;flex-wrap:wrap;column-gap:15px;row-gap:15px;justify-content:space-between}
.hire-top-tire li{list-style:none;width:23%;border:2px solid #f8c331;box-shadow:0 3px 6px rgba(0,0,0,16%)}
.hire-top-tire .list-name img{width:22px;height:100%}
.hire-top-tire .hire-lists-heading{margin:0;background:#2c3e7e;color:#fff;padding:10px;text-align:center;height:70px;display:flex;justify-content:center;align-items:center}
.hire-top-tire p.list-name{margin:15px 25px 10px;display:flex;align-items:center;column-gap:10px}
.hire-top-tire .btn{margin-top:var(--v50)}

/*hire-box-wrap start*/
.hire-box-wrap{padding: var(--v70) 0;background: #f1f1f1 }
.hire-box-wrap .section-heading{margin-bottom: 65px}
.hire-box-inner{box-shadow:0 3px 6px rgb(0 0 0/8%),0 3px 6px rgb(0 0 0/5%);text-align:center;position:relative;background-color:#fff;padding-top:65px}
.hire-box-inner .duration{border-bottom:1px solid #efeeee;margin:25px;padding-bottom:20px}
.hire-box-inner .button-wrap{position:absolute;bottom:-25px;left:0;right:0}
.hire-box-inner .title{background-color: #cbd4f3;padding:10px;font-size:24px;font-weight:600;color: #2c3e7e;}
.hire-box-inner .duration span{font-size:18px;color:#000;display:block}
.hire-box-inner .duration strong{font-size:21px;font-weight:600;color:#000}
.hire-dedicated-resources-wrap .step-box-wrap span{max-width:45px;margin-right:10px;width:10%}
.hire-box-inner .icon{max-width:150px;margin:auto;position:absolute;top:-75px;left:0;right:0}
.hire-box-wrap .btn {background-color: #000;font-weight: 700;border-radius: 30px;padding: 10px 35px;}
.hire-box-wrap .last-duration{padding-bottom: 50px}
.hire-box-wrap .btn a{color: #fff}

/*black friday*/
.offerpopup .bts-popup-container img{padding: 0}
.offerpopup .talkpopup-inner{padding: 0}
.offerpopup .talkpopup-close .clostalk-popup{color: #fff} 
/*black friday remove below after blackfriday*/

.offerpopup .bts-popup-container img{padding: 0}
/*bts-popup start*/
.new-popup {width: 90%;max-width: 1000px;border: none;padding: 0;position: fixed;top: 39%;bottom: 0;z-index: 99999;left: 50%;transform: translate(-50%, -50%);right: initial;display: none;}
.new-popup.open-popup{display: block;}
.new-popup-flex {display: flex;}
.new-popup-flex .left {background: #fff;width: 50%;padding:30px 40px}
.new-popup-flex .mobile-head {font-size: 27px;line-height: 30px;font-weight: 600;margin: 0 0 10px; }
.new-popup-flex .mobile-head span{color: var(--yellow)}
.new-popup-flex .mobile-subhead { font-size: 16px;color: #5C5C5E;margin: 0 0 15px;line-height: 20px;}
.new-popup-flex .information-form fieldset, .new-popup-flex .mb-30 {margin: 0 0 15px;}
.new-popup-flex .information-form .form-control {border: 1px solid #DCDCDC;background: #FCFCFC;padding: 11px 15px;color: #000 !important;box-shadow: none;border-radius: 3px;height: 40px; font-size: 14px;}
.new-popup-flex .information-form textarea.form-control {height: 75px; resize: none;font-weight: normal;overflow: hidden;display: inline-block;}
.new-popup-flex .information-form .form-control:focus{box-shadow: none;background-color: #fcfcfc;border: 1px solid var(--yellow);}
.new-popup-flex button.call-action {background: var(--yellow);border: none;border-radius: 3px;padding: 14px 30px;font-size: 18px;color: #fff;font-weight: 600 !important;line-height: 21px;transition: all 0.2s ease-in-out;text-transform: capitalize;width: 100%;}
.new-popup-flex button.call-action:hover{background:var(--yellow);color:#fff }
.new-popup-flex .right{width: 50%;background: #fff;display: flex;align-items: end;}

.bg-opacity:before {content: "";background: rgb(0 0 0 / 66%);width: 100%;height: 100%;position: fixed;display: inline-block;z-index: 9999;}
.new-popup .exit, .bts-popup .exit {position: absolute;top: 5px;right: 5px;font-size: 0;border: none;width: 30px;background: none;height: 30px;padding:0; }
.new-popup .exit:after, .bts-popup .exit:after {content: "";-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);right: 6px;top: 13px;background: #000 !important;z-index: 99999; width: 25px;height: 3px;position: absolute;}
.new-popup .exit:before, .bts-popup .exit:before {content: "";transform: rotate(45deg);left: 0px;top: 13px;background: #000 !important;position: absolute;z-index: 9999; width: 25px;height: 3px;}

/*exit-popup*/
.bts-popup{ position: fixed;left: 0;top: 0;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);opacity: 0;visibility: hidden;-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;transition: opacity 0.3s 0s, visibility 0s 0.3s;z-index: 9999999;}
.bts-popup.is-visible{opacity: 1;visibility: visible;}
.bts-popup-container {position: relative;width: 90%;max-width: 1000px;margin: auto;background-color: #296cda;border-radius: none;box-shadow: 0 0 2px rgb(0 0 0 / 20%);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;transition-duration: 0.3s;top: 50%;transform: translate(0, -50%) !important;}




.offerpopup-blackfriday .bts-popup-container{max-width: 1000px}
.offerpopup-blackfriday .new-popup-flex .mobile-head{color: #000;text-align: left;padding: 0}
.offerpopup-blackfriday .bts-popup-container p{text-align: left;max-width: max-content;padding: 0}
.offerpopup-blackfriday .bts-popup-container img {padding: 0;width: 100%;height: 100%;object-fit: cover;}
.offerpopup-blackfriday.bts-popup .form-fields .form-control{padding: 15px}
.offerpopup-blackfriday .bts-popup-container .form-fields{padding: 0}
@media (max-width:767px){
 .offerpopup-blackfriday  .new-popup-flex .right{display: none;}
  .offerpopup-blackfriday .new-popup-flex .left{width: 100%;padding: 30px 20px}
  .offerpopup-blackfriday .new-popup-flex .mobile-head {font-size: 22px;line-height: 27px;}

}