body{font-family:Inter,sans-serif;font-size:14px;color:#000}
a:focus,a:hover,button:focus,button:hover{outline:0}
section{padding:60px 0;clear:both;position:relative;margin:0 auto}
h1,h2,h3,h4,h5,h6{font-family: 'Roboto Slab', serif;}
p{color:#2e2a27;font-family:Inter,sans-serif;font-size:17px}
img{font-weight: 100;max-width:100%}textarea{resize:none}
span{vertical-align:baseline}
a{text-decoration:none!important}

section.our-client {text-align: center;padding-bottom: 130px;}
footer {background: #232323;padding: 120px 0 50px;position: relative;}
footer:before{content: ''; background: url("../images/footer-shape.png") no-repeat; height: 361px; width: 980px; position: absolute; left: -140px; top: -3px;background-size: 80%;transform: skew(0deg, -1deg);}
footer:after{ content: '';  background: url("../images/footer-mobile.png") no-repeat; height: 329px; width: 691px; position: absolute; left: -10px; top: -110px;background-size: 100%;right: 0;margin: auto;}
footer h2 {color: #ffb242;font-size: 52px;font-weight: 500;line-height: 60px;}
footer p {color: white;margin: 0;font-size: 13px;}
footer .form-control {background: transparent;border-color: #58595e;font-size: 14px;font-weight: 500;color: #8c8d91;margin: 0 0 15px;height: 40px;}
footer .info-form {padding-left: 100px;}
footer textarea.form-control {height: 99px;}
.btn {font-size: 14px;font-weight: 600;border-radius: 0;position: relative;display: inline-block;padding: 9px 30px;}
.btn-red {background: #ed502f;color: white;}
footer .btn-red {width: 100%;}
.copy p {margin-bottom: 0;color: #ffffff;font-size: 14px;}
.copy {    background: #232323;padding: 30px 0 20px;border-top: 1px solid #383838;overflow: hidden;}
.copy ul {    text-align: right;}
.copy .row {align-items: center;}
.copy ul li {display: inline-block;position: relative;padding: 0px 8px;font-size: 14px;}
.copy ul li::before {content: "";height: 100%;width: 1px;position: absolute;right: -2px;top: 0;background: #6f6f6f;}
.copy ul li:last-child::before {display: none;}
.copy ul li a {color: #ffffff !important;}
ul.social li {padding: 0 7px;}
ul.social li a {background: #363636;height: 31px;width: 31px;display: inline-block;text-align: center;line-height: 31px;}
ul.social li:before {display: none;}
section.our-client h2 {font-size: 30px;font-weight: 700;margin: 0 0 30px;}
section.our-client h2 span {text-transform: uppercase;color: #ed502f;}
section.clutch {text-align: center;}
h2 {font-size: 36px;margin: 0 0 30px;}
section.clutch .box {/* font-family: Inter,sans-serif; */}
section.clutch .box h5 {font-family: Inter,sans-serif;font-size: 14px;color: #6f7a8c;margin: 0 0 10px;line-height: 25px;position: relative;}
section.clutch .box h6 {font-size: 14px; color: #6f7a8c;font-family: Inter,sans-serif;margin: 0 0 0;}
section.clutch .box img {margin: 0 0 16px;}
section.clutch .box h5:before{content: ''; background: url("../images/clutch-before.png") no-repeat; height: 56px; width: 27px;position: absolute;left: 9px;top: 0;}
section.clutch .box h5:after{content: ''; background: url("../images/clutch-after.png") no-repeat; height: 56px; width: 27px;position: absolute;right: 4px;top: 0;}
section.clutch h2 {margin: 0 0 50px;}
.cta{background: url("../images/cta-bg.png") no-repeat; position: relative; z-index: 1; height: 447px; width: 100%; overflow: hidden;padding: 70px 40px;/* background-size: 100%; */background-position: -20% 100%;}
.cta h2 span {color: #ffc251;text-transform: uppercase;}
.cta h2 {color: #fff;font-size: 36px;font-weight: 600;margin: 0 0 10px;}
.cta p {color: white;margin: 0 0 15px;}
.cta p.tel {margin: 0 0 8px;font-size: 40px;font-weight: 600;color: #ffb242;}
.cta p.tel img {margin-right: 10px;}
.cta .line {position: relative;margin: 0 0 12px;}
.btn-white {background: white;color: #1b1b1f;}
.cta .line:before {content: '';width: 455px;position: absolute;left: -60px;top: 15px;height: 10px;background: #ffb242;}
.cta .line .btn {margin-left: 422px;}
.cta h4 {color: #fff;font-size: 42px;font-weight: 100;margin: 0;}
.cta h4 span {text-transform: uppercase;font-weight: 700;}
section.our-cta {padding: 0;}
.bg-white{position: relative;overflow: hidden;}
.bg-white:after{content: ''; background: url("../images/bg-white-after.png") no-repeat; height: 459px; width: 459px;position: absolute; bottom: 200px;left: -230px;}
.bg-white:before{content: ''; background: url("../images/bg-white-before.png") no-repeat; height: 966px; width: 716px;position: absolute; top: 0;right: -220px;background-size: 70%;}
.our-process{background: url("../images/process-bg.jpg") no-repeat;/* height: 931px; */width: 100%;background-size: cover;}
.our-process .box {background: white;margin-bottom: 30px;padding: 40px 20px;position: relative;width: 84%;z-index: 1;border-right: 14px solid #f8e794;box-shadow: 0 0 5px #ddd;margin-left: 50px;}
.our-process .box p {margin: 0;}
.our-process .box img {position: absolute;left: -26px;top: -20px;}
.our-process .box:after {content: '';/* background: #f8e794; *//* width: 26px; *//* position: absolute; *//* right: -23px; *//* top: 0; *//* height: 90%; */}
.our-process .box:nth-child(2) {width: 80%;margin-left: 0;}
.our-process h2 {font-size: 52px;color: #23252c;font-weight: 400;text-transform: uppercase;text-align: right;}
.our-process h2 span {color: #ed502f;font-weight: 700;font-size: 60px;}
.our-process .row {align-items: center;}
.why-choose {position: relative;overflow: hidden;}
.why-choose .container{position: relative;z-index: 1}
.why-choose:after{content: ''; background: url("../images/bg-white-after.png") no-repeat; height: 459px; width: 459px;position: absolute; top: -130px;right: -270px;}
.heading h2 {/* text-align: center; */font-size: 60px;font-weight: 400;position: relative;z-index: 1;display: inline-block;}
.heading h2:after {content: ''; height: 4px; width: 68px; background: #fedc82; position: absolute; left: 0; top: -10px;right: 0;}
.why-choose .box {background: white;width: 48%;display: inline-block;margin-bottom: 20px;box-shadow: 0 0 5px #dddddd7a;padding: 25px 20px;margin-right: 15px;position: relative;}
.why-choose .box h4 {margin: 0 0 10px;font-size: 20px;font-weight: 600;}
.why-choose .box p {margin: 0;font-size: 14px;}
.why-choose .box:nth-child(even) {margin-right: 0;margin-top: 25px;margin-bottom: 0;}
.why-choose .box i {position: absolute;color: #1869f4;font-size: 22px;right: -8px;bottom: -10px;}
.why-choose img {margin-top: -110px;display: block;}
.why-choose h2 span {font-weight: 600;}
.why-choose .arrow {position: relative;float: left;width: 100%;}
.why-choose .arrow:before{content: ''; position: absolute; left: 20px; top: -80px; background: url("../images/choose-arrow.png") no-repeat; height: 122px; width: 122px;}
.why-choose .arrow h6 {font-size: 60px;color: #ed502f;margin: 0;line-height: 56px;}
.why-choose .arrow h6 img {vertical-align: initial;margin-right: 15px;display: inline-block;}
.why-choose .arrow h5 {text-align: center;margin: 30px 0 0;font-size: 22px;}
.our-work {padding-bottom: 0;}
.our-work .col-md-4 {padding-right: 0; padding-left: 0;}
.our-work .row {margin-right: 0; margin-left: 0;}
.our-work figure {margin: 0;position: relative;overflow: hidden;transition: .5s all;}
.our-work figure img {}
.our-work figure figcaption {position: absolute;bottom: 0;padding: 20px 30px;z-index: 1;transition: .5s all;transition-delay: .3s;bottom: -110px;}
.our-work figure figcaption h4 {font-size: 22px;color: white;text-transform: uppercase;font-weight: 600;margin: 0 0 5px;}
.our-work figure figcaption p {margin: 0;font-size: 16px;color: white;font-weight: 500;line-height: 22px;}
.our-experties{background: url("../images/expert-bg.jpg") no-repeat;width: 100%;/* height: 828px; */background-size: cover;background-position: 90%;}
.our-experties h2 {color: white;margin: 0 0 10px;}
.heading p {}
.our-experties h2 + p {color: #c3c5ca;font-size: 16px;margin: 0 0 40px;}
.our-experties .text {width: 65%;display: inline-block;padding-left: 19px;}
.our-experties .text h3 {font-size: 30px;color: #ffb484;font-weight: 500;text-transform: uppercase;margin: 0px 0 6px;margin-left: -50px;}
.our-experties .text p {font-size: 14px;color: #c3c5ca;margin: 0;}
.our-experties .expert {margin: 0 0 20px;}
.our-cube {overflow: hidden;}
.our-cube .heading h2 {font-size: 48px;line-height: 54px;margin: 0 0 15px;}
.our-cube p {margin: 0;font-size: 16px;}
.our-cube .box {border: 1px solid #e8efff;padding: 20px;width: 49%;display: inline-block;margin-bottom: 12px;margin-right: 3px;}
.our-cube .box h4 {font-size: 20px;color: #152348;;;margin: 0 0 10px;}
.our-cube .box p {font-size: 14px;color: #3e4043;margin: 0 0 10px;}
.our-cube .box a {color: #ff952f;font-size: 14px;font-weight: 700;text-transform: uppercase;}
.our-cube .box a img {margin-right: 6px;}
.our-cube .margin {margin-top: -160px;margin-bottom: 0;}
.our-cube .mob-img {max-width: 70%;/* float: right; */display: table;margin: auto;}
.our-cube .row {/* align-items: center; */margin-right: -5px; margin-left: -5px;}
.our-cube [class*='col-'] {padding-right: 5px;padding-left: 5px;}
.our-banner{background: url("../images/our-banner.jpg") no-repeat;/* height: 948px; */width: 100%;background-size: cover;margin-top: -82px;position: relative;padding-top: 100px;}
header {position: relative;z-index: 1;padding: 20px 0;border-bottom: 1px solid #ffffff7a;}
header ul {}
header ul li {display: inline-block;margin-right: 30px;}
header ul li a {color: white;font-size: 16px;font-weight: 600;}
header ul li img {margin-right: 5px;}
.btn-gradient {background: rgb(255,70,140);
background: linear-gradient(141deg, rgba(255,70,140,1) 0%, rgba(255,170,133,1) 100%);color: white;border: 2px solid #fff;padding: 8px 40px;}
.our-banner p {color: white;font-size: 20px;margin: 0 0 18px;}
.our-banner h1 {font-size: 53px;font-weight: 500;color: white;line-height: 55px;}
.our-banner h1 span {color: #ffb484;background: #0b2a6b;display: inline-block;position: relative;padding: 2px 10px;top: 6px;}
.our-banner h3 {font-size: 25px;color: #ffe402;font-weight: 300;background: #262626;clip-path: polygon(0 0, 100% 0, 93% 100%, 0% 100%);display: inline-block;padding: 6px 30px 6px 10px;}
.our-banner h5 {font-size: 17px;color: #fff;font-weight: 300;margin: 40px 0 0;background: rgb(29,65,205);
background: linear-gradient(90deg, rgba(29,65,205,0.14359247116815477) 0%, rgba(29,65,205,1) 100%);display: inline-block;padding-left: 50px;padding-right: 10px;padding-top: 6px;padding-bottom: 22px;margin-bottom: 30px;}
.banner-form{background: url("../images/banner-form.png") no-repeat;height: 591px;width: auto;position: relative; padding: 40px 0 30px;/* border-radius: 0 0 100px 100px; */background: rgb(255,119,136);
background: linear-gradient(180deg, rgba(255,119,136,1) 0%, rgba(255,180,132,1) 100%);border-radius: 90px 40px 40px 40px;width: 83%;float: right;height: auto;}
.banner-form h4 {color: white;background: url("../images/banner-h2-bg.png") no-repeat; height: 76px; width: 459px; margin-left: 40px;padding-left: 56px;padding-top: 20px;font-size: 25px;margin-bottom: 0;background-size: 90%;position: relative;}
.banner-form h6 {background: #88fcf0;font-size: 15px;font-weight: 700;font-family: Inter,sans-serif;margin-left: 0;padding-left: 54px;padding-top: 12px;padding-bottom: 12px;height: 42px;margin-bottom: 24px;width: 92%;margin-top: -10px;}
.banner-form .form-control {font-size: 14px;color: #232323;font-weight: 500;margin-bottom: 12px;border: none;height: 42px;}
.btn-blue {width: 100%;background: #1c49aa;color: white;font-size: 18px;text-transform: uppercase;}
.banner-form textarea.form-control {height: 70px;}
.banner-form form {padding: 0 30px;}
.our-banner ul {margin-top: 40px;}
.our-banner ul li {display: inline-block;}
.our-banner ul li img {max-width: 80%;}
.our-banner .row {align-items: center;}
.our-cube:before {content: ''; background: url("../images/bg-white-after.png") no-repeat; height: 459px; width: 459px;position: absolute; top: 0;right: -80px;background-size: 80%;}
div#popupform {
    padding: 0;
    max-width: 400px;
    background: transparent;
}

.modal-body {
    padding: 0;
}

.popup-content {
    padding: 30px 30px 20px 30px;
    background: #111d95;
    border-radius: 12px;
}


.popup-content .form-control {
    height: 40px;
    margin-bottom: 10px;
    font-size: 13px;
}

.popup-content textarea.form-control {
    height: 100px;
    resize: none;
}

.popup-content ::placeholder {
    color: #000;
}

.popup-content h2 {
    font-size: 30px;
    margin-bottom: 10px;
    color: #fff;
}

.popup-content h2 + p {
    color: #fff;
}

.popup-content .btn {
    width: 100%;
}

.fancybox-slide--html .fancybox-close-small {
    background: #fff;
    opacity: 1;
    height: 25px;
    width: 25px;
    padding: 0;
    top: 10px;
    right: 10px;
    border-radius: 3px;
    box-shadow: 0 5px 15px #00000057;
}

.fancybox-button svg {
    width: 25px;
    height: 25px;
}
.our-work .container-fluid {padding: 0;}
.our-work figure:after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,0) 32%, rgba(0,0,0,1) 100%);transition: .5s all;height: 0;}
.our-work figure figcaption {}
.our-work figure:hover:after {height: 100%;}
.our-work figure:hover figcaption {bottom: 0;}
.banner-form h6 span {color: red;font-weight: 700;}
footer .row {align-items: center;}