/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,900|Open+Sans:300,400,600,700'); */


#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: 'Bai Jamjuree', sans-serif;}
* { margin: 0px; padding: 0px; }

/* text selection color */
::-moz-selection { background: var(--primary-color);  color: var(--theme-white); text-shadow: none;}
::selection { background: var(--primary-color); color: var(--theme-white); text-shadow: none; }

/* 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:var(--primary-color); }


@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } }

body {font-family: 'Bai Jamjuree', sans-serif;color: var(--default-color);font-size:var(--base-font-size);position: relative;overflow-x: hidden;}

/* font family */
.ff-primary {font-family: 'Bai Jamjuree', sans-serif; }
.ff-secondary { font-family: 'Bai Jamjuree', sans-serif; }

/* font colors */
.fc-primary { color: var(--primary-color); }
.fc-secondary { color: var(--secondary-color); }
.fc-dark { color: var(--theme-dark); }
.fc-lite { color: var(--theme-lite); }

/* buttons */
.primary-btn,.secondary-btn { font-size: 13px; font-weight: 400; text-transform: capitalize; padding: 8px 15px;  position:relative; display:table; border-radius: 3px; }
.primary-btn:after, .secondary-btn:after { content: "\e957"; font-family: 'icomoon' !important;
font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }
.primary-btn { background:var(--primary-color); color: white; }
.primary-btn:hover {background:var(--primary-color-dark); color: white; }
.secondary-btn { background:var(--secondary-color); color: white;  }
.secondary-btn:hover {background:var(--secondary-color-dark); color: white; }

.banner-btn{text-transform: capitalize; display: inline-block; transform: translateY(0rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #fff !important; background-color: transparent;padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px;border: 1px solid #fff !important;}


.secpad-100{padding: 100px 0;}


.sm-btn { font-size: 14px; }
.md-btn { font-size: 16px; }
.lg-btn { font-size: 18px; }
.xl-btn { font-size: 20px; }

/* headings */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p { margin: 0; padding: 0; }
h1, .h1, h2, .h2 {font-family: 'Bai Jamjuree', sans-serif;}
h3, .h3, h4, .h4, h5, .h5, h6, .h6{font-family: 'Bai Jamjuree', sans-serif; padding-bottom: 10px;
color: var(--theme-dark); }

h2, .h2 { font-size: 6.7vmin; }
h3, .h3 { font-size: var(--font-size-h3); font-weight: 600; }
h4, .h4 { font-size: var(--font-size-h4); }
h5, .h5 { font-size: var(--font-size-h5); }
h6, .h6 { font-size: var(--font-size-h6); }
p { /*font-size: var(--base-font-size);*/ }

p {font-weight: 400;line-height: 1.4;padding: 0 0 20px;margin:0px;color: #687087;}

/*** theme sections padding ***/
.sec-padding-100 { padding:100px 0;} .sec-padding-90 { padding:90px 0;}
.sec-padding-80 { padding:80px 0;} .sec-padding-70 { padding:70px 0;}
.sec-padding-60 { padding:60px 0;} .sec-padding-xlarge { padding:50px 0; }
.sec-padding-large { padding:40px 0; } .sec-padding-medium { padding:30px 0; }
.sec-padding-small { padding:25px 0; } .sec-padding-xsmall { padding:10px 0; }

/*** theme sections margin ***/
.sec-margin-100 { margin:100px 0;} .sec-margin-90 { margin:90px 0;}
.sec-margin-80 { margin:80px 0;} .sec-margin-70 { margin:70px 0;}
.sec-margin-60 { margin:60px 0;} .sec-margin-xlarge { margin:50px 0; }
.sec-margin-large { margin:40px 0; } .sec-margin-medium { margin:30px 0; }
.sec-margin-small { margin:25px 0; } .sec-margin-xsmall { margin:10px 0; }

/*** 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; }




.tt-uppercase{text-transform: uppercase;}
.tt-capitalize{text-transform: capitalize;}


/*arsalan css */
html {
    overflow-x: hidden;
}
.fancybox-enabled body {
    overflow-x: hidden;
}
body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-track {
    /* background-color: red !important; */
}
.single-price ul::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background-color: #fa130d !important;
    border-radius: 10px !important;
}
.single-price ul::-webkit-scrollbar {
    width: 5px;
}
/*arsalan css end*/

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; }
/*img { max-width: 100%;  }*/
ul,li { list-style-type: none; }
.relative { position:relative; }
.absolute { position:absolute; }

h2,.h2 {
 color: #171717;
 line-height: 1.2;
 font-weight: 700;
 padding: 0 0 15px 0;
 position: relative;
 letter-spacing: -1px;
 }
h2 span,.h2 span { color:var(--primary-color);}

a { text-decoration: none; }
.list-simple { list-style: none; margin: 0 0 15px 0; width:100%; display:inline-block; }
.list-simple li {color: var(--default-color);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; color:var(--secondary-color); 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{/* padding: 20px 0 0px; */position: fixed;width: 100%;z-index: 99;}
header .logo-clr{display: none;}
.header-main.showmenu .logo-clr{display: block;}
.header-main.showmenu .logowrp img{
    /*filter: invert(1);*/
}
.header-main.showmenu .logo-wight{display: none;}
header .upr-navwrp{position: relative; z-index: 111; }
header .upr-navwrp ul{margin: 0 0 -20px;display: none;text-align: right;}
header .upr-navwrp ul li{display: inline-block; margin: 0 12px 0; }
header .upr-navwrp ul li a{color: #fff;font-size: 14px;font-weight: 600;}
header .upr-navwrp ul li a.blink{}
header .logowrp{}
header .logowrp img{width: 210px;margin: 10px 0 0;/* filter: invert(1); */}
header .navwrp{}
header .navwrp ul{margin: 15px 0 0;display: block;text-align: right;}
header .navwrp ul li{display: inline-block;margin: 0 7px;transition: all 0.3s ease;margin: 0 0 0px 3px;}
header .navwrp ul li.extrastyle a{
    border: 1px solid #63616191;
    padding: 6px 10px;
    border-radius: 7px;
    font-size: 15px;
}
header .navwrp ul li i{position: relative; left: 5px; color: #b10655; top: 1px; }
header .navwrp ul li a:hover{color: #b10655;}
header .navwrp ul li a{color: #fff;font-size: 14px;font-weight: 600;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
header .navwrp ul li a.btnwrp{background: #220632;padding: 13px 8px;color: #fff;font-size: 13px;border-radius: 7px;line-height: unset;}
.header-main.showmenu .navwrp ul li a.btnwrp:hover{color:#fff;}
.header-main.showmenu{background: #fff;padding-bottom: 0px;box-shadow: 0px 20px 40px 0 #00000030;}
.header-main.showmenu .upr-navwrp ul li a{color: #000; }
.header-main.showmenu .navwrp ul li a{color: #000; }
.header-main.showmenu .navwrp ul li a.btnwrp{color: #fff;}
.header-main.showmenu .navwrp ul li a:hover{color: #b10655;}
header .navwrp ul li.ser a{padding: 0 0 25px;}
header .navwrp ul li.ser:hover .dropwrep{display: block;}
header .dropwrep{position: absolute;width: 798px;padding: 20px 0 20px;transition: all 0.3s ease;top: 40px;border-radius: 10px;background: #fff;display: none;border: 1px solid #ae0653;left: -220px;background-image: url(../images/DDbanner.html);background-size: cover;background-repeat: repeat;}
header .dropwrep img{width: 25px;margin: 11px 10px 0px 12px;}
header .dropwrep span{height: 50px; width: 50px; display: inherit; border-radius: 50%; box-shadow: 2px 4px 15px -3px rgb(0 0 0 / 41%); margin: 0px 13px 0px 10px; padding: 0 0 0 0px; box-sizing: border-box; }
header .dropwrep .manuwrp{}
header .dropwrep .manuwrp ul{margin: 25px 0 0 10px;display: block;text-align: left;}
header .dropwrep .manuwrp ul li{width: 87%;display: inline-block;margin: 0 0 20px;}
header .dropwrep .manuwrp ul li a{color: #000 !important;font-size: 16px;position: relative;top: 5px;border-bottom: 1px solid #ca5287;padding: 0 0 9px 0;} header .dropwrep .manuwrp ul li a:after{content: "";content: "\f00c";display: none;position: absolute;font-family: 'FontAwesome';left: -21px;color: #b10655;top: 0;}


.btn-1{
    background-color: #220632;
    color: #fff;
    padding: 18px 30px;
    font-weight: 700;
    font-size: 16px;
    border-radius: 10px;
}
.btn-2{
    background-color: #fa130d;
    color: #fff;
    padding: 18px 30px;
    font-weight: 600;
    font-size: 16px;
    border-radius: 10px;
    margin: 0 0 0 20px;
}


@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}
.blink {
    animation: blinker 1s step-start infinite;
}
.blink {animation: blinker 1s step-start infinite;}



@keyframes blinker {
  50% {
    color: #fa130d; 
  }
}



header .navwrp ul li:hover .dropwrp{display: block; height: auto;/*transition: max-height 0.25s ease-in;*/border-radius:0;top: 92px;}
header .navwrp ul li .dropwrp{position: absolute;width: 100%; display: none; background: #fff;box-shadow: 0 2px 4px 0 rgb(0 0 0 / 45%);left: 0px;padding: 0;top: 80px !important;transition: max-height 0.15s ease-out;}

header .navwrp ul li .dropwrp.casedrop{width: 90%;margin: 0 auto;text-align: center;left: 100px;}
header .navwrp ul li .dropwrp.casedrop ul.top-ul{    min-height: 130px;}
header .navwrp ul li .dropwrp ul li{display: flex;text-align: left;/* line-height: 1.8; *//* padding: 0px 0 25px 10px; */margin: 0 0 20px;align-items: flex-start;/* justify-content: center; */}
header .navwrp ul li .dropwrp ul li h4{font-size: 15px;font-weight: 600;/* margin: 0 0 0 -15px; */padding: 0 0 16px;color: #000;}
header .navwrp ul li .dropwrp ul li a{padding-left: 10px;text-transform: capitalize;font-size: 15px;position: relative;/*transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;*/color: #222;padding: 0 0 20px 2px;}
header .navwrp ul li .dropwrp ul li a:hover{color: #24535f; }
header .navwrp ul li .dropwrp ul li > a:after{position: absolute;height: 6px;background: #ec874b;border-radius: 50%;left: -10px;top: 5px;}
header .navwrp ul li .dropwrp .imgwrp{background: #f9f9f9; padding: 38px;}
header .navwrp ul li .dropwrp .imgwrp video{width: 100%; border-radius: 5px; }
header .navwrp ul li .dropwrp .imgwrp p{text-align: left;padding-top: 14px;padding-bottom: 0;font-size: 14px;line-height: 1.6;}
header .navwrp ul li .dropwrp .row > div:nth-child(1) ul li a:after{ background: #ec874b; }
header .navwrp ul li .dropwrp .row > div:nth-child(2) ul li a:after{ background: #9c1d61; }
header .navwrp ul li .dropwrp .row > div:nth-child(3) ul li a:after{ background: #5751cd; }
header .navwrp ul li .dropwrp ul.top-ul{ padding: 38px 0 10px; margin: 0; min-height: 250px;}
header .navwrp ul li .dropwrp ul.nav-botm li a:after{ display: none; }
header .navwrp ul li .dropwrp ul.nav-botm {text-align: left; border-top: 1px solid #e2d6d6; padding: 30px 0; display: flex; justify-content: space-between; margin-top: 0;}
header .navwrp ul li .dropwrp ul.nav-botm li{padding: 0; margin: auto 0;}
header .navwrp ul li .dropwrp ul.nav-botm li a{}
header .navwrp ul li .dropwrp ul.nav-botm p{color: #504d4d; font-weight: 700; margin-bottom: 0; padding-bottom: 0;}


.home-banr-wrp img.aniwrp{position: absolute; bottom: 0; animation: rotate 7s normal linear infinite; width: 140px; left: 30px; }
.home-banr-wrp .imgwrp{}
.home-banr-wrp .imgwrp img{position: absolute; width: 110%; top: -5rem; left: -110px; }
.home-banr-wrp{padding: 210px 0 240px;position: relative;overflow: unset;}
.home-banr-wrp.serwrp:after{content: "";background-image: url(../images/branding-banner-bg.jpg);height: 111%;}
.home-banr-wrp:after{content: "";top: 0;display: block;position: absolute;width: 100%;background: url(../images/banner-bg.jpg);height: 108%;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 117% 100%;z-index: -1;background-repeat: no-repeat;}
.home-banr-wrp .extrawrp{    position: relative;    top: -40px;}
.home-banr-wrp .videowrp{top: 0;right: 0;z-index: -1;}
.home-banr-wrp .videowrp video{position: absolute;/* transform: scaleX(-1); */width: 100%;/* float: right; */top: 0;}
.home-banr-wrp .imgtop{position: relative; z-index: 10; display: inline-block; background: #ececec21; padding: 8px 15px; border-radius: 9px; border: 1px solid #ffffff26; margin: 0 0 18px; }
.home-banr-wrp .imgtop img{width: 38px;vertical-align: sub;margin: 0;display: inline-block;}
.home-banr-wrp .imgtop span{font-size: 14px;color: #fff;display: inline;margin: 0 0 0 10px;vertical-align: text-bottom;text-transform: uppercase;}
.home-banr-wrp .imgtop span strong{}
.home-banr-wrp .txtwrp{position: relative;z-index: 11;width: 90%;}
.home-banr-wrp .txtwrp h1{color: #fff;font-size: 44px;padding: 0 0 20px;font-weight: 600;}
.home-banr-wrp .txtwrp p{color:  #C5C9EA;font-size: 20px;}
.home-banr-wrp .btnwrp{display: block;padding: 30px 0 0;position: relative;z-index: 11;vertical-align: top;}
.home-banr-wrp .btm-bnr-box{position: absolute; bottom: 0; width: 100%; }
.home-banr-wrp .btm-bnr-box .mainwrp{width: 100%;background: #ffffff17;padding: 30px 20px 30px;border: 2px solid #ffffff3d;position: relative;z-index: 11;height: 250px;transition: all 250ms ease;border-bottom: unset;}
.home-banr-wrp .btm-bnr-box .mainwrp i{color: #fff;display: block;margin: 0 0 20px;font-size: 16px;}
.home-banr-wrp .btm-bnr-box .mainwrp h4{color: #fff;font-size: 18px;width: 84%;font-weight: 300;margin: 50px 0 0;}
.home-banr-wrp .btm-bnr-box .mainwrp p{font-size: 14px;color: #ffffff75;}
.home-banr-wrp .btm-bnr-box .mainwrp a{position: absolute; bottom: 20px; color: #fff; font-size: 12px; }
.home-banr-wrp .btm-bnr-box .mainwrp a i{display: inline-block; margin: 0 0 0 3px; font-size: 14px; font-weight: 300; transition: all 250ms ease; }
.home-banr-wrp .btm-bnr-box .mainwrp:hover{transition: all 250ms ease;border-radius: 40px 0 0 0;background: #d39f0030;border: 2px solid #d39f00;border-bottom: unset;position: relative;}
.home-banr-wrp .btm-bnr-box .mainwrp:hover a i.fa-long-arrow-right{transition: all 250ms ease;    margin: 0 0 0px 16px;}
.home-banr-wrp .iconwrp{position: absolute;z-index: 1;bottom: 30px;} 
.home-banr-wrp .btm-bnr-box .mainwrp span{position: absolute;top: 30px;color: #fff;transition: all 250ms ease;width: 80%;display: flex;justify-content: space-between;}
.home-banr-wrp .btm-bnr-box .mainwrp span i{display: inline-block; transition: all 250ms ease; position: relative; font-size: 15px; top: 2px; }
.home-banr-wrp .btm-bnr-box .mainwrp:hover span i.fa-long-arrow-right{    transition: all 250ms ease;    left: 5px;}
.home-banr-wrp .iconwrp ul{margin: 0; }
.home-banr-wrp .iconwrp ul li{display: inline-block;margin: 0 30px 0 0;vertical-align: middle;}
.home-banr-wrp .iconwrp ul li img{width: 90px;filter: invert(1);}
.home-banr-wrp .ovlrwywrp{z-index: 1;/* position: absolute; *//* background: url(../images/video-overlay.png) rgb(0 0 0 / 30%); */width: 100%;height: 100%;top: 0;}
.home-banr-wrp .btnwrp .btn-1{background: #fff;color: #000;}
.home-banr-wrp .btm-bnr-box .mainwrp span img {width: 30px; }
.home-banr-wrp img.img-cer {position: absolute;right: 390px;width: 50%;top: 450px;filter: brightness(0.5);z-index: 0;}
.home-banr-wrp .formwrp{background: var(--white);border-radius: 3px;padding: 41px 33px;text-align: center;width: 47%;margin: 0 auto;box-shadow: 0px 1px 40px 3px #fa130d12;border: 1px solid #fa130d;}
.home-banr-wrp .formwrp:after{content: "";background: url(../images/suitable-package-vector.png) no-repeat center top;width: 198px;height: 398px;position: absolute;left: -13px;bottom: -30px;z-index: 1;}
.home-banr-wrp .formwrp form{}
.home-banr-wrp .formwrp form h4{color: #0d146c;padding: 0 0 30px;font-weight: 600;}
.home-banr-wrp .formwrp form .lablewrp{}
.home-banr-wrp .formwrp form .lablewrp input{width: 100%;height: 40px;height: 41px;margin: 0 0 15px;background: #f3f5fe;font-size: 15px;color: #767676;outline: none;border: none;padding: 0 0 0 20px;border: 1px solid transparent;}
.home-banr-wrp .formwrp form .lablewrp textarea{width: 100%;height: 110px;margin: 0px 0 10px;background: #f3f5fe;font-size: 15px;color: #767676;outline: none;border: none;padding: 10px 0 0 20px;border: 1px solid transparent;resize: none;}
.home-banr-wrp .formwrp form .lablewrp input.btnmain{padding: 0; background: #fa130d; color: #fff; font-weight: 600; height: 45px; border-radius: 7px; }

.client-logowrp{padding: 50px 0 70px;overflow: unset !important;position: relative;} 
.client-logowrp .txtwrp{width: 60%;margin: 0 auto 50px;display: block;text-align: center;}
.client-logowrp .mainwrp{}
.client-logowrp .mainwrp ul{margin: 0; display: block; text-align: center; }
.client-logowrp .mainwrp ul li{display: inline-block;margin: 0 50px 50px;}
.client-logowrp .mainwrp ul li img{height: 70px;filter: invert(1);}
.client-logowrp:after{content: "";background-image: url(../images/element-3.png);position: absolute;width: 200px;height: 280px;background-size: 100%;background-repeat: no-repeat;bottom: -90px;right: -30px;}
.client-logowrp:before{content: "";background-image: url(../images/element-5.png);position: absolute;width: 220px;height: 300px;background-size: 100%;background-repeat: no-repeat;bottom: 330px;left: -100px;}

.upr-head{color: #fa130d; font-size: 18px; font-weight: 600; letter-spacing: 5px; }
.main-heading{color: #22204F;font-size: 46px;line-height: 1.1;padding: 0 0 10px;}
.main-pera{color: #3C3863; font-size: 18px; font-weight: 600; }


.tech-secendwrp{background: #f3f0f0;padding: 90px 0;}
.tech-secendwrp:after{content: "";}
.tech-secendwrp .txtwrp{width: 60%;display: block;text-align: center;margin: 0 auto 60px;}
.tech-secendwrp .txtwrp h2{color: #22204F; }
.tech-secendwrp .imgwrp{}
.tech-secendwrp .imgwrp img{width: 100%;border-radius: 15px;}
.tech-secendwrp .txtdiv{}
.tech-secendwrp .btnwrp{display: block; padding: 40px 0 0; }
.tech-secendwrp .txtdiv p{}

.ecompg .tech-secendwrp .imgwrp img.tch-img{    width: 120%;
    position: relative;
    left: -40px;
}


.processwrp{background-image: linear-gradient(to right, #F2F2F2, #FAFAFA);padding: 60px 0;position: relative;}
.processwrp .txtwrp{display: block;text-align: center;padding: 0 0 20px;width: 80%;margin: 0 auto;}
.processwrp .txtwrp h2 span{color: #3E8E71; }
.processwrp .mainwrp{border: 1px solid #C1C1C1;width: 250px;height: 250px;border-radius: 20px;margin: 0 auto 20px;display: block;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;text-align: center;background-image: linear-gradient(to right, #fff, #F5F5F5);}
.processwrp .mainwrp img{text-align: center;width: 60px;margin: 60px 0 0;display: block;margin: 70px auto 5px;filter: brightness(0.5);}
.processwrp .mainwrp h4{color: #000000; font-size: 18px; padding: 15px 0 0; }
.processwrp .mainwrp:hover{background: #220632;}
.processwrp .mainwrp:hover h4{color: #fff; }
.processwrp .btnwrp{padding: 40px 0 0;display: block;text-align: right;}
.processwrp .txtdiv{padding: 30px 0 0 31px; }
.processwrp .txtdiv p{color: #5D5D5DD8; font-size: 16px; }
.processwrp:after{content: "";position: absolute;background-image: url(../images/process-dots.html);width: 100px;height: 180px;background-size: 96%;background-repeat: no-repeat;top: -50px;left: 220px;}

.cont-slider .slick-active button {font-size: 18px !important; /* background: white !important; */ /* padding: 20px !important; */ color: #fff !important; position: absolute; left: 0; }
.follow-slider .slick-prev:before,.follow-slider .slick-next:before {color: #fa130d;}
form {font-family: 'Nexa';}
span.count-slid {color: #f3f3f3; font-size: 18px; margin-left: 15px; position: relative; top: 1px; }
.cont-slider .slick-active button:before {display: none; }

.cont-slider button:before {display: none; }

.accordian-item-header::after{display:none;}
.cont-slider .slick-active {position: absolute; left: -10px; }
.slick-prev:before {content: "\f104"; font-family: FontAwesome; font-size: 70px; }
.slick-next:before {content: "\f105"; font-family: FontAwesome; font-size: 70px; }
.slick-prev {left: -45px; top: 120px; }
.slick-next {right: -45px; top: 120px;}





.ctawrp{/* background-position: top center; */background-repeat: no-repeat;background-size: cover;background-image: url(../images/sec3-bg-scaled.webp);padding: 100px 0;margin: 10px 0 70px;width: 90%;margin: 0 auto;border-radius: 26px;}
.ctawrp .txtwrp{display: block;text-align: center;width: 70%;margin: 0 auto;}
.ctawrp .txtwrp h2{color: #fff; } 
.ctawrp .txtwrp p{color: #fff; font-size: 19px; }
.ctawrp .btnwrp{display: block;text-align: center;padding: 40px 0 0;}
.ctawrp .btnwrp .btn-2{background: #fff; color: #000; font-weight: 600; }




.srv-info-sec {padding: 0;position: relative;overflow: hidden;}
.srv-info-sec:after{content: "";background-image: url(../images/element-1.png);position: absolute;width: 220px;height: 300px;background-size: 100%;background-repeat: no-repeat;top: 0;right: -61px;}
.srv-info-sec:before{content: "";background-image: url(../images/element-4.png);position: absolute;width: 220px;height: 300px;background-size: 100%;background-repeat: no-repeat;bottom: 0;left: -100px;}
.srv-info-sec p{margin-bottom: 25px; }
.srv-info-sec .srv-info-wrap {position: relative; z-index: 1; height: 0; padding-top: 100%; }
.srv-info-sec .srv-info-wrap:before {content: ''; position: absolute; z-index: -1; left: 10%; top: 10%; width: 80%; height: 80%; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 1px solid #dee1ed; }
.srv-info-sec .srv-info-wrap .srv-item-ico {position: absolute; z-index: 1; width: 18%; height: 18%; font-size: 40px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 5px 7px 30px rgba(72,73,121,0.15); -moz-box-shadow: 5px 7px 30px rgba(72,73,121,0.15); box-shadow: 5px 7px 30px rgba(72,73,121,0.15); border: 2px solid #fff; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; background: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.srv-info-sec .srv-info-wrap .srv-item-ico:after {content: ''; width: 100%; height: 100%; border-radius: 100%; -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; transition: all .3s ease-in; opacity: 0; z-index: -1; }
.srv-info-sec .srv-info-wrap .srv-item-ico:hover:after,
.srv-info-sec .srv-info-wrap .srv-item-ico.active:after {opacity: 1;background: #220632;}
.srv-info-sec .srv-info-wrap .srv-item-ico.active i {opacity: 0; }
.srv-info-sec .srv-info-wrap .srv-item-ico.active i+i {background: -webkit-linear-gradient(#fff, #fff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; opacity:  1; }
.srv-info-sec .srv-info-wrap .srv-item-ico i {font-size: 45px;-webkit-background-clip: text;/* -webkit-text-fill-color: transparent; *//* -webkit-transition: all .3s ease-in; */-o-transition: all .3s ease-in;-moz-transition: all .3s ease-in;transition: all .3s ease-in;position: absolute;color: #fa130d;}
.srv-info-sec .srv-info-wrap .srv-item-ico i {opacity: 1; }
.srv-info-sec .srv-info-wrap .srv-item-ico i+i {opacity: 0; }
.srv-info-sec .srv-info-wrap .srv-item-ico i img{width: 45px;}
.srv-info-sec .srv-info-wrap .ico-one {left: 13%; top: 13%; }
.srv-info-sec .srv-info-wrap .ico-two {right: 13%; top: 13%; }
.srv-info-sec .srv-info-wrap .ico-three {right: 13%; bottom: 13%; }
.srv-info-sec .srv-info-wrap .ico-three-alt {right: 0%; left: 0%; bottom: 3%; margin:auto; }
.srv-info-sec .srv-info-wrap .ico-four {left: 13%; bottom: 13%; }
.srv-info-sec .srv-info-wrap .srv-item-content {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 25%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; }
.srv-info-sec .srv-info-wrap .srv-item-content.active {opacity: 1; visibility: visible; }
.srv-info-sec .srv-info-wrap .srv-item-content h5 {font-size: 16px;color: #fa130d;text-transform: uppercase;font-weight: 700;letter-spacing: 5px;}
.srv-info-sec .srv-info-wrap .srv-item-content h3 {font-size: 24px; color: var(--dark); font-weight: 700; }
.srv-info-sec .srv-info-wrap .srv-item-content p {font-size: 16px; margin: 0px; }
.services-pg .packages-sec {padding: 91px 0 110px 0; }
.services-pg .packages-sec h2 {margin-bottom: 3px; }
.services-pg .packages-sec .sub-head{margin-bottom: 22px; }
.services-pg .packages-sec .bx {margin: 20px 0; }
.services-pg .packages-sec .bx .info h5 {font-size: 20px; border: 0px; padding: 0px; font-weight: 700; color: var(--orange); text-transform: capitalize; }
.services-pg .packages-sec .bx p {font-size: 14px; color: var(--dark); font-weight: 400; margin-bottom: 0px; }
.services-pg .packages-sec .bx p a {font-size: 14px; color: var(--orange); font-weight: 700; }
.srv-details {margin: 48px 0 0 0; padding: 88px 0; }
.srv-details .info-box {position: relative; z-index: 1; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 30px; margin: 8px 0; }
.srv-details .info-box:hover {box-shadow: 7px 5px 30px 0 rgba(72,73,121,0.15); background-color: var(--white); border-color: transparent; }
.srv-details .info-box figure {max-width: 39px; }
.srv-details .info-box figure img {width: 100%; }
.srv-details .info-box h3 {font-size: 20px; font-weight: 700; color: var(--dark); margin-bottom: 10px; }
.srv-details .info-box p {font-size: 16px; margin-bottom: 0; }
.srv-details .srv-details-list {margin: 0px; padding: 0px; list-style: none; }
.srv-details .srv-details-list li {font-size: 20px; color: var(--dark); font-weight: 700; width: 33%; float: left; margin: 15px 0; display: inline-block; vertical-align: middle; }
.srv-details .srv-details-list li figure {width: 50px; float: left; margin: -9px 15px 0 0; }
.srv-details .srv-details-list li figure img {width: 100%; }
.icon-branding-requirment-3:before {content: "\e902"; }
.icon-branding-requirment-1:before {content: "\e900"; }
.icon-branding-requirment-2:before {content: "\e901"; }
.icon-branding-requirment-4:before {content: "\e903"; }






.portfoliowrp{padding: 70px 0;background: #f9f9f9;}
.portfoliowrp .txtwrp{display: block; text-align: center;}
.portfoliowrp .navwrp{display: block;text-align: center;padding: 0 0 50px;}
.portfoliowrp .navwrp ul{margin: 0; display: block; text-align: center; }
.portfoliowrp .navwrp ul li{display: inline-block;margin: 0 5px;padding: 10px 15px;color: #220632;font-size: 15px;border-radius: 7px;font-weight: 500;border: 1px solid #220632;cursor: pointer;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.portfoliowrp .navwrp ul li.current{background: #220632;color: #fff;}
.portfoliowrp .port-box{}
.portfoliowrp .port-box ul{margin: 0; display: block; text-align: center; }
.portfoliowrp .port-box ul li{display: inline-block;width: 24%;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 16%);border-radius: 20px;margin: 0 4px 0;}
.portfoliowrp .port-box ul li:hover{transform: scale(1.1);}
.portfoliowrp .port-box ul li img{width: 340px; height: 310px; object-fit: cover; border-radius: 15px; }
.portfoliowrp .btnwrp{display: block; text-align: center; padding: 50px 0 0; }

.tabs{display: none;}
.tabs.current{display: block;}
.tabs-web-dsgn li.hk_web_height {height: 500px; overflow: hidden; background-size: cover; border-radius: 10px; }

.tabs-web-dsgn li.hk_web_height:hover {background-position: 100% 100%; transition: 6s !important; transform: none; }


.boxesinfo .wrp .listboxes li .textwrap{}
.boxesinfo .wrp .listboxes li .textwrap h4{font-size: 14px; font-family: var(--secondary-font-family); text-align: center; margin-top: 20px; line-height: 1.4; padding-bottom: 0; letter-spacing: 0.5px; }
.proofbox{background: #220632;padding: 60px 0 90px;position: relative;}
.proofbox h3{color:#fff;font-size: 30px;}
.proofbox p{color:#fff;font-size: 18px;}
.proofbox .btnwrap{display: block; padding: 40px 0 0px; }
.proofbox .btnwrap .btn-1{background: #fff; color: #220632; }
.proofbox:after{content: "";background-image: url(../images/element-6.png);position: absolute;width: 220px;height: 300px;background-size: 100%;background-repeat: no-repeat;top: -20px;right: -100px;filter: contrast(0.5);}
.proofbox:before{content: "";height: 130%;width: 20%;background-image: url(../images/triangle.html), url(../images/planet2x.png);background-size: 40px, 180px, 60px;position: absolute;background-repeat: no-repeat;background-position: 120px 0px, -55px 49px, 83px 54%;left: 0px;top: 160px;}



.pkgewrp{padding: 70px 0 50px;position: relative;}
.pkgewrp .txtwrp{display: block; text-align: center; }
.pkgewrp .pkgemenu{}
.pkgewrp .pkgemenu ul{display: block; text-align: center; margin: 30px 0 50px; }
.pkgewrp .pkgemenu ul li{display: inline-block;margin: 0 5px;padding: 11px 12px;border: 1px solid #220632;color: #220632;cursor: pointer;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;border-radius: 7px;font-weight: 600;width: 125px;font-size: 12px;}
.pkgewrp .pkgemenu ul li.current{color: #fff;background: #220632;border-radius: 7px;}
.pkgewrp .pkgemain ul{margin: 0 auto; text-align: center; display: block; }
.pkgewrp .pkgemain ul li{display: inline-block;width: 24%;margin: 0 10px;}
.pkgewrp .pkgemain ul li .pkgebox{display: block;padding: 40px 20px;box-shadow: 0px 0px 20px 1px #d2d2d29e;border-radius: 15px;background: #fff;height: 640px;border: 1px solid #dbdada;}
.pkgewrp .pkgemain ul li .pkgebox.clr-blu .namewrp span{color: #4a8cfc;  background: #4a8cfc47;}
.pkgewrp .pkgemain ul li .pkgebox.clr-blu .detalwrp ul li:after{    color: #4a8cfc;}
.pkgewrp .pkgemain ul li .pkgebox.clr-blu .pricwrp h4{color: #220632;}
.pkgewrp .pkgemain ul li .pkgebox.clr-blu .pricwrp a{background: #220632;}

.pkgewrp .pkgemain ul li .pkgebox.clr-orng .namewrp span{color: #20cb98;background: #20cb983b;}
.pkgewrp .pkgemain ul li .pkgebox.clr-orng .detalwrp ul li:after{color: #20cb98;}
.pkgewrp .pkgemain ul li .pkgebox.clr-orng .pricwrp h4{color: #220632;}
.pkgewrp .pkgemain ul li .pkgebox.clr-orng .pricwrp a{background: #fa130d;}

.pkgewrp .pkgemain ul li .pkgebox .namewrp{display: block; text-align: center; }
.pkgewrp .pkgemain ul li .pkgebox .namewrp span{color: #b4285f; background: #b4285f30; padding: 3px 25px; border-radius: 15px; font-size: 16px; }
.pkgewrp .pkgemain ul li .pkgebox .namewrp h2{color: #323b49; font-size: 28px; font-weight: 500; margin: 14px 30px 0; }
.pkgewrp .pkgemain ul li .pkgebox .namewrp p{color: #666666; font-size: 15px; }
.pkgewrp .pkgemain ul li .pkgebox .detalwrp{margin: 0; text-align: left; display: block; }
.pkgewrp .pkgemain ul li .pkgebox .detalwrp ul{height: 229px;}
.pkgewrp .pkgemain ul li .pkgebox .detalwrp ul li{display: block; width: 100%; text-align: left; font-size: 15px; color: #666666; padding: 0 0 3px 20px; position: relative; }
.pkgewrp .pkgemain ul li .pkgebox .detalwrp ul li:after{left: 0;color: #b4285f;content: "\e93a";position: absolute;font-family: 'icomoon';}
.pkgewrp .pkgemain ul li .pkgebox .pricwrp{    padding: 10px 0 0;}
.pkgewrp .pkgemain ul li .pkgebox .pricwrp h4{color: #220632;display: inline-block;font-size: 46px;margin: 0 auto;text-align: center;font-weight: 600;}
.pkgewrp .pkgemain ul li .pkgebox .pricwrp h4 span{display: inline-block;font-size: 18px;color: #fa130d;text-decoration: line-through;}
.pkgewrp .pkgemain ul li .pkgebox .pricwrp a{display: block;color: #fff;padding: 13px 10px;width: 55%;background: #220632;margin: 20px auto 0;border-radius: 7px;}
.pkgewrp .pkgemain ul li .pkgebox .pricwrp p{font-size: 14px;color: #888888;padding: 11px 0 0;display: none;}
.pkgewrp .btnwrp{display: block; text-align: center; padding: 70px 0 0; }
.pkgewrp:after{content: "";}
.pkgewrp:before{content: "";background-image: url(../images/element-7.png);position: absolute;width: 220px;height: 300px;background-size: 100%;background-repeat: no-repeat;bottom: 100px;left: -120px;}

.box-price-1 .single-price .btnwrp{
    display: inline-flex;
}
.box-price-1 .single-price .btnwrp a.get-btn{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 10px;
    font-weight: 600;
}
.box-price-1 .single-price .btnwrp a.btn-1{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 25px;
    margin-top: 30px;
}
.box-price-16 .single-price .btnwrp,
.box-price-17 .single-price .btnwrp,
.box-price-2 .single-price .btnwrp{
    display: inline-flex;
}
.box-price-2 .single-price .btnwrp a.get-btn{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 10px;
}
.box-price-2 .single-price .btnwrp a.btn-1{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 25px;
    margin-top: 30px;
}
.box-price-3 .single-price .btnwrp{
    display: inline-flex;
}
.box-price-3 .single-price .btnwrp a.get-btn{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 10px;
}
.box-price-3 .single-price .btnwrp a.btn-1{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 25px;
    margin-top: 30px;
}

.box-price-4 .single-price .btnwrp{
    display: inline-flex;
}
.box-price-4 .single-price .btnwrp a.get-btn{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 10px;
    
}
.box-price-4 .single-price .btnwrp a.btn-1{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 25px;
    margin-top: 30px;
}

.box-price-5 .single-price .btnwrp{
    display: inline-flex;
}
.box-price-17 .single-price .btnwrp a.get-btn,
.box-price-15 .single-price .btnwrp a.get-btn,
.box-price-16 .single-price .btnwrp a.get-btn,
.box-price-5 .single-price .btnwrp a.get-btn{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 10px;
}
.box-price-17 .single-price .btnwrp a.btn-1,
.box-price-15 .single-price .btnwrp a.btn-1,
.box-price-16 .single-price .btnwrp a.btn-1,
.box-price-5 .single-price .btnwrp a.btn-1{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 25px;
    margin-top: 30px;
}

.box-price-15 .single-price .btnwrp,
.box-price-6 .single-price .btnwrp{
    display: inline-flex;
}
.box-price-6 .single-price .btnwrp a.get-btn{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 10px;
}
.box-price-16 .single-price .btnwrp a.btn-1,
.box-price-6 .single-price .btnwrp a.btn-1{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 25px;
    margin-top: 30px;
}

.box-price-7 .single-price .btnwrp{
    display: inline-flex;
}
.box-price-7 .single-price .btnwrp a.get-btn{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 10px;
}
.box-price-7 .single-price .btnwrp a.btn-1{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 25px;
    margin-top: 30px;
}

.box-price-8 .single-price .btnwrp{
    display: inline-flex;
}
.box-price-8 .single-price .btnwrp a.get-btn{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 10px;
}
.box-price-8 .single-price .btnwrp a.btn-1{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 25px;
    margin-top: 30px;
}


.box-price-9 .single-price .btnwrp{
    display: inline-flex;
}
.box-price-9 .single-price .btnwrp a.get-btn{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 10px;
}
.box-price-9 .single-price .btnwrp a.btn-1{
    padding: 10px 15px;
    font-size: 14px;
    margin-left: 25px;
    margin-top: 30px;
}


/*Testimonial*/
.testimonial{padding: 50px 0;background: #f8f8f8c2;}
.testimonial .txtwrp-top{text-align: center;width: 65%;margin: 0 auto;}
.testimonial ul{list-style: none;font-size: 0;margin: 20px 0 0 20px;}
.testimonial ul li{width: 30%;display: inline-block;margin-right: 35px;background: #fff;padding: 30px;box-shadow: 5px 6px 30px #00000012;border-radius: 6px;position: relative;margin-top: 45px;margin-bottom: 50px;margin-left: 20px;z-index: 1;}
.testimonial .profile-card{}
.testimonial .profile-card .txtwrp{text-align: left; }
.testimonial .profile-card .profile-dp{position: absolute;top: -35px;left: 25px;text-align: center;padding: 20px 0;height: 70px;width: 70px;border-radius: 50%;background: #220632;font-weight: 700;box-shadow: 8px 9px 30px #00000029;} 
.testimonial .profile-card .profile-dp span{}
.testimonial .profile-card .profile-dp span{    font-size: 22px; color: #fff; display: inline-block; font-weight: 700;} 
.testimonial .profile-card .txtwrp h1{font-size: 20px;margin-top: 18px;}
.testimonial .profile-card .txtwrp p{margin:0;font-size: 16px;height: 150px;padding: 10px 0;}
.testimonial .profile-card .txtwrp h2{font-size: 17px;}
.testimonial .profile-card .ratings{padding: 8px 0; }
.testimonial .profile-card .ratings span{font-size: 15px; color: #f5a623; }
.testimonial .mCustomScrollBox{padding: 0 15px 0 0;}
.testimonial .slick-next:before{content: "\e957"!important; font-family: icomoon!important;font-size: 40px;}
.testimonial .slick-prev:before{content: "\e958"!important; font-family: icomoon!important;font-size: 40px;}
.testimonial .slick-next{width: 50px; top: 50%; height: 50px; background: #d4d0d0; border-radius: 50%; box-shadow: 0 0 11px #eaf0f6;right: -5px;}
.testimonial .slick-prev{width: 50px; top: 50%; height: 50px; background: #d4d0d0; border-radius: 50%; box-shadow: 0 0 11px #eaf0f6;position: absolute;left: -20px;z-index: 1;}
.testimonial.wiki .img-wrp img{width: 30%;}





.roleswrp .quest-title.active{color: #0c2745;}
.quest-title.active:before{    color: #4d89dc;}
.roleswrp{padding: 110px 0;background-repeat: no-repeat;background-size: cover;background-position: -460px -230px;background: #d2d4d614;background: url(../images/call-box-bg.png) no-repeat;background-size: cover;}
.product-slider-gallery { position: relative; padding: 0px 0px 7px 0;  }
.product-slider-gallery .slick-slide {  }
.product-slider-gallery .slick-slide img { width: 100%; height: 370px; }
.product-gallery-nav-wrapper {  margin: 0 0 7px 0; position: relative; }
.product-gallery-nav { position: relative;  }
.product-gallery-nav .slick-slide { padding: 2px 0; border:0px;  height: 93px; overflow: hidden;  }
.product-gallery-nav .slick-slide img { width: 100%; height: 93px; cursor: pointer;   }
.roleswrp .row.bodrbtm{border-bottom: 1px solid #dbdbdb;padding: 0 0 30px;}
.roleswrp .row.bodrbtm span{color: #23233c; font-size: 14px; }
.roleswrp .row.bodrbtm h4{color: #4D5768;font-size: 18px;font-weight: 400;padding: 0;}
.roleswrp .row.bodrbtm .btnwrp{display: block; text-align: right; }
.roleswrp .row.bodrbtm .btnwrp a{color: #7189ff; }
.roleswrp .boxwrp{border: 1px solid #e4eaf0;padding: 30px 30px 40px;background: #fff;display: block;text-align: left;border-radius: 6px;box-shadow: -18px 20px 60px 0px #3a48501f;margin: 30px 0 0;}
.roleswrp .boxwrp h4{}
.roleswrp .boxwrp p{padding: 0 0 40px; }



.hk_hide {display: none; }
.accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.accordion {overflow: hidden;background: none;margin-top: 0px;}
.quest-title {font-size: 18px;font-weight: 700;text-transform: capitalize;color: #0c2745;padding: 0px 15px 0px 15px;margin-bottom: 0px;position: relative;width: 100%;min-height: 60px;line-height: 60px;display: inline-block;transition: all linear 0.15s;text-decoration: none;border-bottom: 1px solid #dbdbdb;}
.quest-title:before { position: absolute; content: "\e91e"; width: 20px; height: 20px; right: 15px; top: 0px; font-family: 'icomoon' !important; color: #1e1e1e; font-size: 20px; }
.quest-title.active, .quest-title:hover {content: "\e91c";color: #0c2745;}
.quest-title:after { width: 60px; height: 1px; left: -60px; bottom: -1px; background: #dbdbdb; position: absolute; content: ""; }
.quest-title.active:before { content: "\e91c"; }
.quest-title:hover:before { /*content: "\f056";*/ }
.quest-content {padding: 15px 20px;display: none;margin-bottom: 0px;float: left;width: 100%;}
.quest-content p { line-height: 20px; font-size: 14px; font-weight: 500; margin: 0px; color: #363636; }









.btmform{padding: 70px 0 40px;background: #fff;background-size: cover;background: url(../images/call-box-bg.png) no-repeat;background-size: cover;background-position: -460px -230px;}
.btmform .main-box{border: 1px solid;border: 1px solid #e4eaf0;padding: 30px 30px 40px;background: #fff;display: block;text-align: left;border-radius: 6px;box-shadow: -18px 20px 60px 0px #3a48501f;margin: 10px 0 0;}
.btmform .main-box h4{padding: 0 0 30px; }
.btmform .txtwrp
.btmform .formwrp form{}
.btmform .formwrp form .lable input{width: 100%;margin: 0 0 0 0;border: 1px solid #afa8a8;background: white;padding: 10px 15px;color: gray;font-size: 18px;border-radius: 5px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 20px;}
.btmform .formwrp form .lable input.btn{background: #fa130d;color: #fff;font-weight: 600;width: 40%;border-radius: 12px;font-weight: 400;}
.btmform .formwrp form .lable textarea{width: 100%;margin: 0 0 15px;padding: 8px 12px;height: 70px;border: 1px solid #afa8a8;background: white;padding: 10px 15px;color: gray;font-size: 18px;border-radius: 5px;font-weight: 500;outline: none !important;}
.btmform .formwrp form .lable select{width: 100%;margin: 0 0 20px 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;border: 1px solid #afa8a8;color: gray;font-size: 13px;border-radius: 5px;height: 50px;font-weight: 400;outline: none !important;}
.intl-tel-input{width: 100%;}



.toll-free {
    padding: 70px 0;
    text-align: center
}

.toll-free h2 {
    margin: 0 0 40px;
    font-size: 36px;
    font-weight: 400
}

.toll-free img {
    vertical-align: top
}

.toll-free .tel {
    margin-right: 15px
}

.toll-free .chat img {
    margin-top: 5px
}

.toll-free .chat {
    margin-left: 15px
}

.toll-free {
    display: block
}

.toll-free a {
    font-size: 22px;
    color: #272727;
    font-weight: 500;
    display: inline-block;
    line-height: 21px
}
.toll-free a.btn-1{color: #fff;padding: 18px 30px;}

.toll-free a span {
    display: block;
    font-size: 16px
}

.toll-free .custom-col {
    display: inline-block;
    margin-right: 40px
}

.toll-free .custom-col:last-of-type {
    margin: 0;
    text-align: left
}

.toll-free .custom-btn {
    margin-top: -5px;
    color: #fff;
    display: inline-block !important;
    width: auto;
    padding: 14px 92px;
    letter-spacing: .5px
}



.footer-main {background: #33475b;margin: 0px 0 0 0;}
.footer-top {padding: 260px 0 0;}
.footer-top h4 {color: white;font-size: 14px;font-weight: 700;text-transform: uppercase;margin: 10px 0;padding:0px;position: relative;}
.footer-main p{color: #fff;font-size: 13px;padding-bottom: 0px;text-align: left;margin: 0 0 30px;}
.footerleft a{color: #fff;font-size: 16px;padding: 0 40px 0 0px;display: inline-block;/* width: 100%; */margin-bottom: 10px;display: inline-block;}
.footerleft .clr-two{color: #ffba00;}
.address-main ul {width:100%;display: inline-block;margin: 10px 0;}
.address-main ul li{display: inline-block;line-height:28px;font-size:14px;padding: 0 0 8px 18px;position: relative;color:white;}
.address-main ul li a { color:white;}
.address-main ul li a:hover { color:#c2c2c2;}
.address-main ul li span {position: absolute;left: 0;top: 5px;color: var(--primary-color);font-size:15px;}
.ftr-social {text-align: left;display: table;margin: 0;}
.ftr-social li { float: left; margin: 0 15px 0 0; position: relative; text-align: center; }
.ftr-social li a { display: block; padding: 0; text-align: center; }
.ftr-social li a span {color: #cbd6e2;font-size: 14px;margin: 0;}
.ftr-social li a:hover span {color: #fff !important;}
.ftr-social li a:hover span.icon-facebook {color:#3b5998;}
.ftr-social li a:hover span.icon-twitter {color:#1da1f2;}
.ftr-social li a:hover span.icon-google-plus {color:#dd5044;}
.ftr-social li a:hover span.icon-linkedin {color:#007bb6;}
.ftr-social li a:hover span.icon-youtube-play {color:#c4302b;}
.ftr-social li a:hover span.icon-pinterest-p{color: #C92228;}
.ftr-social li a:hover span.icon-instagram{color: #fb3958;}
.ftr-social li a:hover span.icon-vimeo{color: #4EBBFF;}
.ftr-social li a:hover span.icon-medium{color: #347235;}
.ftr-social2 {display: inline-block;margin: 10px 0;width: 100%;}
.ftr-social2 li { float: left; margin: 0 10px 0 0; position: relative; text-align: center; }
.ftr-social2 li a { display: block; padding: 0; text-align: center; }
.ftr-social2 li a span { background:#3b5998; width:30px; height:30px; line-height:30px; border-radius: 50%; color: white; font-size: 15px; margin: 0; display: block; }
.ftr-social2 li a:hover span { color: white; }
.ftr-social2 li a span.icon-facebook {background:#3b5998;}
.ftr-social2 li a span.icon-twitter {background:#1da1f2;}
.ftr-social2 li a span.icon-google-plus {background:#dd5044;}
.ftr-social2 li a span.icon-linkedin {background:#007bb6;}
.ftr-social2 li a span.icon-youtube-play {background:#c4302b;}
.ftr-social3 {display: inline-block;margin: 10px 0;width: 100%;}
.ftr-social3 li { float: left; margin: 0 15px 0 0; position: relative; text-align: center; }
.ftr-social3 li a { display: block; padding: 0; text-align: center; }
.ftr-social3 li a span { color: white; font-size: 25px; margin: 0; }
.ftr-social3 li a:hover span { color: lightgray; }
.footer-nav {text-align:  right;list-style-type: none;margin: 12px 0 20px;width: 100%;display: inline-block;}
.footer-nav li {/* padding: 0 0 5px 15px; */margin-right: 20px;position: relative;display: inline-block;}
.footer-nav li:before {position: absolute;font-family: 'icomoon' !important;left: 0px;top: 3px;font-size: 13px;color: var(--primary-color);}
.footer-nav li a {font-size: 12px;font-weight: 400;color: white;}
.footer-nav li a:hover { color: #c2c2c2; }
.subscribe-main {margin: 30px 15px 10px;width: 100%;float: right;text-align:  right;display:inline-block;}
.subscribe-main input[type='text']{background: white;border: 0;border-radius: 5px 0 0 5px;color: #9d9d9d;padding:10px;font-size: 14px;font-weight: 300;float: left;height: 30px;line-height: 30px;width: 65%;}
.subscribe-main input[type='submit']{background: #20CB98;border:0px;color:white;border-radius: 0px 5px 5px 0;padding: 0;font-size: 14px;font-weight: bold;text-transform: capitalize;cursor:pointer;float: left;height: 30px;width: 35%;}
.subscribe-main input[type='submit']:hover{background: #23bb8f;}
.subscribe-main input::-webkit-input-placeholder {color: #9d9d9d; opacity: 1 !important; }
.subscribe-main input:-moz-placeholder {color: #9d9d9d; }
.subscribe-main input::-moz-placeholder {color: #9d9d9d; }
.subscribe-main input:-ms-input-placeholder {color: #9d9d9d;}
.footer-bottom {background: #170b28;padding: 15px 0;text-align: center;color: #fff;box-shadow: rgb(28 16 44) -1px 2px 23px 6px;}
.footer-bottom ul{display: block;text-align: right;font-size: 9px;color: #919bd3;margin: 0;}
.footer-bottom ul li{display: inline-block;padding: 0 7px;font-size: 9px;color: #919bd3;vertical-align: middle;}
.footer-bottom ul li a{display: block;font-size: 13px;color: #fff;text-transform: capitalize;}
.footer-nav2 { list-style-type: none;; margin: 10px 0 10px 0; float: right;  }
.footer-nav2 li { float: left; padding: 0 12px; position: relative; }
.footer-nav2 li:first-child { padding-left:0px;}
.footer-nav2 li:before { position: absolute; content: ""; width: 1px; height: 13px; background: white; left: 0px; top: 30%; }
.footer-nav2 li:first-child:before { display: none; }
.footer-nav2 li a {font-size: 13px;font-weight: 400;color: #cbd6e2;}
.footer-nav2 li a:hover {color: #fff;}
.copyright {padding: 10px 0 0px 0;margin: 0px;font-size: 12px;color: #cbd6e2;}
.copyright span {color: #cbd6e2;}
.disclaimer-area { background: black; padding: 10px 0; }
.disclaimer { font-size: 11px; font-weight: 400; color: white; line-height: 18px; margin: 0; padding: 10px 0; }
.disclaimer strong { color: var(--primary-color); font-weight: 500; }
#footer>.container>.row { padding: 60px 0 }
#footer>.container>.row~.row { padding: 0 }
footer .social-full { border-top: 1px solid rgba(0,0,0,.06); border-bottom: 1px solid rgba(0,0,0,.06) }
footer .logo-card{position: relative; }
footer .logo-card img{margin: 45px 0 0;width: 500px;}
ul.footer-level-nav {}
ul.footer-level-nav li {display:inline-block;}
ul.footer-level-nav li a {    padding: 0 16px 0 0px;}


.footer-top{background-size: contain !important;padding: 60px 0;background-color: #170B28;}
.footer-top h3{padding-top: 22px;color: #FFBA00;padding-bottom: 17px;font-size: 14px;margin-bottom: 6px;}
.footer-top h3.nobrder{border-bottom:0px;}
.footer-top .linkinglist{display: inline-block; margin-bottom: 0; }
.footer-top .linkinglist li{padding: 5px 0;}
.footer-top .linkinglist li a{color: #fff; }

.footer-top .socialmid{}

.footer-bottom .fologo{}
.footer-bottom .fologo img{} 
.footerleft figure img{width: 170px; margin: 20px 0 20px;}


/*ul.socialwrp {    display: block;    text-align: left;    margin: 10px 0 0;}*/
/*ul.socialwrp li a i{font-size: 22px;display: block;color: #1967d2;}*/
ul.socialwrp li {    display: inline-block !important;padding: 0 15px 0px 0;}
/*footer .logo-card img {margin: 45px 0 0;width: 100%;}*/
footer .card-img {position: absolute; left: 560px; bottom: 10px; }
.card-img {width: 100%; border-radius: calc(0.25rem - 1px); }



.servicesbnrwrp{background: #220632; padding: 250px 0 140px; }
.servicesbnrwrp .txtwrp{}
.servicesbnrwrp .txtwrp h4{}
.servicesbnrwrp .txtwrp h1{color: #fff; font-size: 54px; font-weight: 600; padding: 0 0 20px; }
.servicesbnrwrp .txtwrp p{color: #fff; font-size: 18px; }
.servicesbnrwrp .txtwrp img{width: 330px; margin: 10px 0 0; }




.projectswrp{background-image: url(../images/counter-bg.png); background-size: cover; padding: 50px 0; position: relative; z-index: 1; }
.projectswrp:after{content: "";position: absolute;background: #22204fd9;width: 100%;height: 100%;top: 0;z-index: -1;}
.projectswrp .mainwrp{display: block; text-align: center; }
.projectswrp .mainwrp img{margin: 0 0 10px; }
.projectswrp .mainwrp h4{color: #fff; font-weight: 600; font-size: 30px; padding: 0; }
.projectswrp .mainwrp span{color: #fff; }







.main-combpwrp {background-image: url(../images/cta-bg.html); background-repeat: no-repeat; background-size: cover; padding: 30px 0 70px; overflow: hidden; background: #f2ebeb8c; }
.main-combpwrp .txtwrp {display: block; text-align: left; padding: 0 0 30px; }
.main-combpwrp .txtwrp .upr-heading {color: #000f;font-size: 22px;}
.main-combpwrp .txtwrp .main-heading {}

.main-combpwrp {}
.main-combpwrp .mainwrp {display: block; padding: 20px 0 0 }
.main-combpwrp .mainwrp h4 {color: #fa130d; font-size: 20px }
.main-combpwrp .mainwrp ul {margin: 5px 0 20px }
.main-combpwrp .mainwrp ul li {font-size: 14px; color: #000; position: relative; padding: 0 0 5px 15px; }
.main-combpwrp .mainwrp ul li:after {content: "\f054"; position: absolute; font-family: fontawesome; left: 0; color: #2f50ce; }
.main-combpwrp .imgwrp {position: relative }
.main-combpwrp .imgwrp img {width: 170%; position: absolute; left: -50px; top: -120px }
.main-combpwrp .btnwrp {margin: 10px 0; padding: 0 }
.main-combpwrp .btnwrp h3 {color: #fdc024; font-size: 42px; padding: 0 0 35px }
.main-combpwrp .btnwrp h3 span {display: block; font-size: 18px; color: #a4a4a4; text-decoration: line-through }
.main-combpwrp .btnwrp a {background: linear-gradient(to right, rgb(17 94 234) 0%, #9E1B62 100%); padding: 12px 45px; color: #fff; font-size: 15px; border-radius: 7px }





.process{padding: 60px 0px 60px 0px; }
.pro-head h2 {font-size: 20px; text-align: center; color: #6c38ef; }
.pro-head p {color: #777; font-size: 16px; font-weight: 400; text-align: center; }
.mrg-tp{margin-top: 50px; }

.lis-ul ul {display: flex; justify-content: center; }
.lis-ul li {text-align: center;} 
.lis-ul li img {margin-bottom: 25px; }
.lis-ul li {border-right: 1px solid #dedede; width: 100%; }
.lis-ul li h4 {font-size: 20px; }
.lis-ul li:last-child {border: 0; }
.fst-bx h2 {font-size: 20px; padding-bottom: 0; color: #222; }
.brd-full {border: 1px solid #e6e6e6; margin-top: 20px; padding: 10px 20px; background: #fff; }
.pet{color: #6c38ef !important; }
.phone-div .fa-mobile-phone {font-size: 50px; margin-top: 8px; margin-right: 20px; }
.flx-phn {display: flex; justify-content: center; }
.flx-phn .text-left {font-size: 23px; margin-top: 10px; color: #222; }
.flx-phn .text-left span {color: #6c38ef; }
.flx-phn i {font-size: 50px; margin-top: 8px; margin-right: 20px; color: #6c38ef; }



.producedwrp{padding: 70px 0; }
.producedwrp .txtwrp{display: block;text-align: center;width: 70%;margin: 0 auto 40px;}
.producedwrp .detailwrp{}
.producedwrp .detailwrp ul{margin: 0; text-align: center; display: block; }
.producedwrp .detailwrp ul li{display: inline-block; text-align: center; margin: 0 auto 30px; width: 15%; }
.producedwrp .detailwrp ul li img{display: block;text-align: center;margin: 0 auto 10px;background: #f5f5f5;padding: 20px;width: 110px;border-radius: 50%;}
.producedwrp .detailwrp ul li span{font-size: 20px; font-weight: bold; color: #333333; }



.bookportwrp{background-image: url(../images/mainbg.jpg); background-repeat: no-repeat; background-size: cover; padding: 70px 0; }
.bookportwrp .txtwrp{display: block;text-align: center;padding: 0 0 30px;}
.bookportwrp .txtwrp h2{color: #fff; }
.bookportwrp .txtwrp p{color: #fff; }
.bookportwrp .imgwrp img{width: 100%; }

header .navwrp ul li .dropwrp ul li img{margin: 0 10px 0 0;width: 20px;}
header .navwrp ul li .dropwrp ul li a{}
header .navwrp ul li .dropwrp ul li a .nav-links{}
header .navwrp ul li .dropwrp ul li a .nav-links h4{
    padding: 0 0 3px;
}
header .navwrp ul li .dropwrp ul li a .nav-links p{
    padding: 0;
    font-size: 13px;
}

section.pricing-sec-new {
    padding: 50px 0px;
}
.section-title h2 {
    font-size: 35px;
    max-width: initial;
    margin: auto;
}
.section-title p {
    padding-top: 25px;
    max-width: 620px;
    margin: 0 auto;
}
ul.pricing-sec-list {
    display: flex;
    align-items: center;
    list-style: none;
    justify-content: space-between;
    border-top: 2px solid #e5e5e5;
}
ul.pricing-sec-list li {
    color: #333333;
    font-size: 16px;
    padding: 25px 0 0 0;
    position: relative;
    cursor: pointer;
}
ul.pricing-sec-list li.active {
    border-top: 4px solid;
    border-color: #fe6122;
    color: #fe6122;
}
.pricing-sec-new [class^="box-"].showfirst {
    display: block;
}
.price-area .slick-list {
    padding: 40px 0px;
}
.pkg-slider .slick-slide {
    padding: 0px 20px;
}
.single-price {
    /* padding-top: 38px; */
    padding-bottom: 30px;
    /* text-align: center; */
    background-color: #fff;
    -webkit-box-shadow: 0 0 15px rgb(146 145 145 / 10%);
    box-shadow: 0 0 15px 0px rgb(146 145 145 / 50%);
    border-radius: 15px;
    -webkit-transition: .7s;
    transition: .7s;
     margin-bottom: 30px; 
    min-height: 520px;
    padding: 30px 25px;
    border: 1px solid #d1c4c49e;
}
.single-price span {
    color: #ff4a35;
    background-color: #fffbfb;
    padding: 10px 20px;
    border-radius: 50px;
    display: table;
    margin: auto;
    text-align: center;
}
.single-price .single-price-title {
    margin-top: 5px;
    margin-bottom: 30px;
    text-align: center;
}
.single-price .single-price-title h2 {
    font-size: 50px;
    color: #fa130d;
    font-weight: 700;
}
.single-price .single-price-title h2 sup {
    font-size: 22px;
    line-height: 0;
    margin-right: 5px;
}
.single-price .single-price-title h2 sub {
    font-size: 22px;
    font-weight: 500;
    display: none;
}
.single-price ul {
    list-style: none;
    margin: 0;
    padding: 0;
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
}
.single-price ul li {
    color: #444;
    display: block;
    margin-top: 10px;
    position: relative;
    padding: 0 0 0 20px;
}
.single-price .get-btn {
    margin-top: 30px;
    background-color: #fa130d;
    text-align: center;
    padding: 10px 40px;
    color: #fff;
    border-radius: 10px;
    -webkit-transition: .7s;
    transition: .7s;
    display: table;
    margin-left: auto;
    margin-right: auto;
}
.single-price:hover {
    background-color: #4356d6;
}
.single-price.current {
    background-color: #220632;
}
.single-price:hover ul li, .single-price:hover .single-price-title h2 {
    color: #fff;
}
.single-price.current ul li, .single-price.current .single-price-title h2 {
    color: #fff;
}
.single-price ul li::before {
    position: absolute;
    content: "";
    background: #4356d6;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    transition: 0.5s;
}
.single-price:hover.single-price ul li::before {
    background: #fff;
}
.single-price.current li::before {
    background: #fff;
}
ul.pricing-sec-list li {
    color: #333333;
    font-size: 16px;
    padding: 25px 0 0 0;
    position: relative;
    cursor: pointer;
}
.price-area .slick-list {
    padding: 40px 0px;
}
.tabs{display: none;}
.tabs.current{display: block;}


portfoliowrp{padding: 70px 0;background: #ffffff;}
.portfoliowrp .txtwrp{display: block; text-align: center;}
.portfoliowrp .navwrp{display: block;text-align: center;padding: 0 0 50px;}
.portfoliowrp .navwrp ul{margin: 0; display: block; text-align: center; }
.portfoliowrp .navwrp ul li{display: inline-block;margin: 0 5px;padding: 10px 15px;color: #220632;font-size: 15px;border-radius: 7px;font-weight: 500;border: 1px solid #220632;cursor: pointer;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;}
.portfoliowrp .navwrp ul li.current{background: #220632;color: #fff;}
.portfoliowrp .port-box{}
.portfoliowrp .port-box ul{margin: 0; display: block; text-align: center; }
.portfoliowrp .port-box ul li{display: inline-block;width: 24%;transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;box-shadow: -1px -2px 15px -3px rgb(0 0 0 / 16%);border-radius: 20px;margin: 0 4px 0;}
.portfoliowrp .port-box ul li:hover{transform: scale(1.1);}
.portfoliowrp .port-box ul li img{width: 340px; height: 310px; object-fit: cover; border-radius: 15px; }
.portfoliowrp .btnwrp{display: block; text-align: center; padding: 50px 0 0; }

.tabs{display: none;}
.tabs.current{display: block;}
.tabs-web-dsgn li.hk_web_height {height: 500px; overflow: hidden; background-size: cover; border-radius: 10px; }

.tabs-web-dsgn li.hk_web_height:hover {background-position: 100% 100%; transition: 6s !important; transform: none; }



.single-price.current .get-btn {
    background-color: #fff;
    color: #ff4a35;
}
.single-price:hover .get-btn {
    background-color: #fff;
    color: #ff4a35;
}

.price-area .slick-prev:before {
    content: "\f060";
}
.price-area .slick-arrow:before {
    content: "\f060";
    font-family: FontAwesome;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 47px;
    transition: .5s;
}
.price-area .slick-prev {
    top: 0;
    background-color: rgb(7 15 77);
    width: 47px;
    height: 46px;
    border: none;
    left: -80px;
    bottom: 0;
    margin: auto;
}
.price-area .slick-arrow {
    font-size: 0;
    position: absolute;
    cursor: pointer;
    z-index: 1;
    /* padding: 0; */
    /* bottom: 10%; */
    /* height: 47px; */
}
.pricing-sec-new [class^="box-"]{display:none}
.pricing-sec-new [class^="box-"].showfirst{display:block}

.price-area .slick-next {
    top: 0;
    right: -80px;
    background-color: rgb(7 15 77);
    width: 47px;
    height: 46px;
    border: none;
    bottom: 0;
    margin: auto;
}

.price-area .slick-arrow:before {
    content: "\f060";
    font-family: FontAwesome;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    line-height: 47px;
    transition: .5s;
}
.price-area .slick-prev:before {
    content: "\f060";
}
.price-area .slick-next:before {
    content: "\f061";
}

.web-design-banner{
    height: 100vh;
    padding: 180px 0;
    background: #2d1048;
}
.web-design-banner .txtwrp{}
.web-design-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.web-design-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.web-design-banner .btnwrp{}
.web-design-banner .btnwrp a{}
.web-design-banner .imgwrp{
    text-align: center;
    position: relative;
}
.web-design-banner .imgwrp img{
    width: 80%;
    position: absolute;
    left: 90px;
    right: 0px;
    top: -60px;
}

.web-design-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.web-design-banner .formwrp form {
    display: block;
    text-align: center;
}
.web-design-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.web-design-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.web-design-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.web-design-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}


.backend-banner{
    height: 100vh;
    padding: 180px 0 120px;
    background: #2d1048;
}
.backend-banner .txtwrp{}
.backend-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.backend-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.backend-banner .btnwrp{}
.backend-banner .btnwrp a{}
.backend-banner .imgwrp{
    text-align: center;
    position: relative;
}
.backend-banner .imgwrp img{
    width: 100%;
}

.backend-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.backend-banner .formwrp form {
    display: block;
    text-align: center;
}
.backend-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.backend-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.backend-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.backend-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}

.writing-banner{
    height: 100vh;
    padding: 180px 0 120px;
    background: #2d1048;
}
.writing-banner .txtwrp{}
.writing-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.writing-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.writing-banner .btnwrp{}
.writing-banner .btnwrp a{}
.writing-banner .imgwrp{
    text-align: center;
    position: relative;
}
.writing-banner .imgwrp img{
    width: 80%;
}

.writing-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.writing-banner .formwrp form {
    display: block;
    text-align: center;
}
.writing-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.writing-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.writing-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.writing-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}


.wordpress-banner{
    height: 100vh;
    padding: 200px 0 120px;
    background: #2d1048;
}
.wordpress-banner .txtwrp{}
.wordpress-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.wordpress-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.wordpress-banner .btnwrp{}
.wordpress-banner .btnwrp a{}
.wordpress-banner .imgwrp{
    text-align: center;
    position: relative;
}
.wordpress-banner .imgwrp img{
    width: 600px;
}

.wordpress-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.wordpress-banner .formwrp form {
    display: block;
    text-align: center;
}
.wordpress-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.wordpress-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.wordpress-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.wordpress-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}

.web-app-banner{
    height: 100vh;
    padding: 180px 0;
    background: #2d1048;
}
.web-app-banner .txtwrp{}
.web-app-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.web-app-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.web-app-banner .btnwrp{}
.web-app-banner .btnwrp a{}
.web-app-banner .imgwrp{
    text-align: center;
    position: relative;
}
.web-app-banner .imgwrp img{
    width: 600px;
}

.web-app-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.web-app-banner .formwrp form {
    display: block;
    text-align: center;
}
.web-app-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.web-app-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.web-app-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.web-app-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}

.mobile-app-banner{
    height: 100vh;
    padding: 180px 0 150px;
    background: #2d1048;
}
.mobile-app-banner .txtwrp{
    padding-top: 20px;
}
.mobile-app-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.mobile-app-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.mobile-app-banner .btnwrp{}
.mobile-app-banner .btnwrp a{}
.mobile-app-banner .imgwrp{
    text-align: center;
    position: relative;
}
.mobile-app-banner .imgwrp img{
    width: 100%;
    position: absolute;
    left: 60px;
    top: -80px;
}

.mobile-app-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.mobile-app-banner .formwrp form {
    display: block;
    text-align: center;
}
.mobile-app-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.mobile-app-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.mobile-app-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.mobile-app-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}


.branding-banner{
    height: 100vh;
    padding: 180px 0 150px;
    background: #2d1048;
}
.branding-banner .txtwrp{}
.branding-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.branding-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.branding-banner .btnwrp{}
.branding-banner .btnwrp a{}
.branding-banner .imgwrp{
    text-align: center;
    position: relative;
}
.branding-banner .imgwrp img{
    width: 100%;
    position: absolute;
    left: 0px;
    /* top: -90px; */
}

.branding-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.branding-banner .formwrp form {
    display: block;
    text-align: center;
}
.branding-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.branding-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.branding-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.branding-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}


.ecommerce-banner{
    /* height: 100vh; */
    padding: 180px 0 130px;
    background: #2d1048;
}
.ecommerce-banner .txtwrp{}
.ecommerce-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.ecommerce-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.ecommerce-banner .btnwrp{}
.ecommerce-banner .btnwrp a{}
.ecommerce-banner .imgwrp{
    text-align: center;
    position: relative;
}
.ecompg .ecommerce-banner .imgwrp img{
    width: 100%;
    position: absolute;
    left: 50px;
    top: -50px;
}
.ecommerce-banner .imgwrp img{
    width: 70%;
    position: absolute;
    left: 90px;
    top: -50px;
}

.ecommerce-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.ecommerce-banner .formwrp form {
    display: block;
    text-align: center;
}
.ecommerce-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.ecommerce-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.ecommerce-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.ecommerce-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}


.web-maintain-banner{
    height: 100vh;
    padding: 180px 0 100px;
    background: #2d1048;
}
.web-maintain-banner .txtwrp{}
.web-maintain-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.web-maintain-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.web-maintain-banner .btnwrp{}
.web-maintain-banner .btnwrp a{}
.web-maintain-banner .imgwrp{
    text-align: center;
    position: relative;
}
.web-maintain-banner .imgwrp img{
    width: 100%;
    /* position: absolute; */
    left: 80px;
    top: -90px;
}

.web-maintain-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.web-maintain-banner .formwrp form {
    display: block;
    text-align: center;
}
.web-maintain-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.web-maintain-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.web-maintain-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.web-maintain-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}

.video-banner{
    height: 100vh;
    padding: 180px 0 190px;
    background: #2d1048;
}
.video-banner .txtwrp{}
.video-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.video-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.video-banner .btnwrp{}
.video-banner .btnwrp a{}
.video-banner .imgwrp{
    text-align: center;
    position: relative;
}
.video-banner .imgwrp img{
    width: 100%;
    position: absolute;
    left: 0;
    top: -90px;
}

.video-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.video-banner .formwrp form {
    display: block;
    text-align: center;
}
.video-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.video-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.video-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.video-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}

.web-app-banner{
    height: 100vh;
    padding: 180px 0;
    background: #2d1048;
}
.web-app-banner .txtwrp{}
.web-app-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.web-app-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.web-app-banner .btnwrp{}
.web-app-banner .btnwrp a{}
.web-app-banner .imgwrp{
    text-align: center;
    position: relative;
}
.web-app-banner .imgwrp img{
    width: 600px;
}

.web-app-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.web-app-banner .formwrp form {
    display: block;
    text-align: center;
}
.web-app-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.web-app-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.web-app-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.web-app-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}


.domain-banner{
    height: 100vh;
    padding: 180px 0 170px;
    background: #2d1048;
}
.domain-banner .txtwrp{}
.domain-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.domain-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.domain-banner .btnwrp{}
.domain-banner .btnwrp a{}
.domain-banner .imgwrp{
    text-align: center;
    position: relative;
}
.domain-banner .imgwrp img{
    width: 100%;
    position: absolute;
    left: 60px;
    top: -50px;
}

.domain-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.domain-banner .formwrp form {
    display: block;
    text-align: center;
}
.domain-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.domain-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.domain-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.domain-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}

.seo-banner{
    height: 100vh;
    padding: 180px 0 220px;
    background: #2d1048;
}
.seo-banner .txtwrp{}
.seo-banner .txtwrp h1{color: #fff;font-weight: 700;margin-bottom: 8px;}
.seo-banner .txtwrp p{
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.6;
    margin-bottom: 25px;
}
.seo-banner .btnwrp{}
.seo-banner .btnwrp a{}
.seo-banner .imgwrp{
    text-align: center;
    position: relative;
}
.seo-banner .imgwrp img{
    width: 70%;
    position: absolute;
    left: 100px;
    top: -60px;
}

.seo-banner .formwrp {
    margin: 30px 0 0px;
    background: #fff;
    width: 100%;
    margin: 20px 0px;
    border-radius: 9px;
    position: relative;
    z-index: 5;
}
.seo-banner .formwrp form {
    display: block;
    text-align: center;
}
.seo-banner .formwrp form .lable {
    display: inline-block;
    width: 25%;
    margin: 0px -3px -10px;
    vertical-align: top;
}
.seo-banner .formwrp form .lable input.fxtwrp {
    border-radius: 9px 0 0px 9px;
}
.seo-banner .formwrp form .lable input {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #e5e5e5;
    background: white;
    padding: 13px 15px;
    color: gray;
    font-size: 13px;
    height: 55px;
    font-weight: 400;
    outline: none !important;
    margin-bottom: 10px;
}
.intl-tel-input {
    width: 100%;
}
.seo-banner .formwrp form .lable input.btn {
    background: #fa130d;
    color: #ffffff;
    font-weight: 600;
    font-size: 18px;
    height: 45px;
    margin: 0px 0 0 1px;
    border-radius: 9px;
    width: 98%;
    margin: 5px 0 0 2px;
    padding: 0;
}

.about-banner{ background: #2d1048; padding: 210px 0 100px; }
.about-banner .txtwrp{ text-align: center; }
.about-banner .txtwrp h3{}
.about-banner .txtwrp h2{ color: #fff; }
.about-banner .txtwrp p{color: #fff; font-size: 18px; width: 620px; margin: 0 auto; }

.portfolio-banner{ background: #2d1048; padding: 210px 0 100px; }
.portfolio-banner .txtwrp{ text-align: center; }
.portfolio-banner .txtwrp h3{}
.portfolio-banner .txtwrp h2{color: #fff;font-size: 48px;}
.portfolio-banner .txtwrp p{color: #fff; font-size: 18px; width: 620px; margin: 0 auto; }
.first-fold .imgwrp img {
    width: 100%;
}
.first-fold .btnwrp {
    margin: 40px 0 0 0;
}
.first-fold{padding-bottom: 0px;}
section.two_part {padding: 65px 0px; }
.info_two_inner {background: white; text-align: center; padding-top: 50px; padding-bottom: 40px; padding-left: 30px; padding-right: 30px; width: 430px; margin: auto; -webkit-box-shadow: -1px 6px 24px -9px rgba(0,0,0,0.75); -moz-box-shadow: -1px 6px 24px -9px rgba(0,0,0,0.75); box-shadow: -1px 6px 24px -9px rgba(0, 0, 0, 0.3); border-radius: 7px; }
.info_two_inner i {color: #220632;font-size: 50px;margin-bottom: 23px;}
.info_two_inner h3 {color: black; font-size: 22px; }
.info_two_inner p {color: black; font-size: 17px; line-height: 30px; padding-bottom: 0; }
.info_two_inner .multi_button{padding-top: 30px;}
.info_two_inner a {}
ul.custom_drop li {margin-bottom: 13px; } 
ul.custom_drop li a {color: white; font-size: 16px !important; padding: 0px 35px; }




.started .orderformwrp{padding: 60px 0 60px;}
.orderformwrp{}
.form-box-main form input[type="text"], .form-box-main form input[type="email"], .form-box-main form input[type="number"], .form-box-main form input[type="tel"], .form-box-main form textarea {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #B2B9C1;
    background: white;
    padding: 18px 15px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    border-radius: 8px;
}
.form-box-main form input[type="text"], .form-box-main form input[type="email"], .form-box-main form input[type="number"], .form-box-main form input[type="tel"], .form-box-main form textarea {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #B2B9C1;
    background: white;
    padding: 18px 15px;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    height: 55px;
    border-radius: 8px;
}
.form-box-main form label.field-txt {
    font-weight: 500;
    font-size: 18px;
    color: #5B6B7F;
    margin: 0 0 5px;
    width: 100%;
    display: block;
    padding: 10px 0px 0;
    font-family: 'Bai Jamjuree', sans-serif;
}
.form-box-main form textarea {
    width: 100%;
    margin: 0;
    padding: 8px 12px;
    height: 100px;
}
.ser-bnrwrppp{height: auto;position: relative;}
.ser-bnrwrppp:after{content: '';background-image: url(../images/element-5.png);position: absolute;width: 220px;height: 300px;background-size: 100%;background-repeat: no-repeat;bottom: -100px;left: -100px;}
.ser-bnrwrppp:before{content: "";background-image: url(../images/element-1.png);position: absolute;width: 200px;height: 280px;background-size: 100%;background-repeat: no-repeat;top: 170px;right: -60px;}
.form-box-main form input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label {
    font-size: 11px;
}
.form-box-main form input[type=checkbox]:not(old) + label, input[type=radio ]:not(old) + label {
    display: inline-block;
    margin-left: -28px;
    padding-left: 28px;
    line-height: 24px;
    font-weight: 500;
    font-size: 14px;
    color: #5B6B7F;
     font-family: 'Bai Jamjuree', sans-serif;
}
.form-box-main form input[type="submit"]:hover {
    display: inline-block;
    color: #fff;
}
.form-box-main form input[type="submit"] {
    display: inline-block;
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: #fff;
    background: #170b28;
    margin-top: 20px;
    border: none;
    padding: 20px 60px;
    font-size: 16px;
    border-radius: 8px;
    border: 3px solid;
    cursor: pointer;
    font-family: 'Bai Jamjuree', sans-serif;
}
.form-box-main form select {
    width: 100%;
    margin: 0 0 0 0;
    border: 1px solid #B2B9C1;
    background: white;
    padding: 12px 15px;
    color: #5B6B7F;
    font-size: 18px;
    font-weight: 400;
    border-radius: 8px;
    -webkit-appearance: auto;
    font-family: 'Bai Jamjuree', sans-serif;
}

.started header .navwrp ul li a{color: #000;}
.started header .upr-navwrp ul li a {
    color: #000;
}
.started header .navwrp ul li a.btnwrp{
    color: #fff;
}



.temswrp{padding: 190px 0 50px;
    background: #f5f3f3;}
 .temswrp p strong{font-size: 26px;}   
  .temswrp h2{
    color: #6f4a84;
    text-align: center;
    text-align: left;
    padding: 0 0 70px;
    padding: 0 0 110px;
    display: block;
    }
.conditions-pg header .logowrp img.lgo-lit{display: none;}
.conditions-pg header{background: #fff;    padding: 20px 0 30px;}

.terms header .navwrp ul li a{color: #000;}
.terms header .upr-navwrp ul li a {
    color: #000;
}
.terms header .navwrp ul li a.btnwrp{
    color: #fff;
}




.floatbutton.active{right: 0;z-index: 11;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: fixed;right: -370px;top: 16%;font-size: 0;width: 420px;/* transform: translateY(-50%); */z-index: 9;}
.floatbutton .clickbutton{border-radius: 30px 0px 0px 30px;background: #fff;width: 50px;z-index: 999;height: 270px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);display: inline-block;padding-top: 0;vertical-align: top;background: #fa130d;margin-top: 198px;color: #fff;font-size: 14px;font-weight: 700;position: relative;text-transform: uppercase;font-family: 'Poppins', sans-serif;-ms-box-shadow: 0px 0px 40px #00000026;-o-box-shadow: 0px 0px 40px #00000026;/* border: 1px solid #07379a; */}
.floatbutton .clickbutton .crossplus:before{content: ""; display:none;position: absolute;width: 20px;height: 2px;right: 0;background: #fbb334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus:after{content: ""; display:none;position: absolute;width: 2px;height: 20px;right: 0;background: #fab334;z-index: 99;top: 0;left: 0;bottom: 0;margin: auto;}
.floatbutton .clickbutton .crossplus{position: relative;display: block;transform: rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;font-size: 16px;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #fff;left: -79px;white-space: pre;bottom: 122px;font-weight: bold;}
.floatbutton .clickbutton .crossplus.rotate{/* transform: rotate(45deg); */-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .clickbutton .crossplus i {font-size: 18px;color: #f43535;margin: 17px 0 0 15px;}
.banner-form{background: #fff;padding: 30px;position: relative;z-index: 9;border-radius: 5px 0 0 5px;margin: 0;width: 370px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;}
.banform{}
.ban-form{}
.ban-form input{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.banner-form .intl-tel-input{width: 100%;}
.banner-form h3 {color: #333;font-size: 24px;margin-bottom: 20px;}
.ban-form input[type="submit"]{color: #fff;font-weight: 600;background: #fa130d;border-radius: 3px;text-align: center;/* background-image: linear-gradient(to right top, #0569d7, #0858c3, #0948af, #07389c, #042888); */padding: 10px 15px;margin: 20px 0 0;border: transparent;}
.ban-form textarea{width: 100%;border: 1px solid #e5e5e5;background: white;padding: 10px 15px;color: gray;font-size: 14px;border-radius: 3px;font-weight: 400;height: 120px;outline: none !important;margin: 15px 0 0px 0;}



.btns_wrap{position:fixed;right: -6px;}
.btns_wrap a:hover{text-decoration: none!important;right: 0px;}
.btns_wrap .call_wrap{width: 280px;position: absolute;right: -225px;background: #fff;top: 120px;padding: 0;border-radius: 50px 0px 0px 50px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;}

.btns_wrap .call_wrap span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 20px 15px 15px;}
.btns_wrap .chat_wrap{display: block;position: absolute;right: -225px;width: 280px;padding: 0;background: #fff;top: 40px;border-radius: 0px;overflow: hidden;box-shadow: 0px 0px 40px #00000026 !important;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-ms-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all 0.3s ease;border-radius: 50px 0px 0px 50px;}
.btns_wrap .chat_wrap span.icoo,
.btns_wrap .call_wrap span.icoo{color: #fff;background: #fa130d;font-size: 18px;padding: 18px 20px 16px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;border-radius: 50px 0px 0px 50px;}
.btns_wrap .chat_wrap span{color: #333;font-size: 20px;vertical-align: middle;background: #fff;padding: 15px 30px 15px 15px;}
/*floating strips css end */




.freemockwrp{padding: 180px 0 90px;background: #2d1048;position: relative;}
.freemockwrp:after{content: "";background-image: url(../images/element-1.png);position: absolute;width: 200px;height: 280px;background-size: 100%;background-repeat: no-repeat;top: 170px;right: -60px;}
.freemockwrp:before{content: "";background-image: url(../images/element-5.png);position: absolute;width: 220px;height: 300px;background-size: 100%;background-repeat: no-repeat;bottom: -100px;left: -100px;}
.freemockwrp .txtwrp{}
.freemockwrp .txtwrp h2{color: #fff; font-size: 62px; }
.freemockwrp .txtwrp p{color: #fff; font-size: 16px; }
.freemockwrp .formwrp{
    padding: 40px 30px;
    width: 65%;
    float: right;
    border-radius: 6px;
    background: #fff;
}
.freemockwrp .formwrp p{
    font-size: 17px;
    color: #220632;
    font-weight: 600;
    text-align: center;
}
.freemockwrp .formwrp .lablewrp{}
.freemockwrp .formwrp .lablewrp input{
    width: 100%;
    height: 40px;
    margin: 0 0 15px;
    padding: 0 0 0 10px;
    border: 1px solid #c8bfbf45;
    outline: none;
    background: #f3f5fe;
}
.freemockwrp .formwrp .lablewrp input.btnmain{
    background: #fa130d;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}
.freemockwrp .formwrp .lablewrp select{
    width: 100%;
    height: 40px;
    margin: 0 0 15px;
    padding: 0 0 0 10px;
    border: 1px solid #c8bfbf45;
    outline: none;
    background: #f3f5fe;
}
.freemockwrp .formwrp .lablewrp textarea{
    width: 100%;
    height: 90px;
    margin: 0 0 15px;
    padding: 10px 0 0 10px;
    border: 1px solid #c8bfbf45;
    outline: none;
    background: #f3f5fe;
    resize: none;
}
.freemockwrp .formwrp:after{content: "";background: url(../images/suitable-package-vector.png) no-repeat center top;width: 198px;height: 398px;position: absolute;left: 7px;bottom: 22px;}




.mockup-fstwrp{
    padding: 70px 0;
}
.mockup-fstwrp .txtwrp{}
.mockup-fstwrp .imgwrp{}
.mockup-fstwrp .imgwrp img{}



.webdesign-pg .tech-secendwrp .imgwrp img.prto-bkk{width: 90%;}
.illus-pg .tech-secendwrp .imgwrp img.high-qlty{position: relative;
    width: 120%;
    right: 60px;
    top: -60px;}
    
    
.thnkyoywrp{    padding: 250px 0 70px;
    display: block;
    text-align: center;}
.thnk-pg header .custom-drop .btn.dropdown-toggle{color: #000;}
.thnk-pg header .navwrp ul li a{color: #000;}
.thnk-pg header .upr-navwrp ul li a{color: #000;}
.thnk-pg header .navwrp ul li a.btnwrp{color: #fff;}
.thnkyoywrp .btnwrp{    padding: 30px 0 0px;}   
.thnkyou-pg header .logowrp img.lgo-lit{display:none;}
.thnkyou-pg footer{}
    
    
header .logowrp img.lgo-ligt{display:none;}
.header-main.showmenu .logowrp img.lgo-drk{display:none;}
.header-main.showmenu .logowrp img.lgo-ligt{display:block;}
.started header .logowrp img.lgo-drk{display:none;}
.started header .logowrp img.lgo-ligt{display:block;}

.thnk-pg header .logowrp img.lgo-drk{display:none;}
.thnk-pg header .logowrp img.lgo-ligt{display:block;}


.privacc .lgo-drk {
    display: none;
}

.privacc .lgo-ligt {
    display: block !important;
}


.single-price .btnwrp a.btn-1:hover{
color: #fff !important;
}
.single-price .btnwrp a.blink:hover{
color: #fff !important;
}



.btn-2:hover{
    color: #fff;
}
.btn-1:hover{color: red}

#phone-coun {
         padding-left: 91px;
 }
 
 
 /*arsalan css*/
 .top-notch-banner {
    background-image: url(../images/top-notch-banner-bg.webp);
    padding: 100px 0 50px;
    z-index: 1;
}

.top-notch-banner p,
.top-notch-banner h2,
.top-notch-banner h4 {
    color: #fff;
}

.top-notch-banner .txtdiv {
    margin-bottom: 30px;
}

.top-notch-banner-img-2 {
    position: absolute;
    left: 0;
    bottom: -23px;
    z-index: -1;
    max-width: 253px;
}

.service-sec {
    padding: 40px 0;
    background-color: #f9f9f9;
}

.services-text {
    font-family: 'Bebas Neue', cursive;
    text-align: center;
    color: #0a0d20;
    font-size: 70px;
    font-weight: 400;
    padding-top: 30px;
    color: #000;

}

.services-para {
    color: #303030;
    text-align: center;
    font-size: 17px;
    line-height: 22px;

}

.margin-top-80 {
    margin-top: 80px;
}

.services-box-s-wrap {
    position: absolute;
    z-index: 1;
    bottom: -172px;
    left: 20px;
    transition: .5s;
}

.services-box-s-wrap h5 {
    color: #ffff;
    font-size: 20px;
    font-family: Poppins;
    font-weight: 600;
    line-height: 25px;
    font-family: 'Avertaw02';
}

.services-box-s-wrap p {
    color: #fff;
    font-size: 17px;
    line-height: 22px;
    padding: 15px 0 0;
    height: 176px;
    bottom: 0;
    font-family: 'Averta';
    font-weight: 400;
}

.p-relative {
    position: relative;
}

.services-main-wrap:hover .services-box-s-wrap {
    bottom: 0 !important;
}

.services-main-wrap:hover .services-slider-img {
    transform: scale(1.1);
    transition: 1s;
}

/* .services-s-box-wrap:hover .services-main-wrap {
    top: 0;
}  */
.sercvice-box-arrow i {
    color: #fff;
    font-size: 20px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 2;
}

.dis-flex {
    display: flex;
    gap: 129px;
    align-items: center;
}

.creative-slider-area {
    display: flex;
    justify-content: space-between;
}

.smart-sec-1 h5 {
    font-size: 600px;
    font-weight: 700;
    background: linear-gradient(to top, #230c32 0, #230c32 100%);
    /* background-color: rgb(35 12 50); */
    background: rgb(87, 49, 183);
    background: linear-gradient(50deg, rgba(87, 49, 183, 1) 0%, rgba(44, 19, 75, 1) 66%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Poppins;
    text-align: center;
    font-family: 'Avertaw02';
    font-weight: 700;
}

.c-btn-bg {
    background-color: #230c32;
}

.client-logowrp .slick-track img {
    width: 100%;
    max-width: 130px;
}

.smart-sec-head p {
    color: #303030;
    font-size: 17px;
    line-height: 24px;
    padding: 15px 0 30px;
    min-height: 170px;
}

.smart-sec-head h3 {
    color: #000;
    font-size: 77px;
    font-weight: 700;
}

.flex-gap-40 {
    gap: 40px;
}

.creative-arrows i {
    color: rgb(87, 49, 183);
    font-size: 30px;


}

.creative-arrows {
    position: absolute;
    bottom: 13.2rem;
    left: 27rem;
}



.creative-slider-sec {
    background-image: url(../images/creative-sec-bg.webp);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: cover;
    padding: 0px 0;
    position: relative;
    z-index: 2;

}



.marquee-wrap.creative marquee {
    color: rgba(2, 20, 120, .22);
}

.tech-sec {
    background: url(../images/tech-banner-bg-img.webp) 0 0/cover no-repeat;
    /* min-height: 566px; */
    padding: 100px 0;
    position: relative;
    z-index: 1;
}

.tech-sec h3 {
    font-family: 'Bebas Neue', cursive;
    color: #fff;
    font-size: 70px;
    text-align: center;
    font-weight: 700;
}

#phone-coun {
    padding-left: 91px;
}

.tech-sec-tab-box {
    border-radius: 5px;
    background-color: #081321;
    box-shadow: 0 0 20px 0 rgba(65, 81, 123, .1);
    width: 170px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-left: 67px; */
}

/* .e-width {
    width: 100%;
    max-width: 199px;
} */
/* .e-width {
    margin: 0 20px !important;
} */

.home-banner-1 {
    background-image: url(../images/banner-1-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0 0 0;
    position: relative;
    z-index: 2;
}

.banner-1-img-right {
    width: 100%;
    max-width: 611px;
}

.home-banner-tabs-wrap .nav.nav-tabs {
    margin-top: -55px;
    z-index: 3;
    position: relative;
}

.banner-1-square-img-1 {
    position: absolute;
    top: 74px;
    right: 413px;
    z-index: -1;
}

.banner-1-square-img-2 {
    position: absolute;
    bottom: 5px;
    left: -74px;
    z-index: -2;
}

.home-banner-2 {
    background-image: url(../images/banner-2-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0 0 0;
}

.home-banner-3 {
    background-image: url(../images/banner-3-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0 0 0;
    position: relative;
    z-index: 1;
}

.banner-3-line-img {
    position: absolute;
    top: 102px;
    z-index: -1;
}

.banner-3-square-img-left {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.banner-3-square-img-right-top {
    position: absolute;
    top: 171px;
    right: 644px;
    z-index: -1;
}

.banner-3-square-img-right-bottom {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

.banner-1-right-bg {
    background-image: url(../images/banner-1-right-img.html);
    background-repeat: no-repeat;
    min-height: 800px;
}

.test-slide-2 .slick-dots li button::before,
.testislider .slick-dots li button:before {
    background: #220631;
}
.testimonial ul {
    display: flex;
    justify-content: center;
}

.testimonial ul li {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}



.testimonial ul.slick-dots li {
    margin: 0px 14px;
}

.testimonial ul li {
    margin-bottom: 13px;
}

.faq-hd {
    color: #fff;
    font-size: 63px;
    font-family: "bebas neue";
    font-weight: 500;
}

.fag-sec {
    background-image: url(../images/faq-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 50px;
}

.quest-title.active:before,
.quest-title:before {
    color: #fff;
}

.input-field {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    font-family: "Averta";
    font-size: 16px;

}

.field-area {
    margin-bottom: 20px;
}

.input-field.text-area {
    resize: none;
    min-height: 200px;
}

.btn-1.btn-change {
    background-color: #fff;
    color: #000;
}

.mb-30 {
    margin-bottom: 30px
}

/*  */
.dropdown:hover .dropdown-menu.pre-scrollable {
    display: block !important;
}

.custom-drop .btn {
    background-color: transparent;
    color: #fff;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    transition: 1s cubic-bezier(0.51, 0.92, 0.27, 0.96) !important;
    border: none;
}

.custom-drop .btn::before {
    background: transparent !important;
}

.header-main.showmenu .custom-drop .btn:hover,
.custom-drop .btn:hover {
    color: #b10655;
}

.nav-links.dropdown-item h4 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 5px 0;
}

.header-main.showmenu .btn.dropdown-toggle {
    color: #000;
}

.header-main .btn.dropdown-toggle:focus {
    border: none;
    box-shadow: transparent !important;

}

.smart-sec-1 h5 {

    min-width: 430px;

}

.creative-arrows .left-arrow i {
    margin-right: 10px !important;
}

.dropdown-menu.pre-scrollable.w-scroll {
    overflow: hidden;
}

.dropdown-menu.pre-scrollable {
    /* background-color: #230c32 !important; */
    background: rgb(44, 19, 75);
    background: linear-gradient(34deg, rgba(44, 19, 75, 1) 32%, rgba(0, 0, 0, 1) 100%);
}

.dropdown-menu.pre-scrollable .dropdown-item:hover,
.dropdown-menu.pre-scrollable .dropdown-item:active {
    background-color: #fff;
}

.dropdown-menu.pre-scrollable .dropdown-item:hover h4,
.dropdown-menu.pre-scrollable .dropdown-item:active h4 {
    color: #000;
}

.dropdown-menu.pre-scrollable::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.dropdown-menu.pre-scrollable::-webkit-scrollbar-thumb {
    background: #230c32;
    border-radius: 10px;
}



/*  */
.tab-content {
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

.slider h3 {
    background: #000;
    color: #3498db;
    font-size: 36px;
    line-height: 100px;
    margin: 10px;
    padding: 2%;
    position: relative;
    text-align: center;
}

.slick-prev:before,
.slick-next:before {

    color: black;

}

.home-banner-slider .slick-next.slick-arrow,
.home-banner-slider .slick-prev.slick-arrow {
    display: none !important;
}

/* banner-tabs-box */
.banner-tabs-box-1 {
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 14px 0 rgb(0 0 0/18%);
    padding: 30px 30px 50px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: .5s;
    width: 363px;
    outline: none;

}

.nav-tabs {
    border-bottom: none;
}

.home-banner-tabs-wrap .nav-tabs .nav-link.active {
    border-color: transparent;
    background-color: transparent;
    /* background-color: red; */
}

.home-banner-tabs-wrap .nav-tabs .nav-link.active .banner-tabs-box-1 {
    background: rgb(87, 49, 183);
    background: linear-gradient(50deg, rgba(87, 49, 183, 1) 0%, rgba(44, 19, 75, 1) 66%);
    color: #ffff !important;
}

.home-banner-tabs-wrap .nav-tabs .nav-link.active .banner-tabs-box-1 h5,
.home-banner-tabs-wrap .nav-tabs .nav-link.active .banner-tabs-box-1 p {
    color: #fff;
}

.home-banner-tabs-wrap .nav-tabs .nav-link.active img {
    filter: sepia(83%) saturate(808%) hue-rotate(861deg) brightness(83%) contrast(87%) invert(2);
}

.home-banner-tabs-wrap .nav-link.active {
    outline: none !important;
}

.home-banner-tabs-wrap .nav-tabs .nav-link.active .popup-btn.get-started {
    background-color: #fff;
    color: #000;

}

.home-banner-tabs-wrap .nav-tabs .nav-link:focus,
.home-banner-tabs-wrap .nav-tabs .nav-link:hover {
    border-color: transparent !important;
}

.boxes-number-text {
    color: #000;
    font-size: 24px;
    font-weight: 700;
    font-family: "Averta";

}

.boxes-hd-text {
    color: #000;
    font-size: 22px;
    margin-top: 20px;
    font-family: 'Avertaw02';
    font-weight: 700;
}

.boxes-bottom-para {
    color: #000;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Averta';
    min-height: 200px;
}

.popup-btn.get-started {
    padding: 15px 28px;
    background: #230c32;
    color: #ffff;
    font-size: 16px;
    font-family: "Averta";
    font-size: 400;
    border-radius: 10px;
    /* background: rgb(87, 49, 183);
background: linear-gradient(50deg, rgba(87, 49, 183, 1) 0%, rgba(44, 19, 75, 1) 66%); */
}

.height-100 {
    height: 100% !important;
}

.home-banr-wrp .imgwrp img {
    width: 82%;
}

.home-banner-tabs-wrap .nav {
    flex-wrap: nowrap;
    justify-content: center;
}

.home-banner-tabs-wrap .nav-link {
    background-color: transparent !important;
}

.home-banner-tabs-wrap {
    margin-bottom: 80px;
}

.marquee-wrap .marquee {
    position: absolute;
    color: rgba(2, 20, 120, .22);
    font-size: 200px;
    font-weight: 700;
    font-family: "Avertaw01";
    bottom: -150px;
    z-index: -1;
}

.p-relative {
    position: relative;
}


.home-banner-tabs-wrap .nav.nav-tabs .nav-link .popup-btn.get-started {
    background: rgb(87, 49, 183);
    /* background: linear-gradient(50deg, rgba(87, 49, 183, 1) 0%, rgba(44, 19, 75, 1) 66%); */
}

.home-banner-tabs-wrap .nav-link.active .popup-btn.get-started {
    color: #2c134b !important;
    background-color: #fff !important;
}









/* banner-tabs-box end */


/* code pen  */
.tech-sec .nav-tabs .nav-link {
    color: #fff;
    padding: 20px;
    border: none;
    font-family: 'Avertaw01';
    font-weight: 600;
}

.tech-sec .nav.nav-tabs {
    color: #ffff;
    font-size: 18px;
    padding: 0 0 15px;
    border-bottom: 4px solid transparent;
}

.tech-sec .nav-tabs .nav-link.active {
    color: #b1bdff;
    background-color: transparent;
    border: none;
    padding: 20px;
    border-bottom: 4px solid #fff;

}

.tech-sec .nav-tabs .nav-link:hover {
    border: none;
    border-bottom: 4px solid #fff;
}

.tech-sec .wrap-modal-slider {
    padding: 0 30px;
    opacity: 0;
    transition: all 0.3s;
}

.tech-sec .wrap-modal-slider.open {
    opacity: 1;
}

.tech-sec .your-class {
    /* width: 1226px; */
    /* margin: 0 auto; */
    position: relative;
}

/* Arrows */
.tech-sec .slick-prev,
.tech-sec .slick-next {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 37%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.tech-sec .slick-prev:hover,
.tech-sec .slick-prev:focus,
.tech-sec .slick-next:hover,
.tech-sec .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.tech-sec .slick-prev:hover:before,
.tech-sec .slick-prev:focus:before,
.tech-sec .slick-next:hover:before,
.tech-sec .slick-next:focus:before {
    opacity: 1;
}

.tech-sec .slick-prev.slick-disabled:before,
.tech-sec .slick-next.slick-disabled:before {
    opacity: .25;
}

.tech-sec .slick-prev:before,
.tech-sec .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: #000;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* .tech-sec .slick-prev {
    left: -25px;
} */

.tech-sec [dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.tech-sec .slick-prev.slick-arrow:before {
    content: '\f104';
    font-family: FontAwesome;
    font-size: 70px;
    color: #081321;
}

.tech-sec [dir='rtl'] .slick-prev:before {
    content: '→';
}

/* .tech-sec .slick-next {
    right: -25px;
} */

.tech-sec [dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.tech-sec .slick-next.slick-arrow:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 70px;
    color: #081321;
}

.tech-sec [dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
.tech-sec .slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.tech-sec .slick-dots {
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

.tech-sec .slick-dots li {
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}

.tech-sec .slick-dots li button {
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.tech-sec .slick-dots li button:hover,
.tech-sec .slick-dots li button:focus {
    outline: none;
}

.tech-sec .slick-dots li button:hover:before,
.tech-sec .slick-dots li button:focus:before {
    opacity: 1;
}

.tech-sec .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tech-sec .slick-dots li.slick-active button:before {
    opacity: .75;
    color: black;
}

.tech-sec-container {
    max-width: 1472px;
    background: #fff;
    padding: 20px 120px;
    border-radius: 45px;
}

.test-images-wrap .test-slide-img-area {
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 388px;

    /* max-width: 200px; */

}

.mb-20 {
    margin-bottom: 20px;
}
.mt-20 {
    margin-top: 20px;
}
.mb-40 {
    margin-bottom: 40px;
}

.socialwrp {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    padding-left: 0;
}

.socialwrp a {
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    color: #230c32;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
}

.socialwrp a:hover {
    background-color: #fa130d;
    color: #fff;
}

.tes-slide-2-wrap {
    margin-top: 68px;

}

.test-images-wrap img {
    margin-bottom: 12px;
}

.test-images-wrap.slick-slide {
    display: flex !important;
    justify-content: center !important;
}

/*  */
.move-dots {
    background: url(../images/move-dots-bg.png);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 800px;
    min-height: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    animation: mymove 21s infinite;
}

.let-us-know-sec {
    background-image: url(../images/let-us-know-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 35px 0 15px;
    background-position: right;
}

.let-us-know-cont h3 {
    color: #fff;
    font-size: 50px;
    font-weight: 500;
    font-family: "bebas neue";
    padding-bottom: 0;
}

.let-us-know-cont p {
    color: #ffff;
    font-size: 17px;
    line-height: 22px;
    padding: 15px 0 20px;
    font-family: 'Averta';
}

.let-us-know-sec .number {
    color: #fff;
    font-size: 20px;
}

.let-us-know-sec .number i {
    margin-left: 10px;
}

.Technologies-sec {
    padding: 80px 0 130px;
    background: #dadfeb;
    position: relative;
}

.Technologies-sec h4 {
    color: #000;
    text-align: center;
    font-size: 80px;
    font-weight: 400;
    font-family: "bebas neue";
}

.Technologies-sec p {
    color: #000;
    font-size: 17px;
    line-height: 22px;
    text-align: center;
    padding: 20px 0 50px;
}

.Technologies-sec .move-dots {
    z-index: 1;
    top: 0;
}

/* .technologies-slider img {
    margin: 0 20px;
} */
.technologies-img-area {
    padding: 0 20px;
}

.technologies-img-area img {
    max-width: 100%;
}


[class^="box-"].showfirst {
    display: block;
}

[class^="box-"] {
    display: none;

}

.case-studies-slide .active .c-s-box {
    background: rgb(87, 49, 183);
    background: linear-gradient(50deg, rgba(87, 49, 183, 1) 0%, rgba(44, 19, 75, 1) 66%);
}

.case-studies-slide .active .c-s-box .boxes-number-text,
.case-studies-slide .active .c-s-box .boxes-bottom-para,
.case-studies-slide .active .c-s-box .boxes-hd-text {
    color: #fff;
}

.case-studies-slide .active .c-s-box .popup-btn.get-started {
    color: #000;
    background-color: #fff;
}

.case-studies-slide .active .c-s-box img {
    filter: sepia(83%) saturate(808%) hue-rotate(861deg) brightness(83%) contrast(87%) invert(2);
}

.box-mt {
    z-index: 2;
    margin-top: -37px;
}

.mt-80 {
    margin-top: 80px !important;
}

.footer-main .linkinglist {
    padding-left: 0;
}

.footer-badge-img img {
    width: 100%;
    max-width: 300px;
}

.footer-card-img img {
    width: 100%;
    max-width: 442px;
}

.header-btns .btnwrp {
    background: #220632;
    padding: 13px 8px;
    color: #fff;
    font-size: 13px;
    border-radius: 7px;
    line-height: unset;
    font-weight: 600;
}

.header-btns .btnwrp.mr {
    margin-right: 10px;
}

/* .get-started.btn-white, */
.btn-white {
    color: #230c32;
    background-color: #fff;
}

.gap-5px {
    gap: 0.5rem;
}

.btn-2.btn-pd {
    padding: 11px 30px;
}

.txtwrp h1 {
    font-family: 'Avertaw01';
    font-weight: 400;
}

.txtwrp p {
    font-family: 'Averta';
    font-weight: 400;
}

/* banner img animation */

.started .custom-drop .btn {
    color: #000;
}
.bark-icon-img {
    width: 100%;
    max-width: 25px;
    height: auto;
}
.socialwrp a:hover .bark-icon-img {
    filter: invert(1);

}
.notch-banner-img {
    animation: imgmove 3s linear infinite;
    position: relative;
}
.banner-1-right-img.main-img {
    max-width: 926px !important;
}

@keyframes imgmove {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(50px);
    }

    100% {
        transform: translateY(0);
    }
}


/* banner img animation */









.move-dots-2 {

    background: url(../images/move-dots-bg.png);
    background-repeat: no-repeat;
    width: 100%;
    max-width: 800px;
    min-height: 100%;
    position: absolute;
    z-index: -1;
    /* change to a negative value */
    top: 0;
    animation: mymove2 21s infinite;
}


.hompg.font-averta {
    font-family: 'Avertaw02';
}

.averta2 {
    font-family: 'Avertaw02';
}
/* banner right images */
.banner-1-right-img {    
    width: 100%;
    max-width: 693px;
    min-height: 581px;
}
.social-media-banner-right-img {
    width: 100%;
    max-width: 565px;
    min-height: 581px
}
/* banner right images end */
.btn-red {
    background-color: #fa130d;
}
.btn-2.btn-pd {
    font-family: 'Avertaw01';
}

.tech-sliders-wrp .container {
    max-width: 1430px;
    background: #fff;
    padding: 20px 120px;
    border-radius: 45px;
}
.linkinglist  li a:hover,
.footer-bottom ul li a:hover {
    color: #b10655;
}
.btn-1.btn-red:hover {
    color: #fff;
}
.custom-drop .btn.dropdown-toggle:active,
.custom-drop .btn.dropdown-toggle:focus {
    border-color: transparent;
    box-shadow: none !important; 
}
.custom-drop .btn.dropdown-toggle:active {
    color: #fff;
}

.portfolio-slider-wrap.portfoliowrp.c-height li img {
    height: 479px;
}
.creative-slider-sec  .marquee {
        bottom: -81px;

}

.portfoliowrp {
    position: relative !important;
    background: #dadfeb;
    padding: 70px 0;
    z-index: 2;
}



@keyframes mymove {
    from {
        left: 0px;
    }

    to {
        left: 1400px;
    }

    100% {
        animation: 140s linear infinite animatedBackground_dots;
    }
}

@keyframes mymove2 {
    from {
        left: 0px;
    }

    to {
        left: 1400px;
    }

    100% {
        animation: 140s linear infinite animatedBackground_dots;
    }
}
.btnwrap .btn-2.btn-pd {
    border: none;
} 

/* packages theme change*/
ul.pricing-sec-list {
        background: #220632;
    border-radius: 10px;
    padding: 20px;
}
ul.pricing-sec-list li {
    padding: 0;
    color: #fff;
    font-weight: 600;
}

.single-price span {
        font-size: 18px;
    font-weight: 700;
    background-color: transparent;
}
.single-price ul li {
    font-weight: 600;
    color: #000;
}
    .seo-tab.active::before {
         content: "";
    height: 60px;
    width: 60px;
    /* background-color: #220632; */
    background-image: url(../images/seo-tabs-img-wbg.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    left: calc(50% - 28px);
    /* margin-left: -25px; */
    bottom: -46.5px;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
    border-radius: 10px;
    z-index: 2;
    /* border-radius: 100%; */
}
.custom-container {
        max-width: 1335px;
        margin: 0 auto;
}
.pricing-sec-new.price-area  .single-price.current .btn-1 {
  animation: blink-animation-new 1s infinite;
    
}

/*.blink {*/
/*  animation: blink-animation 1s infinite;*/
/*}*/

@keyframes blink-animation-new {
  0% {
    color: #fff;
  }
  50% {
    color: #220632;
  }
  100% {
    color: #fff;
  }
}
/* packages theme change end*/

/*combo packages sec*/
.combo-big-pack {
    position: relative;
}
.combo-big-pack {
    padding: 100px 0;
}
.combo-big-pack .single-price {
    box-shadow: none;
}
.combo-big-pack .single-price ul {
        height: 459px
}
.combo-big-pack .single-price.radius-and-padding {
    border-radius: 0;
    border: 0;
}
/*.cs-box-shadow {*/
/*    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;*/
/*}*/
.best-seller {
        position: absolute;
    top: 20px;
    right: -47px;
    transform: rotate(45deg);
       background: #220632;
    color: #fff;
    padding: 5px 20px;
    width: 45%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 1;
}
.contest-list__item.fullwidth.custom-web-pack-st .best-seller {
       right: -181px;
    font-size: 18px;
    top: 36px;
}
.contest-list__item.fullwidth.custom-web-pack-st {
    background: #fff;
    box-shadow: 2px 2px 20px 0px #00000017;
    transition: all .5s ease-in-out;
    /*overflow: hidden;*/
}
.combo-big-pack .get-btn.popup-btn {
         /* margin-top: 30px; */
    background-color: #fa130d;
    text-align: center;
    padding: 21px 40px;
    color: #fff;
    border-radius: 10px;
    -webkit-transition: .7s;
    transition: .7s;
    display: table;
    /* margin-left: auto; */
    /* margin-right: auto; */
    font-size: 16px;
    font-weight: 700;
} 
.combo-big-pack .btn-1.blink {
    display: flex;
    justify-content: center;
    align-items: center;
}
.combo-big-pack .btnwrp.d-flex {
    justify-content: end;
    gap: 20px;
    padding: 0 20px 20px 20px;
}
.combo-big-pack btn-1.blink {
    
}
.price-box {
    padding: 20px 0 0;
    border-radius: 5px;
    background: transparent;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .5s ease-in-out;
    width: 100%;
    margin-bottom: 30px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.custom-price-btn-portl {
        text-align: right;
    padding-right: 20px;
        font-weight: 700;
    color: #000;
}
.custom-price-btn-portl h2 {
    font-size: 45px;
    color: #fa130d;
    
}
/*combo packages sec end*/


/*arsalan new css */
.portfoliowrp figure img {
    width: 100% !important;
}
.formwrp .lable.mx-wd {
    width: 20% !important;
}
.formwrp .lable.mx-wd-change {
    width: 37% !important;
}
.lable.pd-right {
    padding-right: 10px;
}
 .web-portfolio-main .port-box ul li,
.portfoliowrp.portfolio-img-wd .port-box ul li {
        width: 433px;
}
/*arsalan new css end */

@media (max-width: 1600px) {
    .banner-3-square-img-right-top {
        right: 553px;
    }

    .banner-1-square-img-1 {

        right: 371px;

    }
    .banner-1-right-img {
        max-width: 785px;
    }
}

@media (max-width: 1440px) {
    .banner-3-square-img-right-top {
        right: 470px;
    }

    .banner-1-square-img-1 {
        right: 320px;
    }

    /* .home-banner-3 {
        min-height: 665px;
    } */

    /* .home-banner-2 {
        min-height: 739px;
    } */

    /* .tech-sec-container {
        padding: 20px 55px;
    } */
}

@media (max-width: 1366px) {
    .tech-sec-container {
        padding: 20px 52px;
    }

    .tech-sec .slick-next.slick-arrow:before,
    .tech-sec .slick-prev.slick-arrow:before {
        font-size: 45px;
    }

    .tech-sec .slick-prev,
    .tech-sec .slick-next {
        top: 44%;
        width: 32px;
    }

    /* .top-notch-banner-img-2 {
        left: 121px;
    bottom: 68px;
    } */
    /* .home-banner-3 {
        min-height: 665px;
    } */

    /* .home-banner-2 {
        min-height: 739px;
    } */
    header .navwrp ul {
        padding: 0;
    }
    .home-banner-2,
    .home-banner-3,
    .home-banner-1 {
        padding: 50px 0 0 0;
    }
    .home-banner-3 .banner-1-right-img {
        object-fit: contain !important;
    }
    .custom-container {
        
    max-width: 1240px;

    }
    .web-portfolio-main .port-box ul li,
    .portfoliowrp.portfolio-img-wd .port-box ul li {
    width: 306px;
    }
}

@media (max-width: 1280px) {
    .banner-3-square-img-right-top {
        right: 398px;
    }

    .banner-1-square-img-1 {
        right: 238px;
    }

    .main-pera {
        font-size: 15px;
    }

    .main-heading {
        font-size: 29px;
    }
    ul.pricing-sec-list li {
    font-size: 13px;
    }
    .custom-container {
            max-width: 1111px;
    }
}

@media (max-width: 1199px) {
    .smart-sec-1 h5 {
        font-size: 360px !important;
    }

    .creative-arrows {
        bottom: 5rem;
        left: 27rem;
    }

    .let-us-know-sec .btn-1 {
        padding: 18px 22px;
    }

    .smart-sec-head h3 {
        font-size: 55px;
    }

    .main-heading {
        font-size: 27px;
    }

    header .custom-drop .btn,
    header .navwrp ul li a {
        font-size: 13px;
    }
    header .navwrp ul li a.btnwrp {
        font-size: 10px;
    }
    .custom-container {
    max-width: 923px;
}
}

@media (max-width: 1024px) {

    /* header .custom-drop .btn,
    header .navwrp ul li a {
        font-size: 11px;
    } */

    .services-text {
        font-size: 80px;
    }

    .sercvice-box-arrow i {
        right: -448px;
    }

    .services-box-s-wrap {
        /* bottom: -142px; */
    }

    .services-box-s-wrap p {
        font-size: 14px;
        padding: 0 32px 0 0;

    }

    .let-us-know-cont h3 {
        font-size: 40px;
    }

    .follow-slider .slick-prev {

        left: -10px;

    }

    .follow-slider .slick-next {

        right: 31px;

    }
    .boxes-hd-text {
            font-size: 16px;
    }
    .banner-tabs-box-1 {
                width: 443px;
    }
    .btn-2 {
        margin-left: 0;
    }
    .single-price .btn-1,
    .single-price  .get-btn {
            white-space: pre;
            
    }
     .single-price .get-btn,
    .single-price .btn-1 {
        margin-left: 0 !important;
    }
    .single-price .btnwrp {
        gap: 10px;
    }
    .single-price .btnwrp a.get-btn {
            padding: 10px 10px !important;
    }
    .single-price .btn-1,
    .single-price .get-btn {
    white-space: unset;
    }
    ul.pricing-sec-list {
            padding: 20px 15px;
    }
    ul.pricing-sec-list li {
    font-size: 11px;
    }
    .let-us-know-sec .btn-1.btn-white,
    .let-us-know-sec .btn-2 {
    white-space: pre;
    height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 33px 20px;
    }
    .ctawrp .btn-1.btn-red {
        margin-right: 10px;
    }
    .boxes-bottom-para {
        min-height: 225px;
    }
    .web-portfolio-main .port-box ul li,
    .portfoliowrp.portfolio-img-wd .port-box ul li {
    width: 223px;
    height: 310px;
    }
}

@media (max-width: 992px) {
    .offset-1 {
        margin-left: 0;

    }

    .top-notch-banner-img-2 {
        display: none;
    }

    .banner-1-square-img-1 {
        display: none;
    }

    .txtdiv.md-pd {
        padding: 0 20px;
    }

    .main-pera.max-wd {
        max-width: 796px;
    }

    .services-text {
        font-size: 56px;
    }

    .mmt-20 {
        margin-top: 20px;
    }

    .tech-sec h3 {
        font-size: 48px;
    }

    .socialwrp li {
        margin-right: 5px;
    }

    .footer-badge-img {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .proofbox:before {
        display: none;
    }

    .home-banner-1 .btn-2,
    .home-banner-3 .btn-2,
    .home-banner-2 .btn-2 {
        margin: 0 !important;
    }

    .smart-sec-1 h5 {
        min-width: 240px;
    }

    .smart-sec-head p {
        font-size: 14px;
    }

    .smart-sec-head h3 {
        font-size: 43px;
    }

    .creative-arrows {
        bottom: 5.5rem;
        left: 16rem;
    }
    .roleswrp.fag-sec .accordion {
        padding-left: 0;
    }
    .move-dots-2,
    .move-dots {
       display: none;
    }
    ul.pricing-sec-list li {
        
    font-size: 16px;

    }
    .pricing-sec-list.main-list li {
    width: 50%;
    margin-bottom: 0px;
    padding: 10px 0;
    }
    ul.pricing-sec-list.main-list {
    display: flex !important;
    flex-wrap: wrap;
    text-align: center;
    /*padding: 10px 0;*/
    }
    ul.pricing-sec-list.seo-list li.active,
    ul.pricing-sec-list.main-list li.active {
        border-top: none;
        background: #fff;
        padding: 10px 0;
    }
    .pricing-sec-list.seo-list {
        display: block;
        text-align: center;
    }
    .pricing-sec-list.seo-list li {
        padding: 10px 0;
    }
    .contest-list__item.fullwidth.custom-web-pack-st .best-seller {
    right: -152px;
    font-size: 14px;
    top: 14px;
}
.seo-tab.active::before {
    content: unset
}
   
}

@media (min-width: 0px) and (max-width: 991px) {
    .btn-2 {
        margin: 0 !important;
    }
    .first-fold .btn-1,
    .proofbox .btn-1,
    .tech-secendwrp .btn-1 {
        margin-bottom: 20px;
    }
     .contest-list__item.fullwidth.custom-web-pack-st .best-seller {
            right: -98px;
    font-size: 13px;
    top: 17px;
    }
    .first-fold {
        padding-bottom: 0;
    }
    
}
@media (min-width: 768px) and (max-width: 991px) {
     .banner-3-square-img-right-top {
    right: 230px;
    }
    .banner-tabs-box-1 {
    width: 320px;
    }
    .home-banner-1  .m-p-0 {
        padding-left: 30px;
    }
    
    .ctawrp .btnwrp,
    .top-notch-banner .btnwrp {
    padding: 20px;
    display: flex;
    width: 100%;
    gap: 20px;
    }
    .ctawrp .btnwrp {
        justify-content: center;
    }
    .socialwrp a {
    width: 24px;
    height: 24px;
    font-size: 14px;
    }
    .bark-icon-img {
        max-width: 19px;
    }
    ul.socialwrp li {
        padding: 0;
    }
    .btmform .btn-1.red-11 {
        padding: 14px 21px
    }
}
@media (max-width: 767px) {

    .banner-1-square-img-1,
    .banner-1-square-img-2,
    .banner-3-square-img-right-bottom,
    .banner-3-square-img-right-top,
    .banner-3-square-img-left,
    .banner-3-line-img,
    .imgwrp img {
        display: none;
    }

    .home-banner-1 {
        /* padding-bottom: 150px; */
        padding: 105px 15px !important;
    }

    .services-main-wrap img {
        width: 100%;
        max-width: 340px;
        display: flex;
        justify-content: center;
    }

    .margin-top-80 {
        margin-top: 40px;
    }

    .sercvice-box-arrow i {
        right: -395px;
    }

    .services-box-s-wrap {
        left: 100px !important;
    }

    .home-banner-1 {
        padding: 77px 15px;
    }
    .home-banner-2 h1,
    .home-banner-3 h1,
    .home-banner-1 h1 {
        font-size: 22px;
    }
    
    .home-banner-2,
    .home-banner-3 {
            padding: 105px 15px !important;
    }

    .main-heading {
        font-size: 19px !important;
        line-height: 1.2 !important;
    }

    .top-notch-banner .btnwrp {
        padding: 0 15px;
    }

    .services-box-s-wrap {
        left: 21px;
    }

    .let-us-know-cont h3 {
        font-size: 30px;
    }

    .smart-sec-1 h5 {
        display: none;
    }

    .smart-sec-head {
        margin-bottom: 50px !important;
    }

    .quest-title {
        font-size: 15px;
    }

    .toll-free h2 {
        font-size: 22px;
    }

    .toll-free a.btn-1 {
        padding: 12px 26px !important;
    }

    .toll-free a span {
        font-size: 13px;
    }

    .col-md-4.mb-20 {
        margin-bottom: 20px;
    }

    .socialwrp {
        max-width: 200px;
    }

    .toll-free {
        padding: 0px 0 30px 0;
    }

    /*.btn-2 {*/
    /*    margin: 0 0 0 5px !important;*/
    /*}*/

    .whatsapp {
        bottom: 0 !important;
        left: 0 !important;
    }

    .main-box .btn-1.red-11 {
        padding: 14px 21px !important;
    }
    .ctawrp .btn-1.btn-red,
    .top-notch-banner .btn-1,
    .home-banner-3 .btn-1,
    .home-banner-2 .btn-1,
    .home-banner-1 .btn-1,
    .processwrp .btn-1,
    .proofbox .btn-1.live-chat-btn {
        margin-bottom: 20px;
    }

    .let-us-know-sec .btn-2 {
        margin-bottom: 0px !important;
    }

    .banner-tabs-box-1 {
        width: 100%;
    }

    .services-main-wrap {
        display: flex !important;
        justify-content: center !important;
    }

    .services-box-s-wrap p {
        padding: 0 88px 0 0;
    }

    .creative-arrows {
        bottom: 3rem;
        left: 18rem;
    }
    .m-p-0 {
        padding: 0;
    }
    .home-banner-1 .m-p-0 {
        padding: 0 15px !important;
    }
    .move-dots  {
        display: none;
    }
    .notch-banner-img {
        
    margin-bottom: 67px;

    }
    .let-us-know-sec {
     background-position: unset;   
    }
    .creative-slider-sec  {
        
    padding: 37px 0;

    }
    .footer-top .col-md-2.p-0 {
        padding: 0 15px !important;
    }
    .portfoliowrp .portfoliowrp .navwrp ul  {
        padding-left: 0;
    }
    .accordion__link  {
        font-size: 12px !important;
    }
    .marquee-wrap .marquee {
        font-size: 91px;
        bottom: -110px;
    }
    .creative-slider-sec  .marquee {
        bottom: -64px;
    }
    .services-main-wrap:hover .services-slider-img {
    transform: unset;
    transition: unset;
    }
    .let-us-know-sec .btn-2.ms-0 {
        display: none;
    }
    .footer-top .dmca-badge {
            padding-top: 22px;
    }
    .move-dots-2 .move-dots-2 {
        display: none;
    }
    .services-main-wrap:hover .services-box-s-wrap {
    top: 206px;
    }
    .services-box-s-wrap {
        
    top: 206px;

    }
   .client-logowrp:before {
       background-image: none;
   }
   .service-sec {
           padding: 40px 0 80px 0;
   }
   .testimonial ul {
       margin: 0;
   }
   .started .orderformwrp {
       margin-bottom: 166px;
   }
   .contest-list__item.fullwidth.custom-web-pack-st .best-seller {
    right: -57px;
    font-size: 13px;
    top: 9px;
    p: 17px;
}
.tech-secendwrp {
    padding: 0;
}
.tech-secendwrp .imgwrp {
       margin: 0 0 0px !important;
}
.seo-banner,
.domain-banner,
.web-app-banner,
.video-banner,
.web-maintain-banner,
.ecommerce-banner,
.mobile-app-banner,
.wordpress-banner,
.writing-banner,
.branding-banner,
.tech-secendwrp,
.backend-banner {
    margin-bottom: 50px;
} 
.seo-banner .txtwrp h1,
.domain-banner .txtwrp h1,
.web-app-banner .txtwrp h1,
.video-banner .txtwrp h1,
.web-maintain-banner .txtwrp h1,
.ecommerce-banner .txtwrp h1,
.mobile-app-banner .txtwrp h1,
.wordpress-banner .txtwrp h1,
.writing-banner .txtwrp h1,
.branding-banner .txtwrp h1,
.backend-banner .txtwrp h1 {
    font-size: 30px;
}

.sec-margin,
.app-dd.tech-secendwrp,
.wp-sec.tech-secendwrp {
    margin-top: 50px;
}
.combo-big-pack .get-btn.popup-btn {
        padding: 16px 10px;
        height: 0;
}
.combo-big-pack .btn-1.blink {
        height: 0;
    padding: 28px 10px;
}
.custom-price-btn-portl h2 {
    font-size: 31px;
}
.lable.pd-right,
.formwrp .lable.mx-wd-change,
.formwrp .lable.mx-wd {
    width: 100% !important;
}
.lable.pd-right {
    padding-right: 0;
}
.formwrp {
    padding: 20px 0;
}
.formwrp .btn.submitbtn {
        margin: 26px 0 0 0px !important;
}
.ctawrp .btn-1.btn-red {
    margin-right: 0px;
}
.boxes-bottom-para {
    min-height: 159px;
} 


}

@media (max-width: 480px) {
    /*.home-banner-3 {*/
    /*    min-height: 779px;*/
    /*}*/

    .case-studies-slide .active .c-s-box {
        border-radius: 1px;
    }

    /*.home-banner-2 {*/
    /*    min-height: 777px;*/
    /*}*/

    /*.home-banner-1 {*/
    /*    padding: 109px 15px;*/
    /*}*/

    .tech-sec h3 {
        font-size: 29px;
    }

    .Technologies-sec h4 {
        font-size: 49px;
    }

    .creative-arrows {
        /* bottom: 6rem; */
    }

    .smart-sec-head h3 {
        font-size: 34px;
    }
    .accordion__link  {
        font-size: 10px !important;
    }
    .services-box-s-wrap {
    left: 67px !important;
    }
    .backend-banner .formwrp form .lable input.btn {
            font-size: 16px;
                width: 88%;
    }
    .toll-free h2 {
    font-size: 19px;
}
.faq-hd {
    font-size: 40px;
}

}
@media (max-width: 400px) {
    .creative-arrows {
            left: 19rem;
    }
    .services-box-s-wrap {
    left: 35px !important;
    top: 159px;
}
}
@media (max-width: 400px) {
    .creative-arrows {
    left: 17rem;
    }
}
/*@media (max-width: 360px) {*/
/*    .services-box-s-wrap {*/
/*    top: 169px;*/
/*}*/
    
/*}*/



.test-slide-2 .slick-dots li button:before,
.testislider .slick-dots li button:before {
    width: 11px;
    height: 11px;
}

.test-slide-2 .slick-dots li.slick-active button:before,
.testislider .slick-dots li.slick-active button:before {
    width: 2rem !important;
    border-radius: 500px !important;
}
.footer-bottom .copy-right-text {
        margin: 0 0 0px !important;
}
.intl-tel-input .selected-flag .iti-arrow {
    right: 2px;
}

 /*arsalan css end*/
 
 
 .testislider .testisliders {
    width: 50%;
}
.testimonial .profile-card{
    width: 50%;
}
 
 .testimonial .profile-card{
    width: 50%;
}
.testislider li{
    display : flex !important;
        justify-content: space-between !important;

}
@media(max-width:767px){
    .test-images-wrap {
    display: none;
}
 .testimonial .profile-card{
    width: 100%;
}
.testimonial ul li{
  padding : 30px 10px;
}
 
}