#jqcheck { background: #fff9d7; text-align: center; color: #333; padding: 10px 0px; font-size: 13px; font-weight: bold; position: fixed; z-index: 9991; width: 100%; font-family: Arial, Helvetica, sans-serif; }
* { margin: 0px; padding: 0px; }


/* browser scroller style */
::-webkit-scrollbar { width:10px; height:10px; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment { display:none; }
::-webkit-scrollbar-track-piece { background-color:#ecedf1; -webkit-border-radius:0px; border-left:1px solid #888; }
::-webkit-scrollbar-thumb:vertical { -webkit-border-radius:0px; background:#f05a28; }


body { color: #666666; font-size:14px; }

body, h1, h2, h3, h4, h5, h6, p, a, li, span, strong {font-family: 'Poppins';}

/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
p { font-weight: 400; line-height:normal;padding: 0; margin:0px; }

/*** no padding, no marging ***/
.p-0 { padding:0; }
.pt-0 { padding-top:0px; } .pb-0 { padding-bottom:0px; }
.pl-0 { padding-left:0px; } .pr-0 { padding-right:0px; }
.m-0 { margin:0; }
.mt-0 { margin-top:0px; } .mb-0 { margin-bottom:0px; }
.ml-0 { margin-left:0px; } .mr-0 { margin-right:0px; }

p strong { color: black; }
p span { color: black; }
a:hover { text-decoration: none; }
a:focus { outline: none; text-decoration: none; }
img { border: 0px; outline: none; }
ul{padding:0px;margin: 0px}
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }


a { text-decoration: none; }
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: #0f0b1f;padding: 0 0 10px 16px;line-height: 20px;font-size: 14px;font-weight: 400;position:relative;}
.list-simple li:before {position: absolute; left: 0px;top: 0px;
font-size: 13px; ; content: "\e93a"; font-family: 'icomoon' !important; }

/*** morefull block link ***/
.moreFull { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; text-indent: -9999px; }

/*** transition ***/
.transition {-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; }

/*** scale with transition ***/
.scale-with-transition { -webkit-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in; transition: all 200ms ease-in; -webkit-transform: scale(1.05);
-ms-transform: scale(1.05); -moz-transform: scale(1.05); transform: scale(1.05); }

/* header 
------------------------------------*/
.header-main {padding: 20px 0 0;position: absolute;width: 100%;z-index: 9;}
.top-bar {color: white;padding: 0;background: black;}
.top-info-list { float: left; margin: 10px 0; }
.top-info-list li {float: left;color:#ffffff;font-size:13px; padding: 0 10px;}
.top-info-list li:first-child { padding-left: 0px; }
.top-info-list li:last-child { padding-right: 0px; }
.top-info-list li span { margin-right:8px;color:#ea333f;font-size:13px;
 line-height: 20px;}
.top-info-list li span.icon-phone2 {font-size: 15px; top: 1px; position: relative;}
.top-info-list li+li { border-left:1px solid #515151;}
.top-info-list li a{ color:#ffffff;font-size:13px;font-weight:400; }
.top-info-list li a:hover {color:white;}

.nav-area-full {}
.logo {display: table;    margin: auto;}
.logo a { display: block; }
.logo a img{
}
.top-area { display: inline-block; width: 100%; }

.main-menu {width: 100%;display: inline-block;margin: 0;}
.main-menu > ul {margin: 0px;}
.main-menu > ul > li {padding: 0px 10px;position: relative;display: inline-block;}

.main-menu > ul > li > a {padding: 0px;font-size: 15px;font-weight: 500;text-transform: uppercase;color: #fff;}

.main-menu > ul > li.active > a,
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a.active,
.main-menu > ul > li > a:focus {color: #ffea00;}

.dropdown{width:200px;position: absolute;top: 100%;left: 0%;visibility: hidden;opacity: 0;z-index:999999;padding:0px;background:rgba(255,255,255,0.9);border-top: 1px solid #000000;border-right: 1px solid #000000;border-left: 1px solid #000000;border-bottom: 5px solid #ffea00;}
.main-menu > ul > li:hover .dropdown{ visibility: visible; /* shows sub-menu */ opacity: 1; left: 0; }

.dropdown > ul{ list-style:none; }
.dropdown > ul > li{  }
.dropdown > ul > li:before{ display:none; } 
.dropdown > ul > li+li{ border-top:1px dotted #457584;}
.dropdown > ul > li > a{color: #000000;font-size: 14px;text-decoration:none;padding:8px 10px 8px 15px;display: block;text-align: left;font-weight: 500;}
.dropdown > ul > li > a:hover{color: #f05a28;background:none;}
.dropdown > ul > li > a:hover:before  { display:none; }
.double-drop { width: 400px!important; }

.dropdown > ul > li > ul {  display: none; }
.dropdown > ul > li.level2:hover > ul  { display: block; }

.top-phone{color: #fff;float: right;font-size: 16px;font-weight: 600;margin-top: 10px;}
.top-phone span{text-align: end;font-weight: 400;margin-right: 70px;position: relative;color: #ffea00;}
.top-phone span:before{content:'';position:absolute;background: #f05a28;width: 40px;height: 1px;top: 50%;left: 80px;}
.top-phone span i{color: #f05a28; }
.top-phone:hover{color: #f05a28; }

header .btn-shape-right:before{border-top-color:#f05a28;}
header .btn-shape-right:hover:before{border-top-color:#000;}

/*defaults*/

.text-right{text-align: right}
.text-left{text-align: left}


.pad-sec{padding: 50px 0;}

.play-btn{}
.play-btn:hover{}

.btn-size{font-size: 16px;font-weight: 600;padding: 10px 20px;}

.btn-shape-left{position: relative;}
.btn-shape-left:before{width: 0;height: 0;border-top: 43px solid #f05a28;border-left: 24px solid transparent;position: absolute;content: '';left: -24px;top: 0;}
.btn-shape-left:hover:before{border-top-color:#000;}
.btn-shape-right{position: relative;}
.btn-shape-right:before{width: 0;height: 0;border-top: 43px solid #ffea00;border-right: 24px solid transparent;position: absolute;content: '';right: -24px;top: 0;}
.btn-shape-right:hover:before{border-top-color:#000;}


.btn-orange{background: #f05a28;color: #fff;}
.btn-orange:hover{background: #000;color: #fff;}


.btn-black{background: #000;color: #fff;}
.btn-black:before{border-top-color:#000;}
.btn-black:hover{background: #fff;color: #000;}
.btn-black:hover:before{border-top-color:#fff;}

.btn-white{background: #fff;color: #000;}
.btn-white:before{border-top-color:#fff;}
.btn-white:hover{background: #000;color: #fff;}
.btn-white:hover:before{border-top-color:#000;}

.btn-yellow{color: #000;background: #ffea00;}
.btn-yellow:hover{color: #fff;background: #000;}


.main-heading{font-size: 40px; color: #f05a28; font-weight: 700;position: relative;display: inline-block;}
.main-heading:before{position: absolute;content: '';background-image: url(../images/element-5.png);width: 71px;height: 70px;background-size: cover;left: -30px;top: -10px;z-index: -1;}
.main-pera{font-size: 17px;color: #000;font-weight: 500;line-height: 26px;padding: 10px 0;width: 70%;margin: auto;}

.btn-wrap{display: flex;justify-content: center;margin: 20px 0;}
.btn-wrap li{display: inline-block; margin-right: 10px; }
.btn-wrap li a{}

.main-banner{background-size: cover;padding: 150px 0;background-repeat: no-repeat;position: relative;background-position:0;}
.main-banner:before{position: absolute;content: '';background: #000;width: 100%;height: 100%;top: 0;left: 0;opacity: 0.6}
.main-banner .col-lg-12 {position: relative;z-index: 1;}

.main-banner h1{font-size: 26px;color: #fff;font-weight: 600;text-transform: uppercase;	}
.main-banner h1 span{font-weight: 700;font-size: 55px;display:block;color: #ffea00;}
.main-banner h2{font-size: 36px; font-weight: 300; color: #fff; padding: 10px 0; }
.main-banner h2 span{font-weight: 600; }
.main-banner p{color: #fff;font-size: 17px;line-height: 24px;font-weight: 500;padding: 10px 0;width: 80%;margin: auto;}
.banner-logos{text-align: center;margin: 40px 0 0;display: block;}
.banner-logos li{display: inline-block; margin: 0 10px; }
.banner-logos li img{}



.main-banner a{}
.main-banner a.play-btn{display: block; width: max-content; margin: auto;padding: 50px 0; color: #fff; font-size: 14px;position: relative;}
.main-banner a.play-btn img{display: block;padding-bottom: 10px;}
.main-banner img#badges {display: block;margin: auto;padding: 20px 0;}

.client-logos-banner{background-color: rgb(0 0 0 / 55%); position: absolute; width: 100%; bottom: 0; }
.client-logos-banner ul{margin: 0; padding: 20px 0; }
.client-logos-banner ul li{margin: 0 30px; }



.service-sec{position: relative;}
.service-sec:before{position: absolute;content: '';background-image: url(../images/services-slider-bg.jpg);width: 100%;height: 50%;background-size: cover;left: 0;top: 0;z-index: -1;top: 230px;}
.service-sec:after{position: absolute;content: '';background-image: url(../images/element-11.png);width: 1615px;height: 248px;background-size: cover;left: 190px;z-index: -1;bottom: 0;}
.service-sec .main-pera{position: relative;margin-bottom: 40px;}
.service-sec .main-pera:before{position: absolute;content: '';background-image: url(../images/element-1.png);width: 101px;height:48px;background-size: cover;left: -220px;top: 10px;z-index: -1;}
.service-sec .main-pera:after{position: absolute;content: '';background-image: url(../images/element-1.png);width: 101px;height:48px;background-size: cover;right: -170px;top: -50px;z-index: -1;}



.service-sec ul.service-slder-home{margin-top: 60px;height: 500px;}
.service-sec .slick-list.draggable{overflow: hidden;}
.service-sec ul.service-slder-home li{}
ul.service-slder-home li .service-box{}
ul.service-slder-home li .service-box img{}
ul.service-slder-home li .service-box h2{font-size: 30px; color: #000; font-weight: 700; text-transform: uppercase; }
ul.service-slder-home li .service-box p{font-size: 17px; color: #000; font-weight: 500; line-height: 24px; padding: 10px 0; }
ul.service-slder-home li .service-box ul.btn-wrap{justify-content: start;margin-left: 25px;margin-bottom: 0;}
ul.service-slder-home li .service-box ul.btn-wrap li{}
ul.service-slder-home li .service-box ul.btn-wrap li a{}

.service-sec ul.slick-dots {display: block; width: 20px; bottom: auto; top: 50%; left: -60px; transform: translate(50%, -50%) !important; right: auto; }
.service-sec ul.slick-dots li {display: block !important; width: 100%; }
.service-sec ul.slick-dots li button{background: #b1b1b1; margin-bottom: 10px; }
.service-sec ul.slick-dots li.slick-active button{background: #f05a28; }


.portfolio-sec{text-align: center;position: relative;background-image: url(../images/portfolio-bg.jpg);background-repeat: no-repeat;background-size: cover;}
.portfolio-sec:before{content: '';position: absolute;width: 100%;height: 3px;left: 0;top: 0;background-image: -moz-linear-gradient( 0deg, rgb(244,74,75) 0%, rgb(247,144,29) 100%);background-image: -webkit-linear-gradient( 213deg, #f05a28 0%, #ffea00 90%);background-image: -ms-linear-gradient( 0deg, rgb(244,74,75) 0%, rgb(247,144,29) 100%);}

.portfolio-sec h1{color: #fff;}
.portfolio-sec p{display: block;color: #fff;width: 80%;margin: auto;padding: 20px 0 30px;} 
ul.portfolio-tabs{padding: 0; display: flex; justify-content: center; margin: 40px 0; align-items: center; }
ul.portfolio-tabs li{font-size: 17px;font-weight: 600;color: #000;margin: 0 20px;cursor: pointer;background: #fff;padding: 8px 35px;}
ul.portfolio-tabs li.current{background: #f05a28;color: #fff;position: relative;}
ul.portfolio-tabs li.current:hover{color:#000}
ul.portfolio-tabs li.current:before{width: 0;height: 0;border-top: 43px solid #f05a28;border-left: 24px solid transparent;position: absolute;content: '';left: -24px;top: 0;}

ul.portfolio-tabs li:hover{color: #f05a28;}
.portfolio-sec .my-tabs{display: none;}
.portfolio-sec .my-tabs.current{display: block;}
ul.portfolio-list{padding: 0; margin: 0;margin-bottom: 40px; }
ul.portfolio-list li{width: 31%;display: inline-block;position: relative;margin: 1%;}
ul.portfolio-list li a figure{width: 100%;height: 100%;position: relative;display: inline-block;}

ul.portfolio-list li:after{opacity:0; position: absolute;content: "\e94a";font-family: 'icomoon' !important;left: 50%;top: 60%;width: 48px;margin-left: -24px;margin-top: 0px;color: #fff;font-size: 48px;line-height: 48px;text-align: center;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;text-shadow: 0 0 10px rgba(0,0,0,.25);}
ul.portfolio-list li a:hover:after{opacity: 1;position: absolute;content: "\e94a";font-family: 'icomoon' !important;left: 50%;top: 48%;width: 48px;z-index: 9;margin-left: -24px;margin-top: -24px;color: #fff;font-size: 48px;line-height: 48px;text-align: center;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;text-shadow: 0 0 10px rgba(0,0,0,.25);}
ul.portfolio-list li a:hover:before{background: #3d60a68c;position: absolute;content: "";left: 0;top: 0;width: 100%;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;display:inline-block;height: 100%;z-index: 9;}
ul.portfolio-list li a figure{margin-bottom: 0;}
ul.portfolio-list li a figure img{   width: 100%;}

.portfolio-sec .port-cta{display: flex; justify-content: center;align-items: center; }
.portfolio-sec .port-cta li{margin-right: 20px; margin-top: 0;color: #fff }
.portfolio-sec .port-cta li a{margin: 0}
.portfolio-sec .port-cta li .top-phone{}
.portfolio-sec .port-cta li .top-phone span{font-size: 16px;}
.portfolio-sec .port-cta li .top-phone span:before{left: 170px; background: #ffea00; }
.portfolio-sec .port-cta li a.btn-yellow{}

.portfolio-sec.portfolio-pg{background-image: none;}
.portfolio-sec.portfolio-pg:after{position: absolute;content: '';background-image: url(../images/element-2.png);width: 65px;height: 124px;background-size: cover;left: 190px;z-index: -1;bottom: 0;}
.portfolio-sec.portfolio-pg:before{display: none;}
.portfolio-sec.portfolio-pg .main-heading{color: #000;}
.portfolio-sec.portfolio-pg .main-heading:before{display: none;}
.portfolio-sec.portfolio-pg .main-pera{color: #000;}
.portfolio-sec.portfolio-pg {}


.cta-orange{background-image: url(../images/cta-orange.jpg);background-repeat: no-repeat;background-size: cover;}
.cta-orange h4{font-size: 40px; color: #fff; font-weight: 700; }
.cta-orange h3{color: #fff; font-size: 64px; font-weight: 700; }
.cta-orange p{font-size: 20px; color: #fff; font-weight: 600; }
.cta-orange ul{}
.cta-orange ul li{}
.cta-orange ul li a{}

.why-animation-sec{position: relative;}
.why-animation-sec:before{position: absolute;content: '';background-image: url(../images/element-4.png);width: 167px;height: 256px;background-size: cover;left: 10%;top: 0;}
.why-animation-sec:after{position: absolute;content: '';background-image: url(../images/element-1.png);width: 101px;height:48px;background-size: cover;right: 10%;top: 40%;}
.why-animation-sec .main-heading{}
.why-animation-sec .box-wrap{margin-top: 80px; }
.why-animation-sec .box-wrap img{}
.why-animation-sec .box-wrap h4{font-size: 20px; font-weight: 600; color: #000; padding: 20px 0; }
.why-animation-sec .box-wrap p{font-size: 17px; color: #000; font-weight: 500; line-height: 24px; width: 80%; margin: auto; }


.process-sec{background:#fef6f4;position: relative;padding-bottom: 100px;}
.process-sec:before{content: '';position: absolute;width: 100%;height: 3px;left: 0;top: 0;background-image: -moz-linear-gradient( 0deg, rgb(244,74,75) 0%, rgb(247,144,29) 100%);background-image: -webkit-linear-gradient( 87deg, #f05a28 0%, #ffea00 90%);background-image: -ms-linear-gradient( 0deg, rgb(244,74,75) 0%, rgb(247,144,29) 100%);}
.process-sec:after{position: absolute;content: '';background-image: url(../images/element-12.png);width: 1650px;height: 340px;background-size: cover;left: 180px;z-index: 1;bottom: 0;}
.process-sec .main-heading{}
.process-sec .main-pera{
    margin-bottom: 40px;
}
.process-sec ul{display: flex;justify-content: space-evenly;align-items: center;text-align: center;position: relative;z-index: 9;}
.process-sec ul li{position: relative; }
.process-sec ul li:nth-child(even){top: 50px; }
.process-sec ul li img{}
.process-sec ul li h4{font-size: 16px; color: #000; font-weight: 500; padding-top: 10px; }

.cta-green{background-image: url(../images/cta-green.jpg);background-repeat: no-repeat;background-size: cover;}
.cta-green h4{font-size: 40px; color: #fff; font-weight: 700; }
.cta-green h3{color: #fff; font-size: 64px; font-weight: 700; }
.cta-green p{font-size: 20px; color: #fff; font-weight: 600; }
.cta-green ul{}
.cta-green ul li{}
.cta-green ul li a{}


.animation-feature{position: relative;}
.animation-feature:before{position: absolute;content: '';background-image: url(../images/element-8.png);width:449px;height: 315px;background-size: cover;left: -40px;bottom: -70px;filter: grayscale(1);}
.animation-feature:after{position: absolute;content: '';background-image: url(../images/element-9.png);width: 324px;height: 349px;background-size: cover;right: 0;bottom: 0;}
.animation-feature .main-heading{width: 90%; margin: auto; padding-bottom: 60px; }
.animation-feature .box-wrap{padding: 40px; margin: 10px 0; }
.animation-feature .box-wrap h5{color: #000; font-size: 20px; font-weight: 600; }
.animation-feature .box-wrap p{font-size: 17px; font-weight: 500; color: #000; line-height: 24px; padding-top: 12px; }
.animation-feature img{display: table;margin: auto;}
.animation-feature .box-wrap:hover{background: #fff9b2; }
.animation-feature .box-wrap:hover h5{color: #f05a28; }

.testimonial-sec{background: #1e0657;position: relative;}
.testimonial-sec:before{position: absolute;content: '';background-image: url(../images/element-1.png);width: 101px;height: 48px;background-size: cover;left: 90px;z-index: 1;top: 90px;filter: opacity(0.5);}
.testimonial-sec:after{position: absolute;content: '';background-image: url(../images/element-10.png);width: 267px;height: 344px;background-size: cover;left: 0;z-index: 1;bottom: 0;}
.testimonial-sec .main-heading{color: #fff;padding-bottom: 50px;}
.testimonial-sec .row.right{margin-right: calc(52% - 50vw); }
.testimonial-sec .box-wrap{    filter: grayscale(1);}
.testimonial-sec .box-wrap.proces-box-wrap.active{filter:unset}
.testimonial-sec .box-wrap a{position: relative;display: inline-block;}
.testimonial-sec .box-wrap a:before{content: '';position: absolute;background-image: url(../images/play-btn.png);width: 64px;height: 64px;background-size: cover;top: 40%;left: 40%;z-index: 1;}
.testimonial-sec .box-wrap a:after{content: '';position: absolute;background: #f05a286b;width: 100%;height: 100%;top: 0;left: 0;}
.testimonial-sec .box-wrap a img{width: 100%; }
.testimonial-sec .box-wrap i{display: flex; margin: 10px 0; background: #71c625; color: #fff; font-size: 16px; width: 30px; height: 30px; text-align: center; border-radius: 50%; align-items: center; justify-content: center; font-weight: 600; }
.testimonial-sec .box-wrap h3{color: #f9df0e; font-size: 20px; font-weight: 600; }
.testimonial-sec .box-wrap p{color: #fff; font-size: 14px; font-weight: 500; padding: 15px 0; }
.testimonial-sec .box-wrap img{}



.cta-yellow{background-image: url(../images/cta-yellow.jpg);background-repeat: no-repeat;background-size: cover;text-align: center;}
.cta-yellow h4{font-size: 40px; color: #000; font-weight: 700; }
.cta-yellow p{font-size: 26px;color: #000;font-weight: 600;padding-bottom: 20px;}
.cta-yellow ul{}
.cta-yellow ul li{}
.cta-yellow ul li a{}


.client-logos-footer .banner-logos{text-align: center;padding: 30px 0;display: block;margin: 0 }
.client-logos-footer .banner-logos li{display: inline-block; margin: 0 30px; }
.client-logos-footer .banner-logos li img{filter: grayscale(1);}
.client-logos-footer .banner-logos li img:hover{filter:unset}

footer{background-image: url(../images/footer-bg.jpg);background-repeat: no-repeat;background-size: cover;text-align: center;position: relative;background-position: center;}
footer:before{position: absolute;content: '';background-image: url(../images/logo-element.png);width: 368px;height: 194px;background-size: cover;bottom: 0px;right: 0px;filter: grayscale(1);}
footer ul{display: block; margin: 15px 0; }
footer .footer-menu{margin-bottom: 20px; }
footer .footer-menu li{display: inline-block; }
footer .footer-menu li a{color: #666666; font-size: 15px; font-weight: 500; margin: 0 20px; }
footer .footer-menu li.active a, footer .footer-menu li a:hover{color: #f05a28; }
footer img{}
footer .footer-menu-2{}
footer .footer-menu-2 li{display: inline-block; position: relative; }
footer .footer-menu-2 li:before{position:absolute;content:'';width: 1px;height: 20px;background: #fff;top: 0px;right: 0;}
footer .footer-menu-2 li:last-child:before{display:none}
footer .footer-menu-2 li a{color: #fff; font-size: 15px; font-weight: 500; margin: 0 20px; }
footer .footer-menu-2 li a:hover{color: #f05a28; }
footer p.copyrights{color: #fff; font-size: 15px; font-weight: 500; padding: 20px 0; }
footer p.disclaimer{width: 40%; margin: auto; color: #fff; font-size: 12px; font-weight: 400; padding: 20px 0; }
footer p.disclaimer span{display: block; color: #f05a28; }


.contact-form{}
.contact-form .main-heading{}
.contact-form .main-pera{}
.contact-form .form-wrap{width: 60%; margin: auto; }
.contact-form .form-wrap form{}
.contact-form .form-wrap form input, .contact-form .form-wrap form textarea{border-radius: 6px;background-color: rgb(246, 246, 246);height: 45px;border: 0;margin-bottom: 10px;font-size: 15px;padding-left: 20px;width: 100%;}
.contact-form .form-wrap form textarea{height: 120px;padding: 20px;resize: none;}
.contact-form .form-wrap form input.btn-orange{background: #f05a28;width: min-content;}
.contact-form .form-wrap form input.btn-orange:hover{background: #000;}
.contact-form .form-wrap form input:focus, .contact-form .form-wrap form input:visited, .contact-form .form-wrap form input:active, .contact-form .form-wrap form input:focus:active{background-color: #fff;border: 1px solid #f05a28;border-top: 0;}

.cta-black{background-image: url(../images/cta-black.jpg);background-repeat: no-repeat;background-size: cover;text-align: center;position: relative;background-position: center;height: 300px;}
.cta-black:before{position: absolute;content: '';background-image: url(../images/element-2.png);width:65px;height: 124px;background-size: cover;left: 170px;bottom: 0;}
.cta-black:after{position: absolute;content: '';background-image: url(../images/element-3.png);width: 412px;height: 248px;background-size: cover;right: 0;bottom: 0;}
.cta-black .border-a{border-right: 1px solid #fff; border-left: 1px solid #fff; }
.cta-black .info-wrap{position: relative; }
.cta-black .info-wrap img{width: 10%; }
.cta-black .info-wrap a{display: block; font-size: 16px; font-weight: 600; color: #fff; width: 65%; margin: auto; padding-top: 20px; }
.cta-black .info-wrap a:hover{color: #f05a28; }


.processpg-sec.process-2{position: relative;}
.processpg-sec.process-2:after{position: absolute;content: '';background-image: url(../images/element-11.png);width: 1615px;height: 248px;background-size: cover;left: 190px;z-index: -1;bottom: 0;}
.processpg-sec{position: relative;}
.processpg-sec .main-heading{}
.processpg-sec .main-pera{}
.processpg-sec img{width: 100%;}
.processpg-sec h4{position: relative;font-size: 80px;font-weight: 700;color: #f7f3f3;}
.processpg-sec h4:before{position: absolute;content: '';background-image: url(../images/element-1.png);width:101px;height: 48px;background-size: cover;right: 50%;top: 20px;}
.processpg-sec h2{font-size: 20px; font-weight: 600; color: #000; }
.processpg-sec  p{font-size: 17px; color: #000; width: 80%; padding: 10px 0; font-weight: 500; }


.package-sec{position: relative;}
.package-sec:after{position: absolute;content: '';background-image: url(../images/element-2.png);width: 65px;height: 124px;background-size: cover;left: 190px;z-index: -1;bottom: 0;}
.package-sec .main-heading{}
.package-sec .main-pera{padding-bottom: 40px; }
.package-sec .package-box{background:#754da4;text-align: center;padding: 30px;}
.package-sec .package-box.blue{background:#20a0fe;}
.package-sec .package-box.green{background:#3ed0ac;}
.package-sec .package-box.orange{background:#ee905c;}
.package-sec .package-box .pkg-name{border-bottom: 1px solid #fff; padding-bottom: 20px; margin-bottom: 10px; }
.package-sec .package-box .pkg-name h2{font-size: 20px; color: #fff; font-weight: 600; }
.package-sec .package-box .pkg-name h2 span{display: block; font-size: 16px; font-weight: 500; padding: 10px 0; }
.package-sec .package-box .pkg-price{}
.package-sec .package-box .pkg-price h2{font-size: 30px; font-weight: 600; color: #fff; }
.package-sec .package-box .pkg-price h2 span{vertical-align: super;font-size: small;}
.package-sec .package-box .pkg-price p{font-size: 13px; color: #fff; font-weight: 500; }
.package-sec .package-box .pkg-include{text-align: left; padding: 20px 0; }
.package-sec .package-box .pkg-include ul{}
.package-sec .package-box .pkg-include ul li{position: relative; color: #fff; font-size: 15px; font-weight: 500; line-height: 30px; padding-left: 30px; }
.package-sec .package-box .pkg-include ul li:before{position: absolute;content: '\f00c';font-size: 16px;font-family: 'Font Awesome 5';color: #ffd50c;left: 0;}
.package-sec .package-box .pkg-btn{}
.package-sec .package-box .pkg-btn a{display: inline-block; margin-top: 20px; }


.package-sec .package-box:hover{background:#000;cursor: pointer;}


.services-desc{position: relative;}
.services-2:after{position: absolute;content: '';background-image: url(../images/element-2.png);width: 65px;height: 124px;background-size: cover;left: 190px;z-index: -1;bottom: 0;}
.services-desc:before{position: absolute;content: '';background-image: url(../images/element-1.png);width:101px;height: 48px;background-size: cover;top: 120px;left: 70px;}
.services-desc .main-heading{}
.services-desc .main-heading:before{display: none;}
.services-desc .main-pera{width: 100%; line-height: 30px; }
.services-desc ul{justify-content: left;margin-left: 30px;}
.services-desc a{}
.services-desc .serv-img{padding: 15px; border-radius: 8px; background-color: rgb(255, 255, 255); box-shadow: 0px 12px 30px 0px rgba(0, 0, 0, 0.12); }
.services-desc .serv-img img{width: 100%; border-radius: 8px; }


.service-clients{background: #f5f5f5;position:relative}
.service-clients:before{position: absolute;content: '';background-image: url(../images/element-1.png);width:101px;height: 48px;background-size: cover;bottom: 70px;right: 150px;}
.service-clients .main-heading{width: 80%; margin: auto; }
.service-clients .main-heading:before{display: none;}
.service-clients .main-pera{}
.service-clients ul{text-align: center; margin-top: 30px; }
.service-clients ul li{display: inline-block; margin: 20px; width: 16%; }
.service-clients ul li img{}


.thankyouPg .client-logos-footer{display: none;}
.thankyou-sec{position: relative;padding: 100px 0}
.thankyou-sec:before{position: absolute;content: '';background-image: url(../images/element-1.png);width:101px;height: 48px;background-size: cover;top: 140px;right: 150px;}
.thankyou-sec:after{position: absolute;content: '';background-image: url(../images/element-8.png);width:449px;height: 315px;background-size: cover;bottom: -80px;left: -40px;filter: grayscale(1);}
.thankyou-sec img{}
.thankyou-sec .main-heading{display: block; color: #000; }
.thankyou-sec .main-heading span{display: block; color: #f05a28; }
.thankyou-sec .main-heading:before{display: none;}
.thankyou-sec .main-pera{width: 80%; }




.term_conditions_Sec {background: #f7f7f7;padding:60px 0;}
.term_conditions_Sec .web_content_Sec h2 {font-size: 30px; font-weight: 200; color: #000; text-transform: uppercase; }
.term_conditions_Sec .web_content_Sec p {color: #000; font-size: 16px; line-height: 35px; font-weight: 300; width: 100%; margin: 0 auto; padding-bottom: 20px; }
.term_conditions_Sec .web_content_Sec ul {padding-left: 30px; padding-bottom: 20px; }
.term_conditions_Sec .web_content_Sec ul li {color: #000; font-size: 15px; line-height: 35px; font-weight: 300; margin: 0 auto; list-style-type: disc; }





/*brief Form Css start*/

.briefPg .header-main {background: #000;position: relative;padding: 20px 0;}
.brief-form{padding: 50px 0;}
.brief-form h1{font-size: 50px;color: #f05a28;}
.brief-form p{font-size: 18px; color: #000; font-weight: 500; line-height: 30px; padding: 8px 0; }
.brief-form p span{color: #f05a28;}
.brief-form h2{font-size: 40px; color: #000; padding: 20px 0 0; border-top: 1px solid #7c7c7c; margin-top: 20px; }
.brief-form form{}
.brief-form form label{font-size: 16px; color: #585858; margin: 30px 0 0; }
.brief-form form label span{color: #f05a28;}
.brief-form form input, .brief-form form textarea{border-radius: 4px; border: 1px solid #959595; width: 100%; height: 50px; font-size: 16px; padding: 10px; }
.brief-form form textarea{height: 120px; resize: none; }
.brief-form form input.btn-submit{width: max-content;display: table;margin: auto;background: #f05a28;color: #fff;padding: 10px 45px;border: 0;margin-top: 40px;font-size: 16px;font-weight: 600;}
.brief-form form input.btn-submit:hover{background:#000;}

/*brief Form Css end*/

/********** Responsive **********/
@media only screen and (max-width: 1600px) {

.top-phone{font-size: 13px;}
	.btn-shape-left:before{left: -23px;}
	.btn-shape-right:before{right: -23px;}

	.main-banner{padding: 150px 0 120px;}
	.main-menu > ul > li{padding: 0 6px;}
	.main-menu > ul > li a{font-size: 12px;}
	.btn-size{font-size: 12px;}
	.btn-shape-left:before{border-top: 38px solid #f05a28;}
	.btn-black:before{border-top: 38px solid #000;}
	.btn-shape-right:before{border-top: 37px solid #ffea00;}
	.btn-white:before{border-top: 37px solid #fff;}
	.top-phone span:before{left: 70px;}
	.client-logos-banner ul li {margin: 0 10px;}
	.banner-logos li img {width: 80%;}
	.main-pera{width: 90%}
	ul.service-slder-home li .service-box img{width: 100%;}
	.service-sec:after{width: 445px;background-position: right;right: 10px;left: unset;}
	.pad-sec {padding: 30px 0;}
	ul.portfolio-tabs li{font-size: 12px}
	ul.portfolio-tabs li.current:before{border-top: 35px solid #f05a28;left: -23px;}
	.cta-orange h3, .cta-green h3{font-size:55px;}
	.why-animation-sec:before{left: 1%;}
	.process-sec{padding-bottom: 80px;}
	.process-sec:after, .processpg-sec.process-2:after{width: 105px;left: 20px;}
	.animation-feature .main-heading, .cta-yellow h4{font-size: 35px }
	.cta-yellow p{font-size: 20px;}
	.animation-feature:after, .testimonial-sec:after, .services-desc:before{display: none;}
	.package-sec:after, .services-2:after, .portfolio-sec.portfolio-pg:after, .testimonial-sec:before{left: 10px}

}


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

    .top-phone span{    margin-right: 30px;}
	.main-banner{padding: 150px 0 120px;}
	.main-menu > ul > li{padding: 0 6px;}
	.main-menu > ul > li a{font-size: 12px;}
	.btn-size{font-size: 12px;}
	.btn-shape-left:before{border-top: 38px solid #f05a28;}
	.btn-black:before{border-top: 38px solid #000;}
	.btn-shape-right:before{border-top: 37px solid #ffea00;}
	.btn-white:before{border-top: 37px solid #fff;}
	.top-phone span:before{left: 63px;width: 20px;}
	.client-logos-banner ul li {margin: 0 10px;}
	.banner-logos li img {width: 80%;}
	.main-pera{width: 90%}
	ul.service-slder-home li .service-box img{width: 100%;}
 
	.service-sec:after{width: 445px;background-position: right;right: 10px;left: unset;}
	.pad-sec {padding: 30px 0;}
	ul.portfolio-tabs li{font-size: 12px}
	ul.portfolio-tabs li.current:before{border-top: 35px solid #f05a28;}
	.cta-orange h3, .cta-green h3{font-size:55px;}
	.why-animation-sec:before{left: 1%;}
	.process-sec{padding-bottom: 80px;}
	.process-sec:after, .processpg-sec.process-2:after{width: 105px;left: 20px;}
	.animation-feature .main-heading, .cta-yellow h4{font-size: 35px }
	.cta-yellow p{font-size: 20px;}
	.animation-feature:after, .testimonial-sec:after, .services-desc:before{display: none;}
	.package-sec:after, .services-2:after, .portfolio-sec.portfolio-pg:after{left: 10px}
	.cta-orange h3, .cta-green h3 {font-size: 32px;}
	.cta-orange h4 {font-size: 30px;}
	.btn-size{padding: 10px 12px;}
	.cta-black:before{left: 70px;}
	.cta-black:after{width: 312px;height: 178px;}
}


@media only screen and (max-width: 1200px) {}
@media only screen and (max-width: 1024px) {}
@media only screen and (max-width: 991px) {}
@media only screen and (max-width: 767px) {

	.animation-feature:after, .testimonial-sec:after, .services-desc:before, .client-logos-banner ul, .main-heading:before,
	.service-sec .main-pera:before, .service-sec:before, .service-sec:after, ul.portfolio-tabs li.current:before, .why-animation-sec:before,
	.why-animation-sec:after, .testimonial-sec:before, .client-logos-footer .banner-logos, .service-sec .main-pera:after,
	.service-clients:before, .portfolio-sec .btn-shape-right:before, .package-sec:after, .processpg-sec.process-2:after, 
	.cta-black:before, .cta-black:after, .animation-feature:before{display: none;}

	.main-banner p, .main-pera, .portfolio-sec p, .processpg-sec p, .service-clients .main-heading, .service-clients ul li img,
	section.services-desc.pad-sec.services-2 img, .animation-feature .main-heading, .animation-feature img, footer #payment{width: 100%}


	.main-banner h1 span{font-size: 35px;}
	.main-pera, .cta-orange p{font-size: 16px}
	.main-banner {padding: 150px 0 60px;}
	.main-heading, .animation-feature .main-heading {font-size: 30px;}
	ul.portfolio-tabs, .process-sec ul{display: unset;}
	ul.portfolio-tabs li, .process-sec ul{display: block;margin-bottom: 10px;}
	ul.portfolio-list li {width: 47%;}
	.portfolio-sec .port-cta li{display: flex;}
	.process-sec ul li:nth-child(even) {top: 0;}
	.cta-green h4{font-size: 28px;}
	.cta-orange h3, .cta-green h3 {font-size: 29px;}
	.animation-feature .text-right{text-align: left;: }
	.testimonial-sec .box-wrap{margin-bottom: 30px;}
	.service-clients ul li{width: 22%}
	.processpg-sec h4:before{    right: 30%;}
	.contact-form .form-wrap {width: 90%;}


}

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