@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Barlow:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

h1, h2, h3, h4, h5, h6, p, a, li, span, button {
  font-family: 'Montserrat', sans-serif;
}

a:focus, a:hover {
  color: #23527c;
  text-decoration: none;
}

overflow-x: hidden;
}

a:hover, a:focus, button:hover, button:focus, .form-btn-st:focus {
text-decoration: none !important;
outline: none !important;
}

section {
float: left;
width: 100%;
}



/*section.header-section*/

section.header-section {position: absolute;padding: 20px 0;}

.logo-box img {width: 160px;filter: invert(1);}

section.header-section .row {display: flex;align-items: center;text-align: end;}

/*section.header-section*/




/*section.banner-section*/

section.banner-section {
padding: 150px 0 50px;
background-image: url(../images/banner-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;

}
.socil-banner-box ul {padding: 0;list-style: none;position: absolute;transform: rotate(-90deg);display: flex;align-items: center;column-gap: 120px;top: 300px;left: -170px;}

.socil-banner-box {position: relative;}

.socil-banner-box ul li a {font-size: 18px;font-weight: 500;color: #fff;margin: 0;}
a.phone-btn {font-size: 26px;font-weight: 600;color: #fff;}

a.get-btn.popup-btn {padding: 13px 15px;border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  background-color: rgba(0, 0, 0, 0);font-size: 20px;font-weight: 600;color: #fff;}

a.chat-btn.chats {padding: 14px 35px;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    font-size: 20px;
    font-weight: 600;
    color: #fff;}
    .header-btn {display: flex;align-items: center;justify-content: end;column-gap: 15px;}
    .text-ht h1 {font-size: 77px;font-weight: 1000;color: #fff;margin: 0 0 15px 0;line-height: initial;}

.text-ht p {font-size: 16px;font-weight: 500;color: #ffffff;margin: 0 0 40px 0;}

section.banner-section .header-btn {justify-content: start;}
section.banner-section .row {}

.baner-img-box img {/* margin: 0 0 -7px 0; */}

/*section.banner-section*/


/*section.service-section*/

section.service-section {
  padding: 50px 0px;
  background-image: url(../images/service-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}
.service-box h2 {font-size: 59px;font-weight: bold;color: #fa9c39;margin: 0 0 25px 0;}

.service-box h3 {font-size: 30px;font-weight: bold;color: #fff;margin: 0 0 25px 0;line-height: 40px;}

.service-box P {font-size: 14px;font-weight: 400;color: #fff;margin: 0 0 0 0;line-height: 28px;}


/*section.service-section*/




/*section.exprience-section*/
  
  section.exprience-section {padding: 50px 0px;}

  .exprience-ht-box {position: relative;}

.exprience-ht-box h1 {
    font-size: 95px;
    font-weight: 900;
    position: absolute;
    top: 270px;
    left: 620px;
    transform: rotate(-90deg);
    margin: auto;
    display: table;
    z-index: 1;
    background: linear-gradient(to right, #f55047 0, #f68820 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

section.exprience-section .row {display: flex;align-items: center;}

.text-ht h2 {font-size: 40px;font-weight: 1000;color: #000000;line-height: 55px;margin: 0 0 25px 0;}

.text-ht h4 {font-size: 21px;font-weight: bold;color: #ff5e39;margin: 0 0 24px 0;}

section.exprience-section .text-ht p {color: #000;}

.exprience-section a.get-btn.popup-btn {border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  background-image: -moz-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
  background-image: -webkit-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
  background-image: -ms-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);border: solid 2px;border-color: #f74662;}

.exprience-section a.chat-btn.chats {border-width: 2px;
  border-color: rgb(247 70 98);
  border-style: solid;color: #f98f3f;padding: 13px 35px;}
section.exprience-section .header-btn {justify-content: start;}


/*section.exprience-section*/

/*section.platform-section*/

section.platform-section {
  padding: 50px 0px 0;
  background-image: url(../images/platform-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

section.platform-section .row {display: flex;align-items: center;}

section.platform-section .text-ht p {color: #000;}

section.platform-section .header-btn {justify-content: start;}

section.platform-section a.get-btn.popup-btn {border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  background-image: -moz-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
  background-image: -webkit-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
  background-image: -ms-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);border: solid 2px;border-color: #f74662;}

section.platform-section a.chat-btn.chats {border-width: 2px;
  border-color: rgb(247 70 98);
  border-style: solid;color: #f98f3f;padding: 13px 35px;}



/*section.platform-section*/


/*section.counter-section*/
section.counter-section {
  padding: 50px 0px;
  background-image: url(../images/counter-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

section.counter-section .row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.counter-box h2 span {font-size: 59px;font-weight: 1000;color: #fa9c39;}

.counter-box h2 {font-size: 59px;color: #ffff;margin: 0 0 15px 0;}

.counter-box h4 {font-size: 30px;font-weight: 900;color: #fff;MARGIN: 0 0 0 0;line-height: 40px;}


/*section.counter-section*/


/*section.choose-section*/
section.choose-section .text-ht {text-align: center;}

section.choose-section {padding: 50px 0px;}

.choose-box {padding: 30px 30px 50px;background-color: rgb(248, 240, 237);}

.choose-box h2 {font-size: 141px;font-weight: 1000;color: #ffffff;text-align: end;margin: -59px -38px 0 0;}

.choose-box p {font-size: 16px;font-weight: 400;color: #000;margin: 0 0 45px 0;}

.choose-box h4 {font-size: 24px;font-weight: 900;color: #000000;margin: -70px 0 25px 0;}
a.choose-btn.popup-btn {padding: 14px 30px;border-width: 3px;
  border-color: rgb(254, 95, 32);
  border-style: solid;
  background-color: rgb(255, 255, 255);font-size: 16px;font-weight: 600;color: #fe5f20;}

section.choose-section .text-ht h4 {margin: 0 0 40px 0;}

.choose-box:hover {background-image: -webkit-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
    background-image: -ms-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);}

.choose-box:hover h4 {color: #fff;}

.choose-box:hover p {color: #fff;}
.choose-box:hover h2 {
    color: #00000052;
}

/*section.choose-section*/


/*section.testimonil-section */

section.testimonil-section {
  padding: 50px 0;
  background-image: url(../images/testi-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
overflow: hidden;}
.testi-text h4 {font-size: 21px;font-weight: 600;color: #ff5e39;padding: 0;margin: 0 0 35px 0;}

.testi-text h4 {position: relative;}

.testi-text h4:before {
  position: absolute;
  content: '';
  width: 160px;
  height: 67px;
  background-image: url(../images/circle2.png);
  background-repeat: no-repeat;
  background-size: cover;
  left: -20px;
  top: -24px;
right: 0;/* margin: auto; */}


.testi-text h2 {font-size: 40px;font-weight: 900;color: #000000;margin: 15px 0 20px 0;}

.testi-text p {font-size: 20px;font-weight: 400;color: #333333;margin: 0 0 0 0;}

.testi-row-box {display: flex;align-items: center;margin-bottom: 20px;}

.test-main-img-box img {width: 70%;}
.testi-box {
    display: flex !important;
    align-items: center;
}
.test-text p {font-size: 26px;font-weight: 400;color: #333333;margin: 20px 0 40px 0;}

.test-text h4 {font-size: 26px;font-weight: 600;color: #000000;margin: 0;}

.test-text h5 {font-size: 20px;font-weight: 400;color: #000000;margin: 0;}
.test-sli-img-box img {width: 85%;}

section.testimonil-section .slick-dots li.slick-active button {
width: 15px;
height: 14px;

background-color: #f63868;
border: solid 1px;}

section.testimonil-section .slick-dots li button {
background-color: #fa9c39;
border-radius: 50px;
width: 13px;
height: 13px;
position: absolute;
}
section.testimonil-section ul.slick-dots {
    left: 350px;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(90deg);
}
.testi-slider.slick-initialized.slick-slider.slick-dotted {margin: 0;}

/*section.testimonil-section */


/*logos-section*/

.logo-img-box {padding: 50px 0;text-align: center;display: flex;align-items: center;justify-content: center;}

.logo-img-box:hover {background: #fe5f20;}

.logo-img-box:hover img {filter: invert(1);}
.logos-section .col-sm-2 {
    padding: 0;
}

/*logos-section*/


/*section.form-section */

section.form-section {padding: 50px 0px;background-color: #f2f2eb;}

section.form-section a.get-btn.popup-btn {border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  background-image: -moz-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
  background-image: -webkit-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
  background-image: -ms-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);font-size: 14px;border: solid 2px;border-color: rgb(247 70 98);}

section.form-section a.chat-btn.chats {border-width: 2px;
  border-color: rgb(247 70 98);
  border-style: solid;color: #f98f3f;padding: 13px 35px;font-size: 14px;}
  section.form-section .header-btn {justify-content: start;}

  .contact-box h2 {font-size: 40px;font-weight: 900;color: #000000;margin: 0 0 30px 0;}

.contact-box ul {padding: 0;list-style: none;}

.contact-box ul li a {font-size: 16px;color: #666666;}

.contact-box ul li {margin: 0 0 40px 0;display: flex;align-items: center;}

.contact-box ul li i {margin: 0 10px 0 0;font-size: 20px;color: #fe5f20;}

.contact-box ul li a p {font-size: 16px;font-weight: 400;}
.contact-box ul li p {font-size: 16px;margin: 0 0 0 7px;}



/*.footer-form*/
.footer-form input {
color: #000;
padding: 16px 15px;
height: auto;
width: 98%;
border: none;
margin: 0px 0 10px 0;
display: flex;
align-items: center;
outline: 0;

  border-radius: 5px;
  background-color: transparent;border-bottom: solid 1px #e5e7e8;border-radius: 0;}

.footer-form textarea {
color: #000;max-width: 100%;
width: 99%;
border: 0 none;


padding: 20px 15px 15px 15px;
height: 117px;

resize: none;
outline: 0;


  /* margin: 15px 0 0 0; */border-radius: 5px;
  background-color: transparent;border-bottom: solid 1px #e5e7e8;border-radius: 0;}

.footer-form .p0 {
padding: 0;
}

.col-sm-12.p0.dicous-box {
width: 102%;
}

.footer-submit-btn button {
font-size: 18px;
padding: 15px 40px;
border: 0;
color: #fff;
font-weight: 600;
margin: 15px 0 0 0;
width: 30%;
outline: 0;
  border-width: 2px;
  border-color: rgb(255, 255, 255);
  border-style: solid;
  background-image: -moz-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
  background-image: -webkit-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
  background-image: -ms-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);}

.form-flex-box .p0.border-right {
padding-right: 7px;
}

.footer-submit-btn button:hover {
    border: solid 2px;
    color: red;
    background: transparent;
}

.form-flex-box .p0.border-left {
padding-left: 8px;
}

.footer-form input::placeholder {
font-size: 14px;
font-weight: 500;
color: #000;
}

.footer-form textarea::placeholder {
color: #000;
font-size: 14px;
font-weight: 500;
}

.col-sm-6.p0.massge-box {width: 101%;}

.form-flex-box {display: flex;}




.form-pading-box {/* padding: 0 0 0 50px; */background-color: rgb(255, 255, 255);
  box-shadow: -0.977px 2.837px 32px 0px rgba(0, 0, 0, 0.05);padding: 50px 40px;margin: 0 0 0 50px;}

.form-section .row {;;display: flex;align-items: center;}

/*section.form-section */



.header-section a.get-btn.popup-btn:hover {color: #f86c4f;background: #fff;}

.header-section a.chat-btn.chats:hover {background-color: #fff;color: #f86c4f;}


.banner-section a.get-btn.popup-btn:hover {color: #f86c4f;background: #fff;}

.banner-section a.chat-btn.chats:hover {background-color: #fff;color: #f86c4f;}

.exprience-section a.chat-btn.chats:hover {background-image: -webkit-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
    background-image: -ms-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);color: #fff;}

.exprience-section a.get-btn.popup-btn:hover {background-image: -webkit-linear-gradient( -53deg, #fff 0%, #fff 99%);
    background-image: -ms-linear-gradient( -53deg, #fff 0%, #fff 99%); color: #fa8d40;}

    .platform-section a.chat-btn.chats:hover {background-image: -webkit-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
    background-image: -ms-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);color: #fff;}

.platform-section a.get-btn.popup-btn:hover {background-image: -webkit-linear-gradient( -53deg, #fff 0%, #fff 99%);
    background-image: -ms-linear-gradient( -53deg, #fff 0%, #fff 99%); color: #fa8d40;}

    .form-section a.chat-btn.chats:hover {background-image: -webkit-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
    background-image: -ms-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);color: #fff;}

.form-section a.get-btn.popup-btn:hover {background-image: -webkit-linear-gradient( -53deg, #fff 0%, #fff 99%);
    background-image: -ms-linear-gradient( -53deg, #fff 0%, #fff 99%); color: #fa8d40;}



.col-sm-12.ftr-lst-cpy {
    display: flex;
    align-items: center;
    justify-content: center;
}

.copy-right p {font-size: 16px;font-weight: 400;margin: 0;}

section.copyright-section {padding: 20px 0;background-color: #f2f2eb;}

.privacy-terms a {font-size: 15px;font-weight: 400;color: #000;margin: 0 0 0 15px;}


.tel-btn {padding: 13px 11px;
    border-width: 2px;
    border-color: rgb(255, 255, 255);
    border-style: solid;
    background-color: rgba(0, 0, 0, 0);
    font-size: 15px;
    font-weight: 600;
    color: #fff;}

.d-none {display: none;}

h6 {}

.client-box h6 {width: 60px;background: #1970ff;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;font-weight: bold;}




/*footer-form*/


.cntct-div input.form-control {
padding: 22px 15px;
margin-bottom: 14px;
border-radius: 6px;
background-color: transparent;
border-radius: 19px;
  
  box-shadow: 0px 15px 40px 0px rgba(61, 67, 79, 0.08);height: 44px;border: solid 1px#00000012;}

.cntct-div textarea.form-control {
height: 85px;


padding: 15px 15px;
resize: none;
border-radius: 20px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 15px 40px 0px rgba(61, 67, 79, 0.08);border: 1px solid #0000001a;}

.cntct-div input#quoteSubmit {
padding: 10px 35px;
margin-top: 20px;
background-color: #0078ff;
color: #fff;
border: 1px solid #0078ff;
font-size: 16px;
font-weight: 600;
outline: 0;
transition: all .5s ease-in-out;
}

.button {
text-align: center;
}

.cntct-div input#quoteSubmit:hover {
background-color: white;
color: #0540d3;
border: 1px solid #0540d3;
}

.cntct-div {
padding: 37px 20px;
border-radius: 0 12px 12px 0px;

width: 100%;
background-color: rgb(255, 255, 255);}

.cntct-div  input.form-control::placeholder {
color: #a7a7a7;
font-size: 14px;
font-weight: 400;
}

.cntct-div  textarea.form-control::placeholder {
font-size: 14px;
color: #a7a7a7;
font-weight: 400;
}

.form-text h3 {
font-size: 22px;
font-weight: bold;
color: #000000;
margin: 0 0 15px 0;
text-align: center;
display: table;
width: 100%;
}

.footer-dress-box {
margin: 40px 0 25px 0;
}

.footer-text p {
font-size: 16px;
font-weight: 400;
margin: 0 0 35px 0;
line-height: 24px;
}

.footer-btn a.foot-btn {
font-size: 16px;
font-weight: bold;
color: #000;
padding: 14px 30px;
border-radius: 8px;
background-color: rgb(255, 255, 255);
}

.footer-btn {
border-bottom: solid 1px #ffffff57;
padding-bottom: 45px;
margin-top: 0 !important;
}

.footer-btn a.foot-btn:hover {
background-color: #4c32e1;
color: #fff;
}

.footer-dress-box {
display: flex;
align-items: center;
}

.adrss-text {
color: #fff;
margin-left: 15px;
}

.adrss-text h4 {
font-size: 18px;
font-weight: 500;
margin: 0;
}

.adrss-text a {
font-size: 14px;
font-weight: 400;
margin: 0;
color: #fff;
margin: 5px 0 0;
display: table;
}

.footer-img-box {
width: 50px;
height: 50px;
border-radius: 50px;
border: solid 2px #e3e1e6;
display: flex;
align-items: center;
justify-content: center;
}

.btm-footer {
padding: 50px 0;
background-image: url(../images/footer-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

.footer-text.hd-txt {
text-align: left;
}

.footer-text.hd-txt h2 {
color: #fff;
}

.footer-text.hd-txt p {
width: 100%;
color: #fff;
}

.footer-text.hd-txt {
text-align: left;
}

.footer-text.hd-txt h2 {
color: #fff;
padding-bottom: 15px;
font-size: 40px;
font-weight: 900;
font-style: italic;
margin: 0;
}

.footer-text.hd-txt p {
width: 100%;
color: #fff;
margin-bottom: 35px;
}

.footer-dress-box:last-child {
margin-bottom: 0;
}


.form-text p {font-size: 16px;font-weight: 400;color: #000;text-align: center;margin: 0 0 25px 0;}


.form-main-box {top: 202px;left: -274px;position: absolute;transform: rotate(270deg);display: flex;padding: 10px 20px;width: 126%;justify-content: space-between;border-radius: 30px 30px 0 0;align-items: center;background-image: -moz-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
    background-image: -webkit-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);
    background-image: -ms-linear-gradient( -53deg, rgb(246,56,104) 0%, rgb(250,156,57) 99%);align-items: center;}

.form-text-box h3 {font-size: 24px;font-weight: 600;color: #fff;margin: 0;}

.form-mini-box h4 {font-size: 17px;font-weight: 500;color: #fff;margin: 0;text-align: center;}

.form-mini-box h3 {font-size: 20px;font-weight: 500;color: #fff;margin: 5px 0px 0 0;text-align: center;}

.form-mini-box h5 {font-size: 15px;font-weight: 400;color: #ffff;margin: 4px 0 0 0;text-align: center;}

.form-mini-box {}
/*footer-form*/

.row.main-bnr-row {display: flex; align-items: center;position: relative;z-index: 9999;}

.text-ht {padding-right: 80px;}


.row.main-bnr-row:before {
  content: "";
  position: absolute;
  background-image: url(../images/banner-img2.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 550px;
  width: 361px;
  right: -150px;
  top: 12px;
}


.row.main-bnr-row:after {
  content: "";
  position: absolute;
  background-image: url(../images/banner-img3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 242px;
  width: 242px;
  left: 565px;
  bottom: -40px;
z-index: -1;}

.form-mini-box{
  position: relative;
}

.form-mini-box:before {
  position: absolute;
  top: -10px;
  left: -100px;
  content: '';
  background-color: #0078ff;
  width: 194%;
  height: 131%;
  border-radius: 0px 30px 0 0px;
  z-index: -1;
clip-path: polygon(43% 0, 100% 0%, 100% 99%, 0 100%);}