/* @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: Arial, Helvetica, 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); }

img{width: 100%;}



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



body {font-family: var(--primary-font-family);color: var(--default-color);font-size:var(--base-font-size);position: relative;}



/* font family */

.ff-primary { font-family: var(--primary-font-family); }

.ff-secondary { font-family: var(--secondary-font-family); }



/* 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: var(--heading-font-family);}

h3, .h3, h4, .h4, h5, .h5, h6, .h6{ font-family: var(--heading-font-family); 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;font-size: 18px;color: #5C5856;}



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







div#google_recaptcha {

    margin: 0 0 15px 0;

}

.gle-cpcha #google_recaptcha>div{margin: 0 auto !important;}



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;

 }

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-main {

    /* position:  absolute; */

    padding: 0 0 0 0;

    top: 0;

    z-index: 99;

    width: 100%;

    -ms-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    }

.header-main.fixed{box-shadow: 0px 5px 20px #00000012;-ms-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;position: fixed;background: #fff;}



.header-main.fixed .main-menu > ul > li > a{text-transform:  capitalize;color: #223235;}

.header-main.fixed .logo{width: 100%;}



.top-bar {position: fixed;background: #f5f8fa;padding: 0;width: 100%;top: 0;left: 0;border-bottom: 1px solid #cbd6e2;z-index: 99;}

.top-info-list {float: right;margin: 25px 0;}

.top-info-list li {float: left;color: #171717;font-size: 14px;padding: 0 10px;}

.top-info-list li:first-child { padding-left: 0px; }

.top-info-list li:last-child { padding-right: 0px; }

.top-info-list li span {

 margin-right:8px;

 color: #171717;

 font-size: 13px;

 line-height: 20px;

 }

.top-info-list li span.icon-phone2 {font-size: 15px; top: 1px; position: relative;}

.top-info-list li+li {/* border-left: 1px solid #171717; */}

.top-info-list li a{

    color: #171717;

}

.top-info-list li a:hover {color: #223235;}



.nav-area-full {padding: 17px 0 16px;width: 100%;margin-top: 72px;}

.logo {

    width: 100%;

    margin: 0;

    float: left;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    }

.logo a { display: block; }

.top-area { display: inline-block; width: 100%; }



.main-menu {width: 100%;display: inline-block;float: right;margin: 2px 0 0;}

.main-menu > ul { float: right; margin: 0px; }

.main-menu > ul > li { padding:0px 15px; float: left; position: relative; }

.main-menu > ul > li:last-child {padding-right: 0px;/* margin-top: -14px; */}

.main-menu > ul > li:before {position: absolute;width: 1px;height: 12px;background: #71787e;left: 0px;top: 30%;}

.main-menu > ul > li:first-child:before { display: none; }

.main-menu > ul > li > a {padding: 20px 0;font-size: 16px;color: #171717;font-weight: 400;text-transform: capitalize;}

.header-main .has-submenu.progmenu{font-size: 16px;color: #171717;font-weight: 400;margin: 0;padding: 3px 0 4px;font-family: var(--primary-font-family);}

.main-menu > ul > li.active > a,

.main-menu > ul > li > a:hover,

.main-menu > ul > li > a.active,

.main-menu > ul > li > a:focus

 {    color: #f38440;}    



.cstn-column{display: inline-block;width: 100%;font-size: 0;}



.dropdown{

 width: 295px;

 position: absolute;

 top: 217%;

 left: 0%;

 visibility: hidden;

 opacity: 0;

 padding:0px;

 background-color: #fff;

 border: 1px solid #cbd6e2;

 border-radius: .1875rem;

 box-shadow: 0 1px 24px rgba(45,62,80,0.12);

 z-index: 95;

 }

.main-menu > ul > li:hover .dropdown{visibility: visible; /* shows sub-menu */opacity: 1;left: 18px;}

.main-menu > ul > li:hover .progmenu .dropdown{left: 0;}

.dropdown > ul{padding: 10px 0;list-style:none;}

.dropdown > ul > li{width: 100%;}

.dropdown > ul > li:hover{

    background: #391396;

    color: #fff;

}

.dropdown > ul > li:hover a{color:#fff!important;}

.dropdown > ul > li:before{ display:none; } 

.dropdown > ul > li+li{}

.dropdown > ul > li > a{color: #070707 !important;font-size: 16px;text-decoration:none;padding:8px 10px 8px 15px;display: block;padding-bottom: 8px!important;font-weight: 400 !important;}

.dropdown > ul > li > a:hover{  color:black; background:none; }

.dropdown > ul > li > a:hover:before  { display:none; }

.double-drop { width: 400px!important; }



.dropdown > ul > li > ul {  display: none; }

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



.mheader.stickyheader {position: fixed;z-index: 9999;min-height: auto;top: 0;width: 100%;background: #fff;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;box-shadow: 0px 10px 23px #0000000d;}



.mheader.stickyheader .logo img {   }

.mheader.stickyheader .mainbarr .boxednav .navigation .linkingchannel li a{    color: #070707;}

.mheader.stickyheader .mainbarr .boxednav .navigation .infochannel li .numbercta{    color: #070707;}



.nav-area-full.stickyhead {position: fixed;z-index: 9999;min-height: auto;top: 0;width: 100%;background: #fff;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;box-shadow: 0px 10px 23px #0000000d;}







/* sticky social icons

------------------------------------*/

.sticky-container{padding: 0px;margin: 0px; position: fixed; right: -155px; top:180px; width: 200px; display:none; z-index:999; }

.sticky li{border-radius: 5px;list-style-type: none;background-color: #333;color: #efefef;height: 45px;padding: 0px;margin: 0px 0px 0px 0px;-webkit-transition:all 0.25s ease-in-out;-moz-transition:all 0.25s ease-in-out;-o-transition:all 0.25s ease-in-out;transition:all 0.25s ease-in-out;cursor: pointer;}

.sticky li:hover{margin-left: -115px;}

.sticky li img{float: left;border-radius: 5px 0 0px 5px;margin: 0;margin-right: 10px;}

.sticky li p{padding: 0px; margin: 0px; text-transform: capitalize; line-height: 45px; color:white; }

.sticky li a{border-radius: 5px;color:white;}



/* sldier home 

------------------------------------*/

.slider-wrapper {background: #11151b;width:100%;/*margin-bottom: 20px;*/position:relative;}

.home-banner {width: 100%;height: 760px;position: relative;background-position: top center;background-repeat: no-repeat;background-size: cover;display: table;}

.home-banner:before{position: absolute;width: 100%;height: 100%;/* background: #00000054; */z-index: 8;content: "";}

.home-banner-content {position:  relative;z-index: 9;}

.home-banner-content h1 {font-size: 64px;/* padding-bottom: 15px; */margin-bottom: 15px;font-weight: 400;color: #ffffff;position: relative;/* text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); */line-height: 1;text-transform: capitalize;}

.home-banner-content h1:after {position: absolute;width: 10px;height: 10px;background: #ffffff;right: 0px;bottom: -5px;border-radius: 200px;}

.home-banner-content h1 span {display: block;color: var(--primary-color);}

.home-banner-content .subtitle {color: #ffffff;font-size: 24px;padding-top: 10px;line-height: 1.4;padding-bottom: 30px;}

.home-banner-content a.home-banner-link { margin: 0;  font-size: 14px;line-height:18px; font-weight: 400; text-transform: capitalize; padding: 10px 20px; background:var(--primary-color); color: white;  position:relative; display:table;

-moz-border-radius: 3px 3px 3px 3px;

-webkit-border-radius: 3px 3px 3px 3px;

border-radius: 3px 3px 3px 3px; }

.home-banner-content a.home-banner-link:after { content: "\e93a"; font-family: 'icomoon' !important;

font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }

.home-banner-content a.home-banner-link:hover {background:var(--primary-color-dark); }



/* slick Dots .home slider */

.home-slider .slick-dots { position: absolute; bottom: 20px; right: 0px; left: 0px; display:

 block; padding: 0 15px; margin: 0 auto; border-radius: 3px; list-style: none; width:1140px; }

.home-slider .slick-dots li { position: relative; display: inline-block; margin: 0 6px 0 0; 

padding: 0; cursor: pointer; }

.home-slider .slick-dots li button { font-size: 0; line-height: 0; display: block;

  width: 12px; height: 12px; padding: 0; cursor: pointer; color: transparent;  outline: none; 

  background: white; border:none;  border-radius: 200px; }

.home-slider .slick-dots li.slick-active button { background: var(--primary-color); border:none; }

/* slick arrows .home slider */

.home-slider .slick-prev,.home-slider .slick-next { font-size: 0; line-height: 0; 

position: absolute; top: 50%; z-index: 100; display: block;  padding: 0;

cursor: pointer; color: transparent; border: none; outline: none; background: transparent; 

-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); 

transform: translate(0, -50%);}

.home-slider .slick-prev { left: 15px; }

.home-slider .slick-next { right: 15px; }

.home-slider .slick-prev:before,.home-slider .slick-next:before { font-family: 'icomoon' !important; color: white; font-size: 50px; line-height: 1; } 

.home-slider .slick-prev:before { content: '\e958'; }

.home-slider .slick-next:before { content: '\e957'; }

.home-slider .slick-prev:hover:before,

.home-slider .slick-next:hover:before { color:var(--primary-color); }

/* progress bar */

.slider-progress { width: 100%; height: 5px; background: transparent; position:absolute; left:0px; bottom:0px; }

.slider-progress .progress { width: 0%; height: 5px; background: var(--primary-color); }





.banner-form{background: #fff;padding: 30px;position: relative;z-index: 9;margin: 60px 0;}

.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%;}



.ban-form input[type="submit"]{color: #fff;font-weight: 600;background: #f38440;border-radius: 3px;padding: 10px 15px;margin: 20px 0 0;border: transparent;}

























/* inner banner

------------------------------------*/

.inner-banner{position: relative;}

.inner-banner:before{position: absolute; width: 100%; height: 100%; background: #00000054; z-index: 0; content: "";}

.inner-banner-content { }

.inner-banner-content h1 { font-size: var(--font-size-h1-inner-vmin); border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px; font-weight: 700; color: #ffffff; position: relative; letter-spacing: -2px; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); line-height: 1.1; float: left; }

.inner-banner-content h1:after { position: absolute; content: ""; width: 10px; height: 10px; background: #ffffff; right: 0px; bottom: -5px; border-radius: 200px;  }

.inner-banner-content h1 span { color: var(--primary-color); }

.inner-banner-content .subtitle { color:white; font-size:16px; }





.servicepg .inner-banner:before{display: none;}





/* sldier numbers

------------------------------------*/

.slider-wrapper-number { width:100%; margin-bottom: 20px; position:relative; }

.number-banner { width: 100%; height: 438px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; display: table; }

.number-banner-content { }

.number-banner-content h1 { font-size: var(--font-size-h1-home-vmin); border-bottom: 1px solid #ffffff; padding-bottom: 15px; margin-bottom: 15px; font-weight: 700; color: #ffffff; position: relative; letter-spacing: -2px; text-shadow: 3px 2px 2px rgba(0, 0, 0, 0.7); line-height: 1.1; }

.number-banner-content h1:after { position: absolute; content: ""; width: 10px; height: 10px; background: #ffffff; right: 0px; bottom: -5px; border-radius: 200px; }

.number-banner-content h1 span { color: var(--primary-color);}

.number-banner-content .subtitle { color:white; font-size:16px;}

.number-banner-content a.number-banner-link { margin: 0;  font-size: 14px;line-height:18px; font-weight: 400; text-transform: capitalize; padding: 10px 20px; background:var(--primary-color); color: white;  position:relative; display:table;

-moz-border-radius: 3px 3px 3px 3px;

-webkit-border-radius: 3px 3px 3px 3px;

border-radius: 3px 3px 3px 3px; }

.number-banner-content a.number-banner-link:after { content: "\e93a"; font-family: 'icomoon' !important;

font-size: 13px;  color: white; padding-left: 10px; display: table-cell; vertical-align: middle;  }

.number-banner-content a.number-banner-link:hover {background:var(--primary-color-dark); }



/* slick Dots .number slider */

.number-slider .slick-dots { position: absolute; bottom: 30px; right: 0px; left: 0px; display:

 block; padding: 0 15px; margin: 0 auto; border-radius: 3px; list-style: none; width:1140px; 

text-align: left; }

.number-slider .slick-dots li { position: relative; display: inline-block; margin: 0 20px 0 0; 

padding: 0; cursor: pointer; }

.number-slider .slick-dots li a { line-height: 35px; display: block;

  width: 35px; height: 35px; padding: 0; cursor: pointer; color: var(--theme-white);  outline: none;  background-color:var(--secondary-color); border:none;  border-radius: 200px;

  text-align: center; border:1px solid var(--secondary-color-dark); transition:all 0.3s ease-in-out;  }

.number-slider .slick-dots li a:hover { color:var(--theme-white);  }  

.number-slider .slick-dots li.slick-active a { background: var(--primary-color); color: #ffffff;

 border:1px solid var(--primary-color); }



/* slick arrows .number slider */

.buttons-main { position: absolute;width: 100%; top: 50%; z-index: 100;  }

.prev-btn-main { position: absolute; left: -50px; }

.next-btn-main { position: absolute; right: -50px; }

.prev-btn,.next-btn { width: 35px; height: 35px; background-color: var(--primary-color);

border-radius: 100%; position: relative; display: inline-block; cursor: pointer; text-align: center; }

.prev-btn:hover,.next-btn:hover { background-color: var(--primary-color-dark); }

.prev-btn:before, .next-btn:before { font-family: 'icomoon' !important;  color: white;

font-size: 13px; line-height: 35px;  }

.prev-btn:before { content: "\e920"; }

.next-btn:before { content: "\e91f"; }







/* slick Dots .testimonial slider */

.testimonials-slider-main .slick-dots { position: absolute; bottom: 0px; right: 0px; left: 0px; padding: 0;

    margin: 0 auto; list-style: none; }

.testimonials-slider-main .slick-dots li { position: relative; display: inline-block; margin: 0 3px 0 3px; 

padding: 0; cursor: pointer; }

.testimonials-slider-main .slick-dots li button { line-height: 0; display: block;

 width: 11px; height: 11px; padding: 0; cursor: pointer; color: transparent;  outline: none; 

  background: url(../images/slick-dots.png) no-repeat 0 0; border:none; }

.testimonials-slider-main .slick-dots li.slick-active button { border:none;

background: url(../images/slick-dots.png) no-repeat top 0 left -11px; }

/* slick arrows .testimonial slider */

.testimonials-slider-main .slick-prev,.testimonials-slider-main .slick-next { line-height: 0; 

position: absolute; top: 50%; z-index: 100; display: block; width: 18px; height: 28px; padding: 0;

cursor: pointer; color: transparent; border: none; outline: none;

-webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); 

transform: translate(0, -50%);}

.testimonials-slider-main .slick-prev { left: -20px; 

background: url(../images/slick-arrows.png) no-repeat top 0 left 0; }

.testimonials-slider-main .slick-next { right: -20px;

 background: url(../images/slick-arrows.png) no-repeat top 0 left -18px; }





/* tabs custom (place nav and tabs anywhere separately)

------------------------------------*/

.tabs-custom-nav li a {color: black; }

.tabs-custom-nav li a.current {color: #0076FB;}

.tabs-custom .tab-content-panel {  display: none;overflow: hidden;width: 100%;}

.tabs-custom .tab-content-panel.selected { display: block; }



/* tabs generic (nav and tabs in main div)

------------------------------------*/

.tab-custom-nav li a {color: black; }

.tab-custom-nav li a.current {color: #0076FB;}

.tab-custom .tab-content-panel {  display: none;overflow: hidden;width: 100%;}

.tab-custom .tab-content-panel.selected {overflow:  visible;display: inline-block;width: 100%;}



/* tabs generic (nav and tabs in main div tabs with style)

------------------------------------*/

.tabs-main { display:inline-block; width:100%; padding:15px 0; }

.tabs-main ul.tabs-nav {padding: 0px;width: 100%;float: left;margin: 0 0 -1px 0;}

.tabs-main ul.tabs-nav li {list-style: none;float: left;}

.tabs-main ul.tabs-nav li a {background: #003a7b;border: 1px solid #BCC5cB;border-bottom: 0px;color: white;padding: 7px 15px;display: block;text-decoration: none;}

.tabs-main ul.tabs-nav li a.current {background: white;color: #003a7b;}

.tabs-main .tab-content-panel {background: white;padding: 15px 30px 25px 30px;border: 1px solid #BCC5cB;display: none;overflow: hidden;width: 100%;}



/* points boxes area

------------------------------------*/

.points-boxes-area { background:#000000; }

.points-boxes-area .col-lg-4 { border-right:1px solid #292929; }

.points-boxes-area .col-lg-4:nth-child(3) { border-right:0px; }

.points-box { padding:30px 0 30px 80px; position:relative;  }

.points-box img { position:absolute; left:0px; top:30px; }

.points-box h3 { color:white; font-size:16px; font-weight:600; margin:0px; padding:0 0 10px 0; text-transform:uppercase; }

.points-box p { color:white; font-size:13px; font-weight:400; margin:0px; padding:0; }



/* accordion

------------------------------------*/

.accordion, .accordion * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.accordion {overflow: hidden;background: none;margin-top: 50px;}

.quest-title {font-size: 22px;font-weight: 500;color: #171717;margin-bottom: 0px;position: relative;width: 100%;line-height: 1.4;display: inline-block;transition: all linear 0.15s;text-decoration: none;/* border-bottom: 1px solid #dbdbdb; */padding-right: 40px;}

.quest-title:before { position: absolute; content: "\e955"; width: 20px; height: 20px; right: 15px; top: 0px; font-family: 'icomoon' !important; color: #1e1e1e; font-size: 20px; }

.quest-title.active, .quest-title:hover {    color: #f38440;content: "\e91c";}

.quest-title:after { width: 60px; height: 1px; left: -60px; bottom: -1px; background: #dbdbdb; position: absolute; content: ""; }

.quest-title.active:before { content: "\e956"; }

.quest-title:hover:before { /*content: "\f056";*/ }

.quest-content {padding: 15px 40px 15px 0;display: none;margin-bottom: 0px;float: left;width: 100%;}

.quest-content p {line-height: 1.4;font-size: 18px;font-weight: 500;margin: 0px;color: #687087;}





/* Contact (page) 

------------------------------------*/

.form-box-main {background: #ffffff;padding: 30px 15px;/* border: 1px solid #e5e5e5; */}

.form-box-main h2 {/* padding: 0 0 25px 0; */text-align: left;font-size: 36px;width: 100%;font-weight: 700;line-height: 1.2;}



.form-box-main form {width: 80%;margin: 0 auto;}

.form-box-main form .col-md-6, .form-box-main form .col-md-12 {padding-bottom: 30px;}

.form-box-main form label.field-txt {

 font-weight: 500;

 font-size: 18px;

 color: #5B6B7F;

 margin: 0 0 5px;

 width: 100%;

 display: block;

 }

.form-box-main form label.field-txt span { color: #ec1d23; }

.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: 5px;}

.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: 5px;}

.form-box-main form select[name="ddlMonth"], .form-box-main form select[name="ddlDay"], 

.form-box-main form select[name="ddlYear"] { float: left; width: 32.5%; margin: 0 1% 0 0; }

.form-box-main form select[name="ddlYear"] { margin: 0; }

.form-box-main form textarea { width: 100%; margin: 0; padding: 8px 12px; height: 100px; }

.check-list {float:left;/* margin:0 15px 0 0; */}

.form-box-main form input[type=checkbox]:not(old),

.form-box-main form input[type=radio   ]:not(old){ width:28px; margin:0; padding:0; opacity:0;cursor:pointer;  }

.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;

  background:url('../images/checks.png') no-repeat 0 0;

  line-height  : 24px;

  font-weight: 500;

  font-size: 14px;

  color: #5B6B7F;

  }

.form-box-main form input[type=checkbox]:not(old):checked + label{ background-position : 0 -24px; }

.form-box-main form input[type=radio]:not(old):checked + label{ background-position : 0 -48px; }



.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: #f38440;

    border: 1px solid #f9653b;

    padding: 20px 60px;

    font-size: 18px;

    border-radius: 5px;

    cursor:  pointer;

}

.form-box-main form input[type="submit"]:after { content: "\e93a"; 

 font-family: 'icomoon' !important;  font-size: 13px; color: white; padding-left: 10px; }

.form-box-main form input[type="submit"]:hover {

    display: inline-block;

    color: #fff;

    transform: translateY(-0.625rem);

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

}





.form-box-main form input::-webkit-input-placeholder { color: gray; opacity: 1 !important; }

.form-box-main form input:-moz-placeholder { color: gray; }

.form-box-main form input::-moz-placeholder { color: gray; }

.form-box-main form input:-ms-input-placeholder { color: gray; }

.form-box-main form textarea::-webkit-input-placeholder { color: gray; opacity: 1 !important; }

.form-box-main form textarea:-moz-placeholder { color: gray; }

.form-box-main form textarea::-moz-placeholder { color: gray; }

.form-box-main form textarea:-ms-input-placeholder { color: gray; }

.form-box-main form input:focus, .form-box-main form textarea:focus,

.form-box-main form select:focus, .form-box-main form option:focus,

.selected-flag

{ outline: none; }

 input[type="number"]::-webkit-outer-spin-button,

input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

input[type="number"] { -moz-appearance: textfield; }



.form-box-main form .intl-tel-input { width: 100%; }

.form-box-main form .intl-tel-input .country-list { width: 380px; }

.form-box-main form .intl-tel-input .country-list .country { font-size:13px; }





.form-box-main form label.error, label.error {

  /* remove the next line when you have trouble in IE6 with labels in list */

  color: red;

  font-style: italic;

  margin-bottom:0px;

  display: none !important;

}

div.error { display: none; }

input.checkbox { border: none }

input.error {border: 1px solid red !important;}

form.cmxform .gray * { color: gray; }







.whatsapp {

    width: 50px;

    height: 51px;

    color: #fff;

    display: block;

    text-align: center;

    border-radius: 100%;

    font-size: 34px;

    position: fixed;

    bottom: 40%;

    left: 20px;

    z-index: 9999;

    box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71);

    padding: 0px;

    animation: scrollDownAnimation .5s ease infinite alternate;

    -webkit-animation: scrollDownAnimation .5s ease infinite alternate;

    background: #00e676;

    

}

.whatsapp:hover{color: #fff;}

.whatsapp:focus{color: #fff;}

.whatsapp i{}



@keyframes scrollDownAnimation {

    from {

        transform: translateY(0);

    }

    to {

        transform: translateY(-10px);

    }

}

@-webkit-keyframes scrollDownAnimation {

    from {

        transform: translateY(0);

    }

    to {

        transform: translateY(-10px);

    }

}









/*.mheader.stickyheader  .top-header-social{display: none;}*/

.top-header-social{

    background: #391396;

    margin: 0;

    /* padding: 14px 60px; */

    }

.top-header-social ul.top-left {

    display: inline-block;

    width: 100%;

    margin: 0;

    padding: 10px 30px;

}

.top-header-social ul.top-left li{

    display: inline-block;

    border-right: 1px solid #ece8e84a;

    padding: 0 20px;

}

.top-header-social ul.top-left li:last-child{border-right: 0px;}

.top-header-social ul.top-left li span{

    color: #fff;

    margin: 0 10px;

    font-size: 12px;

}

.top-header-social ul.top-left li a{

    color: #fff;

    font-size: 12px;

}

.top-header-social .ftr-social3{

    margin: 0;

    text-align: right;

    display: inline-block;

    padding: 10px 30px;

}

.top-header-social .ftr-social3 li{

    margin: 0 6px;

    display: inline-block;

    float: none;

}

.top-header-social .ftr-social3 li a{

    color: #fff;

}

.top-header-social .ftr-social3 li a span{font-size: 16px;}

.top-header-social .ftr-social3 li a:hover span{

    color: #fff;

}

.top-header-social .ftr-social3 li a .fa-envelope{margin: 0 10px;font-size: 14px;}





.test-home .mainwrp{padding: 50px 30px !important;min-height: auto !important;}

.test-home .mainwrp .starwrp{padding-left: 10px !important;}

.test-home .mainwrp p{height: auto !important;}





/*slick slider buttons*/



.mble-tab-port .slick-prev, .mble-tab-port .slick-next{top: 28%;}

.mble-tab-pkg .slick-prev, .mble-tab-pkg .slick-next{top: 28%;right: -10px;}

.mble-tab-pkg .slick-prev{left: -10px;z-index: 9;}



.mble-tab-pkg .slick-prev:before, .mble-tab-port .slick-prev:before {background: #f6f6f8;font-size: 40px;}

.mble-tab-pkg .slick-next:before, .mble-tab-port .slick-next:before {background: #f6f6f8;font-size: 40px;}











/*frequentlywrp-accordion-css-start*/

.frequentlywrp{    padding: 160px 0;}

.frequentlywrp .imgwrp{display: block;width: 361px;margin: 0 auto;position: relative;}

.frequentlywrp .imgwrp img{width: 100%; }

.frequentlywrp .imgwrp3{position: absolute;right: 0;top: 410px;}

.frequentlywrp .imgwrp2{position: absolute; top: 300px; z-index: -1; left: 0; }

.frequentlywrp .txtwrp{display: block;text-align: center;} 

.frequentlywrp .txtwrp h2{margin-bottom: 40px;}

.frequentlywrp .accordion{}

.frequentlywrp .accordion .quest-section{border-color: #e6e6e6; border-style: solid; border-width: 2px 0 0; }

.frequentlywrp .accordion .quest-section a{font-size: 18px;position: relative;font-weight: 600;text-transform: capitalize;transition: all linear .15s;text-decoration: none;padding: 22px 50px 22px 10px;display: block;    color: #2c2c2c;}

.frequentlywrp .accordion .quest-section a.active{color: #f15e4f;}

.frequentlywrp .accordion .quest-section a:after{position: absolute;content: "\f067";width: 20px;height: 20px;right: 0;font-weight: 300;top: 12px;font-family: fontawesome!important;color: #ccc;font-size: 28px;}

.frequentlywrp .accordion .quest-section a:hover{color: #f15e4f;}

.frequentlywrp .accordion .quest-inner{padding: 0 10px 15px 50px; margin-bottom: 15px; padding-bottom: 0; }

.frequentlywrp .accordion .quest-inner p{line-height: 1.6; font-weight: 500; margin: 0; font-family: var(--secondary-font-family); font-size: 16px; color: #212529; padding: 0; }

.frequentlywrp .accordion .quest-inner p a{color: #3b3f55; text-decoration: underline; }

.frequentlywrp .accordion .quest-inner p a:hover{text-decoration: none;}

.frequentlywrp .accordion .quest-inner ul{    margin: 20px 0 0 30px;}

.frequentlywrp .accordion .quest-inner ul li{      position: relative;  color: #323637; font-weight: 500; line-height: 1.3; font-size: 16px;margin-bottom: 7px;} .frequentlywrp .accordion .quest-inner ul li:after{    content: ""; position: absolute; background-color: #f15e4f; width: 6px; height: 6px; left: -20px; top: 7px; border-radius: 50%;} .frequentlywrp .accordion .quest-section.lineextra{border-bottom: 2px solid #e6e6e6; }

.frequentlywrp .getwrp{display: block; margin: 30px 0; }

.frequentlywrp .getwrp a{font-size: 22px; color: #9000f8; }

/*frequentlywrp-accordion-css-end*/





.faq-header{

    background-color:#070707;

}





.dmca {

    width: 106px;

    padding-top: 10px;

}



.mheader.stickyheader .top-header-social {

    display: none;

}



ul.trig-wrap li {

    flex-grow: 0;

    flex-shrink: 0;

    flex-basis: 21%;

    color: #fff;

}



ul.trig-wrap {

    display: flex;

}

section.tig-wrap-sec {

    background: #391396;

}



.banner-section {

    width: 100%;

    position: relative;

    z-index: 0;

    overflow: hidden;

}

.why-we-are {

    width: 100%;

    background: ;

}

.why-we-are ul {

    width: 100%;

    display: table;

}

.why-we-are ul li {

    display: table-cell;

    width: 4%;

    font-size: 14px;

    color: #FFF;

    padding: 22px 0 20px 30px;

    /* text-align: center; */

    border-right: 1px solid #868686;

    font-family: var(--secondary-font-family) !important;

    font-weight: 600;

}

.why-we-are ul li span img {

    width: 13%;

}

section.trig-wrap-1 {

    background: #391396;

    height: 85px;

}



.wrapper ul img {

    width: 15%;}



.wrapper span {

    position: absolute;

    margin-left: 22px;

}

li.icon-3 span {

    padding-top: 7px;

}



.myinnersection .textwrap h1 {

    text-align: left !important;

}

.myinnersection .textwrap.dark h1 {

    color: #333 !important;

}



ul.tabbing-links.tabs-left-wrap li {

    display: block !important;

}





.portfolio_fold {

    padding-bottom: 0px;

    border-top: 1px solid #e8e8e8;

}



.section-padding {

    padding: 60px 0px;

}

.portfolio {

    margin-top: 20px;

    position: relative;

    overflow: hidden;

    z-index: 0;

}

.clearfix:after, .clearfix:before {

    content: " ";

    display: table;

}

.portfolio_fold .portfolio .row {

    position: relative;

}

.container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before {

    display: table;

    content: " ";

}

.filter-wrapper {

    max-width: 236px;

    float: right;

}



.filter-wrapper {

    padding-left: 106px;

}

.cbp-l-filters-buttonCenter {

    text-align: left;

}



.cbp-l-filters-buttonCenter {

    margin-bottom: 30px;

    text-align: center;

}

.clearfix:after, .clearfix:before {

    content: " ";

    display: table;

}

div#filter-industry {

    cursor: pointer;

}



div.filter-industry div.cbp-filter-item-active.cbp-filter-item.all-btn {

    background: rgb(184,40,90);

    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);

    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);

    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );

    background-color: #a32974;

    color: #fff;

    text-decoration: none;

    max-width: 175px;

}

div.filter-industry div.cbp-filter-item.cbp-filter-item-active {

    color: #b8285a;

    background: transparent;

    filter: none;

    background-color: transparent;

    text-decoration: underline;

}

div.filter-industry div.cbp-filter-item.all-btn {

    background: rgb(255,255,255);

    background: -moz-linear-gradient(left, rgb(184,255,255) 0%, rgb(255,255,255) 50%, rgb(255,255,255) 100%);

    background: -webkit-linear-gradient(left, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(255,255,255) 100%);

    background: linear-gradient(to right, rgb(255,255,255) 0%,rgb(255,255,255) 50%,rgb(255,255,255) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 );

    background-color: #fff;

    color: #888888;

    text-decoration: none;

    height: 45px;

    font-size: 11px;

    text-transform: uppercase;

    display: inline-block;

    padding: 13px 15px;

    outline: none;

    border: none;

    min-width: 154px;

    text-align: center;

    text-transform: uppercase;

    -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;

    font-size: 12px;

    border: 1px solid #ECECEC;

    margin-bottom: 40px;

}

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {

    color: #fff;

    cursor: default;

    background: rgb(184,40,90);

    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);

    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);

    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );

    background-color: #a32974;

}

div.filter-industry div.cbp-filter-item {

    text-align: left;

    height: auto;

    width: 100%;

    border: none;

    border-bottom: 1px solid #fff;

    border-radius: 0px;

    padding: 0px;

    margin: 0px 0px 20px 0px;

    text-transform: none;

    font-size: 12px;

}

div.filter-wrapper div.cbp-filter-item {

    float: left;

    margin-bottom: 40px;

}

.cbp-l-filters-buttonCenter .cbp-filter-item {

    background-color: #FFFFFF;

    border: 1px solid #ECECEC;

    color: #2c2c2c;

    cursor: pointer;

    margin: 0px 0px 10px 10px;

    overflow: visible;

    padding: 13px 0px;

    font-size: 12px;

    height: 45px;

    width: 155px;

    border-radius: 50px;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    text-align: center;

}

div.filter-industry div.cbp-filter-item {

    text-align: left;

    height: auto;

    width: 100%;

    border: none;

    border-bottom: 1px solid #fff;

    border-radius: 0px;

    padding: 0px;

    margin: 0px 0px 20px 0px;

    text-transform: none;

    font-size: 12px;

}

div.filter-wrapper div.cbp-filter-item {

    float: left;

    margin-bottom: 40px;

}

.cbp-l-filters-buttonCenter .cbp-filter-item {

    background-color: #FFFFFF;

    border: 1px solid #ECECEC;

    color: #2c2c2c;

    cursor: pointer;

    margin: 0px 0px 10px 10px;

    overflow: visible;

    padding: 13px 0px;

    font-size: 12px;

    height: 45px;

    width: 155px;

    border-radius: 50px;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    text-align: center;

}

.disable_element {

    color: #888888 !important;

    opacity: 0.4;

    pointer-events: none;

}

div.filter-industry div.cbp-filter-item {

    text-align: left;

    height: auto;

    width: 100%;

    border: none;

    border-bottom: 1px solid #fff;

    border-radius: 0px;

    padding: 0px;

    margin: 0px 0px 20px 0px;

    text-transform: none;

    font-size: 12px;

}



div.filter-wrapper div.cbp-filter-item {

    float: left;

    margin-bottom: 40px;

}

.cbp-l-filters-buttonCenter .cbp-filter-item {

    background-color: #FFFFFF;

    border: 1px solid #ECECEC;

    color: #2c2c2c;

    cursor: pointer;

    margin: 0px 0px 10px 10px;

    overflow: visible;

    padding: 13px 0px;

    font-size: 12px;

    height: 45px;

    width: 155px;

    border-radius: 50px;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    text-align: center;

}

.disable_element {

    color: #888888 !important;

    opacity: 0.4;

    pointer-events: none;

}

.clearfix:after {

    content: " ";

    display: block;

    height: 0;

    clear: both;

}

.actions-port {

    bottom: 20px;

    max-width: 236px;

    clear: both;

    float: right;

}

section.actions-port .no {

    padding-bottom: 10px;

}

.set-min-height-portfolio {

    min-height: 750px;

}

.only-xs {

    display: none !important;

}



.cbp-l-filters-buttonCenter {

    text-align: left;

}

.cbp-l-filters-buttonCenter {

    margin-bottom: 30px;

    text-align: center;

}

.cbp-l-filters-dropdown-floated {

    float: right;

    margin: 0px 0px 10px 0px;

    width: 280px;

}



.cbp-l-filters-dropdown {

    margin-bottom: 40px;

    height: 38px;

    position: relative;

    z-index: 5;

}

.portfolio_drop-xs .cbp-l-filters-dropdownWrap {

    background: transparent;

    color: #2c2c2c;

}



.cbp-l-filters-dropdownWrap {

    width: 100%;

    position: absolute;

    right: 0;

    background: #4d4c4d;

}

.portfolio_drop-xs .cbp-l-filters-dropdownHeader {

    color: #aeaeae;

}



.cbp-l-filters-dropdownHeader {

    font-size: 20px;

    margin: 0 17px;

    color: #FFF;

    cursor: default;

    position: relative;

    z-index: 1;

}

.portfolio_drop-xs .cbp-l-filters-dropdownList {

    background: rgba(255,255,255,0.9);

}



.cbp-l-filters-dropdownList {

    display: none;

    list-style: none outside none;

    margin: 0;

    padding: 0;

}

.portfolio_drop-xs .cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active, .portfolio_drop-xs .cbp-l-filters-dropdownList .cbp-filter-item {

    border-radius: 0px;

    padding: 10px 10px;

}



.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {

    color: #fff;

    cursor: default;

    background: rgb(184,40,90);

    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);

    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);

    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );

    background-color: #a32974;

}

.cbp-l-filters-dropdownList .cbp-filter-item-active {

    color: #fff;

    cursor: default;

}

.cbp-l-filters-dropdownList .cbp-filter-item {

    height: auto;

    background: transparent;

    color: #b3b3b3;

    width: 100%;

    text-align: left;

    margin: 0;

    padding: 0 17px;

    cursor: pointer;

    border: none;

}

.cbp-l-filters-buttonCenter .cbp-filter-item {

    background-color: #FFFFFF;

    border: 1px solid #ECECEC;

    color: #2c2c2c;

    cursor: pointer;

    margin: 0px 0px 10px 10px;

    overflow: visible;

    padding: 13px 0px;

    font-size: 12px;

    height: 45px;

    width: 155px;

    border-radius: 50px;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    text-align: center;

}

.cbp-l-filters-dropdownList .cbp-filter-item {

    height: auto;

    background: transparent;

    color: #b3b3b3;

    width: 100%;

    text-align: left;

    margin: 0;

    padding: 0 17px;

    cursor: pointer;

    border: none;

}



.cbp-l-filters-buttonCenter .cbp-filter-item {

    background-color: #FFFFFF;

    border: 1px solid #ECECEC;

    color: #2c2c2c;

    cursor: pointer;

    margin: 0px 0px 10px 10px;

    overflow: visible;

    padding: 13px 0px;

    font-size: 12px;

    height: 45px;

    width: 155px;

    border-radius: 50px;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    text-align: center;

}

.cbp-l-filters-buttonCenter {

    text-align: left;

}

.cbp-l-filters-buttonCenter {

    margin-bottom: 30px;

    text-align: center;

}



.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active {

    color: #fff;

    cursor: default;

    background: rgb(184,40,90);

    background: -moz-linear-gradient(left, rgb(184,40,90) 0%, rgb(163,41,116) 50%, rgb(144,41,139) 100%);

    background: -webkit-linear-gradient(left, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);

    background: linear-gradient(to right, rgb(184,40,90) 0%,rgb(163,41,116) 50%,rgb(144,41,139) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8285a', endColorstr='#90298b',GradientType=1 );

    background-color: #a32974;

}

.cbp-l-filters-buttonCenter .cbp-filter-item {

    background-color: #FFFFFF;

    border: 1px solid #ECECEC;

    color: #2c2c2c;

    cursor: pointer;

    margin: 0px 0px 10px 10px;

    overflow: visible;

    padding: 13px 0px;

    font-size: 12px;

    height: 45px;

    width: 155px;

    border-radius: 50px;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    text-align: center;

}

.cbp-l-filters-buttonCenter .cbp-filter-item {

    background-color: #FFFFFF;

    border: 1px solid #ECECEC;

    color: #2c2c2c;

    cursor: pointer;

    margin: 0px 0px 10px 10px;

    overflow: visible;

    padding: 13px 0px;

    font-size: 12px;

    height: 45px;

    width: 155px;

    border-radius: 50px;

    text-transform: uppercase;

    position: relative;

    display: inline-block;

    -webkit-transition: all .3s ease-in-out;

    transition: all .3s ease-in-out;

    text-align: center;

}

.cbp {

    position: relative;

    margin: 0 auto;

    z-index: 1;

    height: 400px;

}

.cbp-wrapper-outer, .cbp-wrapper, .cbp-wrapper-helper {

    list-style-type: none;

    padding: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.cbp-wrapper-outer {

    overflow: hidden;

    position: relative;

    margin: 0 auto;

}

.cbp-ready>* {

    visibility: visible;

}

.cbp>* {

    visibility: hidden;

}

.cbp-wrapper, .cbp-wrapper-helper {

    position: absolute;

    top: 0;

    left: 0;

    margin: 0;

}



.cbp-wrapper-outer, .cbp-wrapper, .cbp-wrapper-helper {

    list-style-type: none;

    padding: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}

.cbp .cbp-item {

    position: absolute;

    top: 0;

    left: 0;

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

}



.cbp-item {

    display: inline-block;

    margin: 0 10px 20px 0;

}

.cbp-item-wrapper {

    width: 100%;

    height: 100%;

    position: relative;

    top: 0;

    left: 0;

}

.cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap {

    overflow: hidden;

    position: relative;

    z-index: 1;

}



.cbp a, .cbp a:hover, .cbp a:active {

    text-decoration: none;

    outline: 0;

}

.cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap {

    display: block;

}

.cbp-caption-active .cbp-caption-defaultWrap {

    top: 0;

}



.cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap {

    overflow: hidden;

    position: relative;

    z-index: 1;

}

.cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap {

    display: block;

}

.cbp img {

    display: block;

    width: 100%;

    height: auto;

    border: 0;

}

.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap.mbgyellow {

    background-color: #ffcb08!important;

}



.cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {

    background-color: #2c2825;

}

.cbp-caption-fadeIn .cbp-caption-activeWrap {

    opacity: 0;

    top: 0;

    background-color: rgba(0,0,0,0.85);

    -webkit-transition: opacity .9s cubic-bezier(.19, 1, .22, 1);

    transition: opacity .9s cubic-bezier(.19, 1, .22, 1);

}

.cbp-caption-active .cbp-caption-activeWrap {

    width: 100%;

    position: absolute;

    z-index: 2;

    height: 100%;

}

.cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-defaultWrap, .cbp-caption-active .cbp-caption-activeWrap {

    overflow: hidden;

    position: relative;

    z-index: 1;

}

.cbp-caption-activeWrap {

    background-color: #282727;

}

.cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap {

    display: block;

}

.cbp-l-caption-alignCenter {

    display: table;

    width: 100%;

    height: 100%;

}

.cbp-l-caption-alignCenter .cbp-l-caption-body {

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    padding: 10px 15px;

}

.cbp-l-grid-mosaic-flat .cbp-l-caption-title {

    font-family: "Circular Std";

    color: #fff;

    font-size: 22px;

    text-transform: none;

    letter-spacing: 2px;

    display: inline-block;

}



.cbp-l-caption-title {

    color: #fff;

}

.cbp-l-caption-title small {

    text-transform: uppercase;

    font-size: 12px;

    font-weight: 600;

}

.cbp .cbp-item {

    position: absolute;

    top: 0;

    left: 0;

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

}



.cbp-item {

    display: inline-block;

    margin: 0 10px 20px 0;

}

.cbp .cbp-item {

    position: absolute;

    top: 0;

    left: 0;

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

}



.cbp-wrapper-outer, .cbp-wrapper, .cbp-wrapper-helper {

    list-style-type: none;

    padding: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}



.extra{}

.extra li {

    width: 80% !important;

    text-transform: capitalize;

}



.count-text-sec h3{

    color: rgb(7, 7, 7);

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}





/********** Responsive **********/

@media only screen and (min-width: 768px) {

  





h2, .h2{font-size: var(--font-size-h2);}

}

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

.home-slider .slick-dots { width:auto; text-align:center; }

}

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

.home-banner { background-position: center left; }

.testimonials-slider-main .slick-prev { left:0px; }

.testimonials-slider-main .slick-next { right:0px; }

.comboopack .combopackwrap .headdd figure{   right: 18px !important;}

.mservices .mainfigure.logoimg{    width: 630px;

    background-position: -50px -10px;}

}

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

.logo {/* width: 70px; */} 

}

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

.home-banner {

    height: 450px;

}

.inner-banner { height: 300px; }



/*** theme sections padding ***/

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

.sec-padding-90 { padding:45px 0;}

.sec-padding-80 { padding:40px 0;}

.sec-padding-70 { padding:35px 0;}

.sec-padding-60 { padding:30px 0;}

.sec-padding-xlarge { padding:25px 0; }

.sec-padding-large { padding:20px 0; }

.sec-padding-medium { padding:15px 0; }

.sec-padding-small { padding:15px 0; }

.sec-padding-xsmall { padding:10px 0; }



/*** theme sections margin ***/

.sec-margin-100 { margin:50px 0;}

.sec-margin-90 { margin:45px 0;}

.sec-margin-80 { margin:40px 0;}

.sec-margin-70 { margin:35px 0;}

.sec-margin-60 { margin:30px 0;}

.sec-margin-xlarge { margin:25px 0; }

.sec-margin-large { margin:20px 0; }

.sec-margin-medium { margin:15px 0; }

.sec-margin-small { margin:15px 0; }

.sec-margin-xsmall { margin:10px 0; }



.sliderxs { padding-bottom:30px; }



.copyright {margin-top: 10px;text-align: left;}  

.footer-nav2 {/* margin: 10px auto 10px auto; *//* display:table; */float: none;margin-top: 0;}

.disclaimer { text-align:center; }

}



.analyzeform{    margin-top: 30px;}

.analyzeform form label.error{display:none!important;}

.analyzeform form input.error{border: 1px solid red !important;}

.analyzeform form input[type="text"], .analyzeform form input[type="email"], .analyzeform form input[type="number"], .analyzeform form input[type="tel"], .analyzeform form textarea{width: 100%;margin: 0 0 0 0;border: 1px solid #e5e5e5;background: white;padding: 13px 15px;color: gray;font-size: 13px;/* border-radius: 5px; */height: 55px;font-weight: 400;outline: none !important;}

.round{border-radius:5px 0 0px 5px ;}

.analyzeform form .intl-tel-input{width:100%;}

.analyzeform form .intl-tel-input.separate-dial-code .selected-dial-code{padding-left: 14px;}

.analyzeform form .dtf{float: left;width: 25%;margin-bottom: 10px;}

.analyzeform form input[type="submit"]{

    border: none;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    color: #fff;

    font-weight: 700;

    cursor:  pointer;

    font-size: 12px;

    text-transform:  uppercase;

    padding: 18px 60px 19px;

    margin-left: -10px;

    text-align: left;

    letter-spacing: 1px;

    border-radius: 5px;

    font-family: var(--primary-font-family);

    background: #20CB98;

}

.analyzeform form .wrap{padding-left: 40px;text-align:  center;width: 100%;}



.analyzeform form .finput:focus{outline: none !important;}





.pkbtn{margin-top: -28px;text-align: center;clear:both;}



.btn-blue{

    color: #fff;

    background: #4a8cfc;

    padding: 14px 50px;

    font-size:  16px;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    font-weight: 700;

    /* text-transform:  uppercase; */

    display: inline-block;

    border-radius: 30px;

    border: 1px solid #fff;

}

.btn-blue:hover{transform: translateY(-3.925px);color: #fff;}



.btn-green{

    color: #fff;

    background: #20CB98;

    padding: 14px 50px;

    font-size:  16px;

    font-weight: 700;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    /* text-transform:  uppercase; */

    display: inline-block;

    border-radius: 30px;

    border: 1px solid #fff;

}

.btn-green:hover{

    transform: translateY(-3.925px);

    color: #fff;

}



.btn-red{

    color: #fff;

    background: #f45948;

    padding: 14px 50px;

    font-size:  16px;

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    font-weight: 700;

    /* text-transform:  uppercase; */

    display: inline-block;

    border-radius: 30px;

    border: 1px solid #fff;

}

.btn-red:hover{transform: translateY(-3.925px);color: #fff;}







.bottom-form{

    padding: 100px 0;

}

.bottom-form .txtwrap{}

.bottom-form .txtwrap h2{

    font-size: 36px;

    font-weight: 700;

    line-height: 1.2;

}

.bottom-form .txtwrap figure{

    margin: 20px 0 30px;

}

.bottom-form .txtwrap figure img{}

.bottom-form .txtwrap p{

    /* text-align: left; */

    font-size: 20px;

    line-height: 1.4;

    padding-bottom: 0;

}









.bot-form{}

.bot-form form label.error{display:none!important;}

.bot-form form input.error{border: 1px solid red !important;}

.bot-form form select,.bot-form form input[type="text"], .bot-form form input[type="email"], .bot-form form input[type="number"], .bot-form form input[type="tel"], .bot-form form textarea{width: 100%;margin: 0 0 0 0;border: 1px solid #c6c6c6;background: transparent;padding: 10px 15px;color: #5c5856;font-size: 14px;border-radius: 30px;height: 60px;font-weight: 400;outline: none !important;}



.bot-form form .intl-tel-input{width:100%;}

.bot-form form .intl-tel-input.separate-dial-code .selected-dial-code{    text-align: left;}

.bot-form form .fldset{margin-bottom: 20px;}

.bot-form form input[type="submit"]{

    padding: 14px 60px;

    outline: none;

}

.bot-form form textarea {width: 100%; margin: 0; padding: 20px 20px; height: 120px;resize: none; }



.bot-form form .finput:focus{outline: none !important;}



.flogo {

    padding: 30px 0 10px;

}



.btn-main{

    color: #fff !important;

    font-weight: 600;

    text-transform: capitalize;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#21caa8+0,20cb99+100 */

     /* Old browsers */

     /* FF3.6-15 */

     /* Chrome10-25,Safari5.1-6 */

     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

     /* IE6-9 */

    background: #f38440;

    border-radius: 3px;

    padding: 10px 15px;

}

.btn-main:hover{color: #fff!important;background: #f38440;}



.mheader{

    -webkit-transition: 0.4s;

    -moz-transition: 0.4s;

    -o-transition: 0.4s;

    transition: 0.4s;

    position: absolute;

    width: 100%;

    top: 0;

}

.mheader .topbarr{

    background: #2c214a;

    padding: 12px 0;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    max-height: 11.111111rem;

    transition: max-height 0.4s cubic-bezier(0.555, 0.205, 0.295, 0.975);

    overflow: hidden;

    will-change: max-height;

}

.mheader .topbarr .offerbar{

    text-align: center;

}

.mheader .topbarr .offerbar h4{

    padding-bottom: 0;

    color: #fff;

    line-height: 1;

    font-size: 16px;

}

.mheader .topbarr .offerbar h4 span{

    font-weight: 900;

    font-size: 20px;

}

.mheader .mainbarr{

    background: transparent;

    position: relative;

    z-index: 99;

} 

.mheader .mainbarr .boxednav{

    /* box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.06); */

    padding: 14px 30px;

    /* background: #fff; */

} 

.mheader .mainbarr .boxednav .logo{

    width: 160px;

    display: inline-block;

    vertical-align: middle;

    padding-top: 8px;

}

.mheader .mainbarr .boxednav .logo a{}

.mheader .mainbarr .boxednav .logo a img{

    width: 100%;

}



.mheader .mainbarr .boxednav .navigation{

    display: inline-block;

    width: calc(100% - 160px);

    vertical-align: middle;

    padding-left: 60px;

    font-size: 0;

}

.mheader .mainbarr .boxednav .navigation .linkingchannel{

    display: inline-block;

    margin-bottom: 0;

    width: 63%;

}

.mheader .mainbarr .boxednav .navigation .linkingchannel li{

    display: inline-block;

    padding: 0px 9px;

}

.mheader .mainbarr .boxednav .navigation .linkingchannel li a{

    font-size: 15px;

    color: #ffffff;

    font-weight: 700;

}

.mheader .mainbarr .boxednav .navigation .infochannel{

    width: 37%;

    text-align: right;

    display: inline-block;

    margin-bottom: 0;

    /* margin-left: 40px; */

}

.mheader .mainbarr .boxednav .navigation .infochannel li{

    display: inline-block;

}

.mheader .mainbarr .boxednav .navigation .infochannel li .numbercta{

    font-size: 16px;

    color: #ffffff;

    font-weight: 700;

    position: relative;

    padding-left: 25px;

    padding-right: 10px;

}

.mheader .mainbarr .boxednav .navigation .infochannel li .numbercta span{

    margin-right: 10px;

    position: absolute;

    left: 0;

    top: 2px;

    color: #391396;

}

.mheader .mainbarr .boxednav .navigation .infochannel li a{}

.btn-primary-outline{

    background-color: #fff;

    color: #391396;

    font-size: 16px;

    border: 1px solid #391396;

    padding: 10px 25px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 600;

}

.btn-primary-outline:hover{

    background: #391396;

    color: #fff;

}

.btn-primary-outline:active{}

.btn-primary{

    background-color: #391396;

    color: #fff;

    font-size: 16px;

    border: 1px solid #391396;

    padding: 14px 30px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 600;

}

.btn-primary:hover{

    background-color: #fff;

    color: #391396;

    font-size: 16px;

    border: 1px solid #391396;

}

.btn-primary:active{background-color: #fff;

    color: #391396;

    font-size: 16px;

    border: 1px solid #391396;}







.container-custom{max-width: 1285px;margin: auto;padding: 0 15px;}

.btn-wrap{} 

.btn-wrap a{margin-right: 10px;} 





.btn-secondary{

    background-color: #070707;

    color: #fff;

    font-size: 16px;

    border: 1px solid #070707;

    padding: 14px 25px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 600;

    cursor: pointer;

}

.btn-secondary:hover{

    background-color: #fff;

    color: #070707;

    font-size: 16px;

    border: 1px solid #070707;

}

.btn-secondary:active{

    background-color: #fff;

    color: #070707;

    font-size: 16px;

    border: 1px solid #070707;

}

.btn-secondary-outline{

    background-color: #fff;

    color: #070707;

    font-size: 16px;

    border: 1px solid #070707;

    padding: 14px 30px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 600;

}

.btn-secondary-outline:hover{

    background-color: #070707;

    color: #fff;

    font-size: 16px;

    border: 1px solid #070707;

}

.btn-secondary-outline:active{

   background-color: #070707;

    color: #fff;

    font-size: 16px;

    border: 1px solid #070707;

}

.bottomSec {position: relative;bottom: 0;left: 0;width: 100%;border-top: solid 1px #ffffff38;z-index: 9;padding: 15px 0 0;margin: -70px 0 0;}

.bottomSec h5 {

    color: #fff;

    font-size: 14px;

    padding: 10px 0 0;

    margin: 0;

}

.bottomSec ul {

    margin: 0;

    height: 50px;

}

.bottomSec ul li {}

.bottomSec ul li img {

    max-width: 80%;

}

.mservices{

    background: #ffffff;

    padding: 80px 0;

    font-size: 0;

}

.mservices .mainfigure{

    margin-bottom: 0;

}

.mservices .mainfigure img{

    float: right;

    width: 100%;

}

.mservices .textwrap{}

.mservices .textwrap .subheading{

    color: #391396;

    background-color: #FBC6CF;

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.mservices .textwrap h2{

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.mservices .textwrap p{

    color: #5C5856;

    font-size: 18px;

    padding-bottom: 40px;

}

.mservices .box{

    cursor: pointer;

    font-size: 0;

    padding: 0 40px 0 0;

}

.mservices .box figure{

    display: inline-block;

    vertical-align: top;

    width: 8%;

    margin-bottom: 0;

    padding-top: 3px;

}

.mservices .box figure img{}

.mservices .box .txt{

    padding-left: 20px;

    display: inline-block;

    vertical-align: top;

    width: 92%;

}

.mservices .box .txt h3{

    color: #070707;

    font-size: 25px;

}

.mservices .box.fixwidth{

    width: 33.33%;

    display: inline-block;

    margin-top: 40px;

}

.mservices .box .txt p{

    font-size: 16px;

}





.solutionssec{

    padding: 80px 0;

    font-size: 0;

    background-position: -24px 110px;

    background-repeat: no-repeat;

    background-size: 55%;

}

.solutionssec .mainfigure{

    

    margin-bottom: 0;

}

.solutionssec .mainfigure img{

    float: right;

    width: 600px;

    margin-right: 140px;

    margin-top: -27px;

}

.solutionssec .textwrap{}

.solutionssec .textwrap.mwrapp{text-align:center;margin-bottom: 100px;}

.solutionssec .textwrap .subheading{

    color: #391396;

    background-color: #FBC6CF;

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.solutionssec .textwrap h2{

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.solutionssec .textwrap p{

    color: #5C5856;

    font-size: 18px;

    padding-bottom: 40px;

}

.solutionssec .textwrap .solutionslist{display:inline-block;margin-bottom:40px;}

.solutionssec .textwrap .solutionslist li{font-size: 16px;display: inline-block;width: 50%;padding-left: 20px;padding-bottom: 10px;color: #070707;position: relative;}

.solutionssec .textwrap .solutionslist li:before{    content: "\f105";font-family: 'FontAwesome' !important;color: #391396;position: absolute;left: 0px;}

.testimonialsss{

    padding: 80px 0;

}

.testimonialsss .testslider{}

.testimonialsss .testslider .item{

    text-align: center;

    padding: 0 120px;

}

.testimonialsss .testslider .item figure{

    margin-bottom: 30px;

}

.testimonialsss .testslider .item figure img{

    border-radius: 50%;

    width: 70px;

    border: 2px solid #391396;

    margin: 0 auto;

}

.testimonialsss .testslider .item blockquote{text-align: center;color: #070707;position: relative;font-size: 26px;line-height: 1.6;margin-bottom: 40px;}

.testimonialsss .testslider .item blockquote:before{content: "";background: url(../images/quotes.svg);width: 238px;height:180px;left: 0;right: 0;top: 0;margin:auto;position: absolute;}

.testimonialsss .testslider .item .info{}

.testimonialsss .testslider .item .info h3{

    font-size: 22px;

}

.testimonialsss .testslider .item .info h3 span{

    display: block;

    font-size: 14px;

    color: #5C5856;

    margin-top: 8px;

}

.portfolioo {

    background-position: top center;

    background-color: #8c78fd;

    padding: 80px 0;

    width: 100%;

    background-size: cover;

}

.innerpage .portfolioo {padding: 0px 0 0;}

.portfolioo .imgwrp {}

.portfolioo .imgwrp img{ width: 80%; }

.portfolioo .textwrap{}

.portfolioo .textwrap.mwrapp{text-align:center;margin-bottom: 100px;}

.portfolioo .textwrap .subheading{

    color: #ffffff;

    padding: 8px 20px;

    background-color: rgba(255,255,255,0.3);

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.portfolioo .textwrap h2{

    color: #ffffff;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.portfolioo .textwrap p{

    color: #ffffff;

    font-size: 18px;

    padding-bottom: 40px;

}

.portfolioo .bigport{

    text-align: center;

}

.portfolioo .bigport .item{}

.portfolioo .bigport .item .mainfigure{

    margin-bottom: 0;

}

.portfolioo .bigport .item .mainfigure img{

    width: 330px;

}





.portfolioboxes{

    background: #f6f6f8;

    padding: 80px 0;

}

.portfolioboxes .portwrappp{

    text-align: center;

}

.portfolioboxes .portwrappp .mportt{

    display: inline-block;

    width: 100%;

    font-size: 0;

}

.portfolioboxes .portwrappp .mportt li {

    width: 25%;

    display: inline-block;

    padding: 0;

}



.portfolioboxes .container-fluid{

    padding: 0;

}



.port-ul {

    position: relative;

    width: 100%;

    display: inline-block;

    margin-bottom: 60px;

    font-size: 0;

}

.port-ul li {

    width: 25%;

    display: inline-block;

    height: 500px;

    overflow: hidden;

}



.port-ul li a {

    width: 100%;

    height: 100%;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

    position: relative;

    display: inline-block;

}



.port-ul li a figure {

    margin-bottom: 0;

    height: 500px;

}



.port-ul li a figure img {

    width: 100%;

    position: relative;

    top: 0;

    transition: 2s all;

}



.port-ul li a:hover img {

    top: -100%;

}



.port-ul li:hover a:before {

        background: #e4e2e2;

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

    display: inline-block;

    height: 100%;

}



.port-ul li:hover a:after {

    opacity: 1;

    position: absolute;

    content: "\f067";

    font-family: FontAwesome;

    left: 50%;

    top: 48%;

    width: 48px;

    margin-left: -24px;

    margin-top: -24px;

    color: #fff;

    font-size: 48px;

    line-height: 48px;

    text-align: center;

    -webkit-transition: all .4s;

    -o-transition: all .4s;

    transition: all .4s;

    text-shadow: 0 0 10px rgba(0,0,0,.25);

}



.portfolioboxes .portwrappp .mportt li a{position:relative;    overflow: hidden;display:inline-block;    width: 100%;}

.portfolioboxes .portwrappp .mportt li a:hover:before{border-width:5px;transition: all .2s ease-in-out;}

.portfolioboxes .portwrappp .mportt li a:before{

    content: "";

    display: block;

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    border: 0 solid #fff;

    transition: all .2s ease-in-out;

}

.portfolioboxes .portwrappp .mportt li a figure{

    margin-bottom: 0;

}

.portfolioboxes .portwrappp .mportt li a figure img{

    width: 100%;

}





.portfolioboxes .portwrappp .subheading{

    color: #391396;

    background-color: #FBC6CF;

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.portfolioboxes .portwrappp h2{

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.portfolioboxes .portwrappp p{

    color: #5C5856;

    font-size: 18px;

    padding-bottom: 40px;

}

.portfolioboxes .portwrappp .btn-wrap{margin-top: 20px;}

.portfolioboxes .tab-custom{}

.portfolioboxes .tab-custom .tabbing-links{

    margin-bottom: 40px;

}

.portfolioboxes .tab-custom .tabbing-links li{

    /* background-color: #fff; */

    color: #391396;

    font-size: 17px;

    /* border: 1px solid #391396; */

    padding: 12px 15px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 600;

    margin: 0 5px;

    cursor: pointer;

    transition: all .2s ease-in-out;

    text-transform: capitalize;

    width: auto;

}



ul.tabbing-links.all-pkgetabs.logo-btn-sec li {

    padding: 12px 40px;

}



.tabbing-links1.all-pkgetabs.portfolio-thumb-slider {

    margin-bottom: 50px;

}



.portfolioboxes .tab-custom .tabbing-links1 li{

    /* background-color: #fff; */

    color: #391396;

    font-size: 17px;

    /* border: 1px solid #391396; */

    padding: 12px 10px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 600;

    margin: 0 5px;

    cursor: pointer;

    transition: all .2s ease-in-out;

    text-transform: capitalize;

}



.tabbing-links1.portfolio-thumb-slider {

    width: 80%;

    margin: 0 auto 20px;

}



.portfolioboxes .tab-custom .tabbing-links li.current{

    transition: all .2s ease-in-out;

    background-color: #391396;

    color: #fff;

}

.portfolioboxes .tab-custom .tabbing-links li:hover{

    background-color: #391396;

    color: #fff;

    transition: all .2s ease-in-out;

}



.portfolioboxes .tab-custom .tabbing-links1 li.current{

    transition: all .2s ease-in-out;

    background-color: #391396;

    color: #fff;

}

.portfolioboxes .tab-custom .tabbing-links1 li:hover{

    background-color: #391396;

    color: #fff;

    transition: all .2s ease-in-out;

}

.portfolioboxes .tab-custom .tabs{

    display: none;

}

.portfolioboxes .tab-custom .tabs.current{

    display: inline-block;

}



.packagesmain{

    padding: 80px 0;

    text-align: center;

    background: #f6f6f8;

}

.packagesmain .subheading{

    color: #fff;

    background-color: #4e80ff;

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.packagesmain h2{

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.section-padding.count h2{

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.packagesmain p{

    color: #5C5856;

    font-size: 18px;

    padding-bottom: 40px;

}

.section-padding.count p{

    color: #5C5856;

    font-size: 18px;

    padding-bottom: 40px;

}

.section-padding.count span.number {

    font-weight: 900;

    font-size: 72px;

    color: #b8285a;

    line-height: 72px;

}

.section-padding.count h6.count-title {

    font-weight: bold;

    font-size: 18px;

    line-height: 28px;

    text-transform: uppercase;

    color: #2e2e2e;

    margin: 0px;

}

.packagesmain .packk{

    /* text-align: left; */

    display: inline-block;

    width: 100%;

}

.packagesmain .packk .packlliist{

    display: inline-block;

    width: 100%;

    /* padding-top: 25px; */

}

.packagesmain .packk .packlliist .mypack{

    padding: 70px 50px;

    background: #fff;

    width: 31%;

    margin: 0 13px;

    display: inline-block;

    vertical-align: top;

    box-shadow: 0 6px 20px 0 rgba(0,0,0,0.06);

    margin-top: 40px;

	position: relative;

}



.packagesmain .packk .packlliist .mypack:nth-child(even):after {

	content: "Popular";

	position: absolute;

	left: 0;

	right: 0;

	top: -15px;

	background-color: #FBC6CF;

	margin: 0 auto;

	color: #391396;

	font-size: 18px;

	border-radius: 30px;

	display: inline-block;

	padding: 4px 10px;

	width: 36%;}



.packagesmain .packk .packlliist .mypack.popular{

    position: relative;

}

.packagesmain .packk .packlliist .mypack.popular:before{content: "Popular";position: absolute;left: 0;right: 0;top: -15px;background-color: #FBC6CF;margin: 0 auto;color: #391396;font-size: 18px;border-radius: 30px;display: inline-block;padding: 4px 10px;width: 36%;}

.packagesmain .packk .packlliist .mypack .pkhead{

    padding-bottom: 25px;

}

.packagesmain .packk .packlliist .mypack:nth-child(even){    background-color: #1a064c;}

.packagesmain .packk .packlliist .mypack:nth-child(even) .pkhead h3{color: #fff;}

.packagesmain .packk .packlliist .mypack:nth-child(even) .pkhead h2{color: #fff;}

.packagesmain .packk .packlliist .mypack:nth-child(even) .bdy .listscroll li{color: #fff;}

.packagesmain .packk .packlliist .mypack:nth-child(even) .pkhead p{color:#fff;}

.packagesmain .packk .tab-custom{}

.packagesmain .packk .tab-custom .tabbing-links{

    margin-bottom: 20px;

}



.packagesmain .packk .tab-custom .tabbing-links1{

    margin-bottom: 20px;

}

.packagesmain .packk .tab-custom .tabbing-links li{

    /* background-color: #fff; */

    font-size: 16px;

    /* border: 1px solid #391396; */

    display: inline-block;

    font-weight: 600;

    margin: 0 3px;

    cursor: pointer;

    transition: all .2s ease-in-out;

}



.packagesmain .packk .tab-custom .tabbing-links1 li{

    /* background-color: #fff; */

    font-size: 16px;

    /* border: 1px solid #391396; */

    display: inline-block;

    font-weight: 600;

    margin: 0 3px;

    cursor: pointer;

    transition: all .2s ease-in-out;

}



.all-pkgetabs li {

    padding: 12px 20px;

    border-radius: 30px;

    color: #070707;

    font-size: 14px !important;

    background: #fbc6cf;

    font-weight: 700;

}



.all-pkgetabs li.current {

    background-color: #391396;

    color: #fff;

}



.packagesmain .packk .tab-custom .tabbing-links li.current{

    transition: all .2s ease-in-out;

}

.packagesmain .packk .tab-custom .tabbing-links li:hover{

    transition: all .2s ease-in-out;

}



.packagesmain .packk .tab-custom .tabbing-links1 li.current{

    transition: all .2s ease-in-out;

}

.packagesmain .packk .tab-custom .tabbing-links1 li:hover{

    transition: all .2s ease-in-out;

}



.packagesmain .packk .tab-custom .tabbing-links li a{

    padding: 12px 20px;

    color: #391396;

    border-radius: 30px;

}

.packagesmain .packk .tab-custom .tabbing-links li.current a{

    background-color: #391396;

    color: #fff;

}

.packagesmain .packk .tab-custom .tabbing-links li:hover a{

    background-color: #391396;

    color: #fff;

}



.packagesmain .packk .tab-custom .tabbing-links.m-sliderxs li{

    padding: 12px 20px;

    color: #391396;

    border-radius: 30px;

}

.packagesmain .packk .tab-custom .tabbing-links.m-sliderxs li.current{

    background-color: #391396;

    color: #fff;

}

.packagesmain .packk .tab-custom .tabbing-links.m-sliderxs li:hover{

    background-color: #391396;

    color: #fff;

}







.packagesmain .packk .tab-custom .tabs{

    display: none;

}

.packagesmain .packk .tab-custom .tabs.current{

    display: inline-block;

}

.packagesmain .packk .packlliist .mypack .pkhead h3{

        font-size: 21px;

    font-weight: 800;

    color: #070707;

    line-height: 1;

    padding-bottom: 20px;

    text-transform:capitalize;

    padding: 0px 30px 10px;

}



.packagesmain .packk .packlliist .mypack .pkhead h2{

    color: #070707;

    font-size: 48px;

    font-weight: 500;

    padding-bottom: 10px;

    padding-top: 30px;

}



.packagesmain .packk .packlliist .mypack .pkhead h2 span.line-through-price {

    font-size: 28px;

    position: absolute;

    left: 28px;

    color: #391396;

    top: 0;

    text-decoration: line-through;

}



.packagesmain .packk .packlliist .mypack .pkhead h2 span.price_change {

    color: #070707;

    font-size: 48px;

    font-weight: 500;

    padding-bottom: 10px;

    padding-top: 30px;

}



.packagesmain .packk .packlliist .mypack:nth-child(even) span.price_change{

    color: #fff !important;

}



.packagesmain .packk .packlliist .mypack .pkhead p{

    color: #a6b0ba;

    font-size: 16px;

    padding-bottom: 0;

    display: none;

}

.packagesmain .packk .packlliist .mypack .bdy{

    text-align: left;

}

.packagesmain .packk .packlliist .mypack .bdy .listscroll{

    height: 200px;

}

.packagesmain .packk .packlliist .mypack .bdy .listscroll li{

    color: #5C5856;

    font-size: 16px;

    padding: 0 0px 15px 30px;

    position: relative;

    line-height: 1.2;

}

.packagesmain .packk .packlliist .mypack .bdy .listscroll li:before{content: "\f00c"; font-family: 'FontAwesome' !important;color: #391396;position: absolute;left: 0;top: 0;}

.packagesmain .packk .packlliist .mypack .ftter{margin-top: 30px;}

.packagesmain .packk .packlliist .mypack .ftter a{

    padding: 14px 60px;

}

.packagesmain .packk .packlliist .mypack .ftter .viewdetails{

    color: #a6b0ba;

    text-align: center;

    display: block;

    font-size: 14px;

    font-weight: 400;

    margin-top: 10px;

    padding: 0;

}

.packagesmain .packk .packlliist .mypack .ftter .viewdetails span{

    font-size: 16px;

    margin-right: 10px;

}





.mcta{

    padding: 80px 0;

    text-align: left;

    background: #2c214a;

    background-image: url(../images/cta.webp);

    background-repeat: no-repeat;

    background-size: cover;

    width: 100%;

}

.mcta .subheading{

    color: #ffffff;

    background-color: rgba(255,255,255,0.3);

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.mcta h2{

    color: #ffffff;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.mcta p{

    color: #ffffff;

    font-size: 18px;

    padding-bottom: 40px;

}



.mservices .mainfigure{background: url(../images/logo-second.webp);width: 745px;height: 594px;background-size:cover;background-repeat: no-repeat;} 

.mservices .mainfigure.logoimg{background: url(../images/logo-second.webp);} 

.mservices .mainfigure.webimg{background: url(../images/website-second.png);} 

.mservices .mainfigure.videoimg{background: url(../images/animation-second.png);}

.mservices .mainfigure.mobimg{background: url(../images/mobile-second.png);}



.footer-top{}

.footer-top h3{

    color: #fff;

    font-size: 22px;

    line-height: 1;

    padding-bottom: 10px;

}

.footer-top .linkinglist{

    display: inline-block;

    margin-bottom: 0;

}

.footer-top .linkinglist li{padding: 5px 0;}

.footer-top .linkinglist li a{

    color: #cbd6e2;

    font-size: 15px;

}



.footer-top .socialmid{

    border-bottom: 1px solid #171717;

    margin: 50px auto 0;

    padding-bottom: 30px;

    width: 100%;

}



.footer-bottom .fologo{

    width: 130px;

}

.footer-bottom .fologo img{width: 100%;}

/* footer 

------------------------------------*/

.footer-main {background: #070707;}

.footer-top {padding: 60px 0 0;}

.footer-top h4 {color: white;font-size: 14px;font-weight: 700;text-transform: uppercase;margin: 10px 0;padding:0px;position: relative;}

.address-main {}

.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-bottom: 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;}





/*==============THANKYOU-PAGE-CSS-STARTS====================*/

.main-thankyou-sec {padding: 100px 0; }

.thankyou-inner {position: relative; z-index: 9; }

.main-thankyou-sec img {width: 100px; padding: 0 0 10px 0; display: inline-block; }

.main-thankyou-sec h1 {color: #141315; font-size: 56px; margin-bottom: 15px; font-weight: 600; }

.main-thankyou-sec p.subtitle {color: #676767; line-height: 1.4; font-size: 22px; font-weight: 500; padding: 5px 0 30px 0; }

.main-thankyou-sec a.btn-main {font-size: 20px; padding: 15px 30px; }

.thankyoupg .mheader .mainbarr {/* background: #d6d6d6; */position: relative;z-index: 99;}

/*==============THANKYOU-PAGE-CSS-ENDS====================*/





/*==============404-PAGE-CSS-STARTS====================*/



.error-main {

    padding: 9% 0 50px;

}



.face-errow img {

    padding: 0 0 20px;

    width: auto;

}



.error-heading h1 {

    font-size: 12rem;

    font-weight: 700;

    text-shadow: 0px 3px 0px #391396;

    color: #000;

    margin-bottom: 0;

    line-height: 130px;

}



.error-heading p {

    font-size: 7.4rem;

    text-shadow: 0px 3px 0px #391396;

    font-weight: 100;

    color: #444;

    margin-top: 0;

    display: inline-block;

}



.face-errow p{

	font-size:35px;

	font-weight:300;

	padding-top:10px;

	margin-bottom:20px;}



/*==============404-PAGE-CSS-END====================*/



/*=========notfound-start======*/

#notfound {position: relative;padding: 100px 0;height: 600px; margin: 0px 0 0 0;}

#notfound .notfound {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.notfound {max-width: 545px;width: 100%;text-align: center;line-height: 1.4; padding-top:130px;}

.notfound .notfound-404 {height: 190px; }

.notfound .notfound-404 h1 {font-size: 146px; font-weight: 700; margin: 0px; color: #141315; }

.notfound .notfound-404 h1>span {display: inline-block; width: 120px; height: 120px; background-image: url(../images/emoji.png); background-size: cover; -webkit-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); z-index: -1; }

.notfound h2 {font-size: 36px; font-weight: 700; margin: 0; text-transform: uppercase; color: #141315; }

.notfound p {color: #676767;line-height: 1.4;font-size: 22px;font-weight: 500;padding: 5px 0px 30px 0;}

.flex.belief-illustration-wrapper img{width: 100px;}

.notfound a.btn-main{font-size: 20px;padding: 15px 30px;}

.notfoundpage .mheader .mainbarr {background: #d6d6d6; position: relative; z-index: 99; }

/*=========notfound-end======*/







/*==============floating strips css start============== */

.floatbutton.active{right: 0;z-index: 9;-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: 18%;font-size: 0;width: 420px;/* transform: translateY(-50%); */z-index: 999;}

.floatbutton .clickbutton{width: 50px;z-index: 999;height: 200px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);border-radius: 3px 0px 0px 3px;border-radius: 30px 0px 0px 30px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 125px;color: #fff;font-size: 16px;font-weight: 700;position: relative;text-transform: uppercase;background-color: #391396;box-shadow: 0px 0px 40px #00000026;-webkit-box-shadow: 0px 0px 40px #00000026;-ms-box-shadow: 0px 0px 40px #00000026;-o-box-shadow: 0px 0px 40px #00000026;}

.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: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;left: -45px;white-space: pre;bottom: 87px;}

.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: #ffffff;margin: 17px 0 0 15px;}

.banner-form{background: #fff;padding: 30px;position: relative;z-index: 99999 !important;border-radius: 5px;margin: 0;width: 370px;display: inline-block;box-shadow: 0px 0px 30px #0000001f;}

.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: #141315;font-size: 24px;margin-bottom: 5px;font-weight: 700;}

.banner-form h3 strong {font: 24px/24px "Poppins", sans-serif;font-weight: 600;}

.ban-form input[type="submit"]{color: #fff;font-weight: 600;border-radius: 3px;text-align: center;padding: 10px 15px;margin: 20px 0 0;border: transparent;cursor: pointer;background-color: #391396;}

.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;resize: none;}

.btns_wrap{position:fixed;right: -6px;}

.btns_wrap a:hover{text-decoration: none!important;right: 0px;}

.btns_wrap .call_wrap{width: 280px;background-color: #391396;position: absolute;right: -225px;top: 63px;border-radius: 3px 0px 0px 3px;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;z-index: 9999;border-radius: 30px 0px 0px 30px;}

.btns_wrap .call_wrap span{color: #fff;font-size: 20px;vertical-align: middle;/* background: #000; */padding: 15px 20px 15px 15px;}

.btns_wrap .chat_wrap{display: block;position: absolute;right: -225px;width: 280px;background-color: #391396;top: 0;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: 30px 0px 0px 30px;z-index: 9999;}

.btns_wrap .chat_wrap span.icoo,

.btns_wrap .call_wrap span.icoo{color: #fff;font-size: 18px;padding: 15px 20px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;border-radius: 10px 0px 0px 10px;}

.btns_wrap .chat_wrap span{color: #fff;font-size: 20px;vertical-align: middle;/* background: #000; */padding: 15px 30px 15px 15px;}

.ban-form .fldset.inpchecbx label{display: inline-block;margin: 0;line-height: 1.4;color: #676767;font-size: 13px;}

.ban-form .fldset.inpchecbx input{display: inline-block;width: auto;height: auto;margin: 0;}

.fldset.inpchecbx {margin: 10px 0 0 0;}

.fldset p{font-size: 13px;color: #676767;padding: 0;margin: 10px 0 0 0;}

.fldset p a{display: block; padding: 5px 0px 0 0; color: #141315; font-weight: 500; font-size: 14px; }

.main-services-banner-sec .ban-form .fldset  textarea{height: 60px;}

.main-services-banner-sec .ban-form input{height: 40px}

.intl-tel-input .country-list .country{font-size:14px;}

/*===================floating strips css end =================*/











.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: #070707;padding: 30px 0;}

.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; }



.queryform {background-color: #ffffff;padding: 80px 0;}

.queryform.innerfrom {text-align: center;}

.queryform.innerfrom .bot-form {margin: 0 auto; width: 75%;}

.queryform.innerfrom {background-color: transparent; padding: 80px 0; }

.queryform.innerfrom .textwrap .subheading {color: #fff; background-color: #4e80ff;}

.queryform.innerfrom .textwrap h2 {color: #070707;}

.queryform.innerfrom .textwrap p {color: #070707;}

.queryform.innerfrom .bot-form input::placeholder {color: #070707; opacity: 1; /* Firefox */ }

.queryform.innerfrom .bot-form form select, .bot-form form input[type="text"], .bot-form form input[type="email"], .bot-form form input[type="number"], .bot-form form input[type="tel"], .bot-form form textarea {color: #070707; }

.queryform.innerfrom .bot-form form select {color: #070707; }

.queryform.innerfrom .bot-form form textarea {color: #070707; }

.queryform.innerfrom .bot-form form textarea::placeholder {color: #070707; opacity: 1; /* Firefox */ }

.queryform.innerfrom .bot-form form input[type="submit"] {}



.bot-form form textarea

.queryform .textwrap{}

.queryform .textwrap.mwrapp {text-align:center;margin-bottom: 100px;}



.queryform .textwrap .subheading{

    color: #070707;

    padding: 8px 20px;

    background-color: rgba(255,255,255,0.3);

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

    color: #391396;

    background-color: #FBC6CF;

}

.queryform .textwrap h2{

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.queryform .textwrap p{

    color: #5C5856;

    font-size: 18px;

    padding-bottom: 40px;

}

.queryform .intl-tel-input.separate-dial-code .selected-flag{border-radius: 30px 0 0 30px;}

.queryform input::-webkit-input-placeholder {color: #070707; opacity: 1 !important; }

.queryform input:-moz-placeholder {color: #070707; }

.queryform input::-moz-placeholder {color: #070707; }

.queryform input:-ms-input-placeholder {color: #070707;}

.queryform form textarea::-webkit-input-placeholder { color: #070707; opacity: 1 !important; }

.queryform form textarea:-moz-placeholder { color: #070707; }

.queryform form textarea::-moz-placeholder { color: #070707; }

.queryform form textarea:-ms-input-placeholder { color: #070707; }



.mlogos{}

.mlogos li{width: 32%;display: inline-block;}

.mlogos li img{}



.mheader .mainbarr .boxednav .navigation .linkingchannel li.ddlistmenu{

    position: relative;

    padding-right: 24px;

}

.mheader .mainbarr .boxednav .navigation .linkingchannel li.ddlistmenu a{padding-bottom: 32px;}

.mheader .mainbarr .boxednav .navigation .linkingchannel li.ddlistmenu a span{

    line-height: 1;

    position: absolute;

    top: 5px;

    right: 8px;

}

.mheader .mainbarr .boxednav .navigation .linkingchannel li.ddlistmenu:hover .dropdown{

    visibility: visible;

    opacity: 1;

}

.mheader .mainbarr .boxednav .navigation .linkingchannel li:hover{

}

.mheader .mainbarr .boxednav .navigation .linkingchannel li:hover a{

    color: #391396;

}

.mheader .mainbarr .boxednav .navigation .linkingchannel li.active a{

    color: #391396;

}



.myinnersection{

    width: 100%;

    height: 600px;

    background-size: cover;

    background-position: top center;

}

.myinnersection .textwrap{

    padding-top: 24%;

    text-align: center;

}

.myinnersection .textwrap h1{

    color: #fff;

    font-size: 58px;

    margin-bottom: 20px;

}

.myinnersection .textwrap p{

    color: #fff;

    font-size: 24px;

    line-height: 1.4;

    padding-bottom: 0;

}





.abtinfo {

    /* background-color: #391396; */

    padding: 80px 0;

    background-color: #F6F6F8;

}

.abtinfo .textwrap{}

.abtinfo .textwrap.mwrapp{text-align:center;margin-bottom: 100px;}

.abtinfo .textwrap .subheading{

    color: #391396;

    background-color: #FBC6CF;

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.abtinfo .textwrap h2{

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 30px;

}

.abtinfo .textwrap p{

    color: #5C5856;

    font-size: 18px;

    padding-bottom: 40px;

}

.abtinfo .textwrap figure{margin-bottom: 0px;}

.abtinfo .textwrap figure img{

    width: 100%;

}

.clientssec {

    padding: 80px 0;

    background-color: #070707;

}

.clientssec .textwrap{}

.clientssec .textwrap.mwrapp{text-align:center;margin-bottom: 100px;}

.clientssec .textwrap .subheading{

    color: #391396;

    background-color: #FBC6CF;

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.clientssec .textwrap h2{

    color: #ffffff;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 50px;

}

.clientssec .textwrap p{

    color: #5C5856;

    font-size: 18px;

    padding-bottom: 40px;

}



.clientssec .clientsslider{

    margin-bottom: 0;

}

.clientssec .clientsslider li{

    display: inline-block;

}

.clientssec .clientsslider li img{}





.methodologysec {

    padding: 80px 0;

    /* background-color: #070707; */

}

.methodologysec .textwrap{}

.methodologysec .textwrap.mwrapp{text-align:center;margin-bottom: 100px;}

.methodologysec .textwrap .subheading{

    color: #391396;

    background-color: #FBC6CF;

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.methodologysec .textwrap h2{

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 30px;

}

.methodologysec .textwrap p{

    color: #5C5856;

    font-size: 18px;

    padding-bottom: 40px;

}

.methodologysec .mbox{

    margin-bottom: 30px;

}

.methodologysec .mbox .iconss{

    padding-top: 2px;

    margin-bottom: 0;

    display: inline-block;

    width: 15%;

    vertical-align: top;

}

.methodologysec .mbox .iconss img{}

.methodologysec .mbox .text{

    width: 100%;

    vertical-align: top;

    display: inline-block;

}

.methodologysec .mbox .text h3{

    font-size: 24px;

    color: #070707;

    line-height: 1.2;

}

.methodologysec .mbox .text p{

    padding-bottom: 10px;

}

.methodologysec .mbox .text a{

    color: #391396;

    font-weight: 500;

    text-decoration: underline;

    transition: color .2s ease-in-out;

    position: relative;

    font-size: 18px;

}

.methodologysec .myfigure{background:url(../images/methodology-1.jpg);width: 482px;height: 780px;background-size: cover;background-position: top center;}

.contactinfo {

    padding: 150px 0 80px;

    background-color: #F7F7F8;

    /* margin-top: -82px; */

}

.contactinfo .textwrap{}

.contactinfo .textwrap.mwrapp{text-align:center;margin-bottom: 100px;}

.contactinfo .textwrap .subheading{

    color: #391396;

    background-color: #FBC6CF;

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.contactinfo .textwrap h2{

    color: #070707;

    font-size: 40px;

    font-weight: 700;

    padding-bottom: 30px;

}

.contactinfo .textwrap p{

    color: #5C5856;

    font-size: 16px;

    padding-bottom: 0;

}

.contactinfo .textwrap h3{ color: #070707;

    font-size: 24px;

    font-weight: 500;margin-top:30px;}



.contactinfo .formwrap{

padding: 65px;

    background: #fff;

}

.contactinfo .formwrap form{}

.contactinfo .formwrap form .fldset{

    background: #f7f7f8;

    margin-bottom: 20px;

}

.contactinfo .formwrap form .fldset input[type="text"],.contactinfo .formwrap form .fldset input[type="email"],.contactinfo .formwrap form .fldset input[type="number"],.contactinfo .formwrap form .fldset textarea,.contactinfo .formwrap form .fldset select{

position: relative;

z-index: 0;

border: 0;

width: 100%;

background: transparent;

color: #5C5856;

padding: 10px 20px;

height: 70px;

font-size: 18px;

outline: none;

border-bottom: 1px solid #C9D0DB;

}

.contactinfo .formwrap form .fldset input[type="number"]{padding-left: 24%;}

.contactinfo .formwrap form .fldset textarea{height: 130px;}

.contactinfo .formwrap form .fldset input[type="submit"]{padding: 14px 70px;}

.contactinfo .formwrap form .intl-tel-input{width: 100%;}

.contactinfo .formwrap form .fldset input[type="text"]:focus,.contactinfo .formwrap form .fldset input[type="email"]:focus,.contactinfo .formwrap form .fldset input[type="number"]:focus,.contactinfo .formwrap form .fldset textarea:focus,.contactinfo .formwrap form .fldset select:focus{border-bottom-color:#391396;}



.ddparrow{position: relative;}

.ddparrow span{position: absolute;right: 25px;top: 0;bottom: 0;margin: auto;font-size: 20px;z-index: 0;left: auto;color: #9ea5af;display: flex;flex-direction: row;align-items: center;}

.contactinfo .formwrap form .fldset.btnn{background: transparent;}

.packagesmain .packk .packlliist .mypack .bdy .listscroll li.heading{

    font-weight: 700;

    color: #391396;

}

.packagesmain .packk .packlliist .mypack .bdy .listscroll li.heading:before{display: none;}





.works-wrap {

    padding: 140px 0 60px;

    position: relative;

    background-color: #ffffff;

    z-index: 2;

    border-bottom: 1px solid #eaeaea;

}

.subscribe-fold {

    padding: 0px 0 0;

   

}



.subscribe-fold .myheading {

    position: relative;

    padding-bottom: 40px;

    font-size: 44px;

    color: #160c28;

    line-height: 1.1em;

    margin-bottom: 30px;

    padding: 0px;

}

.subscribe-fold .mytext {

    text-align: left;

    margin: 0 0 70px;

    padding: 0px;

    font-size: 18px;

}

.subscribe-fold .myheading:after {

    position: absolute;

    background: -moz-linear-gradient(left, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* FF3.6-15 */

    background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); /* Chrome10-25,Safari5.1-6 */

    width: 76px;

    height: 2px;

    left: 0;

    bottom: 0;

}

.bronze {

    border: 1px solid transparent;

}

.subs-pac {

    box-shadow: 0 3px 30px #0000001f;

    display: block;

    width: 100%;

    text-align: center;

    height: 505px;

    margin: 0 0 60px;

    -ms-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    border-radius: 10px;

    padding: 75px 0 0;

}

.subscribe-fold h3 {

    font-size: 24px;

    margin: 0;

    font-weight: 400;

    position: relative;

    text-transform: capitalize;

    font-weight: 800;

    width: 100%;

    text-align: center;

}

.subs-pac h6 {

    color: #391396;

    font-size: 40px;

    font-weight: 700;

    display: inline-block;

    line-height: 0.9;

    margin: 30px 0 0;

    position: relative;

    padding: 0 20px;

}

.subs-pac h6 span.old {

    position: absolute;

    right: 0;

    left: 0;

    top: -30px;

    text-decoration: line-through;

    font-weight: bold;

    margin: 0;

    font-size: 16px;

}

.subs-pac span.price_change.old {

    text-decoration: none;

    font-size: 35px;

}



.subs-pac h6 b {

    position: relative;

    font-size: 20px;

    display: inline-block;

    top: -28px;

    color: #555;

}

.subs-pac h6 span {

    font-size: 16px;

        color: #687087;

    display: inline-block;

    margin: 30px 0 0;

    padding: 0;

    position: relative;

    line-height: 1.3;

}

.subs-pac h6 span b.monthss {

    position: absolute;

    right: -61px;

    font-size: 20px;

    top: -37px;

    color: #555;

}

.subs-pac.bronze:hover {

     /* FF3.6-15 */

 /* Chrome10-25,Safari5.1-6 */

     background: #391396;

}



.subs-pac span {

    display: block;

    margin: 30px 0 20px;

    font-weight: 400;

}

.subs-pac a.ordrrrr {

    text-align: center;

    margin: 30px auto 0;

     /* FF3.6-15 */

 /* Chrome10-25,Safari5.1-6 */

    border: none;

    padding: 14px 60px;

    color: #ffffff;

    box-shadow: none;

    border-radius: 10px;

    font-weight: 600;

    cursor: pointer;

    display: inline-block;

    font-size: 16px;

    background: #391396;

    font-family: var(--heading-font-family);

}

.subs-pac:hover a.ordrrrr {

    background: #ffffff;

    color: #391396;

}

.subs-pac .actions {

    border-top: 1px solid #eeeeee;

    padding: 0px 0;

    margin: 40px 0 0;

    position: relative;

}

.subs-pac:hover div.actions{

    border-top: 1px solid #fff;

}

.subs-pac .actions a.chatbtn {

    font-size: 14px;

    font-weight: 600;

    padding: 15px 0px;

    display: inline-block;

    color: #000000;

    margin: 0px;

}

.subs-pac .actions a.numberbtn {

    font-size: 14px;

    font-weight: 600;

    padding: 15px 0px;

    color: #000000;

    display: inline-block;

    margin: 0px;

}

.subs-pac.bronze:hover h3, .subs-pac.bronze:hover h6, .subs-pac.bronze:hover span, .subs-pac.silver:hover h3, .subs-pac.silver:hover h6, .subs-pac.silver:hover span, .subs-pac.gold:hover h3, .subs-pac.gold:hover h6, .subs-pac.gold:hover span {

    color: #fff;

}

.subs-pac:hover h6 b {

    color: #fff;

}

.subs-pac.bronze:hover a.chatbtn {

    color: #fff !important;

}

.subs-pac.bronze:hover a.numberbtn{

    color: #fff !important;

}

.subscribe-fold .table-packages.bronze {

    border: none;

}

.subscribe-fold .table-packages {

    -ms-transition: all 0.3s ease-out;

    -moz-transition: all 0.3s ease-out;

    -webkit-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;

    transition: all 0.3s ease-out;

    width: 100%;

}

sub-list {padding-left:40px}

.subscribe-fold .table-packages .head {

    width: 100%;

}

.subscribe-fold .table-packages .head h5 {

    text-align: left;

    font-size: 28px;

    font-weight: 700;

    margin: 0;

    padding: 0;

    display: inline-block;

    color: #160c28;

}

.subscribe-fold .table-packages .body .subscription-list {

    height: 430px;

    margin-top: 20px;

    padding: 0;

}

.mCustomScrollBox {

    position: relative;

    overflow: hidden;

    height: 100%;

    max-width: 100%;

    outline: none;

    padding: 0 10px;

    direction: ltr;

}

.mCSB_container {

    overflow: hidden;

    width: auto;

    height: auto;

}

.subscribe-fold .table-packages .body ul li {

    position: relative;

    text-align: left;

    padding: 14px 0 14px 0;

    border-bottom: 1px solid #eaeaea;

    width: 93%;

}

.subscribe-fold .table-packages .body ul li {

    font-size: 16px;

    font-weight: 400;

    margin: 0;

    display: inline-block;

    font-family: var(--primary-font-family);

}

.subscribe-fold .table-packages .body ul li span.tick {

    font-size: 18px;

    color: #01e252;

    position: relative;

    display: block;

    margin: 0;

    padding: 0;

    text-align: center;

    width: 30px;

    height: 32px;

    line-height: 1.6;

    float: right;

    top: 7px;

    position: absolute;

    right: -10px;

}

.subscribe-fold .table-packages .body ul li:before {

    font-family: 'icomoon' !important;

    content: "\e91a";

    position: absolute;

    top: 2px;

    float: revert;

    right: 0;

    top: 16px;

    color: #01e252;

}

.mCSB_scrollTools {

    opacity: 0.75;

    filter: "alpha(opacity=75)";

    -ms-filter: "alpha(opacity=75)";

}

.mCSB_scrollTools {

    position: absolute;

    width: 16px;

    height: auto;

    left: auto;

    top: 0;

    right: 0;

    bottom: 0;

}

.mCSB_scrollTools {

    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;

}

.subscribe-fold {

    padding: 0px 0 0;

   

}

.subscribe-fold .table-packages .body ul li.heading{

    color: #391396;

    font-weight: 700;

}

.subscribe-fold .table-packages .body .subscription-list {

    height: 430px;

    margin-top: 20px;

    padding: 0;

}









.personal{padding: 140px 0 60px;}

.personal .newsle{

    margin-bottom: 20px;

}

.personal .newsle h3{font-size: 24px; text-align: left; color: #2e2e2e; padding: 0; margin: 0 0 10px;  font-weight: 900; }

.personal .newsle p{color: #737373; text-align: left; padding: 0; font-size: 16px; margin: 0 0 5px; line-height: 22px; font-weight: 200;  }

.personal .newsle p a{color: #391396;text-decoration: none;}

.personal .newsle p a:hover{text-decoration: underline;}









.personal .newsle ul{margin-bottom: 11px;display: block;}

.personal .newsle ul li{font-size: 14px;list-style-type: none;margin-top: 15px;color: #4f4f4f;display: block;font-weight: 400;margin-left: 25px;position: relative;}

.personal .newsle ul li:before{content: "";width: 5px;height: 5px;top: 6px;bottom: 0px;left: -21px;border-radius: 50%;right: 0;position:absolute;background-color: #4f4f4f;margin: 0;}



.personal .newsle ul li a{color: #391396;}

.personal .newsle ul li a:hover{text-decoration: underline;}

.personal .newsle strong{font-size: 16px;margin: 0 0 5px;text-align: left;font-weight: 700;color: #391396;line-height: 22px;}



.mbileapp {padding: 80px 0;}

.mbileapp .textwrp{padding: 0 0 0 0;}

.mbileapp .textwrp .subheading {color: #391396; background-color: #FBC6CF; padding: 8px 20px; font-size: 16px; border-radius: 30px; display: inline-block; font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}

.mbileapp .textwrp h2{color: #070707; font-size: 40px; font-weight: 500; padding-bottom: 15px;}

.mbileapp .textwrp p{color: #5C5856; font-size: 18px; padding-bottom: 40px;}

.mbileapp .img-wrp {text-align: center; position: relative;}

.mbileapp .img-wrp:after {content: ""; background:url(../images/case-studies/mobile-bg.png); display: block; position: absolute; top: 50px; right: 0; left: 0; margin: 0 auto; z-index: -1; width: 500px; height: 500px; background-size: cover; background-repeat: no-repeat;}

.mbileapp .img-wrp img {margin: 0 auto;display: block;}





.wbstecas {padding: 80px 0;}

.wbstecas .textwrp{padding: 0 0 0 0;}

.wbstecas .textwrp .subheading {color: #391396; background-color: #FBC6CF; padding: 8px 20px; font-size: 16px; border-radius: 30px; display: inline-block; font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}

.wbstecas .textwrp h2{color: #070707; font-size: 40px; font-weight: 500; padding-bottom: 15px;}

.wbstecas .textwrp p{color: #5C5856; font-size: 18px; padding-bottom: 40px;}

.wbstecas .img-wrp {text-align: center; position: relative;padding: 36px 0;}

.wbstecas .img-wrp:after {content: "";background:url(../images/case-studies/web-bg.png);display: block;position: absolute;top: -40px;right: 0;left: 0;margin: 0 auto;z-index: -1;width: 100%;height: 510px;background-size: contain;background-repeat: no-repeat;}

.wbstecas .img-wrp img {margin: 0 auto;display: block;}

.wbstecas .img-wrp .lptop {overflow: hidden;height: 402px;position: relative;}

.wbstecas .img-wrp .lptop img {transition: 11s;width: 85%;position: absolute;left: 0;top: 30px;right: 0;margin: 0 auto;}

.wbstecas .img-wrp .lptop:hover img{transform: translateY(-1180px); transition: 11s;}

.wbstecas .img-wrp .lngimgs {background: url(../images/case-studies/empty-laptopnew.png); background-size: contain; background-repeat: no-repeat; height: 410px; z-index: 2; position: relative; }

.wbstecas .img-wrp .lngimgs img {}

/**/



.valuablewrp{background: #f6f6f8;padding: 60px 0px 90px;position: relative;}

.valuablewrp .txtwrp{display: block;text-align: center;} 

.valuablewrp .maindiv{display: block;margin-top: 15px;}

.test-home{display: contents!important;}

.inner-testimonal-banner h1{

    color: #000;

}



.inner-testimonal-banner p.subtitle{

    color: #000;

}



.queryform.order-form.innerfrom {

    padding-top: 130px;

}



.valuablewrp .maindiv .mainwrp{background: #fff;padding: 44px 28px;margin-bottom: 26px;text-align: left;min-height: 255px;border-radius: 10px;box-shadow: 4px 2px 18px 0 #cccccc40;position: relative;margin: 20px 0;}

.valuablewrp .maindiv .mainwrp:before{position: absolute;content: "\e93d";font-family: 'icomoon' !important;bottom: 5px;left: 12px;color: #fff;font-size: 90px;line-height: 0;}

.valuablewrp .maindiv .mainwrp .starwrp{display: block; }

.valuablewrp .maindiv .mainwrp .starwrp i{color: #ffdd65;font-size: 16px;}

.valuablewrp .maindiv .mainwrp p{font-size: 16px;color: #3a3a3a;line-height: 1.4;padding-right: 4px;margin-top: 15px;font-weight: 200;/* font-family: 'Circular Std Book'; */padding-bottom: 0;text-align: left;height: 156px;}

.valuablewrp .maindiv .icli{padding: 0px 0 0 10px; display: inline-block; }

.valuablewrp .maindiv .icli .round{display: inline-block;width: 60px;background: #391396;margin-right: 20px;height: 60px;border-radius: 50%;vertical-align: top;}

.valuablewrp .maindiv .icli .round h5{color: #fff;font-size: 22px;padding-top: 13px;text-align: center;width: 100%;display: inline-block;line-height: 1.6;padding-bottom: 0;}

.valuablewrp .maindiv .icli .clname{display: inline-block;padding-top: 10px;     margin-left: 0;

    vertical-align: middle;}

   .testipage .valuablewrp .maindiv .icli .clname {     margin-left: 80px;}

   .testipage .valuablewrp .maindiv .mainwrp {    min-height: 265px !important;

    margin-bottom: 30px;}



.maindiv.test-home.inner-testimonals .clname {

    margin-left: 80px;

}



.maindiv.test-home.inner-testimonals .mainwrp {

    min-height: 265px !important;

    margin-bottom: 30px;

}



.valuablewrp .maindiv .icli img{ width: auto; margin: 0; position: absolute; }

.valuablewrp .maindiv .icli .clname h6{font-size: 15px;margin: 0 0 5px;color: #391396;padding: 0;font-family: inherit;font-weight: 500;line-height: 1.1;}

.valuablewrp .maindiv .icli .clname p{font-size: 14px;color: #3a3a3a;line-height: 1.5;margin: 0;padding: 0;font-weight: 500;/* font-family: 'Circular Std Book'; */}

.valuablewrp .txtwrp .subheading{

    color: #fff;

    background-color: #4e80ff;

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.valuablewrp .txtwrp h2{

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.valuablewrp .txtwrp p{

    color: #5C5856;

    font-size: 16px;

    padding-bottom: 0;

}







.innserservice-commonfolds{padding: 30px 0px; background: #f6f6f8;}



.innserservice-commonfolds .factorlink{background:#000;border:1px solid #000;color:#fff;padding:13px 31px;text-align:center;text-transform: uppercase;-webkit-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-o-transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;transition: color 200ms ease-in-out,background-color 200ms ease-in-out,border-color 200ms ease-in-out;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;display: inline-block;margin-top:36px;font-weight: 600;}

.innserservice-commonfolds .factorlink:hover{background: #fff;color:#000;border-radius: 2px;}





.innserservice-commonfolds.customsoftware{background: #fff url(../images/3services.jpg)no-repeat;background-position: top right -80px;background-size: 40%;padding: 60px 0;}

.innserservice-commonfolds.experience{background: #fff url(../images/experience.jpg)no-repeat;background-position: top left -80px !important;background-size: 40%!important;margin: 70px 0 40px;}



.innserservice-commonfolds .subheading{

    color: #391396;

    background-color: #FBC6CF;

    padding: 8px 20px;

    font-size: 16px;

    border-radius: 30px;

    display: inline-block;

    font-weight: 700;

    text-transform: uppercase;

    margin-bottom: 15px;

}

.innserservice-commonfolds h2{

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.innserservice-commonfolds p{

    color: #5C5856;

    font-size: 18px;

    padding-bottom: 40px;

}



.innserservice-commonfolds.cwebdesign{

    background: #ffffff url(../images/custom-website-design.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

.innserservice-commonfolds.clogo{

    background: #ffffff url(../images/logo.jpg)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

.innserservice-commonfolds.bg-thre-d{    background: #ffffff url(../images/3d-logo.png)no-repeat;

    background-position: top right 0px;

    background-size: 40%;

    padding: 60px 0;}

.innserservice-commonfolds.comb-logo{    background: #ffffff url(../images/Combination-logo.png)no-repeat;

    background-position: top right 0px;

    background-size: 40%;

    padding: 60px 0;}

.innserservice-commonfolds.emblem-bg{    background: #ffffff url(../images/Emblem-logo.png)no-repeat;

    background-position: top right 0px;

    background-size: 40%;

    padding: 60px 0;}

.innserservice-commonfolds.mascot-bg{background: #ffffff url(../images/Mascot-logo.png)no-repeat;

    background-position: top right 0px;

    background-size: 40%;

    padding: 60px 0;}

.innserservice-commonfolds.monog-bg{    background: #ffffff url(../images/monogram-logo.png)no-repeat;

    background-position: top right 0px;

    background-size: 40%;

    padding: 60px 0;}

.innserservice-commonfolds.pict-bg{    background: #ffffff url(../images/pictorial-logo.png)no-repeat;

    background-position: top right 0px;

    background-size: 40%;

    padding: 60px 0;}    

.innserservice-commonfolds.wordpress{

    background: #fff url(../images/wordpress-development.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

.innserservice-commonfolds.cwriting{

    background: #fff url(../images/content-writing.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}



.innserservice-commonfolds.ecommerce {

    background: #fff url(../images/ecommerce.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}





.innserservice-commonfolds.social-medias {

    background: #fff url(../images/social-media-marketing.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}



.innserservice-commonfolds.domain-reg {

    background: #fff url(../images/domain-registration.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}



.innserservice-commonfolds.managmnt {

    background: #fff url(../images/website-management.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}



.innserservice-commonfolds.webapp{

    background: #ffffff url(../images/web-application-development.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

.innserservice-commonfolds.backend{

    background: #ffffff url(../images/backend-development.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

.innserservice-commonfolds.mobapp{

    background: #fff url(../images/mobile.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

.innserservice-commonfolds.webmain{

    background: #fff url(../images/web-maintanance.jpg)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

.innserservice-commonfolds.domain{

    background: #fff url(../images/domain-hosting.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

.innserservice-commonfolds.branding{

    background: #fff url(../images/branding.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

.innserservice-commonfolds.video{

    background: #fff url(../images/video-animation.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

.innserservice-commonfolds.seo{

    background: #fff url(../images/seo.png)no-repeat;

    background-position: top right -20px;

    background-size: 40%;

    padding: 60px 0;

}

input.error {

    border: 1px solid red !important;

}



/*boxesinfo css start*/

.boxesinfo{background: #ffffff;padding: 0px 0 60px;}

.boxesinfo .wrp .listboxes{text-align: center;margin-bottom: 0;width: 100%;font-size: 0;display: inline-block;}

.boxesinfo .wrp .listboxes li{padding: 0 15px;}

.boxesinfo .wrp .listboxes li figure{margin-bottom: 0; }

.boxesinfo .wrp .listboxes li figure img{height: 60px; width: auto; margin: 0 auto; display: table; }

.boxesinfo .wrp .listboxes li .textwrap{}

.wrp {

    width: 100%;

}

.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;color: #070707;}

.mheader .wlogo{display: none;}

.mheader.stickyheader .wlogo{display: inline-block;}

.mheader .blogo{display: inline-block;}

.mheader.stickyheader .blogo{display: none;}

.innerpgee .mheader .blogo{display: none;}

.innerpgee .mheader .wlogo{display: inline-block;}





.innerpgee .mheader {position: fixed;z-index: 9999;min-height: auto;top: 0;width: 100%;background: #fff;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;box-shadow: 0px 10px 23px #0000000d;}



.innerpgee .mheader .mainbarr .boxednav .navigation .linkingchannel li a{    color: #070707;}

.innerpgee .mheader .mainbarr .boxednav .navigation .infochannel li .numbercta{    color: #070707;}



.slick-prev:before{

    content: "\f104";

    font-family: FontAwesome;

    font-size: 50px;

    color: #391396;

} 

.slick-next:before{

    content: "\f105";

    font-family: FontAwesome;

    font-size: 50px;

    color: #391396;

}

.testmslider1 .slick-prev, .testmslider1 .slick-next{top: 40%;}

.nav-area-full{display: none;}









.comboopack{

    background: #f6f6f8;

    padding-bottom: 90px;

}

.comboopack .combopackwrap{

    background: #fff;

    width: 100%;

    display: inline-block;

    box-shadow: 0 6px 20px 0 rgba(0,0,0,0.06);

}

.comboopack .combopackwrap .headdd{

    padding: 20px 50px;

    background: #391396;

    text-align: left;

    position: relative;

}

.comboopack .combopackwrap .headdd figure{

    position: absolute;

    margin-bottom: 0;

    right: -20px;

    top: -30px;

}

.comboopack .combopackwrap .headdd figure img{

    width: 185px;

}

.comboopack .combopackwrap .headdd h3{

    text-align: left;

    padding-bottom: 0;

    color: #fff;

    font-size: 34px;

    text-transform: capitalize;

}

.comboopack .combopackwrap .headdd h3 span{

    display: block;

    font-size: 24px;

    margin-top: 10px;

}

.comboopack .combopackwrap .bodyyy{

    font-size: 0;

    padding: 30px 50px;

}

.comboopack .combopackwrap .bodyyy .coll{

    width: 33.33%;

    display: inline-block;

    vertical-align: top;

    padding: 0 15px;

}

.comboopack .combopackwrap .bodyyy .coll ul{}

.comboopack .combopackwrap .bodyyy .coll ul li{

    color: #5C5856;

    font-size: 15px;

    padding: 0 0px 10px 30px;

    position: relative;

    line-height: 1.4;

}

.comboopack .combopackwrap .bodyyy .coll ul li:before{  

    content: "\f00c";

    font-family: 'FontAwesome' !important;

    color: #391396;

    position: absolute;

    left: 0;

    top: 0;

}

.comboopack .combopackwrap .bodyyy .coll ul li.heading{

    font-weight: 700;

    color: #391396;

    padding-left: 0;

}

.comboopack .combopackwrap .bodyyy .coll ul li.heading:before{display: none;}

.comboopack .combopackwrap .footterr{

    padding: 30px 50px;

    font-size: 0;

    background: #28304a;

    border-top: 1px solid #f3f3f3;

}

.comboopack .combopackwrap .footterr .left{

    display: inline-block;

    width: 45%;

    vertical-align: bottom;

    font-size: 0;

}

.comboopack .combopackwrap .footterr .left .btnwrap{

    display: inline-block;

    width: 70%;

    padding-left: 20px;

    vertical-align: middle;

}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta{

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    margin-right: 15px;

    padding: 14px 20px;

    border: 1px solid #fff;

    border-radius: 30px;

}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta span{

    margin-right: 10px;

}

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta{

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    margin-right: 21px;

    padding: 15px 30px;

    border: 1px solid #fff;

    border-radius: 30px;

}    

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta span{

    margin-right: 10px;

} 

.comboopack .combopackwrap .footterr .left .txtt{

    display: inline-block;

    width: 25%;

    vertical-align: middle;

}

.comboopack .combopackwrap .footterr .left .txtt h4{

    color: #ffffff;

    font-size: 22px;

    /* margin-top: 10px; */

    padding-bottom: 0;

}

.comboopack .combopackwrap .footterr .right{

    display: inline-block;

    width: 55%;

    vertical-align: bottom;

    position: relative;

} 

.comboopack .combopackwrap .footterr .right .price{

    display: inline-block;

    width: 40%;

    vertical-align: middle;

    padding-left: 10px;

}

.comboopack .combopackwrap .footterr .right .price h2{

    font-size: 27px;

    color: #ee3c5a;

    padding-bottom: 0;

}

.comboopack .combopackwrap .footterr .right .price h2 span{

    

position: relative;

    

font-size: 20px;

    

padding-bottom: 0;

    

color: #b3b1b1;

    

margin-left: 10px;

text-decoration: line-through;

}

.comboopack .combopackwrap .footterr .right figure{

    margin-bottom: 0;

    display: inline-block;

    width: 30%;

}

.comboopack .combopackwrap .footterr .right figure img{

    width: 180px;

    position: absolute;

    top: -50px;

    left: 0;

}

.comboopack .combopackwrap .footterr .right .price h2 span:before{width: 60px;height: 2px;display: block;background: #9e9c9c;position: absolute;left: 0;top: 44%;}



.comboopack .combopackwrap .footterr .right .price h6{

    color: #fff;

    font-size: 21px;

    padding-bottom: 0;

}

.comboopack .combopackwrap .footterr .right .orderbtn{

    display: inline-block;

    vertical-align: middle;

    width: 30%;

    text-align: right;

}

.comboopack .combopackwrap .footterr .right .orderbtn a{}

.footer-top .socialmid{

    font-size: 0;

}

.footer-top .socialmid .left{

    display: inline-block;

    width: 50%;

}

.footer-top .socialmid .right{

    width: 50%;

    text-align: right;

    display: inline-block;

}

.footer-top .socialmid .right img{

    width: 70%;

}









/*================EXIT-POPUP-START===================*/

.mycustompop input[type="submit"] {

    outline: none;

    position: relative;

    bottom: 0;

    border: 0;

    display: block;

    right: 0;

    background: #391396;

    width: 100%;

    height: 50px;

    border-radius: 30px;

    cursor: pointer;

    font-size: 16px;

    color: #fff;

    margin-bottom: 0;

}

.ys-layer{display:none;opacity:0.7;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;}

.ys-container{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color:rgba(0, 0, 0, .5);z-index:9999;}

.ys-container.visible, .ys-layer.visible{display:block;}

.ys-box{background-color:#f5f5f5;width:0;height:0;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);/* border-radius:10px 10px 20px 20px; */transition:height .2s ease-in-out;}

.ys-popup-close{position:absolute;color:#000;text-align:center;font-size:17px;text-decoration:none;display:block;right:20px;top:20px;font-weight:700;}

.ys-container.finished .ys-popup-close{width:40px;height:40px;text-indent:0;}

.ys-popup-content{/* display:none; */padding:20px 40px;background:#f5f5f5;border-radius:0px 0px 10px 10px;}

.ys-container.finished .ys-popup-content{display:block;}

.ys-popup-close:hover{text-decoration:none;color:#f00;}

.ys-box{/* border-top:5px solid #fa130d;; */height:574px;width:572px !important;padding:0;background-size:cover;}

.ys-box .mainbann{border-radius:20px 20px 0 0;width:100%;}

.popupform p{color:#42526E;font-size:18px;padding:0 0 8px;text-align:center;}

.popupform form p{color:#42526E;font-size: 13px;font-weight:500;}

.popupform form p span{color:#0c71f4;}

p.small{font-size:14px;color:#000;text-align:center;display:block;}

.popupform form{font-size:0;}

.popupform form .fldst{margin:0px;display:block;width:100%;}

.popupform form .fldst .intl-tel-input{width:100%;margin-bottom:15px;}

.popupform form .fldst.btnattach button{outline:none;position:relative;bottom:0;border:0;display:block;right:0;background:#fa130d;;width:100%;height:50px;border-radius:5px;cursor:pointer;font-size:16px;color:#fff;}

.popupform form p a{color:#fa130d;;font-weight: 600;}

.popupform form .lst-p{text-align:center;padding: 15px 0px 0;}

.popupform form input{width:100%;margin:0 0 0 0;border:1px solid #cbcbcb;background:white;padding:10px 15px;color:gray;font-size:14px;border-radius: 30px;height:50px;font-weight:400;outline:none !important;margin:0 0 15px 0;color: #535353;}

/*.popupform h3{position:absolute;top:0px;left:0px;right:0px;margin:0 auto 10px;display:block;width:55%;text-align:center;background:#524a61;color:#fff;border-radius:0 0 10px 10px;padding:10px;font-size:30px;}*/

.popupform figure{display: none;text-align:center;margin:0px 0 0px 0;}

.popupform figure img{width:30%;}

.intl-tel-input .country-list .country, .intl-tel-input .country-list .country-name {font-size: 14px; }

.popupform .btn::after{border-radius: 10px !important;}

/*================EXIT-POPUP-END===================*/







.mycustompop{}

.mycustompop .ys-box{

    width: 800px!important;

    height: auto;

    border-radius: 10px;

    overflow: hidden;

}

.mycustompop .ys-box .ys-popup-content{

    font-size: 0;

    padding: 0;

    /* border-radius: 20px; */

}

.mycustompop .ys-box .ys-popup-content .left{

    background:url(../images/exit-pop-up.png);

    height: 550px;

    padding: 30px;

    width: 40%;

    vertical-align: top;

    display: inline-block;

}

.mycustompop .ys-box .ys-popup-content .left h3{

    color: #ffffff;

    padding-bottom: 0;

}

.mycustompop .ys-box .ys-popup-content .right{

    padding: 45px 60px;

    width: 60%;

    display: inline-block;

    vertical-align: top;

}

.mycustompop .intl-tel-input.separate-dial-code .selected-flag{border-radius:30px 0 0 30px;}

.mycustompop .intl-tel-input{width: 100%;}

.mycustompop textarea{

    width: 100%;

    margin: 0 0 0 0;

    border: 1px solid #cbcbcb;

    background: white;

    padding: 10px 15px;

    color: gray;

    font-size: 14px;

    border-radius: 20px;

    height: 108px;

    font-weight: 400;

    outline: none !important;

    margin: 15px 0 15px 0;

    color: #535353;

}



.innerpgee .innerfrom{

    padding-top: 130px;

}

.slct-field{position: relative;}

.slct-field:after {

    content: "\f107";

    position: absolute;

    right: 33px;

    top: 17px;

    font-family: fontawesome;

    color: #999;

    font-size: 16px;

}



.mainvideo{

      width: 100%;

      height: 100%;

      position: absolute;

      top: 0;

      left: 0;

      z-index: -100;

      background-size: cover;

      transform: scale(1.8);

}





.home-banner .video-overlay {

	position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    background: url(../images/video-overlay.png) rgba(0, 0, 0, 0.65);

    width: 100%;

    height: 100%;

    background: #000000c7;

}



.home-banner {

    

position: relative;

    

z-index: 1;

    

overflow: hidden;

}

.vidcta{

    background: #e77f59;

    background-image: url(../images/rabbit.gif);

    background-size: 50%;

    background-repeat: no-repeat;

    background-position: top right;}



.packagesmain .packk .tab-custom .tabbing-links li a{    color: #070707;}

.packagesmain .packk .tab-custom .tabbing-links li.current a{color: #fff;}

.packagesmain .packk .tab-custom .tabbing-links li:hover a{color: #fff;}





.comboopack .combopackwrap .footterr .right .orderbtn .viewdetails{

    color: #a6b0ba;

    text-align: right;

    display: block;

    font-size: 14px;

    font-weight: 400;

    margin-top: 10px;

    padding: 0 20px 0 0;

}

.comboopack .combopackwrap .footterr .right .orderbtn .viewdetails span{

    font-size: 16px;

    margin-right: 10px;

}





.howsec{

    padding: 60px 0;

}

.howsec .textwrap{text-align:center;}

.howsec .textwrap h2{   

    color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;

}

.howsec .textwrap p{   

        color: #070707;

}

.howsec .wrap{

    padding: 60px 0;

}

.howsec .wrap h3{color: #070707;

    font-size: 40px;

    font-weight: 500;

    padding-bottom: 15px;}

.howsec .wrap p{color: #070707;}

.howsec .fig{}

.howsec .fig img{

    width: 65%;

    margin: 0 auto;

    display: table;

}

.custompackages .topwrap{

    padding: 20px;

    border: 1px solid #e4e4e4;

    border-radius: 8px;

}

.custompackages{

    font-size: 0;

    padding: 60px 0 20px;

    /* background: #f6f6f6; */

}

.custompackages .textwrap{

    vertical-align: middle;

    display: inline-block;

    width: 60%;

    padding-right: 20px;

}

.custompackages .textwrap h2{

    font-size: 44px;

    font-weight: 700;

    color: #160c28;

    line-height: 1;

    padding-bottom: 15px;

}

.custompackages .textwrap p{

    font-size: 18px;

}

.custompackages .btnwrap{vertical-align: middle;display: inline-block;width: 40%;text-align: right;}

.custompackages .btnwrap a{}



.securedmca{display: inline-block;width: 100%;margin-top: 20px;}







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

.mheader .mainbarr .boxednav{padding-right: 0px;padding-left: 0px;}

.mheader .mainbarr .boxednav .navigation .linkingchannel li {padding: 0px 8px; }

.mheader .mainbarr .boxednav .navigation .linkingchannel li a {font-size: 14px; font-weight: 600; }

.mheader .mainbarr .boxednav .navigation {padding-left: 30px; }



}



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

    .mobile-nav-btn {display: block; z-index: 99999; top: 15px; }

    .mobile-nav img {width: 130px; }

.mobile-nav-btn span:before, .mobile-nav-btn span:after, .mobile-nav-btn span{background-color: #c0334d;}



}





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

    

.mheader .mainbarr{display: none;}

.logo {width: 20%; }

.nav-area-full{margin-top: 0;display: block;}

.mservices .mainfigure{width: 100%;}

.portfolioboxes .portwrappp h2, .mcta h2, .solutionssec .textwrap h2, .valuablewrp .txtwrp h2, 

.queryform .textwrap h2, .packagesmain h2, .mservices .textwrap h2{font-size: 30px;}

.portfolioboxes .portwrappp p, .mcta p, .solutionssec .textwrap p, .queryform .textwrap p, 

.packagesmain p, .mservices .textwrap p{font-size: 16px;}

.mservices .textwrap {padding: 40px 0 0 0; }

.packagesmain .packk .packlliist .mypack{width: 45%;}

.mservices .box.fixwidth{width: 100%;}

.solutionssec .mainfigure img {float: none; width: 100%; margin-right: 0px; }

.methodologysec .myfigure{width: 100%;}

.bottomSec {bottom: 54px;background: #000;padding: 20px 0 40px;}

.comboopack .combopackwrap .headdd figure img {width: 125px!important; }

.comboopack .combopackwrap .headdd figure {right: 0!important;}

.comboopack .combopackwrap .footterr .left .btnwrap {width: 100%!important;padding-left: 0!important;}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta {display: block;width: 100%; text-align: center;margin: 20px 0;}

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta {display: block;width: 100%; text-align: center;}

.comboopack .combopackwrap .footterr .left .txtt {width: 100%!important;}

.comboopack .combopackwrap .footterr .right .price {width: 100%!important;margin: 20px 0; padding-left: 0!important;text-align: center;}

.comboopack .combopackwrap .footterr .right figure img {top: 0!important; display: none!important;}

.comboopack .combopackwrap .footterr .right .orderbtn {width: 100%!important; text-align: center!important;}

.comboopack .combopackwrap .footterr .right {vertical-align: top!important;}







.whatsapp {

    bottom: 10px;

    left: 10px;

}

.btn-primary, .btn-secondary-outline, .btn-secondary {

    font-size: 14px !important;

    padding: 10px 23px;

}

.frequentlywrp {

    padding: 60px 0;

}

.bot-form form select, .bot-form form input[type="text"], .bot-form form input[type="email"], .bot-form form input[type="number"], .bot-form form input[type="tel"], .bot-form form textarea {

    height: 45px;

}

.bot-form form textarea {

    height: 120px !important;

}

.packagesmain .packk .tab-custom .tabbing-links li a {

    padding: 10px 20px;

}

.packagesmain .packk .tab-custom .tabbing-links li {

    margin: 10px 3px;

}

.comboopack .combopackwrap .bodyyy .coll ul li {

    font-size: 13px;

}

section.mapaddress {

    display: none;

}

.contactinfo .textwrap p {

    padding-bottom: 30px;

}



// saad



}





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





.comboopack .combopackwrap .footterr .right .orderbtn .viewdetails{text-align: center;}

.footer-top .socialmid .right{width: 100%!important;}

.footer-top .socialmid .right img{width: 100%!important;}

.floatbutton{display: none;}

.portfolioboxes, .mcta, .packagesmain, .solutionssec, .queryform, .footer-top, .mservices, 

.methodologysec, .abtinfo, .queryform.innerfrom{padding: 40px 0;}

.clientssec{padding: 40px 0 70px 0;}

.portfolioboxes .portwrappp h2, .mcta h2, .solutionssec .textwrap h2, .valuablewrp .txtwrp h2, 

.queryform .textwrap h2, .packagesmain h2, .mservices .textwrap h2, .abtinfo .textwrap h2, 

.clientssec .textwrap h2, .methodologysec .textwrap h2, .innserservice-commonfolds h2{font-size: 24px;}

.portfolioboxes .portwrappp p, .mcta p, .solutionssec .textwrap p, .queryform .textwrap p, 

.packagesmain p, .mservices .textwrap p, .abtinfo .textwrap p, .methodologysec .textwrap p, 

.innserservice-commonfolds p, .subscribe-fold .mytext{font-size: 16px;}

.portfolioboxes .tab-custom .tabbing-links li{font-size: 14px;}

.portfolioboxes .portwrappp .mportt li{width: 100%;}

.portfolioboxes .tab-custom .tabbing-links {margin-bottom: 20px; }

.mcta .subheading{font-size: 16px;}

.packagesmain .packk .packlliist .mypack {width: 93%; display: block; margin: 40px 15px 0 15px; }

.solutionssec .textwrap .solutionslist li{font-size: 14px;}

.solutionssec .textwrap.mwrapp {margin-bottom: 30px; }

.solutionssec .mainfigure img {float: none; width: 100% !important; margin-right: 0px; margin-top: 0px; }

.btn-primary, .btn-secondary-outline, .btn-secondary{font-size: 14px;}

.valuablewrp {padding: 40px 0px 70px; }

.boxesinfo {padding: 0px 0 40px; }

.mservices .mainfigure {width: 100%;display: none; height: 500px; background-size: cover !important; background-position: center !important; }

.home-banner-content h1{font-size: 30px;}

.home-banner-content .subtitle{font-size: 17px;padding-bottom: 20px;}

.home-banner{    

    height: 500px;

    background-size: cover;

    background-position: center;}

.nav-area-full{margin-top: 0;}

.logo{width: 30%;}

.bottomSec ul.top-slider li img {max-width: 50%; display: inline-block; margin: 0 auto; }

.bottomSec ul.top-slider li{text-align: center;padding-top: 15px;}

.myinnersection .textwrap h1{font-size: 40px;}

.myinnersection{height: 350px;}

.queryform.innerfrom .bot-form {margin: 0 auto; width: 100%; }

.contactinfo {padding: 100px 0 40px; }

.contactinfo .formwrap {padding: 40px 30px; }

.contactinfo .textwrap h2{font-size: 30px;}

.subscribe-fold .myheading{font-size: 30px;}

.works-wrap {padding: 100px 0 0px; }

.subscribe-fold .mytext{margin-bottom: 40px;}

.myinnersection .textwrap p{font-size: 20px;}

.myinnersection .textwrap {padding-top: 30%; }

.mservices .textwrap {padding: 0px 0 0 0; }

.packagesmain p{padding-bottom: 0px;}

.innserservice-commonfolds.clogo, .innserservice-commonfolds.cwebdesign, .innserservice-commonfolds.wordpress,

 .innserservice-commonfolds.ecommerce, .innserservice-commonfolds.webapp, 

 .innserservice-commonfolds.backend, .innserservice-commonfolds.mobapp, .innserservice-commonfolds.branding, 

 .innserservice-commonfolds.video, .innserservice-commonfolds.seo, .innserservice-commonfolds.cwriting{padding: 40px 0;background-image: none;}







}





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

.mble-tab-port .slick-prev, .mble-tab-port .slick-next{    display: none !important;}

.mble-tab-pkg .slick-prev, .mble-tab-pkg .slick-next{    display: none !important;}

}





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

.mservices .box.fixwidth {width: 100%; display: block; margin-top: 0px; }

.footer-nav2 {float: none; text-align: center; }

.footer-nav2 li {float: none; display: inline-block; }

.copyright {text-align: center; }

.footer-bottom .fologo {width: 100%; max-width: 150px; margin: 0 auto; }

.comboopack .combopackwrap .headdd figure {display: none;}

.comboopack .combopackwrap .bodyyy .coll {width: 100%!important;}

.comboopack .combopackwrap .bodyyy {padding: 30px 10px!important;}

.comboopack .combopackwrap .footterr {    padding: 30px 10px!important;}

.comboopack .combopackwrap .footterr .right figure {display: none!important;}

.comboopack .combopackwrap .footterr .left .txtt {width: 100%!important;}

.comboopack .combopackwrap .footterr .left {width: 100%!important;}

.comboopack .combopackwrap .footterr .left .btnwrap {width: 100%!important;padding-left: 0!important;}

.comboopack .combopackwrap .footterr .left .btnwrap .numbercta {display: block;width: 100%;

    text-align: center;margin: 20px 0;}

.comboopack .combopackwrap .footterr .left .btnwrap .chatcta {display: block;width: 100%;

    text-align: center;}

.comboopack .combopackwrap .footterr .right {width: 100%!important;}

.comboopack .combopackwrap .footterr .right .price {width: 100%!important;margin: 20px 0; padding-left: 0!important;text-align: center;}

.comboopack .combopackwrap .footterr .right .orderbtn {width: 100%!important; text-align: center!important;}



.bottomSec {bottom: 0;background: #000;padding: 20px 0 40px;}

.why-we-are ul li {

    display: inline-block;

    width: 50%;

    font-size: 14px;

    color: #FFF;

    padding: 10px 20px;

    /* text-align: center; */

    border-right: 0px solid #868686;}



section.trig-wrap-1 {

    background: #391396;

    height: auto;

}

.home-banner-content {

    position: relative;

    z-index: 9;

        background: transparent;

    padding: 20px;

}

}





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

    .packagesmain .packk .packlliist .mypack {padding: 40px 30px; }

    .mcta .subheading {font-size: 14px; }



}





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

.mcta .subheading {font-size: 13px; }

.packagesmain .packk .packlliist .mypack{padding: 70px 20px;}

.packagesmain .packk .packlliist .mypack .bdy .listscroll li {font-size: 14px; padding: 0 0px 15px 20px; }

.solutionssec .textwrap .solutionslist li {font-size: 13px; }

.valuablewrp .txtwrp .subheading{font-size: 14px;}

.portfolioboxes .portwrappp h2, .mcta h2, .solutionssec .textwrap h2, .valuablewrp .txtwrp h2, .queryform .textwrap h2, .packagesmain h2, .mservices .textwrap h2 {font-size: 22px; }

.portfolioboxes .portwrappp p, .mservices .box .txt p, .mcta p, .solutionssec .textwrap p, .queryform .textwrap p, .packagesmain p, .mservices .textwrap p {font-size: 14px; }

.mservices .box .txt h3 {font-size: 20px; }

.solutionssec .textwrap .subheading, .mservices .textwrap .subheading,

 .portfolioboxes .portwrappp .subheading, .packagesmain .subheading{font-size: 14px;}

.btn-secondary-outline, .btn-primary{padding: 10px 20px;}







}





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

.mcta .subheading {font-size: 12px; font-weight: 600; padding: 8px 18px; }







}



.emblemRow .home-banner-content h1, .emblemRow .home-banner-content p {

    color: #000;

}

.opacityFilter {

    filter: brightness(85%);

}





@media only screen and (min-width: 300px) and (max-width: 767px) {

	

.container-custom{

		padding: 0 30px;

}

	

.portfolioboxes .portwrappp .mportt li {

    width: 50%;

    padding: 0;}

	

.mble-tab-port .slick-prev, .mble-tab-port .slick-next {

    display: block !important;

	    top: 20px;

}



.portfolioboxes .tab-custom .tabbing-links li{

    font-size: 13px;

    padding: 12px 11px;

}



.packagesmain .packk .tab-custom .tabbing-links li {

       margin: 10px 9px;

}



.mble-tab-pkg .slick-prev:before, .mble-tab-port .slick-prev:before {

    background: transparent;

    font-size: 30px;

}

.mble-tab-pkg .slick-next:before, .mble-tab-port .slick-next:before {

    background: transparent;

    font-size: 30px;

}



.mble-tab-pkg .slick-prev, .mble-tab-pkg .slick-next {

    display: block !important;

    top: 30px;

    right: -18px;

}



.packagesmain .packk .tab-custom .tabbing-links li{

	font-size: 15px;

}



.all-pkgetabs li {

    padding: 12px 0px;

}



.mble-tab-pkg .slick-prev {

    left: -19px;

}



.extra li {

    width: 150px !important;

}



.custompackages .btnwrap{

    width: 100%;

    text-align: center;

}



.custompackages .textwrap{

	    width: 100%;

}



.custompackages .textwrap h2 {

    font-size: 25px;

}



.packagesmain .packk .tab-custom .tabbing-links li {

    font-size: 13px;

}



.slick-next:before{

    font-size: 30px;

}



.slick-prev:before{

	font-size: 30px;

}



.slick-next {

    right: -16px;

}



.slick-prev, .slick-next{

	top: 35.5%;

}



.slick-prev {

    left: -15px;

}



.packagesmain .packk .tab-custom .tabbing-links li a {

    padding: 10px 10px;

}



.all-pkgetabs .slick-prev, .all-pkgetabs .slick-next {

    top: 35%;

}



.solutionssec .textwrap .solutionslist li{

	    width: 100%;

}



.portfolioboxes .container-fluid {

    padding: 15px;

}



.tabbing-links1.portfolio-thumb-slider {

    width: 100%;

    margin: 0 auto;

    margin-bottom: 20px;

}



.portfolioboxes .tab-custom .tabbing-links1 li{

    font-size: 14px;

	padding: 12px 6px;

}



ul.tabbing-links.all-pkgetabs.logo-btn-sec li {

    padding: 12px 10px;

    width: auto;

    margin-bottom: 10px;

}



}