.header-main .top-bar {
    display: none;
}
a.btn-pack {
    display: none;
}

.actions.row.web {
    display: none;
}
.text-center.mt-3 {
    display: none;
}
p.address {
    display: block !important;
}

/*.footerleft a:nth-child(4) {*/
/*    display: none;*/
/*}*/
.cbtn-bx {
    display: none;
}
a.ordrrrr {
    display: none !important;
}
.socialmid {
    display: none;
}

:root {
    --first-color: #3478F6;        /* Electric Blue: primary brand accent, buttons, active nav, links */
    --second-color: #101827;       /* Midnight Navy: dark section backgrounds, header, body */
    --third-color: #F5F7FA;        /* Platinum White: readable text on dark surfaces, clean content */
    --midnight-navy: #101827;      /* Midnight Navy: dark backgrounds and premium sections */
    --electric-blue: #3478F6;      /* Electric Blue: primary buttons, active nav, interactive elements */
    --platinum-white: #F5F7FA;     /* Platinum White: clean content backgrounds, readable text */
    --slate-navy: #263449;         /* Slate Navy: secondary dark surfaces, subtle borders */
    --light-blue: #80B5FF;
    --accent-blue: #3478F6;     /* Champagne Gold: small premium accents complementing DIGENZ logo */
    --primary-color: #3478F6;
    --primary-color-dark: #1e5dd6;
    --secondary-color: #263449;
    --secondary-color-dark: #101827;
}

a:focus,
.btn.focus, .btn:focus,
input:focus{outline:none;box-shadow:none !important;}
#jqcheck { background: var(--second-color)9d7; 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); }
@media screen and (-webkit-min-device-pixel-ratio:0) { select { -webkit-appearance: none !important; line-height:28px !important; } }

body {font-size:var(--base-font-size);position: relative;}
a:focus{outline: none}

/* 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: var(--second-color) !important; background-color: transparent;padding: 20px 40px; font-size: 18px; font-weight: 600; border-radius: 5px;border: 1px solid var(--second-color) !important;}
.sec-padding-60 {padding: 60px 0; }
.sec-padding-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(--third-color);}

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-family: var(--primary-font-family);font-weight: 400;line-height: 1.4;padding: 0 0 0px;margin:0px;color: var(--third-color);font-size: 16px;}

/*** 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;}
p strong { color: black; }
p span { color: var(--third-color); }
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; }
.gveplns p{
    color: rgba(255, 255, 255, 0.418);
}
.gveplns a{
    color: var(--third-color)
}
h2,.h2 {
 color: var(--third-color);
 line-height: 1.2;
 font-weight: 700;
 padding: 0 0 15px 0;
 position: relative;
 letter-spacing: -1px;
 }
h2 span,.h2 span { color:var(--primary-color);}

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

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

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

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

/* header 
------------------------------------*/
.header-main {position: fixed;padding: 0 0 0 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;top: 0;}
.header-main.fixed{box-shadow: 0px 5px 20px var(--third-color);-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: var(--second-color);}
.header-main.fixed .main-menu > ul > li > a{text-transform:  capitalize;color: #223235;}
.header-main.fixed .logo{width: 100%;}
.top-bar {position: fixed;background: var(--second-color);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: 15px 0;width: 100%;/*margin-top: 72px;*/position: fixed;background: var(--second-color);top:0px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.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;font-family: var(--heading-font-family);}
.main-menu > ul > li { padding:0px; 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 15px;font-size: 14px;color: var(--third-color);font-weight: 600;text-transform: capitalize;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.main-menu > ul > li.book-call > a {border: 2px solid var(--second-color)fff;border-radius: 10px;padding: 11px 20px;margin: 0 20px 0 10px;color: var(--second-color);}
.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 > a > i {font-size: 16px; padding-left: 3px; }
.cstmwebdesgn .main-menu > ul > li.head-no>a{
    /* background: linear-gradient(to right, rgb(17 94 234) 0%, #9e1b62 100%); */
    color: var(--third-color) !important;
}
.main-menu > ul > li.head-no>a {border-radius: 10px;padding: 14px 20px;background-color: var(--first-color);color: var(--third-color);}
.main-menu > ul > li.head-no>a:hover{color: var(--second-color);}
.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: var(--first-color);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.cstn-column{display: inline-block;width: 100%;font-size: 0;}
.dropdown{width: 270px;position: absolute;top: 160%;left: 0%;visibility: hidden;opacity: 0;padding:0px;background-color: var(--second-color);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{  }
.dropdown > ul > li:before{ display:none; } 
.dropdown > ul > li+li{}
.dropdown > ul > li > a{color: var(--third-color) !important;font-size: 15px;text-decoration:none;padding: 8px 10px 8px 15px;display: block;}
.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; }
.stickyheader { position: fixed; z-index: 9999; min-height: auto; }
.stickyheader .logo img { width:80px;  }
.stickyheader .logo { margin: 5px 0; }
.stickyheader .navbar-inverse { margin: 10px 0 0 0; }
.stickyheader .top-info-list ul { margin: 5px 0; }
/* 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;margin-top: 69px;}
.home-banner {width: 100%;height: 68vh;position: relative;background-position: center center;background-repeat: no-repeat;background-size: cover;display: table;}
/*.home-banner:before{position: absolute;width: 100%;height: 100%;background: var(--third-color)00054;z-index: 8;content: "";}*/
.home-banner-content {position:  relative;z-index: 9;padding-top: 30px;}
.home-banner-content h1 {font-size: 56px;font-weight: 600;color: var(--third-color);position: relative;line-height: 1.1;text-transform: uppercase;margin-bottom: 30px;width: 65%;letter-spacing: -1px;}
.home-banner-content h1:after {position: absolute;width: 10px;height: 10px;background: var(--third-color);right: 0px;bottom: -5px;border-radius: 200px;}
.home-banner-content h1 span {display: block;color: var(--primary-color);}
.home-banner-content .subtitle {color:var(--third-color);font-size: 24px;padding-top: 10px;line-height: 1.4;}
.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); }
.ban-form input, .ban-form textarea{width: 100%;margin: 0 0 0 0;border: 1px solid #cbcbcb;background: white;padding: 10px 15px;color: #535353;font-size: 14px;border-radius: 10px;height: 50px;font-weight: 400;outline: none !important;margin: 0 0 15px 0;}
.ban-form textarea{height: 100px;margin: 15px 0 0 0;resize: none;}
.banner-form .intl-tel-input{width: 100%;}
.ban-form input[type="submit"]{color: var(--second-color);font-weight: 600;background: var(--first-color);;border-radius: 3px;padding: 10px 15px;margin: 20px 0 0;border: transparent;cursor: pointer;}
.tophd-ind{background: white;padding: 40px 20px 40px 60px;max-width: 680px;font-size: 55px;font-weight: 700;line-height: 56px;/* position: absolute; */left: 0px;top: 0;bottom: 0;/* margin: auto; */height: 280px;z-index: 12;}
/*boxesinfo css start*/
.boxesinfo{padding: 60px 0;}
.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;
    width: 60px;
    height: 60px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background: none !important;
    background-image: none !important;
}
.boxesinfo .wrp .listboxes li figure img,
.boxesinfo .wrp .listboxes li figure .service-icon-svg {
    width: 48px !important;
    height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain;
    transition: transform 0.25s ease, filter 0.25s ease;
}
.boxesinfo .wrp .listboxes li:hover figure img,
.boxesinfo .wrp .listboxes li:hover figure .service-icon-svg {
    transform: translateY(-4px) scale(1.08);
}
.boxesinfo .wrp .listboxes li a {
    text-decoration: none;
    display: block;
    transition: color 0.25s ease;
}
.boxesinfo .wrp .listboxes li a:hover h4 {
    color: var(--first-color) !important;
}
.boxesinfo .wrp .listboxes li .develp,
.boxesinfo .wrp .listboxes li .wpres,
.boxesinfo .wrp .listboxes li .ecom,
.boxesinfo .wrp .listboxes li .appli,
.boxesinfo .wrp .listboxes li .backen,
.boxesinfo .wrp .listboxes li .mobappl,
.boxesinfo .wrp .listboxes li .mainten,
.boxesinfo .wrp .listboxes li .domin,
.boxesinfo .wrp .listboxes li .brendng,
.boxesinfo .wrp .listboxes li .animatn,
.boxesinfo .wrp .listboxes li .seeo {
    background-image: none !important;
    background-position: 0 0 !important;
}

/*.boxesinfo .wrp .listboxes li .develp {*/
/*    background-image: url(../images/icons/custom-website-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/

/*.boxesinfo .wrp .listboxes li .wpres {*/
/*    background-image: url(../images/icons/wordpress-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/



/*.boxesinfo .wrp .listboxes li .ecom {*/
/*    background-image: url(../images/icons/ecommerce-website-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/




/*.boxesinfo .wrp .listboxes li .appli {*/
/*    background-image: url(../images/icons/web-application-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/


/*.boxesinfo .wrp .listboxes li .backen {*/
/*    background-image: url(../images/icons/backend-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/



/*.boxesinfo .wrp .listboxes li .mobappl {*/
/*    background-image: url(../images/icons/mobile-application-development.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/



/*.boxesinfo .wrp .listboxes li .mainten {*/
/*    background-image: url(../images/icons/website-maintainance.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/





/*.boxesinfo .wrp .listboxes li .domin {*/
/*    background-image: url(../images/icons/domain-and-hosting.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/



/*.boxesinfo .wrp .listboxes li .brendng {*/
/*    background-image: url(../images/icons/branding.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/



/*.boxesinfo .wrp .listboxes li .animatn {*/
/*    background-image: url(../images/icons/video-animation.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/


/*.boxesinfo .wrp .listboxes li .seeo {*/
/*    background-image: url(../images/icons/seo.png);*/
/*    height: 60px;*/
/*    width: 60px !important;*/
/*    margin: 0 auto;*/
/*    background-size: cover;*/
/*}*/
















.boxesinfo .wrp .listboxes li .textwrap{}
.boxesinfo .wrp .listboxes li .textwrap h4{font-size: 14px; font-family: var(--secondary-font-family); text-align: center; margin-top: 20px; line-height: 1.4; padding-bottom: 0; letter-spacing: 0.5px; }
.proofbox{background: var(--first-color);padding: 60px 0 60px;}
.proofbox h3{color:var(--third-color);font-size: 30px;}
.proofbox p{color:var(--third-color);font-size: 18px;}
.portfolio_arch{overflow: hidden; }
.portfolio_arch .fixdwrap{width: 100%;}
.portfolio_arch .fixdwrap .portfoliogridlist{position: relative;width: 100%;display: inline-block; height: 100%  !important; margin-bottom: 0;font-size: 0;}
.portfolio_arch .fixdwrap .portfoliogridlist li{/* overflow: hidden; *//* height: 569px; */width: 25%;display: inline-block;}
.portfolio_arch .fixdwrap .portfoliogridlist li a{width: 100%;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;position: relative;display: inline-block;}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after{top: 50%;}
.portfolio_arch .fixdwrap .portfoliogridlist li a:after{opacity:0; position: absolute;content: "\e94a";font-family: 'icomoon' !important;left: 50%;top: 60%;width: 48px;margin-left: -24px;margin-top: 0px;color: var(--second-color);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);}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:after{opacity: 1;position: absolute;content: "\e94a";font-family: 'icomoon' !important;left: 50%;top: 48%;width: 48px;margin-left: -24px;margin-top: -24px;color: var(--second-color);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);}
.portfolio_arch .fixdwrap .portfoliogridlist li:hover a:before{background: #3d60a68c;position: absolute;content: "";left: 0;top: 0;width: 100%;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;display:inline-block;height: 100%;}
.portfolio_arch .fixdwrap .portfoliogridlist li a figure{margin-bottom: 0;}
.portfolio_arch .fixdwrap .portfoliogridlist li a figure img{   width: 100%;}
/*.portfolio_arch .fixdwrap .portfoliogridlist li:first-child img{width: 100%;}
.portfolio_arch .fixdwrap .portfoliogridlist li:first-child h3{margin-top: 36px;}*/



/*xfactor section*/
.x-factor-section{min-height: 460px;background: var(--second-color) url(../images/multiplier-1.jpg);background-repeat: no-repeat;background-position: 850px 58px;background-size: 38%;padding: 90px 0px;}
.x-factor-section h2{font-size: 44px;color:var(--third-color);line-height: 1.1em;margin-bottom: 30px;padding:0px;}
.x-factor-section h6{color:var(--third-color);line-height: 1.25em;font-size: 12px;letter-spacing: 1.1;font-family: AvenirRoman,sans-serif;}
.x-factor-section p{font-size: 18px;text-align: left;padding-bottom: 40px;}
.x-factor-section .factorlink{background:var(--third-color);border:1px solid var(--third-color);color:var(--second-color);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;}
.x-factor-section .factorlink:hover{background: var(--second-color);color:var(--third-color);border-radius: 2px;}
/*xfactor like (techmeet) section*/

.x-factor-section.techmet{min-height: 626px; background: var(--second-color) url(../images/3services.jpg); background-repeat: no-repeat; background-position: center right -224px; background-size: 50%; }
/*dirupt section css start*/
.disrupt-section{/*background:url(../images/disruption-home2.jpg);background-size: cover;background-attachment: fixed;*/ padding: 90px 0px;position: relative;overflow: hidden;}
.disrupt-section .row-background,.disrupt-section .column-background {position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; -webkit-border-radius: inherit; -webkit-background-clip: padding-box; -moz-border-radius: inherit; -moz-background-clip: padding; border-radius: inherit; background-clip: padding-box; -webkit-overflow-scrolling: touch; }
.disrupt-section .row-background .background-wrapper{height: calc(100% + 30vh); will-change: transform;}
.disrupt-section .background-inner{border-radius: inherit; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-attachment: scroll; }
.disrupt-section .background-wrapper{transform: translate3d(0px, -61.5px, 0px); }
.disrupt-section .background-inner{background-image: url(../images/disruption-home2.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; }
.disrupt-section h6{font-size:12px; margin:0px; color:var(--second-color); font-weight: 600; padding:0px; font-family: AvenirRoman,sans-serif; }
.disrupt-section .home-download{font-size: 45px;margin-bottom: 50px;margin-top:27px; color:var(--second-color); line-height: 1.1em; padding: 0px; }
.disrupt-section .custom-link{background:var(--first-color);; border:1px solid var(--first-color);; color:var(--second-color); padding: 13px 31px; text-align:center; text-transform: uppercase; border-radius: 2px; -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; font-weight: 600; }
.disrupt-section .custom-link:hover{background: transparent; color:var(--first-color);; }
.cta-fold .custom-link.btn{padding: 14px 40px 14px 10px;margin-top: 25px;border: solid 1px #3478F6;color: #111;text-transform: uppercase;font-size: 15px;font-weight: 700;position: relative;width: 163px;}
.cta-fold .custom-link.btn:hover{border: solid 1px #3478F6;background: #3478F6;color: var(--second-color);border-color: #3478F6;}
.cta-fold .custom-link.btn:before{position:absolute;content:'\e91f';font-family:icomoon;right: 20px;}
.companies-inf{padding:150px 0px 75px 0px;}
.companies-inf h2{text-align: center;padding-bottom:100px;}
.companies-inf .logosimg{max-width: 100%;}
.cta-fold{padding:75px 0px 0 0;}
.cta-fold h2{color:var(--third-color);font-size:12px;text-transform: capitalize;}
.cta-fold h2 strong{    border-bottom: solid 2px #3478F6; padding-bottom: 7px; display: inline-block; margin-bottom: 25px;}
.cta-fold p{font-size: 38px;color: var(--third-color);line-height: 1.1em;margin-bottom: 30px;padding: 0px;font-weight: 700;font-family: var(--heading-font-family);}
/* 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%;}

/* accordion
------------------------------------*/

.faq-fold{padding: 60px 0;}
.faq-fold h2{padding: 0 0 20px;letter-spacing: 2px;font-weight: 700;font-size: 44px;}
.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: 700;color: #303133;margin-bottom: 0px;position: relative;width: 100%;line-height: 1.4;display: inline-block;transition: all linear 0.15s;text-decoration: none;border-top: 1px solid #dbdbdb;padding: 20px 40px 20px 10px;}
.quest-title:before {position: absolute;content: "\e955";width: 20px;height: 20px;right: 15px;top: 20px;font-family: 'icomoon' !important;color: #1e1e1e;font-size: 20px;}
.quest-title.active, .quest-title:hover {color: var(--first-color);;content: "\e91c";}
.quest-title.active{color: var(--first-color);;content: "\e91c";border-bottom: 1px solid #dbdbdb;}
.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;padding: 0 0 20px 10px;}

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

ul.footer-level-nav {}
ul.footer-level-nav li {display:inline-block;}
ul.footer-level-nav li a {    padding: 0 16px 0 0px;}



.xicon:before{    color: #20cb98;}

@keyframes bouncy {
     0%   {margin-top: 0}
    25%  {margin-top: 5px}
    50%  {margin-top: 0px}
    75%  {margin-top: 5px;}
    100% {margin-top: 0px;}
}
.hvr-bob {}
.hvr-bob:hover{animation-name: bouncy; animation-duration: 3s; animation-iteration-count: infinite; }
.pkbtn{margin-top: -28px;text-align: center;clear:both;}

.btn-blue{color: var(--second-color); 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 var(--second-color); }
.btn-blue:hover{transform: translateY(-3.925px);color: var(--second-color);}
.btn-green{color: var(--second-color); 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 var(--second-color); }
.btn-green:hover{transform: translateY(-3.925px); color: var(--second-color); }


.list-scroll{height: 190px;}
.ticklist2.list-scroll{height: 146px;}
.cta-left{display: inline-block;width: 65%;vertical-align: middle;}
.cta{background: var(--second-color); padding: 40px 0; }
.cta h3{/* margin-top: 10px; */ text-align: left; padding-bottom: 0; font-size: 30px; max-width: 65%; vertical-align: middle; font-weight: 500; display: inline-block; }
.cta p{padding: 0;}
.cta p a{color: var(--first-color);;}
.cta h3 a{text-decoration:  underline; color: var(--first-color);; }
.cta2{overflow:  hidden;background:url(../images/cta-fold.png);padding: 60px 0;text-align:  center;height: 325px;width:100%;position: relative;background-size: cover;background-repeat: no-repeat;background-position: top center;}
.cta2 .wrap{position: relative;z-index: 2;}
.cta2 .wrap h6{color: var(--second-color);font-size: 20px;font-weight:  400;padding-bottom: 20px;}
.cta2 .wrap h3{text-align:  center;padding-bottom: 0;font-size: 30px;font-weight: 700;margin-bottom: 30px;color: var(--second-color);}
.cta2 .wrap a{padding: 20px 40px; color: var(--first-color);; font-weight:  700; display: inline-block; font-size: 18px; border-radius: 5px; background: var(--second-color)fff; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.cta2 .wrap a:hover{transform: translateY(-0.625rem); -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }

@media (min-width: 1600px) {
  .inner-banner{height: 76vh}
  /*.main-menu > ul > li > a{font-size: 16px;}*/
  .nav-area-full .col-lg-10{padding-left: 0px;}
}
.btn-theme{transform: translateY(0rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #171717;background-color: var(--second-color);padding: 20px 40px;border-radius: 3px;display: inline-block;margin-top: 20px;font-weight: 600;font-size: 18px;text-transform: capitalize;}
.btn-theme:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: #171717;}
.helpsec .cstn-column .imgplace{
    width: 50%;
    display: inline-block;
}
.helpsec .cstn-column .txtwrap{
    width: 50%;
    display: inline-block;
    vertical-align: middle;
}

.helpsec .imgplace{}


.helpsec .imgplace figure{
    margin-bottom: 0;
}
.helpsec .imgplace figure img{
    width: 500px;
}

.helpsec .txtwrap{
    padding-top: 40px;
}

.helpsec .wayswrapper{
    width: 100%;
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid rgba(255,255,255,0.2);
}
.helpsec .wayswrapper ul{
    display: inline-block;
    margin-bottom: 0;
}
.helpsec .wayswrapper ul li{
    float: left;
    width: 31%;
    padding-right: 10px;
    margin-right: 22px;
}
.helpsec .wayswrapper ul li h3{color: var(--second-color);font-size: 20px;font-weight: 900;}
.helpsec .wayswrapper ul li h3 a{color: var(--second-color);font-size: 20px;font-weight: 900;}
.helpsec .wayswrapper ul li p{
    color: var(--second-color);
    font-size: 16px;
}
.innerctabottom{display: inline-block;width: 65%;}
.helpsec .ctabottom .innerctabottom h3{font-size: 30px;}
.helpsec .ctabottom .innerctabottom h6{color: var(--second-color)fffba;padding: 5px 0 0;margin: 0;}
.helpsec .ctabottom .innerctabottom a{float: none;color: var(--second-color);}
.helpsec .ctabottom{
  padding-top: 40px;
  width: 100%;
  margin-top: 40px;
  border-top: 1px solid rgba(255,255,255,0.2);
}
.helpsec .ctabottom h3{
    padding-bottom: 0;
    color: var(--second-color);
    padding-top: 20px;
    font-size: 22px;
    display: inline-block;
}
.helpsec .ctabottom a{
    margin-top: 0;
    padding: 20px 40px;
    float: right;
}
.strugglesec .paright{padding-right: 80px;}
.strugglesec.withimages .paright{padding-right: 60px;}



.cta h6{
    text-align: center;
    font-size: 18px;
    padding-bottom: 0;
    display: inline-block;
    width: 34%;
    vertical-align: middle;
}
.cta h6 a{
        color: var(--first-color);;
    display: block;
    font-size: 24px;
    margin-top: 10px;
}


.singletestimonials{
    padding: 100px 0;
}
.singletestimonials .testwraper{
    width: 80%;
    margin: 0 auto;
}
.singletestimonials .testwraper .item{}
.singletestimonials .testwraper .item .figpart{
    width: 13%;
    margin-right: 70px;
    display: inline-block;
    vertical-align: top;
}
.singletestimonials .testwraper .item .figpart figure{
    margin-bottom: 0;
    width: 100px;
    height: 100px;
    background: var(--first-color);;
    border-radius: 50%;
    text-align: center;
    padding-top: 26px;
    margin: 0 auto;
}
.singletestimonials .testwraper .item .figpart figure img{}
.singletestimonials .testwraper .item .figpart figure h3{
    color: var(--second-color);
    padding-bottom: 0px;
    font-size: 40px;
    letter-spacing: 3px;
    font-weight: 700;
}
.singletestimonials .testwraper .item .quotepart{
    width: 78%;
    display: inline-block;
    vertical-align: top;
}
.singletestimonials .testwraper .item .quotepart h4{
    line-height: 1.3;
    font-size: 34px;
    font-weight: 300;
    position: relative;
}
.singletestimonials .testwraper .item .quotepart h4 span.top{
    position: absolute;
        color: var(--first-color);;
    left: -48px;
    top: 0px;
    font-size: 36px;
}
.singletestimonials .testwraper .item .quotepart h4 span.bottom{
    font-size: 36px;
        color: var(--first-color);;
    margin-left: 15px;
}
.singletestimonials .testwraper .item .quotepart h5{
    padding-bottom: 0;
    margin-top: 30px;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}
.singletestimonials .testwraper .item .quotepart h5 span{
    font-weight: 400;
    display: block;
    font-size: 14px;
    margin-top: 5px;
}
.quest-section{
    /* padding-bottom: 30px; */
}

.faqsection{
    background: var(--second-color)6e;
    padding: 100px 0;
}

section.faqsection {}
.faqsection h2{
    font-size: 36px;
    font-weight: 700;
}

.footer-top{background: transparent !important;background-image: none !important;border: none !important;outline: none !important;}
.footer-top h3{
    padding-top: 22px;
    color: var(--third-color);
    border-bottom: solid 2px #3478F6;
    padding-bottom: 7px;
    font-size: 13px;
    margin-bottom: 6px;
}
.footer-top h3.nobrder{border-bottom:0px;}
.footer-top .linkinglist{
    display: inline-block;
    margin-bottom: 0;
}
.footer-top .linkinglist li{padding: 5px 0;}
.footer-top .linkinglist li a{
        color: var(--third-color);
}

.footer-top .socialmid{
    /* margin: 20px auto 0; */
    /* padding-bottom: 30px; */
}

.footer-bottom .fologo{}
.footer-bottom .fologo img{
}

.oddinner-banner{
    height: 350px;
    /* margin-top: 133px; */
}
.oddinner-banner .inner-banner-content{
    padding-right: 0;
    text-align: center;
}
.oddinner-banner .inner-banner-content h3{
    color: var(--second-color);
    font-size: 42px;
    font-weight: 700;
}
.oddinner-banner .inner-banner-content p{
    font-size: 20px;
    color: var(--second-color);
    line-height: 1.4;
    padding-bottom: 0;
}

.twoboxes{
    /* padding-bottom: 100px; */
}
.twoboxes .contactboxeswrap{
    font-size: 0px;
    margin-top: -60px;
}
.twoboxes .contactboxeswrap .contactbox{
    text-align: center;
    border-radius: 3px;
    padding: 50px 40px;
    background-color: var(--second-color);
    border: 1px solid #eaf0f6;
    width: 49%;
    display: inline-block;
}
.twoboxes .contactboxeswrap .contactbox.left{
    margin-right: 22px;
}
.twoboxes .contactboxeswrap .contactbox figure{}
.twoboxes .contactboxeswrap .contactbox figure span{
    color: #171717;
    font-size: 60px;
}
.twoboxes .contactboxeswrap .contactbox figure figcaption{
    color: #171717;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600;
}
.twoboxes .contactboxeswrap .contactbox p{
    line-height: 1.4;
    font-size: 18px;
    padding-bottom: 50px;
}


.twoboxes .contactboxeswrap .contactbox a{}

.maparea{
    padding: 100px 0;
}
.maparea .mapwrap{
    font-size: 0px;
    border: 1px solid #cbd6e2;
    border-radius: 3px;
}
.maparea .mapwrap .mappart{vertical-align: top;width: 60%;display: inline-block;}
.maparea .mapwrap .mappart iframe{width: 100%;height: 500px;}

.maparea .mapwrap .infopart{
    width: 40%;
    padding: 70px 90px 37px 50px;
    vertical-align: top;
    display: inline-block;
    height: 500px;
}
.maparea .mapwrap .infopart .chunk{
    padding-bottom: 40px;
}
.maparea .mapwrap .infopart .chunk h3{
    color: #171717;
    font-size: 22px;
    padding-bottom: 15px;
}
.maparea .mapwrap .infopart .chunk p{
    font-size: 16px;
    line-height: 1.4;
}

.maparea .mapwrap .infopart .chunk a{
    color: #687087;
    font-size: 16px;
    display: block;
}
.maparea h2{
    font-size: 36px;
    width: 100%;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 100px;
    text-align: center;
}

.dropdown > ul:before{
      position: absolute;
      content: "";
      top: -11px;
      left: 15px;
      z-index: 0;
      width: 20px;
      height: 20px;
      background: var(--second-color);
      -webkit-transform: rotate(45deg);
      transform: rotate(44deg);
      border-radius: 5px;
      border-top: 1px solid #cbd6e2;
      border-left: 1px solid #cbd6e2;
      }
.dropdown > ul > li:hover{background-color: var(--second-color);}

.header-main .othermenu{
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    /* transform: translateY(-10rem); */
}
.header-main.showmenu .othermenu{
    opacity: 1;
    /* transform: translateY(0rem); */
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 99;
}

.header-main .secondlogo{
    z-index: -1;
    opacity: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    /* transform: translateY(-10rem); */
}
.header-main.showmenu .secondlogo{
    opacity: 1;
    padding-top: 16px;
    /* transform: translateY(0rem); */
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 9;
}

.header-main .has-submenu{
    width: 66px;
    display: inline-block;
    z-index: -1;
    padding-bottom: 21px;
    position: relative;
    }
.header-main.showmenu .has-submenu{   z-index: 99}
.header-main .has-submenu:hover .dropdown{
    visibility: visible;
    top: 95%;
    opacity: 1;
    left: 0;
    }

.header-main.showmenu .has-submenu .dropdown > ul{
    margin-bottom: 0;
}
.header-main.showmenu .has-submenu .dropdown > ul:before{}

.header-main.showmenu .has-submenu .dropdown > ul > li > a{color: #171717;margin-top: 0;font-weight: 400;}

.header-main .has-submenu .dropdown > ul > li{
    width: 100%;
    margin-right: 0px;
}



.pricingboxes{
    padding-top: 40px;
}
.pricingboxes .largebox{
    box-shadow: 0 0 11px #eaf0f6;
    font-size: 0;
    margin-top: 32px;
    padding: 20px 35px 45px;
    background: var(--second-color);
    border-radius: 3px;
}
.pricingboxes .largebox .leftarea{
    width: 35%;
    text-align: center;
    vertical-align: top;
    display: inline-block;
    margin-right: 20px;
}
.pricingboxes .largebox .leftarea figure{
    margin-bottom: 20px;
}
.pricingboxes .largebox .leftarea figure img{
    /* width: 200px; */
}
.btn-packages{
    transform: translateY(0rem);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    color: var(--second-color);
    font-weight: 600;
    text-transform: capitalize;
    background: var(--first-color);;
    border-radius: 3px;
    font-size: 16px;
    padding: 16px 20px;
    display: inline-block;
}
.btn-packages:hover{transform: translateY(-0.625rem);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;color: var(--second-color);}

.pricingboxes .largebox .rightarea{
    display: inline-block;
    width: 60%;
    padding-top: 32px;
}
.pricingboxes .largebox .rightarea h4{
    font-size: 24px;
    font-weight: 600;
}
.pricingboxes .largebox .rightarea p{
    font-size: 16px;
    text-align: left;
    line-height: 1.4;
    padding-bottom: 30px;
}
.pricingboxes .largebox .rightarea h3{
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    /* display: inline-block; */
}
.pricingboxes .largebox .rightarea h3:before{right: 0px;content: '';position: absolute;height: 5px;margin-left: 10px;border-bottom: 1px solid #e0e6ed;top: 5px;width: 330px;z-index: -1;}

.ticklist{
    width: 100%;
    margin-bottom: 0;
    display: inline-block;
}
.ticklist li{
    width: 50%;
    vertical-align: top;
    display: inline-block;
}
.ticklist li img{
    height: 50px;
}
.ticklist li span{}

.ticklist li a{
        color: var(--first-color);;
    font-size: 16px;
    font-weight: 700;
}
.ticklist li h6{
    font-size: 20px;
    padding-bottom: 0;
}
.ticklist li.ralign{text-align: right;}

.smallboxes{
    padding-top: 32px;
    font-size: 0;
    text-align: center;
}
.smallboxes .smallbox{
    vertical-align: top;
    min-height: 630px;
    display: inline-block;
    width: 31%;
    box-shadow: 0 0 11px #eaf0f6;
    padding: 30px 25px;
    background: var(--second-color);
    border-radius: 3px;
    margin-bottom: 32px;
    margin-right: 25px;
}
.smallboxes .smallbox figure{}
.smallboxes .smallbox figure img{
    height: 150px;
    width: 100%;
}
.smallboxes .smallbox h4{margin: 0 auto; font-size: 24px; font-weight: 600; text-align: center; max-width: 72%;}
.smallboxes .smallbox p{
    font-size: 16px;
    text-align: left;
    line-height: 1.4;
    padding-bottom: 0;
}
.smallboxes .smallbox h3{
    font-size: 16px;
    font-weight: 600;
    z-index: 99;
    text-align: center;
    position: relative;
}
.smallboxes .smallbox .hrline{
    height: 1px;
    border-bottom: 1px solid #e0e6ed;
    margin: 30px 0;
}

.ticklist2{}
.ticklist2 li{font-size: 16px; padding: 0 0 7px 30px; text-align: left;position: relative;}
.ticklist2 li > ol{padding: 7px 0;}
.ticklist2 li span{margin-right: 12px;font-size: 15px;color: var(--first-color);;position: absolute; left: 0;top: 4px;}
.smallboxes .smallbox .price-btnwrap{margin-top: 30px;text-align: center;}
.smallboxes .smallbox h2{
    font-size: 34px;
        color: var(--first-color);;
    padding-bottom: 0;
}
.smallboxes .smallbox h2 span{
    display: block;
    color: #687087;
    font-size: 16px;
    font-weight: 600;
    margin-top: 5px;
}
.smallbox.mid{margin: 0px 32px;}
.aboutbg{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2545b+0,ff7a59+100 */
background: #f2545b; /* Old browsers */
background: -moz-linear-gradient(45deg, #f2545b 0%, #ff7a59 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #f2545b 0%,#ff7a59 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #f2545b 0%,#ff7a59 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2545b', endColorstr='#ff7a59',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.inner-banner.aboutbg{position: relative;}
.inner-banner.aboutbg .circles{position: absolute;}


.dropdown > ul > li.seclvl{
    position: relative;
}
.dropdown > ul > li.seclvl:hover .seclvldrop{
    display: block;
    position: absolute;
    width: 200px;
    background: var(--second-color);
    height: auto;
    top: -10px;
    padding: 10px 0;
    right: -200px;
    border: 1px solid #cbd6e2;
    border-radius: .1875rem;
    box-shadow: 0 1px 24px rgba(45,62,80,0.12);
    z-index: 95;
}
.dropdown > ul > li.seclvl .seclvldrop{
    display: none;
}
.dropdown > ul > li.seclvl .seclvldrop .droplist{z-index: 99;position: relative;}
.dropdown > ul > li.seclvl .seclvldrop .droplist:before{
      position: absolute;
      content: "";
      top: 5px;
      left: -12px;
      z-index: -1;
      width: 20px;
      height: 20px;
      background: var(--second-color);
      -webkit-transform: rotate(-44deg);
      transform: rotate(-44deg);
      border-radius: 5px;
      border-top: 1px solid #cbd6e2;
      border-left: 1px solid #cbd6e2;
      }
.dropdown > ul > li.seclvl .seclvldrop .droplist li{}
.dropdown > ul > li.seclvl .seclvldrop .droplist li:hover{
    background-color: var(--second-color);
}
.dropdown > ul > li.seclvl .seclvldrop .droplist li a{
    color: #171717;
    font-size: 14px;
    text-decoration: none;
    padding: 8px 10px 8px 15px;
    display: block;
    font-weight: 400;
}

.gclients{
    padding: 60px 0;
    position: relative;
}
.gclients:before{position: absolute;content:"";border-bottom: 1px solid var(--second-color);width: 100%;bottom: 0px;width: 80%;margin: 0 auto;left: 0;right: 0;}
.gclients .textw{}
.gclients .textw h3{
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 0;
}
.gclients .textw p{
    font-size: 18px;
    padding-bottom: 0;
}
.gclients .clientslist{
    margin-top: 36px;
    display: inline-block;
    margin-bottom: 0;
    font-size: 0px;
}
.gclients .clientslist li{
    margin: 0px 15px;
    display: inline-block;
}
.gclients .clientslist li figure{margin: 10px 0;}
.gclients .clientslist li figure img{
    width: 135px;
}
.header-main{
}
.header-main .othermenu{
    position: relative;
    opacity: 0;
    display: inline-block;
    margin-bottom: 0;
    z-index: -2;
}
.header-main .othermenu li{
    margin-right: 10px;
    display: inline-block;
}
.header-main .othermenu li h6{color: #171717;font-size: 16px;margin-top: 8px;font-weight: 400;cursor: default;}
.header-main .othermenu li a{
    color: #171717;
    font-size: 16px;
    margin-top: 18px;
    font-weight: 400;
}
.header-main .secondlogo{
    position: relative;
    padding-top: 16px;
    margin-right: 50px;
    display: inline-block;
    z-index: -1;
}
.header-main .secondlogo a{}
.header-main .secondlogo a img{
    width: 120px;
}

.ourapproachsec{
    background: var(--second-color);
    padding: 100px 0;
    overflow: hidden;
}
.ourapproachsec h2{
    text-align: center;
    font-size: 36px;
    width: 100%;
    font-weight: 700;
    line-height: 1.2;
}
.ourapproachsec p{
    text-align: center;
    font-size: 20px;
    width: 100%;
    padding-bottom: 60px;
    line-height: 1.4;
}

.ourapproachsec .wrapper{
}
.ourapproachsec .wrapper .chunk{
    margin-bottom: 30px;
}
.ourapproachsec .wrapper .chunk h3{
    font-size: 24px;
    line-height: 1.2;
}
.ourapproachsec .wrapper .chunk p{
    text-align: left;
    line-height: 1.4;
    font-size: 18px;
    padding-bottom: 0;
}


.ourapproachsec figure{margin-bottom: 0;}
.ourapproachsec figure img{border-radius: 3px;border: 1px solid #cbd6e2;}

.smallbox.mright{margin-right: 32px;}
.ourapproachsec .wrapper .cta{padding-bottom: 0;}
.ourapproachsec .wrapper .cta h4{font-size: 20px;}
.ourapproachsec .wrapper .cta h6{text-align: left;float: none;width: 100%;}
.ourapproachsec .wrapper .cta h6 a{display: inline-block;margin-top: 0;margin-left: 20px;}


.ourprocesses{padding: 100px 0;}
.ourprocesses .paright{height: 100%;position: relative;padding-right: 50px;}
.ourprocesses .paright h2{text-align: left;font-size: 36px;width: 100%;font-weight: 700;line-height: 1.2;}
.ourprocesses .paright p{text-align: left;font-size: 20px;width: 100%;padding-bottom: 0;line-height: 1.4;}
.ourprocesses .processlistdown{display: inline-block;margin-bottom: 0;}
.ourprocesses .processlistdown li{width: 33%;float: left;height: 200px;padding-right: 40px;}
.ourprocesses .processlistdown li .check{font-size: 26px;color: var(--first-color);;}
.ourprocesses .processlistdown li h3{font-size: 18px;text-transform: capitalize;margin-top: 10px;line-height: 1.4;padding-bottom: 15px;}
.ourprocesses .processlistdown li p{font-size: 14px;padding-bottom: 0;}


.ourprocesses .cta{padding: 0;position: absolute;margin-top: 60px;bottom: 0;background: transparent;}
.ourprocesses .cta h4{font-size: 20px;}
.ourprocesses .cta h6{text-align: left;float: none;width: 100%;}
.ourprocesses .cta h6 a{display: inline-block;margin-top: 0;margin-left: 20px;}
.logo img{/* width: 120px; */}


.ourprocesses .processlistdown li.noheight{height: auto;}

.contactpg .oddinner-banner .inner-banner-content{margin-top: 0px;}



.header-main .emailsec{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;position: absolute;font-family: var(--primary-font-family);top: 24px;}
.header-main .emailsec a{position: relative;font-family: var(--primary-font-family);color: #171717;font-size: 14px;font-weight: 400;padding-left: 20px;}
.header-main .emailsec a span{left: 0;top: 3px;position: absolute;}
.header-main.showmenu .emailsec{display: none;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}



.innerservices .inner-banner{}
.innerservices .inner-banner .inner-banner-content{margin-top: 0;text-align: left;}
.innerservices .inner-banner .inner-banner-content h5{color: var(--first-color);;}
.innerservices .inner-banner .inner-banner-content h2{color: #171717;}
.innerservices .inner-banner .inner-banner-content h2 span{color: #171717;}
.innerservices .inner-banner .inner-banner-content h1{color: var(--second-color);font-size: 42px; line-height: 1.2; padding-bottom: 15px;text-shadow: none;border-bottom: none;}
.innerservices .inner-banner .inner-banner-content h1:after{display: none}
.innerservices .inner-banner .inner-banner-content h1 span{color: var(--second-color);font-size: 36px; display: block; font-weight: 300; margin-top: 10px;text-shadow: none;}
.innerservices .inner-banner .inner-banner-content p{color: var(--second-color);}
.innerservices .inner-banner .inner-banner-content a{margin-bottom: 0;}



.servicepg .inner-banner-content{margin-top: 70px;display: block;}
.servicepg .inner-banner-content figure{}
.servicepg .inner-banner-content figure img.servicefigure{width: 550px;}
.servicepg .inner-banner{background: var(--second-color)0eb;position: relative;}
.servicepg .inner-banner .inner-banner-content h5{color: var(--first-color);;}
.servicepg .inner-banner .inner-banner-content h2{color: #171717;}
.servicepg .inner-banner .inner-banner-content h2 span{color: #171717;}
.servicepg .inner-banner .inner-banner-content p{color: #687087;}
.servicepg .inner-banner .inner-banner-content a{margin-bottom: 25px;}
.servicepg .inner-banner .round1{position: absolute;width: 90px;height: 90px;background: #7d4cc040;border-radius: 50%;top: 10%;left: 10%;}
.servicepg .inner-banner .round2{position: absolute;width: 60px;height: 60px;background: #f58e6a69;border-radius: 50%;top: 33%;right: 10%;}
.servicepg .inner-banner .round3{position: absolute;width: 120px;height: 120px;background: #b3de6178;border-radius: 50%;bottom: 10%;left: 22%;}
.servicepg .inner-banner .round4{position: absolute;width: 40px;height: 40px;background: #6bdfd291;border-radius: 50%;bottom: 36%;right: 33%;}
.servicepg .inner-banner .round5{position: absolute;width: 150px;height: 150px;background: #ffdd6ea3;border-radius: 50%;right: 10%;bottom: -10%;}

.servicepg .inner-banner .round6{position: absolute;width: 50px;height: 50px;background: #69daced1;border-radius: 50%;left: 2%;top: 55%;}
.servicepg .inner-banner .round7{position: absolute;width: 30px;height: 30px;background: #ec764e61;border-radius: 50%;right: 65%;bottom: 55%;}


.footer-top .linkinglist li a.address{cursor: default;}
.footer-top .linkinglist li a.address:hover{color: #cbd6e2;}
.footer-top .linkinglist li a:hover{color: #3478F6 !important;}
.footer-top .linkinglist li a:focus,.footer-top .linkinglist li a:focus-visible{color: #3478F6 !important;outline: 2px dashed #3478F6 !important;outline-offset: 3px !important;}

.accordlist{}
.accordlist li{color: #687087;padding-left: 20px;position: relative;}
.accordlist li:before{content: "";position: absolute;left: 0px;border-bottom: 1px solid #687087;width: 10px;height: 1px;top: 10px;}

.header-main .othermenu li:hover a{color: var(--first-color);;}
.main-menu > ul > li:hover a{color: var(--first-color);}
.header-main .othermenu li.current a{color: var(--first-color);;}
.header-main .othermenu li.current h6 a{color: var(--first-color);;}



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

@media only screen and (max-width: 769px) and (min-width: 0px)   {
    .home-banner {   height: auto !important;}
    .floatingform-sec{display:none;}
    .cstmwebdesgn .img-price img{display:none;}
    .cstmwebdesgn .comboopack .combopackwrap .footterr .price h2{    left: 0px !important;}
    
}

@media only screen and (max-width: 375px){
    .btn-black{    width: 120px !important;}
    .btn-red{width: 120px !important;}
}




.gtquote{}
.gtquote .home-banner{}
.gtquote .home-banner:before{display: none;}
.analyzepg .home-banner:before{display: none;}
#packages option.colr{color: var(--first-color);;font-weight: 700;}
.form-box-main p{text-align: left;font-size: 20px;width: 100%;padding-bottom: 30px;line-height: 1.4;}

.form-box-main form input::placeholder,
.form-box-main form select::placeholder,
.form-box-main form textarea::placeholder{color: #5B6B7F;}
.form-box-main form input[type="file"]{color: #5B6B7F;}

.smallnote{color: #5B6B7F;padding-bottom: 10px;display: inline-block;}
.nopaddding{padding: 0;}
.nopaddding input[type="checkbox"]{}
.nopaddding label{font-size: 16px !important;margin-left: -36px !important;}
.forarrowselect{position:relative;}
.forarrowselect:after{position:absolute;content:"\e955";font-family: 'icomoon' !important;bottom: 16px;right: 16px;}




.btn-simplect{color: var(--first-color);;font-size: 24px;font-weight: 600;text-decoration: underline;}
.smallfont{font-size: 18px;}
.smpltxt{width: 100%;}


























.innerbanner{}
.innerbanner .col-lg-4{vertical-align:top;}
.innerbanner-text{text-align: center;padding: 150px 0 100px 0;}
.innerbanner-text h6{color:var(--third-color); font-size:12px;text-transform: uppercase;}
.innerbanner-text h6 strong{border-top: solid 2px #3478F6;padding-top: 7px;display: inline-block;margin-bottom: 25px;}
.innerbanner-text h2{font-size: 45px;color:var(--third-color);line-height: 1.1em;margin-top: 0px;margin-bottom: 30px;padding:0px;}
.innerbanner-text p{font-size: 30px;font-weight: 700;color: #111;}




.services-boxwrapper{text-align: center;margin: 0 0 40px;padding: 0 50px;min-height: 444px;}
.services-boxwrapper .iconanchor{}
.services-boxwrapper .iconanchor figure{padding: 0 90px;margin: 0 0 90px 0;}
.services-boxwrapper .iconanchor figure img{width: 100%;}
.services-boxwrapper h4{color: #3ec2cf;font-size: 15px;font-weight: 700; }
.services-boxwrapper p{font-size: 14px;margin-top: 10px;padding-bottom: 30px;color: var(--third-color);line-height: 1.6;font-weight: 100;}
.services-boxwrapper a{font-size: 20px;position: relative;color: #30919c;}
.services-boxwrapper a span{}



.text-fold{padding: 60px 0;}
.text-fold .main-textfold{text-align: center;    color: var(--third-color);}
.text-fold .main-textfold h5{color: var(--third-color);font-size: 20px;margin: 0 0 20px;}
.text-fold .main-textfold h3{color: var(--third-color);font-size: 30px;margin: 0 0 10px;}
.text-fold .main-textfold p{padding:0 0 20px;color: var(--third-color);font-size: 17px;font-weight: 100;line-height: 1.8;}
.text-fold .main-textfold h6{color: var(--third-color);font-size: 16px;font-weight: 700;}


.parallex-bgone{background: url(../images/banners/4642.jpg)no-repeat; min-height: 498px; background-position: center; background-size: cover; background-attachment: fixed;}

.more-everything{padding: 60px 0;}
.more-everything .innerbanner-text{padding: 0 0 100px 0;}
.more-everything .innerbanner-text h2{}

.more-boxwrapper{padding: 0 30px;text-align: center;}
.more-boxwrapper .col-lg-3{vertical-align: top;}
.more-boxwrapper figure{padding: 0 60px;margin: 0 0 40px;}
.more-boxwrapper figure img{width: 100%;}
.more-boxwrapper h3{margin: 0 0 20px;font-size: 15px;}
.more-boxwrapper p{font-size: 16px;}


.parallex-bgtwo{background: url(../images/banners/4631.jpg)no-repeat;min-height: 498px;background-position: center;background-size: cover;background-attachment: fixed;}


.change{padding: 140px 0;background: var(--first-color);}
.change-textwrapper{text-align: center;}
.change-textwrapper p{color: var(--second-color);font-size: 19px;}
.change-textwrapper h4{color: var(--second-color);font-weight: 800;font-size: 18px;}



.contactus{}
.contact-wrapper{position: relative;overflow: hidden;padding: 30px 0 50px;margin: 150px 0 0;}
.contact-wrapper figure.circle-img{position: absolute;  width: 50%; top: 110px; right: -54px;}
.contact-wrapper figure.circle-img img{width: 100%;}

.contact-wrapper h2{color: var(--third-color);font-size: 45px;padding: 0;font-weight: 700;letter-spacing: 2px;width: 100%;}
.contact-wrapper p{color: var(--third-color);margin: 27px 0;}
.contact-wrapper form{width: 65%;}
.contact-wrapper form .from-control{padding: 0 0 30px;}
.contact-wrapper form .from-control label{width: 100%;display: block;color: var(--third-color);}
.contact-wrapper form .from-control input{width: 100%;padding: 10px;border-radius: 5px;border: transparent;background: #e4e4e4;}
.contact-wrapper form .from-control input:focus{outline:none}
.contact-wrapper .submit {margin: 0px 0 0;display: inline-block;background: var(--first-color);border: 1px solid var(--third-color);color: var(--third-color);font-size: 14px;padding: 13px 31px;text-align: center;text-transform: capitalize;border-radius: 5px;-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;font-weight: 600;cursor: pointer;}


.whether-you p strong {
    color: var(--first-color);
}



.contact-bottom{margin: 30px 0 0;border-top: 1px solid #687087;padding: 40px 0 0;}
.contactbtm-box{display: inline-block;width: 32%;vertical-align: top;padding: 0 20px 0 0;}
.cbtn-bx{padding: 0 0 20px;}
.cbtn-bx h5{font-size: 12px;font-weight: 700;}
.cbtn-bx a{font-size: 18px;font-weight: 300;color: var(--first-color);;}
.cbtn-bx a.gt{border-bottom: 3px solid #687087;padding: 0 0 5px;}
.cbtn-bx p{font-size: 18px;padding: 0 0 10px;margin: 0;}
.cbtn-bx ul{}
.cbtn-bx ul li{padding: 0 0 5px;}
.cbtn-bx ul li a{text-align: left;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;}
.cbtn-bx ul li a p{width: 79%;display: inline-block;text-align: left;padding: 0;margin: 0;font-size: 18px;font-weight: 300;color: var(--first-color);;vertical-align: middle;}
.cbtn-bx ul li a span{color: var(--third-color);width: 15%;display: inline-block;vertical-align: middle;}
.cbtn-bx ul li a:hover span{color: var(--first-color);;}
.cbtn-bx ul li a:hover p{color: var(--third-color);}


.clutch-rating{margin: 0 0 30px 0;}
.clutch-rating figure{display: inline-block;vertical-align: middle;width: 17%;margin: 0;}
.clutch-rating figure img{width: 100%;}
.clutch-rating p{display: inline-block;margin: 0;padding: 0 0 0 10px;vertical-align: middle;font-weight: 500;}




.process-banner{/* padding: 90px 0; */overflow-x: hidden;height: 100vh;position: relative;margin-top: 70px;}
.process-banner .col-lg-6{
    display: table;
    height: 100vh;
}
.innerpages-banner-textwrapper{
    display: table-cell;
    vertical-align: middle;
}
.innerpages-banner-textwrapper h5{letter-spacing: 2px!important;font-size: 14px;font-weight: 600;text-transform: uppercase;color: var(--first-color);;}
.innerpages-banner-textwrapper h2{color: var(--third-color);font-size: 45px;margin: 15px 0;}
.innerpages-banner-textwrapper p{font-size: 17px;font-weight: 400;line-height: 1.75;letter-spacing: 0;}
.innerpages-banner-img{display: inline-block;vertical-align: middle;position: absolute;right: -70px;top: 70px;width: 38%;margin: 0;}
.innerpages-banner-img img{width: 100%;}






.priorities{overflow: hidden;width: 100%;/* background-color: #4357ad; */}
.priorities .big-mirrorimg{width: 100%;display: block;margin: 0 auto 20px;text-align: left;border-bottom: 1px solid #b9b9b91c;}
.priorities .big-mirrorimg img{width: 100%;}


.priorities-textwrapper{text-align: center;padding: 60px 0 60px;color: var(--third-color);}
.priorities-textwrapper h2{font-weight: 700;font-size: 44px;color: var(--third-color);line-height: 1.1em;margin-bottom: 30px;padding: 0px;}
.priorities-textwrapper p{color: var(--third-color);font-size: 18px;}



.awards-process{position: relative;margin: -1px 0 0;padding: 60px 0 100px;}
.awards-process:before{position: absolute;content: "";background-color: #4357ad;top: 0;height: 38%;width: 100%;}
.awards-process ul{font-size: 0}
.awards-process ul li{display: inline-block;text-align: center;width: 33%;padding: 0 15px;}
.awards-process ul li figure{margin: 0;width: 80%;margin: 0 auto;text-align: center;}
.awards-process ul li figure img{width: 100%;}
.awards-process figure{margin: 0;}
.awards-process figure img{width: 100%;}




.ways{padding: 60px 0;}
.ways .main-heading{display: block;padding: 0 0 60px;max-width: 100%;margin: 0 auto;}
.ways h2{display: block;text-align: center;letter-spacing: 2px;max-width: 60%;margin: 0 auto;font-size: 44px;color: var(--third-color);line-height: 1.1em;margin-bottom: 30px;padding: 0px;}
.ways .ways-box{text-align: center;padding: 0 30px;}
.ways .ways-box figure{padding: 0 30px;}
.ways .ways-box figure img{width: 100%;}
.ways .ways-box h5{color: var(--third-color);font-size: 12px;font-weight: 700;margin: 0 0 1rem;padding: 0;}
.ways .ways-box p{color: var(--third-color);font-size: 15px;padding: 0;line-height: 1.7;}


.siloed{padding: 100px 0;}
.siloed .main-heading{display: block;max-width: 70%;padding: 0 0 30px;}
.siloed .main-heading h3{display: block;text-align: left;letter-spacing: 2px;margin: 0 0 20px;font-size: 44px;color: var(--third-color);line-height: 1.1em;margin-bottom: 30px;padding: 0px;}
.siloed .main-heading h6{font-size: 26px;color: var(--third-color);line-height: 1.4;font-family: avenir-roman,sans-serif;}
.siloed p{color: var(--third-color);line-height: 1.7;font-size: 18px;}




.cultivate{padding: 60px 0;background-color: #281f56;}
.cultivate .cultivate-text{text-align: center;}
.cultivate .cultivate-text h2{color: var(--second-color);padding: 0 0 40px;font-size: 45px;letter-spacing: 2px;}
.cultivate .cultivate-text p{color: var(--second-color);font-size: 20px;font-weight: 500;}

.cultivate .cultivate-text h3{color: var(--second-color);padding: 0 0 10px;font-size: 18px;font-weight: 700;}
.cultivate .cultivate-text h4{color: var(--second-color);font-size: 18px;padding: 0;font-weight: 300;}




.hire-cream{padding: 100px 0;}
.hire-cream h2{letter-spacing: 1px;color: var(--third-color);padding: 0 0 30px;font-size: 50px;}
.hire-cream p{font-size: 18px;padding: 0 30px 20px 0;color: var(--third-color);line-height: 1.7;}
.hire-cream figure{}
.hire-cream figure img{width: 100%;}



.inner-testimonials{padding: 100px 0;}
.inner-testimonials .testi-wrapper{text-align: center;position: relative;}
.inner-testimonials .testi-wrapper:before{position: absolute;content: "";width: 80px;border-top:1px solid #ccc;top: 0;left: 0;right: 0;margin: 0 auto;}
.inner-testimonials .testi-wrapper:after{position: absolute;content: "";width: 80px;border-top:1px solid #ccc;bottom: 0;left: 0;right: 0;margin: 0 auto;}
.inner-testimonials .testi-wrapper .item{padding: 40px 0;}
.inner-testimonials .testi-wrapper figure{width: 6%;display: inline-block;margin: 0 auto 40px;}
.inner-testimonials .testi-wrapper figure img{width: 100%;}
.inner-testimonials .testi-wrapper h5{font-size: 20px;letter-spacing: 0;}
.inner-testimonials .testi-wrapper p{color: var(--third-color);font-weight: 700;font-size: 12px;margin: 36px 0 0;}




.process-commonfolds{padding: 220px 0px;}
.process-commonfolds h2{color:var(--third-color);font-size: 12px;letter-spacing: 2px;font-family: AvenirRoman,sans-serif;}
.process-commonfolds h6{color:var(--third-color);font-weight: 700;font-size: 52px;}
.process-commonfolds p{color:var(--third-color);line-height: 1.7;margin: 30px 0 0;padding:0px;font-size: 18px;font-weight: 300;}
.process-commonfolds .factorlink{background:var(--third-color);border:1px solid var(--third-color);color:var(--second-color);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;}
.process-commonfolds .factorlink:hover{background: transparent;color:var(--third-color);border-radius: 2px;}



.process-commonfolds.clickmodel{ background: var(--second-color) url(../images/ico-clickmodel-1.webp)no-repeat;background-position: center right -224px; background-size: 50%;}
.process-commonfolds.agiledev{background: var(--second-color) url(../images/ico-agiledev-1.png)no-repeat;background-position: center left -224px;background-size: 50%;}
.process-commonfolds.commandview{ background: var(--second-color) url(../images/ico-commandview-1.webp)no-repeat;background-position: center right -224px; background-size: 50%;}



/*-------------------------new lp css-------------------------*/

 .inerservice-banner form {width: 100%;background: var(--third-color);padding: 30px;border-radius: 5px;}
 .inerservice-banner form h4{text-align: center;width: 100%;color: var(--second-color);font-size: 30px;font-weight: 700;text-transform: capitalize;padding: 0;}
 .inerservice-banner form p{text-align: center;width: 100%;color: var(--first-color);font-weight: 500;padding: 0 0 30px 0;}
 .inerservice-banner form .from-control {padding: 0 0 5px 0;}
 .inerservice-banner form .from-control label {margin: 0;color: var(--second-color);font-weight: 600;}
.header-main {}
.header-main .nav-area-full {position: relative;}
.header-main .top-bar{position: relative; padding: 10px 0;  overflow: hidden; position: relative; }
.header-main .top-bar .sldrwrp{ display: block; width: 200%; position: absolute; overflow: hidden; animation: marquee 10s linear infinite;}
.header-main .top-bar .col-md-8 {overflow: hidden;}
.header-main .top-bar .sldrwrp p{float: left; width: 50%;}
.header-main .top-bar .sldrwrp p span{color: red; font-weight: 600;}

.header-main .cntct{overflow: hidden; position: relative; z-index: 99;background: var(--second-color);}
.header-main .cntct ul{text-align: right; margin: 0;}
.header-main .cntct ul li{display: inline-block;padding: 0 12px;text-align: center;text-transform: capitalize;position: relative;}
.header-main .cntct ul li.cstm-btn {}
.header-main .cntct ul li.cstm-btn:before {content: "";display: inline-block;width: 5px;position: absolute;height: 5px;top: 8px;border-radius: 50%;background-color: var(--first-color);left: -3px;}
.header-main .cntct ul li a {color: var(--third-color);font-weight: 600;font-size: 14px;}
.header-main .cntct ul li a i{display: inline-block; margin: 0 5px 0 0; }
.cstmwebdesgn .main-menu > ul {}
.cstmwebdesgn .inner-testimnl {padding: 60px 0 60px;}
.cstmwebdesgn .inner-testimnl .mainwrp{transition: border-color .5s cubic-bezier(.39,.575,.565,1),box-shadow .2s cubic-bezier(.39,.575,.565,1);padding: 16px 20px 8px; border-radius: 5px; border: solid 1px #e2e6ec; }
.cstmwebdesgn .inner-testimnl .mainwrp:hover {box-shadow: 0 5px 30px 0 rgba(35,43,54,.15);}
.cstmwebdesgn .inner-testimnl .mainwrp .name-wrp {}
.cstmwebdesgn .inner-testimnl .mainwrp .name-wrp span{font-size: 14px; display: inline-block; vertical-align: middle; margin: 0 10px 0 0; color: #9ba3af; }
.cstmwebdesgn .inner-testimnl .mainwrp .name-wrp img{}
.cstmwebdesgn .inner-testimnl .testi-heading p{ font-weight: 600;font-size: 20px; }
.cstmwebdesgn .inner-testimnl .mainwrp .txt-wrp {}
.cstmwebdesgn .inner-testimnl .mainwrp .txt-wrp p{display: block;text-align: left;font-size: 13px;padding: 25px 0;}
.cstmwebdesgn .inner-testimnl .mainwrp .dtewrp {}
.cstmwebdesgn .inner-testimnl .mainwrp .dtewrp h6{color: #9ba3af;font-size: 12px;display: inline-block;}
.cstmwebdesgn .inner-testimnl .mainwrp .dtewrp img {float: right; display: inline-block; width: 30%; }
.cstmwebdesgn .main-menu > ul > li:last-child {padding-left: 15px; }
 .inerservice-banner .submit {display: block; width: 100%;margin: 15px 0 0 0;}
 .inerservice-banner .submit:hover {background: var(--second-color); border: 1px solid var(--third-color);color:var(--first-color)}
 .inerservice-banner .isb-textwrapper h1 {font-size: 42px;}
.cstmwebdesgn .inerservice-banner{margin-top: 10px;padding: 50px 0;}
.cstmwebdesgn .logo{width: 80%;}
/* .cstmwebdesgn .inerservice-banner:before{background: linear-gradient(to right, rgb(17 94 234) 0%, #9e1b62 100%);} */
.cstmwebdesgn .btn-red {font-weight: 600;}
.lgos-sctn {padding: 30px 0 0; }
.lgos-sctn ul {text-align: center;margin: 0;}
.lgos-sctn ul li{display: inline-block;padding: 0 30px;}
.lgos-sctn ul li img{}
 .inerservice-banner .submit {font-size: 16px;}


.nampoup{position: fixed; left: 20px; background: #f2f2f2; border-radius: 50px; padding: 8px 40px; transition: 0.5s;bottom: -100px;z-index: 9;}
.frstn.active{bottom: 20px;}
.scndn.active{bottom: 20px;}
.thrdn.active{bottom: 20px;}
.frthn.active{bottom: 20px;}
.ffthn.active{bottom: 20px;}
.ffthn.active{bottom: 20px;}
.sxxthn.active{bottom: 20px;}
.svnthn.active{bottom: 20px;}
.eghtn.active{bottom: 20px;}
.nnethn.active{bottom: 20px;}
.tnthn.active{bottom: 20px;}
.elvnth.active{bottom: 20px;}
.twlthn.active{bottom: 20px;}
.thrtn.active{bottom: 20px;}
.fftn.active{bottom: 20px;}
.ssxtn.active{bottom: 20px;}
.nampoup .wrp{}
.nampoup .wrp b{color: var(--third-color); display: block; text-transform: capitalize; padding: 0 0 5px 0; }
.nampoup .wrp span{color: var(--third-color); text-transform: capitalize; }
.nampoup .wrp p{color: var(--third-color); font-size: 12px; }

.cstmwebdesgn .callusnow {display: none;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap {background: #4a4a4a;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h3{color: var(--third-color);}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h4{color: var(--third-color);}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h5{color: var(--third-color);}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li{color: var(--third-color);}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li p.extrainfo{color: var(--third-color);}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap h4 span{color: var(--third-color);}
.cstmwebdesgn .btn-pack{background: var(--third-color);color: var(--second-color);}
.cstmwebdesgn .btn-pack:hover {color: var(--first-color); }
/*.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular{}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular h3{color: #464c51;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular h4{color: #333a3f;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular h5{color: #757a7e;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular .packfeatures li{color: #63686c;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular .btn-pack{color: var(--second-color);}*/
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular{background: var(--first-color);}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular .btn-pack{background: var(--second-color);color: var(--third-color);}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular:after {color: var(--second-color);}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .viewdetails{background: var(--second-color);padding: 12px 60px;display: block;color: #1a58c4;margin: 0;font-weight: bold;font-size: 16px;}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap{}
.cstmwebdesgn section.main-cmplte-brnd-sec .viewdetails {color: #1a58c4;font-weight: bold;font-size: 16px;}
.cstmwebdesgn {}
.cstmwebdesgn {}
.cstmwebdesgn {}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -200%; }
}

.makeSpanRed span{
    color: var(--first-color);
    font-weight: 800;
}






.inerservice-banner{background-position: center;background-size: cover !important;margin-top: 10px;padding: 120px 0;background-attachment: fixed;position: relative;}

.inerservice-banner .container{}
.inerservice-banner .col-lg-8,
.inerservice-banner .col-lg-4{display: table;/* height: 100vh; */}
.inerservice-banner .isb-textwrapper{padding: 0 110px 0 0;/* display: table-cell; */width: 100%;vertical-align: middle;}
.inerservice-banner .isb-textwrapper figure{width: 15%;}
.inerservice-banner .isb-textwrapper figure img{width: 100%;}
.inerservice-banner .isb-textwrapper h5{color: var(--third-color);letter-spacing: 2px!important;font-family: AvenirRoman,sans-serif;text-transform: uppercase;font-size: 14px;font-weight: 600;padding: 0;margin: 0;}
.inerservice-banner .isb-textwrapper h1{line-height: 1;text-transform: uppercase;color: var(--third-color);font-size: 50px;margin-bottom: 20px;font-weight: 900;padding: 20px 20px 0 0px;letter-spacing: 2px;}
.inerservice-banner .isb-textwrapper p{color: var(--third-color);font-size: 18px;font-weight: 400;line-height: 1.4;letter-spacing: 0;padding: 0 0 30px;}
.inerservice-banner .isb-textwrapper p.small{font-size: 13px!important;letter-spacing: 2px;text-transform: uppercase;padding: 0 0 20px;line-height: 1;}

.first-color{
    color: var(--first-color);
}

.font-20{
    font-size: 20px !important;
}
.font-36{
    font-size: 36px !important;
}
.bg-hover-red:hover{
    background-color: var(--first-color) !important;
    color: var(--third-color);
}
.footerForm label {
    color: #101827 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    display: block !important;
    margin-bottom: 6px !important;
}

.footerForm  p {
    font-size: 12px;
}

.inerservice-banner form .from-control{padding: 0 0 20px;}
.inerservice-banner form .from-control label{width: 100%;display: block;color: var(--second-color)fff;}
.inerservice-banner form .from-control input{width: 100%;padding: 15px;border-radius: 5px;border: transparent;background: #e8e8e8;}
.inerservice-banner form .from-control input:focus{outline:none}
 .inerservice-banner .submit{
    background: var(--first-color) !important;
    color: var(--third-color) !important;
    border:1px solid var(--third-color)0;
}
.inerservice-banner .submit {margin: 0px 0 0;display: inline-block;background: var(--third-color);border: 1px solid var(--third-color);color: var(--second-color);font-size: 14px;padding: 13px 31px;text-align: center;text-transform: capitalize;display: inline-block;border-radius: 5px;-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;font-weight: 600;cursor: pointer;}
.inerservice-banner .submit:hover{background: transparent;border: 1px solid var(--second-color);color: var(--second-color);}



.floatbutton .buttonclick {
    width: 50px;
    z-index: 99;
    opacity: 1;
    vertical-align: top;
    height: 0px;
    cursor: pointer;
    /* box-shadow: -20px 0 35px var(--third-color); */
    border-radius: 50% 0% 0 50%;
    background: var(--second-color);
    display: inline-block;
    padding-top: 0px;
}









.innserservice-commonfolds{padding: 30px 0px;}
.innserservice-commonfolds h1{font-size: 44px;font-weight: 700;/* padding: 50px 0 0; */color: var(--third-color);line-height: 1;padding-bottom: 20px;}
.innserservice-commonfolds h2{color:var(--third-color);font-size: 12px;letter-spacing: 2px;font-family: AvenirRoman,sans-serif;}
.innserservice-commonfolds h6{color: var(--first-color);font-weight: 700;font-size: 30px;padding: 30px 0 30px;}
.innserservice-commonfolds p{color:var(--third-color);line-height: 1.7;padding:0px;font-size: 18px;font-weight: 300;}
.innserservice-commonfolds .factorlink{background:var(--third-color);border:1px solid var(--third-color);color:var(--second-color);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: var(--second-color);color:var(--third-color);border-radius: 2px;}


.innserservice-commonfolds.customsoftware{background: var(--second-color) url(../images/3services.jpg)no-repeat;background-position: top right -80px;background-size: 40%;padding: 60px 0;}
.innserservice-commonfolds.experience{background: var(--second-color) url(../images/experience.jpg)no-repeat;background-position: top left -80px !important;background-size: 40%!important;margin: 70px 0 40px;}


.secondlayer-innerservices-wrapper{text-align: center;padding: 60px 0;}
.secondlayer-innerservices-wrapper h4{color: var(--third-color);font-size: 16px;font-family: AvenirRoman,sans-serif;font-weight: 700;}
.secondlayer-innerservices-wrapper ul{
    padding: 20px 0 0 0;
}
.secondlayer-innerservices-wrapper ul li{display: block;text-align: center;padding: 0 0 15px;}
.secondlayer-innerservices-wrapper ul li a{font-size: 16px;font-family: AvenirRoman,sans-serif;font-weight: 400;}



.build-to-win{padding: 60px 0 45px;}
.build-to-win .main-heading{text-align: center;margin-bottom: 40px;}
.build-to-win .main-heading h2{font-size: 44px;font-weight: 700;color: var(--third-color);line-height: 1;padding-bottom: 30px;}
.build-to-win .main-heading p{color: var(--third-color);line-height: 1.7;padding: 0px;font-size: 18px;}
.build-to-win .to-win-box{text-align: center;border-radius: 5px;position: relative;}
.build-to-win .to-win-box a:hover:before{position: absolute;content: "";background: #3d60a652;width: 100%;height: 100%;left: 0;top: 0;z-index: 9;border-radius: 5px;}
.build-to-win .to-win-box a:hover:after{position: absolute;content: "\e923";font-family: 'icomoon' !important;left: 0;top: 40%;z-index: 91;color: var(--first-color);display: inline-block;right: 0;margin: auto;font-size: 40px;}
.build-to-win .to-win-box a{display: block;width: 100%;z-index: 1;position: relative;border-radius: 5px;overflow: hidden;}
.build-to-win .to-win-box a figure{
    margin-bottom: 0;
}
.build-to-win .to-win-box a figure img{width: 100%;}
.build-to-win .to-win-box a h3{font-size: 22px;color: var(--second-color);}
.build-to-win .to-win-box a h3 span{display: block;font-size: 50px;line-height: 1;}

.build-to-win .to-win-box.roi{background: url(../images/results-photo-1.jpg)no-repeat center;background-size: cover;}
.build-to-win .to-win-box.threex{background: url(../images/results-firstcrush.jpg)no-repeat center;background-size: cover;}
.build-to-win .to-win-box.o1m{background: url(../images/results-kids.jpg)no-repeat center;background-size: cover;}

.whether-you{}
.whether-you{padding: 60px 0;}
.whether-you .main-heading{text-align: center;margin-bottom: 40px;width: 75%;margin: 0 auto 50px;}
.whether-you .main-heading h2{font-size: 44px;font-weight: 700;color: var(--third-color);line-height: 1;padding-bottom: 30px;}
.whether-you .main-heading p{color: var(--third-color);line-height: 1.7;padding: 0px;font-size: 18px;}

.whether-you .whether-box{text-align: center;margin: 0 0 40px;padding: 0 20px;}
.whether-you .whether-box figure{width: 20%;margin: 0 auto 30px;}
.whether-you .whether-box figure img{width: 100%;}
.whether-you .whether-box h3{font-size: 16px;font-weight: 700;}
.whether-you .whether-box p{line-height: 1.4;font-size: 16px;}




.not-code-but-impact{padding: 60px 0;}
.not-code-but-impact .main-heading{text-align: center;margin: 0 0 40px;}
.not-code-but-impact .main-heading h2{padding: 0 0 20px;letter-spacing: 2px;font-weight: 700;font-size: 44px;}
.not-code-but-impact .main-heading h2 span{display: block;color: var(--first-color);;}
.not-code-but-impact .ncbc-box{min-height: 322px;text-align: center;border-radius: 5px;-webkit-transition: background-size .15s ease-in;-moz-transition: background-size .15s ease-in;-ms-transition: background-size .15s ease-in;-o-transition: background-size .15s ease-in;transition: background-size .15s ease-in;}
.not-code-but-impact .ncbc-box a{display: block;padding: 50px;color: var(--second-color);min-height: 322px;position: relative;border-radius: 5px;z-index: 3;display: table;}
.not-code-but-impact .ncbc-box a:before{position: absolute;content: "";background: var(--third-color)00070;width: 100%;height: 100%;left: 0;top: 0;z-index: -1;border-radius: 5px;}
.not-code-but-impact .ncbc-box a h3{color: var(--second-color);display: table-cell;vertical-align: middle;}


.not-code-but-impact .ncbc-box.one{background: url(../images/ncbc-box-one.png)no-repeat center;background-size: 100%;}
.not-code-but-impact .ncbc-box.two{background: url(../images/ncbc-box-two.png)no-repeat center;background-size: 100%;}
.not-code-but-impact .ncbc-box.three{background: url(../images/ncbc-box-three.jpg)no-repeat center;background-size: 100%;}

.not-code-but-impact .ncbc-box.one:hover{background-size: 110%;-webkit-transition: background-size .15s ease-in;-moz-transition: background-size .15s ease-in;-ms-transition: background-size .15s ease-in;-o-transition: background-size .15s ease-in;transition: background-size .15s ease-in;}
.not-code-but-impact .ncbc-box.two:hover{background-size: 110%;-webkit-transition: background-size .15s ease-in;-moz-transition: background-size .15s ease-in;-ms-transition: background-size .15s ease-in;-o-transition: background-size .15s ease-in;transition: background-size .15s ease-in;}
.not-code-but-impact .ncbc-box.three:hover{background-size: 110%;-webkit-transition: background-size .15s ease-in;-moz-transition: background-size .15s ease-in;-ms-transition: background-size .15s ease-in;-o-transition: background-size .15s ease-in;transition: background-size .15s ease-in;}





.u-friendly{padding: 60px 0;}
.u-friendly .main-heading{text-align: center;}
.u-friendly .main-heading h2{padding: 0 0 20px;letter-spacing: 2px;font-weight: 700;font-size: 44px;}
.u-friendly .col-lg-12{font-size:0;text-align: center;}
.u-friendly .userfri-box{display: inline-block;width: 32.33%;min-height: 322px;border-radius: 5px;padding: 20px;}
.u-friendly .userfri-box a{width: 100%;height: 100%;display: block;border-radius: 5px;position:relative;}
.u-friendly .userfri-box a figure{margin: 0;}
.u-friendly .userfri-box a figure img{width: 100%;border-radius: 5px;}
.u-friendly .userfri-box:hover > a:before{position:absolute;content:"";background: var(--third-color);width: 100%;height: 100%;left: 0;top: 0;border-radius: 5px;}



.ux-toolbox{padding: 60px 0;}
.ux-toolbox .main-heading{text-align: center;}
.ux-toolbox .main-heading h2{padding: 0 0 20px;letter-spacing: 2px;font-weight: 700;font-size: 44px;}
.ux-toolbox .main-heading p{}

.ux-toolbox .toolbox-wrapper{font-size: 0;padding: 10px 0 0;}
.ux-toolbox .toolbox-wrapper .toolbox{display: inline-block;width: 25%;padding: 0 15px 15px 0;vertical-align: top;}
.ux-toolbox .toolbox-wrapper .toolbox .head{background: var(--third-color);padding: 14px 10px;text-align: center;}
.ux-toolbox .toolbox-wrapper .toolbox .head h3{color: var(--second-color);padding: 0;margin: 0;font-size: 14px;} 
.ux-toolbox .toolbox-wrapper .toolbox .body{font-size: 0;padding: 20px 10px;background:#28a2a8;min-height: 120px;}
.ux-toolbox .toolbox-wrapper .toolbox .body figure{display: inline-block;width: 20%;vertical-align: middle;margin: 0;padding: 0 0 0 10px;} 
.ux-toolbox .toolbox-wrapper .toolbox .body figure img{width: 100%;} 
.ux-toolbox .toolbox-wrapper .toolbox .body p{color: var(--second-color);padding: 0 20px 0;margin: 0;display: inline-block;width: 80%;font-size: 15px;vertical-align: middle;line-height: 1.1;}

body{
    background-color: var(--second-color);
}

.software-fails{padding: 60px 0;}
.software-fails .main-heading{display: block;max-width: 100%;padding: 0px 340px 30px 0;border-bottom: 3px solid var(--third-color);margin-bottom: 40px;}
.software-fails .main-heading h3{padding: 0 0 20px;}
.software-fails .main-heading h6{font-weight: 300;font-family: avenir-roman,sans-serif;padding: 0px;font-size: 20px;}
.software-fails p{padding: 0 0 20px;font-size: 20px;font-weight: 300;}
.software-fails figure{margin: 0;}
.software-fails figure img{width: 100%;}



.meet-team{padding: 60px 0;}
.meet-team .main-heading{margin: 0 0 50px;}
.meet-team .main-heading h2{text-align: center;padding: 0 0 20px; letter-spacing: 2px; font-weight: 700; font-size: 44px;}
.meet-team .main-heading p{font-size: 20px;font-weight: 300;line-height: 1.6;}
.meet-team .team-box{text-align: center;}
.meet-team .team-box figure{display: block;border-radius: 50%;width: 80%;margin: 0 auto 20px;}
.meet-team .team-box figure img{width: 100%;border-radius: 50%;}
.meet-team .team-box h4{color: #303133;border-bottom: 2px solid #3478F6;font-size: 20px;padding: 0 0 4px;display: inline-block;}
.meet-team .team-box p{color: var(--third-color);font-size: 11px!important;letter-spacing: 2px;text-transform: uppercase;padding: 10px 0 0;font-weight: 700;}



.my-options{padding: 60px 0;}
.my-options .main-heading{margin: 0 0 60px;}
.my-options .main-heading h2{text-align: center;letter-spacing: 2px;font-weight: 700;font-size: 44px;}
.my-options .nav-pills{}
.my-options .nav-pills li{display: block;width: 100%;text-align: right;}
.my-options .nav-pills li a{font-size: 16px!important;letter-spacing: 2px;color: #303133;font-weight: 700;text-align: right;display: block;padding: 15px 0;position: relative;}
.my-options .nav-pills li a.active{color:#f9130d!important;}
.my-options .nav-pills li a.active:before{z-index: 1;position:absolute;content:"";height: 100%;width: 1px;border-left: 3px solid #f9130d;right: -32px;top: 0;}
.my-options .tab-content{}
.my-options .tab-content .tab-pane{border-left: 1px solid #ccc;padding: 0 0 0 30px;}
.my-options .tab-content .tab-pane figure{width: 10%;}
.my-options .tab-content .tab-pane figure img{width: 100%;}
.my-options .tab-content .tab-pane h6{padding: 20px 0;font-size: 12px;color: #fa413c;font-weight: 700;}
.my-options .tab-content .tab-pane h5{font-size: 20px;letter-spacing: 0;padding: 10px 0 20px;font-weight: 400;}
.my-options .tab-content .tab-pane p{font-size: 17px;line-height: 1.75;margin: 18px 0 0;padding: 0;}
.my-options .tab-content .tab-pane p a{}


.floatingform-sec .banner-form{width: 400px;background: var(--third-color);top:-60px}
.floatingform-sec .banner-form h3{color:var(--first-color);text-align: center;}
.floatingform-sec .banner-form  input[type="submit"]{background: var(--first-color);color:var(--third-color)}

.banner-form{background: var(--second-color); padding: 25px 20px; position: relative; z-index: 9; border-radius: 0; margin: 0; width: 370px; display: inline-block; }
.floatbutton.visible .buttonclick{opacity: 1;-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: 265px; font-size: 0; width: 420px; z-index: 99; }
.floating_wrap{opacity: 1;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}

.floating_wrap.visible{opacity: 1;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .buttonclick{
    width: 50px;z-index: 99; opacity: 1; vertical-align: top;height: 0px;cursor: pointer;
    border-radius: 50% 0% 0 50%;
    background: var(--second-color);display: inline-block;padding-top: 0px;}


   

.floatbutton .buttonclick .crossplus{position: relative;display: block;transform: rotate(0deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .buttonclick .crossplus.rotate{transform: rotate(-90deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.floatbutton .buttonclick .crossplus p {font-size: 20px; width: 250px; top: 0px; position: relative; margin-top: 194px; background: var(--second-color); height: 55px; background: var(--second-color)f; border-radius: 20px 20px 0px 0px; padding-top: 15px; text-align: right; /* padding-right: 25px; */ text-align: center; font-weight: 600; color: var(--first-color);left: -4px; background-color: var(--third-color);}
.floatbutton .buttonclick .crossplus {transform: rotate(-90deg); }

.crossplus p a:hover{
    color:var(--first-color);
}


.floatbutton.active {right: 0; z-index: 9; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
/*floating strips css start */
.floating_wrap{position: fixed; right: 0px; top:140px; z-index: 99; }
.floating_wrap .btns_wrap{position: fixed;right: 0px;}
.floating_wrap .btns_wrap a:hover{text-decoration: none!important;right: 0px;}
.floating_wrap .btns_wrap .call_wrap{width: 275px; position: absolute; right: -225px; background: var(--third-color); top: 60px; border-radius: 50px 0px 0px 50px; overflow: hidden;  -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; }

.floating_wrap .btns_wrap .call_wrap span{color:var(--first-color);; font-size: 20px; vertical-align: middle; background: var(--third-color); padding: 15px 20px 15px 15px; }
.floating_wrap .btns_wrap .chat_wrap{display: block; position: absolute; right: -225px; width: 275px; background: var(--third-color); top: 0; border-radius: 0px; overflow: hidden;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-radius: 50px 0px 0px 50px; }
.floating_wrap .btns_wrap .chat_wrap span.icoo, .floating_wrap .btns_wrap .call_wrap span.icoo{color:var(--first-color);; background: var(--third-color); font-size: 20px; line-height: 1; padding: 14px 20px; border-right: 1px solid #ded9d9; vertical-align: middle; display: inline-block; border-radius: 50px 0px 0px 50px; }
.floating_wrap .btns_wrap .chat_wrap span{color:var(--first-color);; font-size: 20px; vertical-align: middle; background: var(--third-color); padding: 15px 30px 15px 15px; }
/*floating strips css end */




.main-privacy-sec{padding-top: 120px;}
.prvc-inner-sec p strong{font-size: 26px;}
.prvc-inner-sec p{font-size: 18px;}
.prvc-inner-sec li{font-size: 16px;}
.callusnow {width: 50px; height: 50px; color: var(--second-color); display: block; text-align: center; border-radius: 100%; font-size: 24px; position: fixed; bottom: 20px; left: 20px; z-index: 9999; box-shadow: 6px 9px 30px 1px rgba(37, 0, 22, 0.71); padding: 6px 0px 12px 0; animation: scrollDownAnimation .5s ease infinite alternate; -webkit-animation: scrollDownAnimation .5s ease infinite alternate; background: var(--second-color)fff; background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); background: linear-gradient(to right, rgb(129, 40, 185) 0%, #0c6ed6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea018e', endColorstr='#9b2c92',GradientType=1 ); border: solid 3px #116cd5; }
.callusnow:hover {color: var(--second-color);}



.cstmwebdesgn .quality {text-align: center;}
.cstmwebdesgn  .quality-img {font-size: 70px;color: #16a085;}
.cstmwebdesgn section.qualities{padding:100px 0;border-bottom: 1px solid #f1f1f1;}
.cstmwebdesgn section.qualities .quality-img {text-align: center; padding: 0px 0px; display: inline-block; }
.cstmwebdesgn .quality h4 {font-size: 16px; line-height: 22px; padding-top: 5px; color: var(--third-color); }
.cstmwebdesgn section.qualities p{font-size: 20px; line-height: 1.4; text-align: center; padding-bottom: 25px; }
.cstmwebdesgn .has-border {border-right: 1px solid var(--first-color);}
.cstmwebdesgn .icon-Constant-Client-Coordination{background-image: url(../images/constant-client-coordination.png); background-size: 100% auto; background-position: center; width: 59px; height:46px; display: inline-block; }
.cstmwebdesgn .icon-Customer-Satisfaction{background-image: url(../images/customer-satisfaction.png); background-size: 100% auto; background-position: center; width: 59px; height:46px; display: inline-block; }
.cstmwebdesgn .icon-Ownership-Rights{background-image: url(../images/ownership-rights.png); background-size: 100% auto; background-position: center; width: 59px; height:46px; display: inline-block; }
.cstmwebdesgn .icon-Secure-Money-Back-Guarantee{background-image: url(../images/secure-money-back-Guarantee.png); background-size: 100% auto; background-position: center; width: 59px; height:46px; display: inline-block; }
.cstmwebdesgn .icon-Industry-Proven-Professionals {background-image: url(../images/industry-proven-professionals.png); background-size: 100% auto; background-position: center; width: 59px; height:46px; display: inline-block; }
.cstmwebdesgn section.call-actions {border: 1px solid #3d60a6 !important;margin-top: 30px;padding: 10px 20px;background: var(--second-color);border-radius: 20px;}
.cstmwebdesgn section.call-actions h2 {font-size: 16px; margin: 0px; line-height: 22px; text-transform: capitalize; padding: 20px 0 0 30px; color: var(--third-color); }
.cstmwebdesgn section.call-actions span.phone{font-size: 36px;float: left;color: #3c5fa4;margin-left: 15px;margin-top: 25px;}
.cstmwebdesgn .phone-div {padding-left: 48px; }
.cstmwebdesgn section.call-actions span.mail{font-size: 36px;float: left;color: var(--first-color);margin-left: 15px;margin-top: 25px;}
.cstmwebdesgn section.call-actions h3 span {display: block;font-size: 18px;color: var(--first-color);}
.cstmwebdesgn section.call-actions .phone-div h3 {padding-left: 55px; }
.cstmwebdesgn section.call-actions h3 {font-size: 24px; margin-top: 23px; padding-left: 65px; }






@keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes scrollDownAnimation {
    from {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}

/*================BLINK-POPUP-START===============*/
.book-call-ys-layer{display:none;opacity:0.7;width:100%;height:100%;position:fixed;top:0;left:0;z-index:1000;}
.book-call-ys-container{display:none;position:fixed;width:100%;height:100%;top:0;left:0;background-color: rgba(0, 0, 0, 0.81);z-index:9999;}
.inp-dsleb{position:relative;}
.inp-dsleb:after{position:absolute;content:"";top:0px;left:0px;width:100%;background-color:rgba(0, 0, 0, 0.08);height:100%;border-radius:6px;}
.book-call-ys-container.visible, .book-call-ys-layer.visible{display:block;}
.book-call-ys-box{background-color:var(--second-color);width:0;height:0;margin:0 auto;position:relative;top:50%;transform:translateY(-50%);border-radius:20px 20px 20px 20px;transition:height .2s ease-in-out;}
.crossbtn{float:right;font-size:30px;border:2px solid var(--third-color);padding:2px 7px;border-radius:3px;color:#212529;}
.crossbtn:hover{color:#212529;}
.book-call-ys-popup-close{position:absolute;color:var(--first-color);;text-align:center;font-size:18px;text-decoration:none;display:block;right:10px;top:10px;font-weight:700;padding:3px 9px;line-height:initial;border-radius:100%;}
.book-call-ys-container.finished .book-call-ys-popup-close{width:30px;height:30px;text-indent:0;}
.book-call-ys-popup-content{display:none;padding:20px 40px;background:var(--second-color);border-radius:20px 20px 20px 20px;}
.book-call-ys-container.finished .book-call-ys-popup-content{display:block;}
.book-call-ys-popup-close:hover{text-decoration:none;color:var(--third-color)019;}
.book-call-ys-box{height:auto;width:572px !important;background:#f3c06a;padding:0;background-size:cover;}
.book-call-ys-box .mainbann{border-radius:20px 20px 0 0;width:100%;}
.book-call-popupform h2 span{padding: 0 0 5PX 0;}
.book-call-popupform p{color:var(--third-color)019;padding:0 0 25px 0;font-size:14px;line-height: 1.2;}
.book-call-popupform form p{color: var(--third-color)019; font-size: 16px; font-weight: 700; margin: 0; padding: 20px 0 20px 0; text-align: center; }
.book-call-popupform form p span{color:#0c71f4;}
p.small{font-size:14px;color:var(--third-color);text-align:center;display:block;}
.book-call-popupform form{font-size:0;}
.book-call-popupform form .fldst{margin:0 0 20px;display:block;width:100%;}
.book-call-popupform form .fldst.sndus{margin:0 0 15px 0;}
.book-call-popupform span.heading{font-size:30px;font-weight:500;text-align:center;display:block;}
.book-call-popupform figure{-webkit-animation:ripple 0.9s linear infinite;animation:ripple 0.9s linear infinite;width:50px;height:50px;border-radius:100%;display:block;margin:-40px auto 30px;border:solid 1px #ededed;background:var(--second-color);background-repeat:no-repeat;background-size:cover;background-position:50% 50%;}
.book-call-popupform form .fldst .intl-tel-input{width:79%;margin-bottom:15px;}
/*.book-call-popupform form input[type="text"]{border-radius:3px;}*/
.book-call-popupform form .fldst.btnattach button{position:relative;bottom:0;border:0;display:block;right:0;background:#59bad3;width:100%;height:50px;border-radius:4px;cursor:pointer;font-size:16px;color:var(--second-color);}
.book-call-popupform form .callus{height: 55px;border-top:3px solid transparent;background-color:var(--first-color);;font-size:20px;color:var(--second-color);line-height:33px;padding:8px 25px;outline:none;cursor:pointer;border-radius:10px;display:block;text-align:center;}
.book-call-popupform form .callus i{margin:0 0 0 15px;}
.book-call-popupform form .lst-p{text-align:center;padding:0px 0px 15px;}
.book-call-popupform form .lst-p a{font-weight:700;color:var(--first-color);;}
.book-call-popupform form .lst-p a:hover{color:var(--third-color)019;}
.book-call-popupform form input{width:100%;margin:0 0 0 0;border:1px solid #cbcbcb;background:white;padding:10px 15px;color: #535353;;font-size:16px;border-radius:10px;height:55px;font-weight:400;outline:none !important;margin:0 0 0px 0;}
.book-call-popupform form .newbtn{background: var(--first-color);; height: 55px; width: 100px; color: var(--second-color); display: inline-block; vertical-align: top; border-radius: 0px 10px 10px 0px; cursor: pointer; border: 1px solid #cbcbcb; border-left: 0; font-size: 16px; font-weight: bold; }
.book-call-popupform #phone-coun{border-radius: 10px 0px 0px 10px;}
.callusnow{width:50px;height:50px;color: var(--second-color)fff;display:block;text-align:center;border-radius:100%;font-size:24px;position:fixed;bottom:70px;left:20px;z-index:9999;box-shadow:6px 9px 30px 1px rgba(37, 0, 22, 0.71);padding:6px 0px 12px 0;animation:scrollDownAnimation .5s ease infinite alternate;-webkit-animation:scrollDownAnimation .5s ease infinite alternate;background: var(--first-color);background:-moz-linear-gradient(left, #59bad3 0%, #9b2c92 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#59bad3', endColorstr='#9b2c92',GradientType=1);border: solid 3px var(--first-color);}
.callusnow:hover{color: var(--second-color)fff;}
.fldst-two{width:50%;display:inline-block;padding:0px 5px 0px 0px;}
.fldst-two.last{padding: 0px 4px 0px 5px;}
.flagimg-exit{width:20px;margin-left:10px;margin-right:2px;}
@keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes scrollDownAnimation{from{transform:translateY(0);}
to{transform:translateY(-10px);}
}
@-webkit-keyframes ripple{0%{box-shadow:0 0 0 0
rgba(1, 201, 226, 0.3), 0 0 0 10px
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(1, 201, 226, 0.3), 0 0 0 20px
rgba(1, 201, 226, 0.3), 0 0 0 30px
rgba(1, 201, 226, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
@keyframes ripple{0%{box-shadow:0 0 0 0
rgba(201, 205, 206, 0.3), 0 0 0 10px
rgba(232, 238, 239, 0.3), 0 0 0 20px
rgba(219, 224, 224, 0.3), 0 0 0 30px
rgba(197, 199, 199, 0.3);}
100%{box-shadow:0 0 0 1em
rgba(207, 219, 220, 0.3), 0 0 0 20px
rgba(167, 174, 175, 0.3), 0 0 0 30px
rgba(187, 194, 195, 0.3), 0 0 0 50px
rgba(1, 201, 226, 0);}
}
/*================BLINK-POPUP-END===============*/


/*================EXIT-POPUP-START===================*/
.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:var(--third-color);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 var(--first-color);; */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:var(--third-color);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:var(--first-color);;width:100%;height:50px;border-radius:5px;cursor:pointer;font-size:16px;color:var(--second-color);}
.popupform form p a{color:var(--first-color);;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:10px;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:var(--second-color);border-radius:0 0 10px 10px;padding:10px;font-size:30px;}*/
.popupform figure{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===================*/

/*================TESTIMONIALS-SECTION-START========================*/
.main-testimonials-sec{padding: 60px 0 60px 0;background: var(--first-color);}
.testi_box {padding: 30px 30px 0 30px;transition: all 700ms;margin: 0px 0 45px 0;}
.testi_box:hover,.testi_box{background-color: var(--second-color);border-radius: 5px;-webkit-box-shadow: 0px 11px 15px #16232136;-ms-box-shadow: 0px 11px 15px #16232136;-o-box-shadow: 0px 11px 15px #16232136;box-shadow: 0px 11px 15px #16232136;transition: all 700ms;}
.testi-heading{text-align:center;}
.testi_box ul{margin-bottom: 30px;}
.testi_box ul li{display: inline-block;font-size: 16px; color: #ecc70e; margin: 0px 2px 0 2px; }
.testi_box>p{font-size: 20px;font-weight: 500;line-height: 1.5;padding: 0 0 30px 0;}
.main-img{font-size: 0;border-bottom: 2px solid #f3f3f3;padding-bottom: 30px;transition: all 700ms;}
.testi_box:hover .main-img{border-bottom: transparent;transition: all 700ms;}
.testi-img{display: inline-block;width: 45px;vertical-align: top;height: 45px;background: var(--first-color);border-radius: 50%;}
.testi-img span{
    font-size: 18px;
    color: var(--second-color);
    text-align: center;
    width: 100%;
    display: inline-block;
    padding-top: 8px;
}
.testi-img img{border-radius: 50%;}
.testi-cont{display: inline-block;width: 78%;vertical-align: top;padding-left: 20px;}
.testi-cont p{font-size: 16px;padding: 0px;}
.testi-cont p span{display: block;font-size: 14px;}
.slick-next:before {content: "\f105"; font-family: FontAwesome; font-size: 50px; color: var(--first-color);; }
.slick-prev:before {content: "\f104"; font-family: FontAwesome; font-size: 50px; color: var(--first-color);; }
.pckgslidersec .slick-prev, .pckgslidersec .slick-next {top: 50% !important;}


.pckkslider .slick-prev, .pckkslider .slick-next {top: 45% !important;}
.pckkslider .slick-prev{    left: -50px;}
.pckkslider .slick-next{    right: -50px;}



.gveplns p{font-size: 18px; font-weight: 500; line-height: 1.5; padding: 0px 30px 0 30px; }
.gveplns p a{text-decoration: underline;}
.tsti-lgos ul li{padding: 0 14px;}
.tsti-lgos ul li figure img{width: 130px;filter: brightness(0) invert(1);}
/*================TESTIMONIALS-SECTION-END========================*/

/*=============BOTTOM-FORM-CSS-START===============*/
.bottom-form{padding: 60px 0; position: relative; z-index: 9; background: var(--second-color); }
.bottom-form .txtwrap{}
.bottom-form .txtwrap h2{text-align: left;}
.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;color: var(--third-color)019; }
.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 #cbcbcb;background: white;padding: 14px 40px 14px 16px;color: #535353;font-size: 16px;border-radius: 10px;height: 55px;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{padding-left: 27px;}
.bot-form form .fldset{    margin-bottom: 20px;}
.bot-form form input[type="submit"]{cursor: pointer; }
.bot-form form textarea {width: 100%; margin: 0; padding: 14px 16px; height: 130px;resize: none; }
.bot-form form .finput:focus{outline: none !important;}
.slct-field:after {content: "\f107"; position: absolute; right: 33px; top: 17px; font-family: fontawesome; color: #999; font-size: 16px; }
/*=============BOTTOM-FORM-CSS-END===============*/



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

/* Safari 7.1+ */

_::-webkit-full-page-media, _:future, :root .safari_only {

  

}

@media not all and (min-resolution:.001dpcm) { @media
{
    
}}


/* Safari 6.1-10.0 (10.1 is the latest version of Safari at this time) */

@media screen and (min-color-index:0) 
and(-webkit-min-device-pixel-ratio:0) 
{ 
    @media{}
}


.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: #593b64;
    padding-bottom: 0;
}
.mycustompop .ys-box .ys-popup-content .right{
    padding: 45px 60px;
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

.mybanform{}
.mybanform form{}
.mybanform form .wrap{
    font-size: 0;
    width: 100%;
    box-shadow: 0px 0px 40px var(--third-color)00073;
    border-radius: 10px;
}
.mybanform form .wrap .dtf{
    display: inline-block;
    vertical-align: top;
    width: 27.6%;
}
.round{border-radius:10px 0 0 10px;}
.mybanform form .wrap .dtf.posrelative{width: 17%;}
.mybanform form .wrap .dtf input[type="text"],.mybanform form .wrap .dtf input[type="email"],.mybanform form .wrap .dtf input[type="number"]{
    background: var(--second-color);
    border: 0;
    font-size: 14px;
    height: 80px;
    width: 100%;
    padding: 20px;
    border-right: 1px solid #e8e9eb;
}
.mybanform form .wrap .dtf input[type="submit"]{
    background: var(--first-color);
    font-size: 16px;
    border: 0;
    color: var(--second-color);
    padding: 20px 38px;
    height: 80px;
    cursor: pointer;
    border-radius: 0 10px 10px 0;
}
.home-banner-thnku{background-position: 100% top; background-size: cover; /*background-color: #6446a0;*/ height: 100vh; margin-top: 0px; position: relative; }
.home-banner{background-position: 100% top; background-size: cover; /*background-color: #6446a0;*/ height: 100vh; margin-top: 130px; position: relative; }
.home-banner:after {content: ""; position: absolute; width: 100%; height: 100%; background:var(--third-color)00078;}

.thnku{ margin-top: 0px !important; }

.clientssection{
    display: inline-block;
    padding: 30px 0;
    background: var(--third-color);
    box-shadow: 0px 0px 20px var(--third-color)0000f;
    width: 100%;
}
.clientssection h3{
    color: var(--second-color);
    font-size: 16px;
    padding-bottom: 0;
    padding: 20px 0;
}
.clientssection ul{
    font-size: 0;
    margin-bottom: 0;
}
.clientssection ul li{
    display: inline-block;
    padding: 0 14px;
}
.clientssection ul li figure{
    margin-bottom: 0;
}
.clientssection ul li figure img{
    width: 130px;
}


.webtech{
    padding: 60px 0;
}
.webtech .tabs-custom-nav{
    margin-bottom: 0;
}
.webtech .tabs-custom-nav li{}
.webtech .tabs-custom-nav li .twrap{
    display: inline-block;
    padding: 50px 40px;
}
.webtech .tabs-custom-nav li .twrap.current{
    background: #4a4a4a;
}
.webtech .tabs-custom-nav li .twrap:hover{
    background: #4a4a4a;
}
.webtech .tabs-custom-nav li .twrap:hover .content .btn-tab{}
.webtech .tabs-custom-nav li .twrap figure{
    display: inline-block;
    margin-bottom: 0;
}
.webtech .tabs-custom-nav li .twrap figure img{
    width: 60px;
}
.webtech .tabs-custom-nav li .twrap .content{
    display: inline-block;
    width: calc(100% - 80px);
    vertical-align: top;
    padding-left: 20px;
}
.webtech .tabs-custom-nav li .twrap .content h4{
    font-size: 22px;
}
.webtech .tabs-custom-nav li .twrap .content p{
    padding-bottom: 0;
    font-size: 16px;
    text-align: left;
}
.webtech .tabs-custom-nav li .twrap .content .btn-tab{}
.webtech .general{}
.webtech .general .tab-content-panel{}
.webtech .general .tab-content-panel figure{}
.webtech .general .tab-content-panel figure img{}



.msliderwrap{
    width: 100vh;
    position: absolute;
    left: -280px;
    top: 112px;
}
.msliderwrap .wowoslider{
    width: 100%;
    font-size: 0;
}
.msliderwrap .wowoslider .item{
    width: 100%;
    font-size: 0;
}
.msliderwrap .wowoslider .item figure{
    width: 100%;
    font-size: 0;
    margin-bottom: 0;
}
.msliderwrap .wowoslider .item figure img{
    width: 709px;
    font-size: 0;
}
.home-banner-content p{
    color: var(--third-color);
    font-size: 20px;
    padding-bottom: 40px;
    width: 60%;
}
.header-main .whitelogo{display: none;}
.header-main .blacklogo{display: block;}
.header-main.stickyyy .whitelogo{display: none;}
.header-main.stickyyy .blacklogo{display: block;}

.inerservice .header-main .whitelogo{display: none;}
.inerservice .header-main .blacklogo{display: block;}

.header-main.stickyyy .nav-area-full{background:var(--second-color);box-shadow: 0px 10px 23px var(--third-color)0000d;}
.inerservice .header-main .main-menu > ul > li > a{color: var(--third-color);}
.header-main.stickyyy .main-menu > ul > li > a{color: var(--third-color);}


.header-main.stickyyy .main-menu > ul > li.active > a{color: var(--first-color);}
.header-main.stickyyy .main-menu > ul > li:hover > a{color: var(--first-color);}
.inerservice .header-main .main-menu > ul > li.active > a{color: var(--first-color);}
.inerservice .header-main .main-menu > ul > li:hover > a{color: var(--first-color);}

.header-main .main-menu > ul > li.book-call:hover > a{color: var(--second-color);}
.header-main .main-menu > ul > li.live-chat:hover > a{color: var(--second-color);}
.header-main.stickyyy .main-menu > ul > li.book-call:hover > a{color: var(--third-color);}
.header-main.stickyyy .main-menu > ul > li.live-chat:hover > a{color: var(--third-color);}
.header-main.stickyyy .main-menu > ul > li.head-no > a{color: var(--third-color);}
/* .inerservice .header-main .main-menu > ul > li.head-no > a{color: var(--second-color);} */


.detailsec{
    padding: 60px 0 0;
}
.boxesinfo{}
.proofbox .btnwrap{
    font-family: var(--heading-font-family);
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 50px;
}
.cstmwebdesgn .webcta .btn-black{
    background: #ff000000;
    border: 1px solid white;
}
.btn-black{
    text-align: center;
    border-radius: 10px;
    padding: 14px 20px;
    background-color: var(--third-color);
    color: var(--second-color);
    display: inline-block;
    width: 200px;
    font-size: 16px;
    font-weight: 400;
    margin-right: 20px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    text-transform: capitalize;
}
.btn-black:hover{transform: translateY(-3.925px);color: var(--second-color);-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
/* .cstmwebdesgn .btn-red{
    background: var(--third-color);
} */
.btn-red{
    text-align: center;
    border-radius: 10px;
    padding: 14px 20px;
    background-color: var(--first-color);
    color: var(--third-color);
    display: inline-block;
    width: 200px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.btn-black-custom{
    text-align: center;
    border-radius: 10px;
    padding: 14px 20px;
    background-color: var(--second-color);
    color: var(--third-color);
    display: inline-block;
    width: 200px;
    font-size: 16px;
    font-weight: 400;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.btn-black-custom:hover{
    color: var(--first-color);
}
.btn-red:hover{transform: translateY(-3.925px);color: var(--second-color);-webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;}
button.btn-red{border: none;cursor: pointer;}
.detailsec h2{line-height: 1;font-size: 44px;margin-bottom: 0;padding-bottom: 30px;color:var(--first-color)}

.webcta{
    background: var(--first-color);
    padding: 60px 0 60px;
}
.webcta h3{
    color: var(--third-color);
    font-size: 30px;
    /* padding-bottom: 0; */
}
.webcta p{
    font-size: 18px;
    color: var(--third-color);
}
.webcta .btnwrap{
    padding-top: 28px;
}

.webtech h2{
    line-height: 1;
    font-size: 44px;
    margin-bottom: 0;
    padding-bottom: 30px;
    text-align: center;
}
.webtech p{
    font-size: 18px;
    text-align: center;
    padding-bottom: 40px;
}
.portfolio_arch{
    padding-top: 60px;
}
.portfolio_arch h2{
    line-height: 1;
    font-size: 44px;
    margin-bottom: 0;
    padding-bottom: 30px;
    text-align: center;
}
.portfolio_arch p{
    font-size: 18px;
    text-align: center;
    padding-bottom: 40px;
}
.testi-heading h2{
    font-size: 44px;
    color: var(--third-color);
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 0px;
}
.testi-heading p{
    font-size: 18px;
    text-align: center;
    padding-bottom: 40px;
}
.wrp{width: 100%;}

.innserservice-commonfolds .btnwrap{margin-top: 30px;}


.ourpackages{
    padding: 60px 0;
    text-align: center;
    position: relative;
}
.ourpackages h2{
    line-height: 1;
    font-size: 44px;
    margin-bottom: 0;
    padding-bottom: 30px;
    text-align: center;
    color: var(--first-color);
}
.ourpackages p{
    font-size: 18px;
    text-align: center;
    padding-bottom: 10px;
    color: var(--third-color);
}
.ourpackages .tab-custom{}
.ourpackages .tab-custom .tabbing-links{
    margin-bottom: 0;
    margin-top: 30px;
}
.ourpackages .tab-custom .tabbing-links li{
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    padding: 18px 30px;
    cursor: pointer;
    background: #212020;
    border-radius: 10px 10px 10px 10px;
    margin-top: 10px;
}
.ourpackages .tab-custom .tabbing-links li.current{
    background: var(--first-color);
    color: var(--third-color);
}
.ourpackages .tab-custom .tabbing-links li:hover{}

.ourpackages .tab-custom .tabs{
    display: none;
    width: 100%;
}
.ourpackages .tab-custom .tabs.current{
    display: inline-block;
    text-align: left;
    
}
.ourpackages .tab-custom .tabs ul{
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 0;
    margin-bottom: 0;
    margin-top: 40px;
}
.ourpackages .tab-custom .tabs ul.pckkslider > li {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 25%;
    padding: 0 5px;
}
.ourpackages .tab-custom .tabs ul li .packwrap{
    font-family: var(--secondary-font-family);
    padding: 40px 25px;
    background: #4a4a4a;
    border-radius: 10px;
    border: 2px solid transparent;
}
.ourpackages .tab-custom .tabs ul li .packwrap h3{
    font-size: 20px;
    color: var(--third-color);
    text-align: center;
}
.ourpackages .tab-custom .tabs ul li .packwrap h4{
    font-size: 30px;
    text-align: center;
    font-family: var(--heading-font-family);
    font-weight: 700;
    color: var(--third-color);
}
.ourpackages .tab-custom .tabs ul li .packwrap h4 span{
    color: #a6b0ba;
    text-align: center;
    font-size: 12px;
    display: block;
    font-weight: 400;
    margin-bottom: 8px;
    font-family: var(--secondary-font-family);
}
.ourpackages .tab-custom .tabs ul li .packwrap h5{
    text-align: center;
    color: var(--third-color);
    font-size: 12px;
    line-height: 1.4;
    font-family: var(--secondary-font-family);
    padding-bottom: 0;
}
.ourpackages .tab-custom .tabs ul li .packwrap a{
    margin: 15px 0;
}


.combo-wrapper .tab-custom{}
.combo-wrapper .tab-custom .tabbing-links{
    margin-bottom: 0;
    margin-top: 0;
    width: 100%;
    /* font-size: 10px !important; */
}
.combo-wrapper .tab-custom .tabbing-links li{
    color: #4a5660;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    padding: 18px 18px;
    cursor: pointer;
    background: #eef1f2;
    border-radius: 8px;
    width: 26%;
    text-align: center;
}
.combo-wrapper .tab-custom .tabbing-links li:before{display:none}
.combo-wrapper .tab-custom .tabbing-links li.current{
    background: var(--second-color);
}
.combo-wrapper .tab-custom .tabbing-links li:hover{}

.combo-wrapper .tab-custom .tabs{
    display: none;
    width: 100%;
}
.combo-wrapper .tab-custom .tabs.current{
    display: inline-block;
    text-align: left;
}
.combo-wrapper .tab-custom .tabs ul{
    text-align: center;
    width: 100%;
    display: inline-block;
    font-size: 0;
    margin-bottom: 0;
    margin-top: 20px;
}
.combo-wrapper .tab-custom .tabs ul li{
    vertical-align: top;
    display: block;
    /* text-align: left; */
    width: 100%;
    padding: 0px 25px;
}
.combo-wrapper .tab-custom .tabs ul li .packwrap{
    font-family: var(--secondary-font-family);
    padding: 40px 25px;
    background: #f5f6f7;
    border-radius: 10px;
    border: 2px solid transparent;
}

.btn-pack{
    color: var(--second-color);
    background: var(--third-color);
    padding: 12px 60px;
    /* line-height: 1; */
    display: inline-block;
    border-radius: 10px;
    font-size: 14px;
    text-transform: uppercase;
    font-family: var(--heading-font-family);
    font-weight: 700;
    letter-spacing: 1px;
}
.btn-pack:hover{
    color: var(--second-color);
}
.ourpackages .tab-custom .tabs ul li .packwrap .packfeatures{
    display: flex; flex-direction: column; text-align: left; padding: 0 0 15px; margin-top: 0;
}
.ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li{position: relative;width: 100%;text-align: left;color: #FFFFFF;font-size: 13.5px;padding-left: 0;padding-bottom: 0;font-family: var(--primary-font-family);}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li:before{content: none !important; display: none !important;}
.ourpackages .tab-custom .tabs ul li .packwrap .packfeatures li:before{content: none !important; display: none !important;}
.ourpackages .tab-custom .tabs ul li .packwrap.popular .packfeatures li:before{content: none !important; display: none !important;}


.ourpackages .tab-custom .tabs ul li p.extrainfo{
    color: #a6b0ba;
    text-align: center;
    font-size: 12px;
    display: block;
    font-weight: 400;
    padding-bottom: 0;
    font-family: var(--secondary-font-family);
}
.ourpackages .tab-custom .tabs ul li .viewdetails span{
    font-size:16px;margin-right:10px;
}
.ourpackages .tab-custom .tabs ul li .viewdetails{
    color: #c3c3c3;
    text-align: center;
    display: inline-block;
    font-size: 11px;
    font-weight: 600;
    margin-top: 10px;
    font-family: var(--secondary-font-family);
}
.nopadding{padding: 0px;}
.ourpackages .tab-custom .tabs ul li .packwrap.popular{
    background: var(--first-color);
    border: #00b3ed;
    position: relative;
    font-family: var(--heading-font-family);
}
.ourpackages .tab-custom .tabs ul li .packwrap.popular:after{content: "Popular";position: absolute;text-transform: uppercase;font-size: 14px;top: 13px;left: 0;right: 0;margin:0 auto;color: var(--first-color);font-weight: 700;}
.ourpackages .tab-custom .tabs ul li .packwrap.popular .btn-pack{
    background: var(--second-color);
    color: var(--third-color);
}
.ourpackages:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 284px;background: var(--second-color);}
.bot-form h2{
    font-size: 34px;
    color: var(--third-color);
    line-height: 1.1em;
    margin-bottom: 30px;
    padding: 0px;
}

.inerservice .ourpackages:before{display: none;}
.innserservice-commonfolds h6 span{    color: var(--third-color);}

.myawards{
    padding: 30px 0;
}
.myawards h3{}
.myawards p{
    font-weight: 400;
    padding: 0;
    font-size: 16px;
    padding-right: 50px;
}
.myawards .tsti-lgos{}
.myawards .tsti-lgos .mya{margin-bottom: 0px;font-size: 0;}
.myawards .tsti-lgos .mya li{
    display: inline-block;
    margin: 0 10px;
}
.myawards .tsti-lgos .mya li figure{}
.myawards .tsti-lgos .mya li figure img{}

.techicons{
    padding-top: 30px;
}
.techicons ul{
    font-size: 0;
    margin-bottom: 0;
}
.techicons ul li{
    display: inline-block;
    margin: 0 20px;
}
.techicons ul li figure{
    margin-bottom: 0px;
}
.techicons ul li figure img{
    width: 80px;
}
.wbport{
    display: inline-block;
    width: 100%;
    font-size: 0;
    margin-bottom: 0;
}
.wbport li{
    width: 30%;
    display: inline-block;
    margin: 0 15px 30px;
}

.portbanner{
    background-attachment: inherit;
    height: 400px;
}
.portfoliopg .build-to-win{position: relative;}
.portfoliopg .build-to-win:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 284px;
    background: var(--second-color);
}

.portfoliopg .build-to-win .tab-custom{
    position: relative;
    z-index: 1;
    text-align: center;
}
.portfoliopg .build-to-win .tab-custom .tabbing-links{
    margin-bottom: 0;
    margin-top: 30px;
    margin-bottom: 50px;
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li{
    background: #212020;
    color: #5a5a5a;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    padding: 18px 30px;
    cursor: pointer;
    border-radius: 10px 10px 0 0;
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li.current{
    background: var(--first-color);
    color: var(--third-color)
}
.portfoliopg .build-to-win .tab-custom .tabbing-links li:hover{}

.portfoliopg .build-to-win .tab-custom .tabs{
    display: none;
}
.portfoliopg .build-to-win .tab-custom .tabs.current{
    display: inline-block;
    text-align: left;
}
.portfoliopg .build-to-win .main-heading{
    margin-bottom: 0;
}
.packagespg .ourpackages:before{display: block;}
.homeslid .slick-prev{left:40px;z-index: 2;}
.homeslid .slick-next{right:40px;z-index: 2;}
.homeslid .slick-next,.homeslid .slick-prev{top: 46% !important;z-index: 3;}
.footerleft figure img{
    width: 170px;
}

.customquotepg .cta-fold{margin-top: 70px;}
.innserservice-commonfolds.animation{background: var(--second-color) url(../images/second-fold/animation.jpg)no-repeat;}
.innserservice-commonfolds.backend{background: var(--second-color) url(../images/second-fold/backend-development.jpg)no-repeat;}
.innserservice-commonfolds.ecommerce{background: var(--second-color) url(../images/second-fold/ecommerce.jpg)no-repeat;}
.innserservice-commonfolds.mobile{background: var(--second-color) url(../images/second-fold/mobile-development.jpg)no-repeat;}
.mtech{
    text-align: center;
    padding: 60px 0;
}
.mtech h2{
    line-height: 1;
    font-size: 44px;
    margin-bottom: 0;
    padding-bottom: 30px;
}
.mtech ul{
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
    font-size: 0;
}
.mtech ul li{
    vertical-align: top;
    width: 30%;
    display: inline-block;
    padding: 30px 30px 30px;
    margin: 15px 15px;
    border: 1px solid #e6e2e2;
    border-radius: 10px;
    height: 340px;
}
.mtech ul li figure{
    margin-bottom: 0;
}
.mtech ul li figure img{
    width: 100px;
}
.mtech ul li h3{
    font-size: 22px;
}
.mtech ul li p{
    font-size: 14px;
    line-height: 1.6;
}



.innserservice-commonfolds.cwebdesign{
  background: var(--second-color) url(../images/abt/custom-website-design.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.wordpress{
  background: var(--second-color) url(../images/abt/wordpress.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.ecommerce{
  background: var(--second-color) url(../images/abt/ecommerce-website-development.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.webapp{
  background:  url(../images/abt/web-application-development.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.backend{
  background: url(../images/abt/backend-development.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.mobapp{
  background: var(--second-color) url(../images/abt/mobile-application.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.webmain{
  background: var(--second-color) url(../images/abt/web-maintanance.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.domain{
  background: var(--second-color) url(../images/abt/domain-and-hosting.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.branding{
  background: var(--second-color) url(../images/abt/branding.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.video{
  background: var(--second-color) url(../images/abt/animation.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
.innserservice-commonfolds.seo{
  background: var(--second-color) url(../images/abt/seo.jpg)no-repeat;
  background-position: top right -20px;
  background-size: 40%;
  padding: 60px 0;
}
input.error {
    border: 1px solid red !important;
}


.ourpackages  ul.slick-dots{     bottom: -11px;
    left: 0;
    right: 0;
    margin: 0 auto;}


.works-wrap {
    padding: 150px 0 60px;
    position: relative;
    background-color: var(--second-color)fff;
    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: var(--third-color);
    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 1px 6px var(--third-color);
    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: var(--first-color);
    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 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: var(--third-color);
}

.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: var(--second-color)fff;
    box-shadow: none;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    background: var(--first-color);
    font-family: var(--heading-font-family);
}
.subs-pac:hover a.ordrrrr {
    background: var(--first-color);
    color: var(--third-color);
}
.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 var(--second-color);
}
.subs-pac .actions a.chatbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0px;
    display: inline-block;
    color: var(--third-color);
    margin: 0px;
}
.subs-pac .actions a.numberbtn {
    font-size: 14px;
    font-weight: 600;
    padding: 15px 0px;
    color: var(--third-color);
    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: var(--second-color);
}
.subs-pac:hover h6 b {
    color: var(--second-color);
}
.subs-pac.bronze:hover a.chatbtn {
    color: var(--second-color) !important;
}
.subs-pac.bronze:hover a.numberbtn{
    color: var(--second-color) !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: var(--third-color);
}
.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 {
    text-align: left;
    padding: 14px 0 14px 0;
    border-bottom: 1px solid #eaeaea;
    width: 95%;
}
.subscribe-fold .table-packages .body ul li h6 {
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-family: var(--primary-font-family);
}
.subscribe-fold .table-packages .body ul li span.tick {
    font-size: 20px;
    color: #01e252;
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 30px;
    height: 32px;
    line-height: 1.6;
    float: right;
}
.subscribe-fold .table-packages .body ul li span.tick:before {
    font-family: "fontawesome";
    content: "\f00c";
    position: absolute;
    top: 0;
}
.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;
   
}
.heading{
    font-weight: 700;
}
.subscribe-fold .table-packages .body .subscription-list {
    height: 430px;
    margin-top: 20px;
    padding: 0;
}
.custompackages .topwrap{
    padding: 20px;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
}
.custompackages{
    font-size: 0;
    padding: 60px 0;
    /* 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: var(--third-color);
    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;}
/*================COMPLETE-BRANDING-SOLUTION-CSS-START=================*/
.main-cmplte-brnd-sec{padding: 60px 0 30px 0;background-color: var(--second-color)fff;}
.cmpo-prc-inner ul .list-scroll{padding: 0px;margin: 0px 0 30px 0;height:200px;}
.cmpo-prc-inner ul li:before{
    content: "\e962";
    position: absolute;
    left: 0;
    font-family: 'icomoon' !important;
    top: 2px;
    font-size: 13px;
    color: #01e252;
    }
.cmpo-prc-inner ul li.cmp-heading{font-weight: bold;font-size: 20px;padding: 0 0 3px 0;/* color: var(--second-color)fff; */text-transform: uppercase;position: relative;font-family: "Bai Jamjuree", sans-serif;font-size: 20px;color: #464c51;/* text-align: center; */margin: 10px auto;}
.cmpo-prc-inner ul li.cmp-heading:before{content: "";position: absolute;height: 2px;/* background-color: #f69201; */bottom: 0px;left: 0px;}
.cmpo-prc-inner ul li.cmp-heading.brd1:before{width: 132px;}
.cmpo-prc-inner ul li.cmp-heading.brd2:before{width: 97px;}
.cmpo-prc-inner ul li.cmp-heading.brd3:before{width: 250px;}
.cmpo-prc-inner ul li.cmp-heading.brd4:before{width: 200px;}
.cmpo-prc-inner ul li{position: relative;
    width: 100%;
    text-align: left;
    color: #63686c;
    font-size: 14px;
    padding-left: 22px;
    padding-bottom: 10px;
    font-family: var(--primary-font-family);}
.cmpo-prc-inner ul li span{font-size: 10px;}
.cmplet-img img{width: 100%;}
.main-cmple-img-sec{position:relative;}
.brndng-txt{width: 35%;position: absolute;top: 0px;left: 0px;}
.brndng-txt img{width: 100%; -ms-transform: rotate(3deg); /* IE 9 */ -webkit-transform: rotate(3deg); /* Safari prior 9.0 */ transform: rotate(3deg); /* Standard syntax */}
.cmplet-img {padding: 0 0 0 0;}
.chat-con-combo .pkge-ordr{/* display: inline-block; */margin: 0;float: left;width: 100%;}
.chat-con-combo .pkge-bkcl{display: inline-block;float: right;}
a.cmp-btn {/* background: #327587; */background: -moz-linear-gradient(-45deg, #327587 0%, #58b9d1 100%);/* background: -webkit-linear-gradient(-45deg, #327587 0%,#58b9d1 100%); */background: var(--first-color);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#327587', endColorstr='#58b9d1',GradientType=1 );color: var(--second-color);font-size: 13px;font-weight: 600;text-transform: uppercase;padding: 10px 12px;border-radius: 5px;margin-left: 0;width: 100% !important;float: left;}
a.out-cmp-btn {color: var(--second-color); font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 9.5px 14px; border-radius: 5px; background-color: transparent; border: 1px solid var(--second-color); width: 100% !important; /* float: left; */ margin-left: 4px; }
.chat-con-combo {padding: 10px 0 0 0;width: 100% !important;color: #333 !important;}
.brndng-plan{position: absolute; right: 0px; top: -20px; }
.brndng-plan img{width: 100%;}
.main-cmplte-mob-sec{padding: 30px 0 30px 0;background-color: #4235b4;display: none;}
.cmpl-mob-img{text-align: center; width: 75%; margin: 0 auto 15px; }
.cmpl-mob-img img{width: 100%;}
.main-cmplte-mob-sec .slick-dots{bottom: -10px;}
.main-cmplte-mob-sec .chat-con-combo {padding: 7px 0 30px 0; }
/*================COMPLETE-BRANDING-SOLUTION-CSS-END=================*/

.cstmwebdesgn .main-cmplte-brnd-sec .packwrap .list-scroll{
    height: 175px;
}
.main-cmplte-brnd-sec .packwrap {
    font-family: var(--secondary-font-family);
    padding: 25px 25px;
    background: #f5f6f7;
    border-radius: 10px;
    border: 2px solid transparent;
}
.line-over-text{
  text-decoration: line-through;
  color: #a6b0ba;
  font-size: 16px;
  font-weight: 700;
  /* position: absolute; */
  right: 7px;
  top: 0;
}
a.out-cmp-btn {
    color: var(--second-color);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 9.5px 14px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid var(--second-color);
    width: 100% !important;
    /* float: left; */
    margin-left: 4px;
}
a.out-cmp-btn {
    color: var(--first-color);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    padding: 9.5px 14px;
    border-radius: 5px;
    background-color: transparent;
    border: 1px solid var(--first-color);
    width: 100% !important;
    /* float: right; */
    margin-top: -8px;
    /* margin-right: 2px; */
    }

.cmpo-prc-inner h4{
  font-size: 36px;
  font-weight: 900;
  position: relative;
}
section.main-cmplte-brnd-sec .viewdetails {
   color: #a6b0ba;
   text-align: center;
   display: inline-block;
   font-size: 14px;
   font-weight: 400;
   margin-top: 28px;
   font-family: var(--secondary-font-family);
   /* margin-left: 9px; */
}

.cmpo-prc-inner h2 {
    font-size: 20px;
    color: #464c51;
    text-align: center;
}

.center-btn{
  display: block;
    margin-top: 0px;
    width: 100%;
    float: left;
}

.brd-cbcbcb{
  border: 1px #cbcbcb solid;
    padding: 50px;
    border-radius: 9px;
}
.subscribe-fold .table-packages .body ul li.cmp-heading {
    font-size: 24px;
    font-weight: 600;
}
.combo-wrapper .mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: 0;}

    .combo-wrapper .mCSB_container {
   
    padding-left: 16px;
}


a.action-no.clearfix.sea span {
    font-size: 10px;
    float: left;
    font-weight: bold;
    color: var(--third-color);
    
}
a.action-no.clearfix.sea span small {
    font-size: 11px;
    color: var(--third-color);
    font-weight: bold;display:block;
}
a.action-chat.clearfix.pull-right.sea span {
    font-size: 11px;
    font-weight: bold;
}
a.action-chat.clearfix.pull-right.sea span small {
        font-size: 11px;
    font-weight: bold;
    color: var(--third-color);
}
a.action-chat.clearfix.pull-right.sea {
    color: var(--third-color);
}
.actions.row.web {
    border-top: 1px solid #eaeaea;
    position: relative;
}
.actions.row.web::before {
    position: absolute;
    content: "";
    height: 100%;
    background-color: #eaeaea;
    width: 1px;
    left: 49%;
}

.ourpackages .tab-custom .tabs ul li .packwrap {
    padding: 25px 25px 0px;
    }

.cstmwebdesgn .actions.row.web {
    border-top: none;
    position: relative;
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .viewdetails {

    text-transform: lowercase;
}
.cstmwebdesgn a.action-no.clearfix.sea span {
    font-size: 11px;
    float: left;
    font-weight: 200;
    color: var(--third-color);
}
.cstmwebdesgn a.action-no.clearfix.sea span small {
    font-size: 11px;
    color: var(--third-color);
    font-weight: 200;
}

.cstmwebdesgn a.action-chat.clearfix.pull-right.sea span small {
    font-size: 11px;
    font-weight: 200;
    color: var(--third-color);
}
.cstmwebdesgn a.action-chat.clearfix.pull-right.sea span {
    font-size: 11px;
    font-weight: 200;
    color: white;
}
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .viewdetails {
    background: none !important;
    color: var(--third-color);
    text-transform: capitalize;
    font-size: 10px;
    }

.cstmwebdesgn .actions.row.web::before {
    position: absolute;
    content: "";
    height: 77px;
    background-color: #ded7d7;
    width: 1px;
    left: 51%;
}





.cstmwebdesgn .comboopack {background: #f6f6f8; padding-bottom: 90px; padding-top: 60px; }
.cstmwebdesgn .container-custom {max-width: 1285px; margin: auto; padding: 0 15px; }
.cstmwebdesgn .comboopack .combopackwrap {background: var(--second-color); width: 100%; display: inline-block; box-shadow: 0 6px 20px 0 rgba(0,0,0,0.06); }
.cstmwebdesgn .comboopack .combopackwrap .headdd {padding: 20px 50px;background: var(--first-color);text-align: left;position: relative;border-radius:10px 10px 0 0;}
.cstmwebdesgn .comboopack .combopackwrap .headdd figure {position: absolute; margin-bottom: 0; right: -20px; top: -30px; }
.cstmwebdesgn .comboopack .combopackwrap .headdd h3 {text-align: center; padding-bottom: 0; color: var(--third-color); font-size: 38px; text-transform: capitalize; }
.cstmwebdesgn .comboopack .combopackwrap .headdd h3 span {display: block; font-size: 24px; margin-top: -3px; }
.cstmwebdesgn .comboopack .combopackwrap .bodyyy {font-size: 0; padding: 30px 50px; }
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll {width: 33.33%; display: inline-block; vertical-align: top; padding: 0 15px; }
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li.heading {font-weight: 700;color: var(--first-color);padding-left: 0;font-size: 20px;}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li {color: var(--third-color); font-size: 16px; padding: 0 0px 10px 30px; position: relative; line-height: 1.4; }
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li:before {content: "\f058";position: absolute;font: normal normal normal 14px/1 FontAwesome;left: 5px;font-size: 18px;color: var(--third-color);display: table-cell;vertical-align: middle;top: 1px;}
.cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll ul li.heading:before{font-size:0px;}
.cstmwebdesgn .comboopack .combopackwrap .headdd figure img {width: 170px;position: absolute;left: -200px;top: 30px;}
.cstmwebdesgn .comboopack .combopackwrap .footterr {padding: 20px 30px;font-size: 0;background: var(--first-color);border-top: 1px solid #f3f3f3;border-radius: 0 0 10px 10px;}
.cstmwebdesgn .comboopack .combopackwrap .footterr .left {display: inline-block; width: 100%; vertical-align: bottom; font-size: 0; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .txtt {display: inline-block; width: 100%; text-align: center; vertical-align: middle; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .txtt h4 {color: var(--third-color); font-size: 22px; /* margin-top: 10px; */ padding-bottom: 0; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .btnwrap {display: inline-block; width: 70%; padding-left: 20px; vertical-align: middle; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .btnwrap .numbercta {color: var(--second-color); font-size: 16px; font-weight: 600; margin-right: 15px; padding: 14px 20px; border: 1px solid var(--second-color); border-radius: 30px; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .left .btnwrap .chatcta {color: var(--second-color); font-size: 16px; font-weight: 600; margin-right: 21px; padding: 15px 30px; border: 1px solid var(--second-color); border-radius: 30px; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right {display: inline-block; width: 100%; vertical-align: bottom; position: relative; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right figure {margin-bottom: 0; display: inline-block; width: 30%; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right figure img {width: 230px; position: absolute; top: -355px; left: 200px; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .price {display: inline-block; width: 40%; vertical-align: middle; padding-left: 10px; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 {font-size: 44px;color: var(--first-color);padding-bottom: 12px;position: absolute;top: 430px;left: 1040px;}
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .price h6 {color: var(--second-color); font-size: 21px; padding-bottom: 0; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .right .orderbtn {display: inline-block; vertical-align: middle; width: 100%; text-align: center; }
.cstmwebdesgn .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; }
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 span {position: relative;font-size: 18px;padding-bottom: 0;color: #b3b1b1;margin-left: 10px;}
.cstmwebdesgn .comboopack .combopackwrap .footterr .price h2 span:before {content: "";width: 60px;height: 2px;display: block;background: #9e9c9c;position: absolute;left: 0px;top: 47%;}
.cstmwebdesgn .img-price img {width: 150px;position: absolute;top: 380px;left: 870px;}
.cstmwebdesgn a.numbercta {font-size: 20px;display: inline-block;padding: 10px 20px;border: 1px solid var(--third-color);color: var(--second-color);margin-right: 20px;border-radius: 10px;background: var(--third-color);}
.cstmwebdesgn a.chatcta {font-size: 20px;border: 1px solid var(--second-color);display: inline-block;border-radius: 3px;padding: 10px 22px;color: var(--third-color);margin-right: 20px;border-radius: 10px;background:var(--second-color)}
.cstmwebdesgn .btn-primary {border: 1px solid var(--second-color) !important;background-color: var(--second-color);font-family: 'Poppins', sans-serif;font-size: 18px;color: var(--third-color) !important;line-height: 1;border: none;padding: 18px 40px;outline: none;cursor: pointer;border-radius: 10px;white-space: nowrap;display: inline-block;}





@media only screen and (max-width: 767px) and (min-width: 0px)   {
    
    .cstmwebdesgn .comboopack .combopackwrap .headdd h3{font-size: 30px;text-align: left;}
    .cstmwebdesgn .comboopack .combopackwrap .bodyyy{padding: 30px 30px;}
    .cstmwebdesgn .img-price img{display:none;}
    .cstmwebdesgn .comboopack .combopackwrap .footterr .price h2{position:relative;left: 0;top: 0;text-align: center;    color: var(--second-color);}
    .cstmwebdesgn .comboopack .combopackwrap .footterr .left .txtt h4{font-size:18px;text-align: center;}
    .cstmwebdesgn a.numbercta{margin:10px;}
    .cstmwebdesgn .comboopack .combopackwrap .headdd figure img {width: 130px;left: -140px;top: 30px;}
    .cstmwebdesgn .comboopack .combopackwrap .bodyyy .coll{width:100%;}
    .cstmwebdesgn a.chatcta, .cstmwebdesgn .btn-primary{width: 100%;margin: 10px 0;display: block;    font-size: 16px;}

  a.action-no.clearfix.sea span small {display: block;}
  a.action-chat.clearfix.pull-right.sea span small {display: block;}
  .actions.row.web {padding-right: 25px;}
  .ourpackages ul.slick-dots {bottom: -32px;}


  .msliderwrap{display: none;}
  .header-main .logo img{    width: 126px;}
  .home-banner-content h1{font-size: 32px;width: 100%;}
  .home-banner-content p{font-size: 18px;width: 100%;}
  .floating_wrap{display: none!important;}
  .floatbutton{display: none!important;}
  .mybanform form .wrap{box-shadow: none;}
  .mybanform form .wrap .dtf{width: 100%;margin-bottom: 10px;}
  .mybanform form .wrap .dtf input[type="text"], .mybanform form .wrap .dtf input[type="email"], .mybanform form .wrap .dtf input[type="number"]{width: 100%;height: 52px;border-radius: 10px;}
  .mybanform form .wrap .dtf input[type="submit"]{height: 52px;padding: 10px 30px;line-height: 1;width: 100%;border-radius: 10px;}
  .mybanform form .wrap .dtf.posrelative{width: 100%;}
  .home-banner {padding-top: 0;margin-top: 108px;background-position: center;}
  .webtech .general .tab-content-panel figure img {display: none;}
  .slick-prev,.slick-next{display: none!important;}
  .ourpackages .tab-custom .tabs ul.pckkslider > li {width: 100%;    padding: 0 20px;}
  .portfolio_arch .fixdwrap .portfoliogridlist li{width: 100%;}
  .portfolio_arch .fixdwrap .portfoliogridlist{padding: 0 30px;}
  .ourpackages .tab-custom .tabbing-links li{    font-size: 14px;padding: 14px 15px;margin-bottom: 10px;border-radius: 10px;}
  .ourpackages:before{display: none;}
  .ourpackages .tab-custom .tabbing-links li.current{    background: var(--first-color);color: var(--second-color);}
  .mybanform {padding: 0 20px;}
  .mobile-nav-btn span{color: var(--second-color);background-color: var(--third-color);}
  
  .mobile-nav-btn span:before, .mobile-nav-btn span:after{background-color: var(--third-color);}
  .whether-you .main-heading h2,.build-to-win .main-heading h2,.innserservice-commonfolds h1,.bot-form h2,.cta-fold p,.testi-heading h2,.x-factor-section h2,.webcta h3,.webtech h2,.ourpackages h2,.portfolio_arch h2,.proofbox h3,.detailsec h2{text-align: left;font-size: 28px;}
  .mobile-nav-btn{z-index: 999;top: 60px;}
  .logo-main img{width: 120px;}
  .detailsec p{padding-bottom: 20px;}
  .proofbox p{text-align: left;}
  .proofbox .btnwrap{text-align: left;}
  .btn-black{margin-bottom: 10px;}
  .portfolio_arch p{text-align: left;}
  .ourpackages p{text-align: left;}
  .webtech{padding-top: 0px;}
  .webtech p{text-align: left;}
  .webtech .tabs-custom-nav li .twrap .content{width: 100%;padding-left: 0px;margin-top: 20px;}
  .webtech .tabs-custom-nav li .twrap{padding: 30px;}
  .testi-heading h2{text-align: left;}
  .testi-heading p{text-align: left;}
  .x-factor-section{min-height:auto;    padding: 30px 0;}
  .main-testimonials-sec{padding: 30px 0;}
  .slick-dots{    bottom: 30px;}
  .testi_box>p{font-size: 16px;}
  .myawards{display: none;}
  .bot-form{padding-top: 30px;}
  .footer-top{background:none;    padding: 30px 0;height: auto;}
  .inerservice-banner .isb-textwrapper h1{font-size: 28px;}
  .inerservice-banner .isb-textwrapper{padding-right: 0px;}
  .inerservice-banner .submit{width: 100%;}
  .inerservice-banner form{width: 100%;margin-top: 20px;padding: 0 20px;}
  .innserservice-commonfolds{background: none!important;}
  .innserservice-commonfolds h6 {color: var(--first-color);font-weight: 700;font-size: 24px;padding: 15px 0;}
  .build-to-win .to-win-box{width: 100%;}
  .build-to-win .main-heading p{text-align: left;}
  .innserservice-commonfolds.experience{padding: 30px 0;margin-top: 0px;}
  .whether-you .main-heading p{text-align: left;}
  .whether-you .main-heading{width:100%;}
  .whether-you .whether-box{text-align: left;}
  .whether-you .whether-box figure{margin:inherit;}
  .wbport li{margin: 0px;padding: 0px 15px 30px;}
  .ourpackages{padding: 30px 0 50px;}
  .portfoliopg .build-to-win .tab-custom .tabbing-links li{    font-size: 14px;padding: 14px 15px;margin-bottom: 10px;border-radius: 10px;}
  .portfoliopg .build-to-win:before{display: none;}
  .portfoliopg .build-to-win .tab-custom .tabbing-links li.current{    background: var(--first-color);color: var(--second-color);}
  




}


@media only screen and (max-width: 1340px) and (min-width: 768px) {
    
    .logo img {
    width: 190px !important;
}
   .home-banner-content h1 {
    font-size: 30px;} 
    .mybanform form .wrap {

    padding-bottom: 40px;
}
    .btn-black {
    font-size: 13px;
    width: 165px !important;
    margin-bottom: 10px;
    
}
.footer-top{
        padding: 60px 0 30px !important; 
}

.btn-black-white{
    background-color: var(--second-color);
    color: var(--third-color);
}
  .msliderwrap .wowoslider .item figure img{width: 570px;}
  .msliderwrap {width: 100vh;position: absolute;left: -260px;top: 135px;}
  .pckkslider .slick-next{        display: none !important;}
  .x-factor-section{    background-position: 520px 160px !important;}
  .innserservice-commonfolds.experience {
    background-position: top left 5px !important;
    background-size: 37%!important;
}
.ourpackages .tab-custom .tabbing-links li{    padding: 18px 21px;}
.ways .ways-box{    padding: 0 0px;}
.webtech .general .tab-content-panel figure {
    display: block;
    text-align: center;}
    .btn-red{    width: 126px !important;}
}
@media only screen and (max-width: 769px) and (min-width: 0px){
    .portfolio_arch .fixdwrap .portfoliogridlist{    text-align: center;}
    .portfolio_arch .fixdwrap .portfoliogridlist li{    margin: 10px 3px;     width: 45%;}
    /* .ourpackages .tab-custom .tabs ul li { width: 45%; } */
    .btn-black{    font-size: 15px;     width: 120px !important;}
    .btn-red{  font-size: 13px;
    width: 126px !important;}
    .wbport{    text-align: center;}
.cstmwebdesgn .wbport li{    width: 85% !important;}
    
    /*Harris Css*/
    .cstmwebdesgn .btn-red {
        width: 150px !important;
    }
    
    .x-factor-section{    background-position: 420px 160px !important;}
    .testi_box{    padding: 30px 0px 0 0px;}
    .mobile-nav-btn{    top: 104px; z-index: 999;}
    .mobile-nav-btn span{    width: 52px; background-color: var(--first-color);}
    .mobile-nav-btn span:before, .mobile-nav-btn span:after{    background-color: var(--first-color);         width: 45px;}
    .wbport li{    width: 28.7% !important;}
    .inerservice-banner{    padding: 20px 0 0;}
    .innserservice-commonfolds.experience{    background-image: none;}
    .mtech ul li{    width: 45%;}
    .ways .ways-box figure img{    width: 50%;}
    .ways .main-heading{    max-width: 100%;}
    .siloed .main-heading{    max-width: 100%;}
    .mobile-nav-btn .lines:after{    top: -8px;}
    .mobile-nav-btn .lines:before{    top: 8px;}
}
@media only screen and (max-width: 375px){
    .ways h2{    max-width: 90%;
    margin: 0 auto;
    font-size: 27px;}
    .siloed .main-heading h3{font-size: 34px;}
    .contactbtm-box{    width: 100%;}
    .siloed .main-heading{     max-width: 100%;}
    .ourpackages .tab-custom .tabs ul.pckkslider > li {    width: 100%;}
    .mobile-nav-btn{    top: 58px;}
    .portfolio_arch .fixdwrap .portfoliogridlist li{width: 50% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
    margin: 0;}
    .home-banner{    margin-top: 0;height: 96vh;}
    .mobile-nav-btn span{    width: 45px;}
    .portfoliopg .build-to-win .tab-custom .tabs.current{    text-align: center;}
    .wbport li{width: 47.7% !important;     padding: 0px 4px 30px;}
    .techicons ul li{    margin: 0 17px;}
    .mtech ul li{    width: 90%;}
    .contact-wrapper form{    width: 100%;}
    .contact-wrapper{    background-image: none;}
    .combo-wrapper .tab-custom .tabbing-links li{    width: 32%;     font-size: 8px;     padding: 18px 6px;}
    .mobile-nav-btn span:before, .mobile-nav-btn span:after{    width: 40px;}
    .mobile-nav-btn span{    width: 40px;}
    .btn-black{    font-size: 13px;}
}
@media only screen and (max-width: 320px){
    .header-main .cntct ul li a{    font-size: 11px;}
    .home-banner{    height: 152vh;}
    .portfolio_arch .fixdwrap .portfoliogridlist li{
    
}
}
@media only screen and (max-width: 414px){
      .contactbtm-box{    width: 100%;}
      .siloed .main-heading{    max-width: 100%;}
      .siloed .main-heading h3{    font-size: 34px;}
      .siloed{padding: 20px 0;}
      .btn-black {    width: 170px;    padding: 14px 10px;}
      .btn-red{width: 170px;    padding: 14px 10px;}
      .mobile-nav-btn{    top: 64px;}
      .wbport li{    width: 32.7% !important;}
      .mobile-nav-btn span{    width: 35px;}
      .mobile-nav-btn span:before, .mobile-nav-btn span:after{    width: 35px;}
      .portfoliopg .build-to-win .tab-custom .tabbing-links li{    padding: 10px 15px !important;     font-size: 12px !important;}
      .mtech ul li{    width: 85%;}
      .mtech h2{font-size: 40px;}
      /* .ourpackages .tab-custom .tabs ul li { width: 90%; } */
      .ways h2{    max-width: 100%;    font-size: 39px;}
      .ways .main-heading{    padding: 0 0 10px;}
      .awards-process{    padding: 60px 0 60px;}
      .contact-wrapper{    background-image: none;}
      .contact-wrapper form{    width: 100%;}
}
@media only screen and (max-width: 1540px) and (min-width: 1341px) {
  .msliderwrap .wowoslider .item figure img{width: 656px;}
    .msliderwrap{top: 118px;}
}
@media only screen and (max-width: 1840px) and (min-width: 1641px) {
  .msliderwrap .wowoslider .item figure img{    width: 772px;}
    .msliderwrap{top: 96px;}
}
@media only screen and (max-width: 2290px) and (min-width: 1841px) {
  .msliderwrap .wowoslider .item figure img{  width: 841px;}
    .msliderwrap{top:50px;left: -290px;}
}

/*Harris Css*/
@media only screen and (max-width: 750px) and (min-width: 414px) {
    .mobile-nav-btn {
        top: 56px;
  } 
    .mobile-nav-btn span {
        width: 45px;
  }
  .cstmwebdesgn .build-to-win .to-win-box a figure img{height:auto;}
      .portfolio_arch .fixdwrap .portfoliogridlist li{
    width: 50% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
    margin: 0;
    }
}
@media only screen and (max-width: 425px) and (min-width: 375px) {
    .portfolio_arch .fixdwrap .portfoliogridlist li{
    width: 50% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
    margin: 0;
    }
  .cstmwebdesgn .mobile-nav-btn {
      margin-right: 3px;
  }
  .cstmwebdesgn {
      overflow-x: hidden !important;
  }
  .cstmwebdesgn .wbport li {
          width: 50% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
    margin: 0;

  }
  .cstmwebdesgn .build-to-win .to-win-box a figure img{height:auto;}
  /*.cstmwebdesgn .btn-primary {*/
  /*  padding: 18px 20px !important;*/
  /*  width: 48% !important;*/
  /*}*/
  .cstmwebdesgn .comboopack .combopackwrap .headdd figure {
    right: -7px;
  }
}
@media only screen and (max-width: 480px) {
    .cstmwebdesgn .build-to-win .to-win-box a figure img{height:auto;}
    .cstmwebdesgn .lgos-sctn ul {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }
    .cstmwebdesgn .lgos-sctn ul li {
        width: 50%;
        margin-top: 20px;
    }
    .cstmwebdesgn .lgos-sctn ul li:nth-child(1), .cstmwebdesgn .lgos-sctn ul li:nth-child(2) {
        margin-bottom: 20px;
    }
    .cstmwebdesgn .webcta .btnwrap {
        text-align: center;
    }
    .cstmwebdesgn section.call-actions span.mail {
        margin-left: 0px;
    }
    .cstmwebdesgn section.call-actions span.phone {
        font-size: 60px;
        margin-top: 16px;
    }
    .cstmwebdesgn .phone-div {
        padding-left: 0px;
    }
    .cstmwebdesgn section.call-actions .phone-div h3 {
        padding-left: 65px;
    }
    .cstmwebdesgn section.call-actions h2 {
        padding: 20px 0 0 0px;   
    }
    .cstmwebdesgn section.qualities {
        padding-bottom: 0px;
    }
    section.home-banner.d-flex .intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 {
        width: 100%;
    }
    .callusnow {
        bottom: 0;
    }
    .clientssection ul li figure img {
        width: 100%;
    }
    
    .x-factor-section a.btn-black {
        width: 145px !important;
    }
    .header-main .top-bar .sldrwrp {
        position: relative;
        margin-bottom: 10px;
    }
    .mobile-nav-btn {
        top: 25px;
    }
    .header-main .cntct ul {
        text-align: left;
    }
    .header-main .cntct ul li:nth-child(1) {
        padding-left: 0;
    }
    .packagespg .mtech ul li p {
        font-size: 12px;
        line-height: 1.5;
    }
    .packagespg .mtech ul li {
        padding: 20px;
    }
    .packagespg .mtech ul li:nth-child(2) {
        height: 375px;
    }
    .contactus .contactbtm-box {
        width: 48%;
    }
    
}

@media only screen and (max-width: 390px) {
    .header-main .top-bar .sldrwrp p {
        font-size: 14px;
    }
}
@media only screen and (max-width: 370px) {
  .cstmwebdesgn a.chatcta {
    width: 196px;
    margin-right: 0;
    margin-bottom: 10px;
  } 
  .cstmwebdesgn .btn-primary {
    width: 196px !important;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .cstmwebdesgn .wbport li {
    width: 48% !important;
    padding-left: 1% !important;
    padding-right: 1% !important;
  }
  .cstmwebdesgn .mobile-nav-btn {
      margin-right: 3px;
  }
  .cstmwebdesgn .comboopack .combopackwrap .headdd figure {
    right: -7px;
  }
}





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

@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; }
.x-factor-section{    background-position: 590px 108px;}
.pckkslider .slick-next{    display: none;}
.ourpackages .tab-custom .tabbing-links li{    padding: 18px 21px;}
.home-banner{    height: 57vh;}
.btn-black{ width: 166px ;    padding: 14px 10px;}
.btn-red{    width: 166px ;    padding: 14px 10px !important;}
.portfoliopg .build-to-win .tab-custom .tabbing-links li{padding: 18px 28px ;}
.wbport li{    width: 29.7% !important;}
.innserservice-commonfolds.experience{    background-position: top left 5px !important;
    background-size: 37%!important;}

}
@media only screen and (max-width: 991px) {
.logo {/* width: 70px; */} 
}
@media only screen and (max-width: 767px) {
.home-banner {
    height: 450px;
}

/*** 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; }
}
.blink {
    animation: blinker 1s step-start infinite;
}
.blink {animation: blinker 1s step-start infinite;}



@keyframes blinker {
  50% {
    color: var(--first-color); 
  }
}


.floatingform-sec {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    left: -450px;
    top: 200px;
    font-size: 0;
    width: 450px;
    /* transform: translateY(-50%); */
    z-index: 999;
    /* display: none; */
}
.floatingform-sec.visible{display:block;}
/*.floatingform-sec .outer-show{width: 50px;z-index: 999;height: 200px;cursor: pointer;box-shadow: -20px 7px 18px -7px rgba(87, 184, 151, 0.09);border-radius: 10px 0px 0px 10px;display: inline-block;padding-top: 0;vertical-align: top;margin-top: 120px;position: relative;text-transform: uppercase;background: #7d45a2;}*/
.floatingform-sec .outer-show {
    display:none !important;
    width: 50px;
    z-index: 999;
    height: 250px;
    cursor: pointer;
        /* box-shadow: 0px 0px 40px var(--third-color) !important; */
    border-radius: 0 10px 10px 0;
    display: inline-block;
    padding-top: 0;
    vertical-align: top;
    /* margin-top: 120px; */
    position: relative;
    text-transform: uppercase;
    background: var(--third-color);
    left: 450px;
    right: auto;
    top: 0px;
}
.floatingform-sec .outer-show p{color: var(--second-color)fff;font-size: 17px;font-weight: 700;text-transform: uppercase;position: absolute;display: block;transform: rotate(-90deg);-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;left: -50px;text-transform: capitalize;white-space: pre;bottom: 115px;}
.floatingform-sec .outer-show p.blink{color: var(--first-color);}
.floatingform-sec .outer-show:hover{right: 0px;}
.floatingform-sec.show{left: -50px;}
.floatingform-sec span.icoo{color: #c39d35;font-size: 18px;padding: 15px 20px;background: var(--second-color)fff;border-radius: 10px 0px 0px 10px;border-right: 1px solid #ded9d9;vertical-align: middle;display: inline-block;}





/*===================================================popup-christmas=======================================================*/





.eggoffer.show{position: fixed;bottom: 8px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.eggoffer{width: 150px; cursor: pointer; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: fixed; bottom: 10px; left: 8px; z-index: 999; overflow: hidden; }
.eggoffer .top{position: relative; z-index: -1; }
.eggoffer .top figure{text-align: center; }
.eggoffer .top figure img{opacity: 1; }
.eggoffer .bottom{cursor: pointer; padding: 16px 5px; border-radius: 5px; background: #16a07d; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3:before,.eggoffer .bottom h3:before{display: none;}
.eggoffer .bottom h3{font-size: 14px; margin: 0; color: var(--second-color); }
.eggoffer .bottom span{color: var(--second-color); font-size: 20px; font-weight: 900; width: 100%; padding-top: 6px; line-height: 1; display: inline-block; text-align: center; text-shadow: 0 2px 2px #666; }
.form_wrap .analyzeform form .dtf {width: 100%; }
.form_wrap .analyzeform form input[type="submit"] {width: 100%; margin: 0px; text-align: center; margin-top:10px; border-radius: 4px; }
.form_wrap .analyzeform form .wrap{padding-left:0px; }
.form_wrap .analyzeform{margin:0px; }
.eggoffer .broken{display: none;}
.eggoffer .unbroken{display: block;}
.mypopup-wrap .easter{display: none!important;}
.overlay-bg.vis {display: block!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: 50px; font-weight: 400; outline: none !important; margin-bottom: 10px; }


/*================================================popup-christmas==================================================*/









/*================================================form-christmas=================================================*/


.mypopup-wrap.active{position: fixed;top: 0px;-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.mypopup-wrap{-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;width: 800px;height: 600px;border-radius: 10px;position: absolute;left: 0;right: 0px;top: -20000px;bottom: 0px;margin: auto;z-index: 99999;overflow: hidden;}
.mypopup-wrap .mypopup{border-radius: 10px;font-size: 0px;background: var(--second-color);}
.mypopup-wrap .mypopup .left{width: 50%;vertical-align: top;display: inline-block;overflow: hidden;background: #386163;vertical-align: middle;}
.mypopup-wrap .mypopup .left figure{border-radius: 10px 0px 0px 10px; overflow: hidden; }
.mypopup-wrap .mypopup .left figure img{margin-left: 0; margin-top: 0; width: 100%; }
.mypopup-wrap .mypopup .right{width: 50%;padding: 19px 20px;vertical-align: top;display: inline-block;vertical-align: middle;}
.mypopup-wrap .mypopup .right .closebutton{position: absolute; width: 20px; height: 20px; /*float: right;*/ cursor: pointer; transform: rotate(45deg); right: 20px; top: 20px; }
.mypopup-wrap .mypopup .right .closebutton:before{content: "";position: absolute;height: 20px;width: 1px;top: 0;background: var(--third-color);left: 0;right: 0;margin: 0 auto;display: block;}
.mypopup-wrap .mypopup .right .closebutton:after{content: "";position: absolute;height: 1px;width: 20px;top: 0;left: 0;background: var(--third-color);display: block;bottom: 0;margin: auto;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap{padding-top: 0px; padding-left: 30px; padding-right: 30px; }
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3{font-size: 26px;line-height: 1;}
.mypopup-wrap .mypopup .right .mypopup-innerwrap h3 span{font-size: 38px; display: block; font-weight: 900; color: #edad0d; margin-top: 5px; margin-bottom: 10px; }
.mypopup-innerwrap .form_wrap{padding: 20px 15px; }
.mypopup-innerwrap .form_wrap .hero_form{}
.mypopup-innerwrap .form_wrap .hero_form form{}
.mypopup-innerwrap .form_wrap .hero_form .form-control{border-radius: 10px; border: 1px solid #b9b8b8; }
.mypopup-innerwrap .form_wrap .hero_form .form-control:focus{border: 1px solid #5d03db;}
.mypopup-innerwrap .form_wrap .hero_form textarea.form-control{color: var(--third-color);}
.mypopup-innerwrap .form_wrap #quoteForm textarea.form-control{min-height: 85px;}
.mypopup-innerwrap .form_wrap .hero_form #quoteSubmit{border-radius: 10px; min-width: 100%; }
.mypopup-innerwrap .form_wrap .hero_form .col-md-6{width: 100%;}
.mypopup-innerwrap .form_wrap .hero_form .col-sm-6{width: 100%;}
.hero_form .field-mergedleft{padding-left: 15px;}
.hero_form .field-mergedright{padding-right: 15px;}
.mypopup-innerwrap .form_wrap .hero_form .margin-bottom-20 {margin-bottom: 10px;}
.submit:hover {
    background-color: #1f1f1f;
}

.form_wrap .analyzeform form input[type="submit"] {
    width: 100%;
    margin: 0px;
    text-align: center;
    margin-top: 10px;
    border-radius: 4px;
}

.submit {
    border: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: var(--second-color);
    line-height: 2;
    padding: 5px 51px;
    outline: none;
    cursor: pointer;
    transition: background-color .3s;
    border-radius: 5px;
    background: var(--third-color);
}
/*===================================================form-christmas=======================================================*/


.review-section {
    background-color: black;
    padding: 20px 0;
}

.review-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.review-column {
    text-align: left;
}

.review-column img {
    border-radius: 20px; /* Rounded Corners */
    width: 100%;
    height: auto;
    margin-top: 0px;
}







/* ==========================================================================
   DIGENZ — PROFESSIONAL CORPORATE TECHNOLOGY THEME
   - Midnight Navy:  #101827 (Dark backgrounds, header, footer, body)
   - Electric Blue:  #3478F6 (Primary buttons, active nav, links, interactive elements)
   - Platinum White: #F5F7FA (Clean content backgrounds, readable text on dark surfaces)
   - Slate Navy:     #263449 (Secondary dark surfaces, cards, subtle borders)
   - Primary Electric Blue: #3478F6 & Light Blue: #80B5FF (Crisp Modern Brand Accents)
   ========================================================================== */

/* --- GLOBAL BODY & SELECTION --- */
body {
    background-color: #101827 !important;
    color: #F5F7FA !important;
}

::selection {
    background: #3478F6 !important;
    color: #FFFFFF !important;
}

::-moz-selection {
    background: #3478F6 !important;
    color: #FFFFFF !important;
}

/* --- HEADER & NAVIGATION --- */
.nav-area-full,
.top-bar,
.header-main.fixed {
    background: #101827 !important;
    border-bottom: 1px solid rgba(38, 52, 73, 0.7) !important;
}

.main-menu > ul > li > a {
    color: #F5F7FA !important;
    transition: color 0.25s ease !important;
}

.main-menu > ul > li:hover > a,
.main-menu > ul > li > a.active,
.main-menu > ul > li > a:focus {
    color: #3478F6 !important;
}

/* CTA "Get Started" / head-no */
.main-menu > ul > li.head-no > a {
    background-color: #3478F6 !important;
    color: #FFFFFF !important;
    border: 1px solid #3478F6 !important;
    border-radius: 8px !important;
    transition: all 0.25s ease !important;
}

.main-menu > ul > li.head-no > a:hover {
    background-color: #1e5dd6 !important;
    color: #FFFFFF !important;
    border-color: #1e5dd6 !important;
    box-shadow: 0 4px 14px rgba(52, 120, 246, 0.4) !important;
}

/* Outline CTA / book-call */
.main-menu > ul > li.book-call > a {
    border: 2px solid #263449 !important;
    color: #F5F7FA !important;
    border-radius: 8px !important;
    background: transparent !important;
    transition: all 0.25s ease !important;
}

.main-menu > ul > li.book-call > a:hover {
    background-color: rgba(52, 120, 246, 0.1) !important;
    color: #3478F6 !important;
    border-color: #3478F6 !important;
}

/* Dropdown Menu */
.dropdown {
    background-color: #101827 !important;
    border: 1px solid #263449 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.dropdown > ul > li > a {
    color: #F5F7FA !important;
    transition: all 0.2s ease !important;
}

.dropdown > ul > li > a:hover,
.dropdown > ul > li.active > a {
    color: #3478F6 !important;
    background-color: rgba(52, 120, 246, 0.1) !important;
}

/* Mobile Nav Drawer */
.mobile-nav {
    background: #101827 !important;
    border-left: 1px solid #263449 !important;
}

.mobile-nav nav li a {
    color: #F5F7FA !important;
}

.mobile-nav nav li a.active,
.mobile-nav nav li a:hover {
    background: #3478F6 !important;
    color: #FFFFFF !important;
}

.mobile-nav-btn span,
.mobile-nav-btn span:before,
.mobile-nav-btn span:after {
    background-color: #3478F6 !important;
}

/* --- BUTTONS & INTERACTIVE ELEMENTS --- */
.btn-red,
button.btn-red {
    background-color: #3478F6 !important;
    color: #FFFFFF !important;
    border: 1px solid #3478F6 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.btn-red:hover,
button.btn-red:hover {
    background-color: #1e5dd6 !important;
    color: #FFFFFF !important;
    border-color: #1e5dd6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(52, 120, 246, 0.4) !important;
}

.btn-black {
    background-color: #263449 !important;
    color: #F5F7FA !important;
    border: 1px solid #263449 !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.btn-black:hover {
    background-color: #3478F6 !important;
    color: #FFFFFF !important;
    border-color: #3478F6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(52, 120, 246, 0.3) !important;
}

.btn-black-custom {
    background-color: #101827 !important;
    color: #F5F7FA !important;
    border: 1px solid #263449 !important;
    border-radius: 8px !important;
    transition: all 0.25s ease !important;
}

.btn-black-custom:hover {
    background-color: #3478F6 !important;
    color: #FFFFFF !important;
    border-color: #3478F6 !important;
}

.banner-btn {
    color: #F5F7FA !important;
    background-color: transparent !important;
    border: 1px solid #263449 !important;
    border-radius: 8px !important;
    transition: all 0.25s ease !important;
}

.banner-btn:hover {
    background-color: #3478F6 !important;
    color: #FFFFFF !important;
    border-color: #3478F6 !important;
}

.custom-link,
.disrupt-section .custom-link {
    background: #3478F6 !important;
    border: 1px solid #3478F6 !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    transition: all 0.25s ease !important;
}

.custom-link:hover,
.disrupt-section .custom-link:hover {
    background: transparent !important;
    color: #3478F6 !important;
    border-color: #3478F6 !important;
}

.btn-theme,
.btn-packages {
    background-color: #3478F6 !important;
    color: #FFFFFF !important;
    border: 1px solid #3478F6 !important;
    border-radius: 8px !important;
    transition: all 0.25s ease !important;
}

.btn-theme:hover,
.btn-packages:hover {
    background-color: #1e5dd6 !important;
    color: #FFFFFF !important;
    border-color: #1e5dd6 !important;
}

/* --- HERO & BANNERS --- */
.home-banner-content h1 {
    color: #F5F7FA !important;
}

.home-banner-content h1:after {
    background: #3478F6 !important;
}

.home-banner-content .subtitle {
    color: #CBD5E1 !important;
}

.ban-form input[type="submit"] {
    background: #3478F6 !important;
    color: #FFFFFF !important;
    border: 1px solid #3478F6 !important;
    border-radius: 6px !important;
    font-weight: 600 !important;
    transition: all 0.25s ease !important;
}

.ban-form input[type="submit"]:hover {
    background: #1e5dd6 !important;
    color: #FFFFFF !important;
    border-color: #1e5dd6 !important;
}

.proofbox {
    background: #182234 !important;
    color: #F5F7FA !important;
    border: 1px solid #263449 !important;
}

/* --- SERVICES, PACKAGES & TABS --- */
.tab-custom .tabbing-links li {
    color: #F5F7FA !important;
    border: 1px solid #263449 !important;
    background: rgba(38, 52, 73, 0.4) !important;
    transition: all 0.25s ease !important;
}

.tab-custom .tabbing-links li:hover {
    color: #3478F6 !important;
    border-color: #3478F6 !important;
}

.tab-custom .tabbing-links li.current,
.portfoliopg .build-to-win .tab-custom .tabbing-links li.current {
    background: #3478F6 !important;
    color: #FFFFFF !important;
    border: 1px solid #3478F6 !important;
}

/* Headings & Accents */
.cta-fold h2 strong {
    border-bottom: solid 2px #3478F6 !important; /* Champagne Gold accent */
}

.innerbanner-text h6 strong {
    border-top: solid 2px #3478F6 !important; /* Champagne Gold accent */
}

.innserservice-commonfolds h6,
.inerservice-banner form p,
.detailsec h2 {
    color: #3478F6 !important;
}

.cstmwebdesgn .price h2,
.price h2,
.ourpackages h2 {
    color: #3478F6 !important;
}

span.tick,
.check,
.ticklist2 li span,
.ourprocesses .processlistdown li .check {
    color: #3478F6 !important;
}

/* Popular Badge — Champagne Gold */
.popular,
.badge-popular,
.ourpackages .tab-custom .tabs ul li .packwrap.popular:after {
    background: #3478F6 !important;
    color: #101827 !important;
    border: 1px solid #3478F6 !important;
    font-weight: 700 !important;
}

/* --- FORMS & CONTACT --- */
.contact-wrapper .submit,
.bot-form .submit,
.floatingform-sec .banner-form input[type="submit"] {
    background: #3478F6 !important;
    border: 1px solid #3478F6 !important;
    color: #FFFFFF !important;
    transition: all 0.25s ease !important;
}

.contact-wrapper .submit:hover,
.bot-form .submit:hover,
.floatingform-sec .banner-form input[type="submit"]:hover {
    background: #1e5dd6 !important;
    color: #FFFFFF !important;
    border-color: #1e5dd6 !important;
}

.contact-wrapper input,
.contact-wrapper textarea,
.banner-form input {
    background: rgba(38, 52, 73, 0.4) !important;
    border: 1px solid #263449 !important;
    color: #F5F7FA !important;
}

.contact-wrapper input:focus,
.contact-wrapper textarea:focus,
.banner-form input:focus {
    border-color: #3478F6 !important;
    box-shadow: 0 0 8px rgba(52, 120, 246, 0.4) !important;
    outline: none !important;
}

.contact-wrapper input::placeholder {
    color: #94A3B8 !important;
}

/* --- GET AN INSTANT QUOTE FORM (HIGH CONTRAST & VISIBILITY) --- */
.bot-form,
.footerForm,
#contactForm,
form.cmxform.footerForm {
    background: #F5F7FA !important;
    border-radius: 16px !important;
    padding: 35px 30px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.35) !important;
    border: 1px solid rgba(38, 52, 73, 0.3) !important;
}

.bot-form h4,
.footerForm h4,
#contactForm h4 {
    color: #101827 !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 6px !important;
    text-transform: capitalize !important;
}

.bot-form p,
.footerForm p,
#contactForm p,
.bot-form p.font-36,
.footerForm p.font-36,
#contactForm p.font-36 {
    color: #64748B !important;
    font-size: 15px !important;
    text-align: center !important;
    margin-bottom: 25px !important;
    font-weight: 500 !important;
}

.bot-form p b,
.footerForm p b,
#contactForm p b,
.bot-form p.font-36 b,
.footerForm p.font-36 b,
#contactForm p.font-36 b {
    color: #3478F6 !important;
    font-weight: 700 !important;
}

/* Clear, crisp labels in Midnight Navy */
.bot-form label,
.footerForm label,
#contactForm label,
.from-control label {
    display: block !important;
    color: #101827 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 7px !important;
    text-align: left !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.bot-form label span,
.footerForm label span,
#contactForm label span,
.from-control label span {
    color: #3478F6 !important;
    font-weight: 700 !important;
    margin-left: 2px !important;
}

.from-control {
    margin-bottom: 18px !important;
    padding: 0 !important;
}

/* Crisp, high-contrast inputs */
.bot-form input[type="text"],
.bot-form input[type="email"],
.bot-form input[type="tel"],
.bot-form input[type="number"],
.bot-form textarea,
.footerForm input[type="text"],
.footerForm input[type="email"],
.footerForm input[type="tel"],
.footerForm input[type="number"],
.footerForm textarea,
#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm input[type="tel"],
#contactForm input[type="number"],
#contactForm textarea,
.from-control input {
    width: 100% !important;
    height: 50px !important;
    background: #FFFFFF !important;
    border: 1px solid #CBD5E1 !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    color: #101827 !important;
    outline: none !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

/* Focus state with glowing blue ring */
.bot-form input:focus,
.bot-form textarea:focus,
.footerForm input:focus,
.footerForm textarea:focus,
#contactForm input:focus,
#contactForm textarea:focus,
.from-control input:focus {
    border-color: #3478F6 !important;
    box-shadow: 0 0 0 3px rgba(52, 120, 246, 0.2) !important;
    background: #FFFFFF !important;
    color: #101827 !important;
}

/* Legible placeholders */
.bot-form input::placeholder,
.bot-form textarea::placeholder,
.footerForm input::placeholder,
.footerForm textarea::placeholder,
#contactForm input::placeholder,
#contactForm textarea::placeholder,
.from-control input::placeholder {
    color: #94A3B8 !important;
    opacity: 1 !important;
    font-size: 14px !important;
}

/* Submit Button */
.bot-form input[type="submit"],
.footerForm input[type="submit"],
#contactForm input[type="submit"],
.bot-form .submit,
.footerForm .submit,
#contactForm .submit,
.submit.bg-hover-red,
.submit {
    width: 100% !important;
    height: 52px !important;
    background: #3478F6 !important;
    color: #FFFFFF !important;
    border: 1px solid #3478F6 !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 15px rgba(52, 120, 246, 0.35) !important;
    margin-top: 10px !important;
}

.bot-form input[type="submit"]:hover,
.footerForm input[type="submit"]:hover,
#contactForm input[type="submit"]:hover,
.bot-form .submit:hover,
.footerForm .submit:hover,
#contactForm .submit:hover,
.submit.bg-hover-red:hover,
.submit:hover {
    background: #1e5dd6 !important;
    color: #FFFFFF !important;
    border-color: #1e5dd6 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(52, 120, 246, 0.45) !important;
}

/* --- FOOTER (MIDNIGHT NAVY + PLATINUM WHITE + ELECTRIC BLUE + CHAMPAGNE GOLD) --- */
footer.footer-main,
.footer-main {
    background: #101827 !important;
    background-image: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

footer.footer-main::before,
footer.footer-main::after,
.footer-main::before,
.footer-main::after,
.footer-top::before,
.footer-top::after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
}

.footer-top {
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    outline: none !important;
    padding: 60px 0 40px !important;
}

.footer-main p,
.footerleft p,
.footerleft p.address-1 {
    color: #CBD5E1 !important;
}

.footer-top h3 {
    padding-top: 22px !important;
    color: #F5F7FA !important;
    border-bottom: solid 2px #3478F6 !important; /* Champagne Gold underline */
    padding-bottom: 7px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 6px !important;
}

.footer-top h3.nobrder {
    border-bottom: 0px !important;
}

/* Footer regular links (Services, About Us, Company, Contact info) */
.footer-main a,
.footer-main .linkinglist a,
.footer-main .linkinglist li a,
.footer-main .footerleft a,
.footer-main .footer-level-nav a,
.footer-top a,
.footer-top .linkinglist a,
.footer-top .linkinglist li a,
.footerleft a {
    color: #F5F7FA !important;
    text-decoration: none !important;
    transition: color 0.25s ease, opacity 0.25s ease !important;
}

/* Footer links hover, focus, active: Electric Blue (#3478F6) */
.footer-main a:hover,
.footer-main a:focus,
.footer-main a:focus-visible,
.footer-main a:active,
.footer-main .linkinglist a:hover,
.footer-main .linkinglist a:focus,
.footer-main .linkinglist a:focus-visible,
.footer-main .linkinglist a:active,
.footer-main .linkinglist li a:hover,
.footer-main .linkinglist li a:focus,
.footer-main .linkinglist li a:focus-visible,
.footer-main .linkinglist li a:active,
.footer-main .footerleft a:hover,
.footer-main .footerleft a:focus,
.footer-main .footerleft a:focus-visible,
.footer-main .footerleft a:active,
.footer-main .footer-level-nav a:hover,
.footer-main .footer-level-nav a:focus,
.footer-top a:hover,
.footer-top a:focus,
.footer-top a:focus-visible,
.footer-top a:active,
.footer-top .linkinglist a:hover,
.footer-top .linkinglist a:focus,
.footer-top .linkinglist a:focus-visible,
.footer-top .linkinglist li a:hover,
.footer-top .linkinglist li a:focus,
.footer-top .linkinglist li a:focus-visible,
.footerleft a:hover,
.footerleft a:focus,
.footerleft a:focus-visible {
    color: #3478F6 !important;
    text-decoration: none !important;
}

/* Visited links state */
.footer-main a:visited,
.footer-top a:visited,
.footer-top .linkinglist li a:visited,
.footerleft a:visited {
    color: #F5F7FA !important;
}
.footer-main a:visited:hover,
.footer-top a:visited:hover,
.footer-top .linkinglist li a:visited:hover,
.footerleft a:visited:hover {
    color: #3478F6 !important;
}

/* Accessible keyboard focus ring */
.footer-main a:focus-visible,
.footer-top .linkinglist li a:focus-visible,
.footerleft a:focus-visible {
    outline: 2px dashed #3478F6 !important;
    outline-offset: 3px !important;
}

/* Copyright Bar (Footer Bottom) — Deep Midnight Navy + Platinum White */
.footer-bottom {
    background: #0B111B !important;
    border-top: 1px solid rgba(38, 52, 73, 0.8) !important;
    padding: 16px 0 !important;
    text-align: center !important;
    outline: none !important;
}

.footer-bottom ul {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    color: #94A3B8 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
}

.footer-bottom ul li {
    display: inline-flex !important;
    align-items: center !important;
    padding: 0 4px !important;
    font-size: 11px !important;
    color: #94A3B8 !important;
}

.footer-bottom ul li a {
    color: #CBD5E1 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s ease, text-decoration 0.2s ease !important;
}

.footer-bottom ul li a:hover,
.footer-bottom ul li a:focus,
.footer-bottom ul li a:focus-visible,
.footer-bottom ul li a:active {
    color: #3478F6 !important;
    text-decoration: underline !important;
}

.footer-bottom ul li a:focus-visible {
    outline: 2px solid #3478F6 !important;
    outline-offset: 2px !important;
}

.footer-bottom .payment-methods {
    display: inline-flex !important;
    align-items: center !important;
    margin-left: 12px !important;
}

.footer-bottom .payment-methods img {
    height: 22px !important;
    width: auto !important;
    max-width: 140px !important;
    vertical-align: middle !important;
    display: inline-block !important;
}

#digenzAnnouncementBar {
    display: none !important;
}

@media only screen and (max-width: 767px) {
    .footer-top {
        padding: 40px 0 20px !important;
    }
    .footer-bottom ul {
        flex-direction: column !important;
        gap: 6px !important;
    }
    .footer-bottom .payment-methods {
        margin-left: 0 !important;
        margin-top: 8px !important;
    }
}


/* --- HOMEPAGE HERO BANNER (DIGENZ HIGH RESOLUTION ARTWORK) --- */
.home-banner {
    width: 100% !important;
    min-height: 520px !important;
    background-image: url(../images/banners/digenz-home-hero.png) !important;
    background-size: cover !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
}

.home-banner::before,
.home-banner::after,
.home-banner:before,
.home-banner:after {
    display: none !important;
    content: none !important;
    background: none !important;
}

/* Visually conceal duplicate text overlay as it is rendered directly within the graphic */
.home-banner-content {
    opacity: 0 !important;
    pointer-events: none !important;
    user-select: none !important;
}

@media only screen and (max-width: 991px) {
    .home-banner {
        min-height: 380px !important;
        background-position: center center !important;
    }
}

@media only screen and (max-width: 575px) {
    .home-banner {
        min-height: 240px !important;
        background-size: cover !important;
        background-position: center center !important;
    }
}

/* ========================================================================= */
/* DIGENZ — MASTER PRICING PACKAGE CARDS (EXACT REFERENCE REDESIGN)          */
/* ========================================================================= */

/* 1. Track & Slides Carousel / Grid */
.ourpackages .tab-custom .tabs ul.pckkslider {
    display: block !important;
    width: 100% !important;
    max-width: 1200px !important;
    margin: 30px auto 40px !important;
    padding: 0 !important;
    list-style: none !important;
}

.pckkslider .slick-track {
    display: flex !important;
    align-items: stretch !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pckkslider .slick-slide {
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    float: none !important;
}

.pckkslider .slick-slide > div {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
}

/* Card slide list-item (Only targets the card slide, NEVER the feature items) */
.pckkslider .slick-slide > div > li,
.ourpackages .tab-custom .tabs ul.pckkslider > li {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    list-style: none !important;
}

/* Fallback if slick is uninitialized */
.ourpackages .tab-custom .tabs ul.pckkslider:not(.slick-initialized) {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px !important;
}

@media (max-width: 991px) {
    .ourpackages .tab-custom .tabs ul.pckkslider:not(.slick-initialized) {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

@media (max-width: 767px) {
    .ourpackages .tab-custom .tabs ul.pckkslider:not(.slick-initialized) {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
    .ourpackages .tab-custom .tabs ul li {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* 2. Card Container — Solid Dark Grey #4A4A4A with 12px rounded corners */
.packwrap,
.ourpackages .tab-custom .tabs ul li .packwrap,
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap {
    background: #4A4A4A !important;
    background-color: #4A4A4A !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 34px 22px 24px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 100% !important;
    min-height: 520px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    position: relative !important;
    text-align: center !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
    cursor: pointer !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.packwrap:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.4) !important;
}

.packwrap.popular {
    background: #4A4A4A !important;
    border: none !important;
}

/* 3. Plan Titles — Bold, White, Centered */
.packwrap h3,
.ourpackages .tab-custom .tabs ul li .packwrap h3 {
    order: 1 !important;
    font-size: 22px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
    color: #FFFFFF !important;
    text-align: center !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    font-family: var(--heading-font-family) !important;
    display: block !important;
    min-height: 55px !important;
}

/* 4. Starting Price — Large, Bold White Text */
.packwrap h4,
.ourpackages .tab-custom .tabs ul li .packwrap h4 {
    order: 2 !important;
    font-size: 36px !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    color: #FFFFFF !important;
    text-align: center !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    font-family: var(--heading-font-family) !important;
    letter-spacing: -0.5px !important;
    display: block !important;
}

.packwrap h4 span,
.ourpackages .tab-custom .tabs ul li .packwrap h4 span {
    font-size: 13.5px !important;
    font-weight: 400 !important;
    color: #a6b0ba !important;
    display: block !important;
    text-transform: capitalize !important;
    margin-bottom: 6px !important;
    font-family: var(--secondary-font-family) !important;
    letter-spacing: 0.2px !important;
}

.packwrap h4 small {
    display: none !important;
}

/* 5. Description Centered Below the Price */
.packwrap h5,
.packwrap h2,
.ourpackages .tab-custom .tabs ul li .packwrap h5 {
    order: 3 !important;
    font-size: 13px !important;
    line-height: 1.45 !important;
    color: #d1d5db !important;
    text-align: center !important;
    font-weight: 400 !important;
    margin: 0 0 16px 0 !important;
    padding: 0 4px !important;
    min-height: 38px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: normal !important;
    word-break: break-word !important;
    font-family: var(--secondary-font-family) !important;
}

/* 6. Feature List Container — Fixed 195px height with native sleek scrolling */
.packwrap .packfeatures,
.packfeatures {
    order: 4 !important;
    width: 100% !important;
    height: 195px !important;
    max-height: 195px !important;
    min-height: 195px !important;
    flex: 0 0 195px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    gap: 12px !important;
    padding: 0 6px 12px 0 !important;
    margin: 0 0 16px 0 !important;
    list-style: none !important;
    box-sizing: border-box !important;
    scrollbar-width: thin !important;
    scrollbar-color: #888888 transparent !important;
    text-align: left !important;
}

/* Sleek Webkit Scrollbar */
.packwrap .packfeatures::-webkit-scrollbar {
    width: 5px !important;
}
.packwrap .packfeatures::-webkit-scrollbar-track {
    background: transparent !important;
    border-radius: 4px !important;
}
.packwrap .packfeatures::-webkit-scrollbar-thumb {
    background: #888888 !important;
    border-radius: 4px !important;
}
.packwrap .packfeatures::-webkit-scrollbar-thumb:hover {
    background: #aaaaaa !important;
}

/* 7. Feature Item Row — STRICT FLEX ROW (Icon on Left, Text on Right) */
.feature-item,
.packwrap .packfeatures li,
.packwrap .packfeatures > li {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    flex: 0 0 auto !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    list-style: none !important;
    background: transparent !important;
    text-align: left !important;
    float: none !important;
    clear: both !important;
    position: relative !important;
    border: none !important;
}

/* Fixed-width Yellow Icon Container (Aligned in one straight vertical column on left) */
.feature-icon,
.packwrap .packfeatures li .feature-icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    height: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 1px !important;
    line-height: 1 !important;
}

.feature-icon svg,
.packwrap .packfeatures li .feature-icon svg,
.packfeatures li svg {
    width: 18px !important;
    height: 18px !important;
    display: block !important;
    fill: #3478F6 !important;
    color: #3478F6 !important;
}

.feature-icon svg path,
.packwrap .packfeatures li .feature-icon svg path,
.packfeatures li svg path {
    fill: #3478F6 !important;
}

.packwrap .packfeatures li:not(:has(.feature-icon))::before,
.packwrap .list-scroll li:not(:has(.feature-icon))::before {
    content: '' !important;
    display: inline-block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%233478F6'%3E%3Cpath fill-rule='evenodd' d='M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12zm13.36-1.814a.75.75 0 10-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 00-1.06 1.06l2.25 2.25a.75.75 0 001.14-.094l3.74-5.25z' clip-rule='evenodd'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-size: 18px 18px !important;
    margin-right: 8px !important;
    margin-top: 1px !important;
    flex: 0 0 18px !important;
}

/* Flexible Text Container (Starts from same horizontal position; wrapped lines align with text above) */
.feature-text,
.packwrap .packfeatures li .feature-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
    color: #FFFFFF !important;
    font-size: 13.5px !important;
    line-height: 1.45 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
    white-space: normal !important;
    font-family: var(--primary-font-family) !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Suppress all pseudo-elements */
.packwrap .packfeatures li::before,
.packwrap .packfeatures li:before,
.feature-item::before {
    display: none !important;
    content: none !important;
}

/* 8. ADD ON / Rush Delivery Information Pinned to Bottom */
.packwrap .extrainfo,
p.extrainfo,
.ourpackages .tab-custom .tabs ul li p.extrainfo {
    order: 5 !important;
    display: block !important;
    width: 100% !important;
    color: #a6b0ba !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 12px 0 0 0 !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    font-family: var(--secondary-font-family) !important;
}

/* 9. Hide internal buttons, action bars, and badges */
.packwrap .btn-pack,
.btn-pack,
.packwrap .actions,
.packwrap .actions.row.web,
.actions.row.web,
.packwrap .digenz-badge,
.packwrap.popular:after {
    display: none !important;
}

/* 10. Sleek Slick Carousel Arrows & Dots */
.pckkslider .slick-prev,
.pckkslider .slick-next {
    width: 44px !important;
    height: 44px !important;
    background: #383838 !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.25s ease !important;
}

.pckkslider .slick-prev:hover,
.pckkslider .slick-next:hover {
    background: #3478F6 !important;
    border-color: #3478F6 !important;
    transform: scale(1.08) !important;
}

.pckkslider .slick-prev { left: -22px !important; }
.pckkslider .slick-next { right: -22px !important; }

.pckkslider .slick-dots {
    bottom: -32px !important;
    display: flex !important;
    justify-content: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.pckkslider .slick-dots li button:before {
    font-size: 10px !important;
    color: #94A3B8 !important;
    opacity: 0.5 !important;
}

.pckkslider .slick-dots li.slick-active button:before {
    color: #3478F6 !important;
    opacity: 1 !important;
}

/* Completely suppress any mCustomScrollbar markup */
.packwrap .mCustomScrollBox,
.packwrap .mCSB_container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    position: static !important;
}
.packwrap .mCSB_scrollTools {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}


/* ==========================================================================
   DIGENZ THEME - VIEW DETAILS BUTTON & PRICING DETAIL PAGES (v3.5)
   ========================================================================== */

/* 1. VIEW DETAILS BUTTON ON CARDS (Image 1 Match) */
.packwrap .viewdetails,
.ourpackages .tab-custom .tabs ul li .packwrap .viewdetails,
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap .viewdetails {
    order: 6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: calc(100% + 44px) !important;
    margin: 16px -22px -24px -22px !important;
    padding: 13px 20px !important;
    background: #383838 !important;
    color: #FFFFFF !important;
    font-family: var(--primary-font-family), 'Bai Jamjuree', sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    border-radius: 0 0 12px 12px !important;
    box-sizing: border-box !important;
    transition: background 0.25s ease, color 0.25s ease, transform 0.2s ease !important;
    cursor: pointer !important;
    z-index: 2 !important;
    line-height: 1.2 !important;
}

.packwrap .viewdetails:hover,
.ourpackages .tab-custom .tabs ul li .packwrap .viewdetails:hover,
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap .viewdetails:hover {
    background: #3478F6 !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* Center / Popular / Highlighted Card (Yellow Bar matching Image 1) */
.packwrap.popular .viewdetails,
.ourpackages .tab-custom .tabs ul li .packwrap.popular .viewdetails,
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular .viewdetails {
    background: #f2af2e !important;
    color: #FFFFFF !important;
    font-weight: 800 !important;
}

.packwrap.popular .viewdetails:hover,
.ourpackages .tab-custom .tabs ul li .packwrap.popular .viewdetails:hover,
.cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap.popular .viewdetails:hover {
    background: #d99a1f !important;
    color: #FFFFFF !important;
    text-decoration: none !important;
}

/* 2. PRICING DETAIL PAGES - DIGENZ WEBSITE THEME (Image 2 Match) */
.inerservice .subscribe-fold {
    background: #0c1220 !important;
    padding: 60px 0 !important;
    color: #F5F7FA !important;
}

.inerservice .subscribe-fold .myheading {
    color: #FFFFFF !important;
    font-family: var(--heading-font-family) !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
    padding-bottom: 0 !important;
}

.inerservice .subscribe-fold .myheading:after {
    display: none !important;
}

.inerservice .subscribe-fold .mytext {
    color: #a6b0ba !important;
    font-size: 16px !important;
    margin-bottom: 40px !important;
}

/* Left Package Box */
.inerservice .subs-pac,
.subs-pac {
    background: #1e293b !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
    padding: 40px 24px !important;
    height: auto !important;
    min-height: 480px !important;
    margin-bottom: 30px !important;
}

.inerservice .subs-pac h3 {
    color: #FFFFFF !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
}

.inerservice .subs-pac h6 {
    color: #3478F6 !important;
    font-size: 36px !important;
    font-weight: 800 !important;
    margin: 20px 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

.inerservice .subs-pac h6 span.old {
    color: #8892b0 !important;
    font-size: 16px !important;
    text-decoration: line-through !important;
    display: block !important;
    margin-bottom: 4px !important;
    position: static !important;
}

.inerservice .subs-pac h6 span {
    color: #a6b0ba !important;
    font-size: 13.5px !important;
    font-weight: 400 !important;
    display: block !important;
    margin-top: 14px !important;
    line-height: 1.4 !important;
}

.inerservice .subs-pac a.ordrrrr {
    background: #3478F6 !important;
    color: #FFFFFF !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 13px 32px !important;
    display: inline-block !important;
    transition: background 0.25s ease !important;
    text-decoration: none !important;
    margin: 24px auto 0 !important;
}

.inerservice .subs-pac a.ordrrrr:hover {
    background: #1e5dd6 !important;
    color: #FFFFFF !important;
}

.inerservice .subs-pac .actions {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
    margin-top: 24px !important;
    padding-top: 16px !important;
}

.inerservice .subs-pac .actions a.chatbtn,
.inerservice .subs-pac .actions a.numberbtn {
    color: #FFFFFF !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    padding: 8px 4px !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.inerservice .subs-pac .actions a.chatbtn:hover,
.inerservice .subs-pac .actions a.numberbtn:hover {
    color: #3478F6 !important;
}

/* Right Features Table */
.inerservice .sub-list {
    padding-left: 15px !important;
}

.inerservice .table-packages {
    background: #162032 !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

.inerservice .table-packages .head h5 {
    color: #FFFFFF !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    border-bottom: 2px solid #3478F6 !important;
    padding-bottom: 12px !important;
    margin-bottom: 16px !important;
    display: block !important;
}

.inerservice .table-packages .body .subscription-list {
    height: auto !important;
    max-height: 480px !important;
    overflow-y: auto !important;
    margin-top: 10px !important;
    padding-right: 10px !important;
}

.inerservice .table-packages .body ul li {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 13px 0 !important;
    width: 100% !important;
}

.inerservice .table-packages .body ul li h6 {
    color: #E2E8F0 !important;
    font-size: 14.5px !important;
    font-weight: 500 !important;
    margin: 0 !important;
}

.inerservice .table-packages .body ul li span.tick {
    color: #3478F6 !important;
    font-size: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
}

/* 3. TESTIMONIALS SECTION - DIGENZ MIDNIGHT NAVY THEME */
.main-testimonials-sec {
    background: #101827 !important;
    padding: 70px 0 !important;
    color: #FFFFFF !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
}

.testi-heading h2 {
    color: #FFFFFF !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-bottom: 12px !important;
}

.testi-heading p {
    color: #a6b0ba !important;
    font-size: 16px !important;
    text-align: center !important;
    margin-bottom: 40px !important;
    padding-bottom: 0 !important;
}

.testi_box {
    background: #1e293b !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
    padding: 30px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3) !important;
    margin-bottom: 30px !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease !important;
}

.testi_box:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 14px 32px rgba(0, 0, 0, 0.45) !important;
}

.testi_box ul.stars li {
    color: #f2af2e !important;
    font-size: 15px !important;
}

.testi_box > p {
    color: #E2E8F0 !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    min-height: 90px !important;
}

.testi_box .main-img {
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    border-bottom: none !important;
    padding-top: 18px !important;
    padding-bottom: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.testi-img span {
    background: #3478F6 !important;
    color: #FFFFFF !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
}

.testi-cont p {
    color: #FFFFFF !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

.testi-cont p span {
    color: #a6b0ba !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    display: block !important;
}

.gveplns p {
    color: #a6b0ba !important;
    font-size: 15px !important;
}

.gveplns p a {
    color: #3478F6 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}


/* ==========================================================================
   DIGENZ MASTER WEBSITE RESPONSIVE SYSTEM (320px - 1440px+)
   ========================================================================== */

/* 1. Universal Layout & Overflow Prevention */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

*, *::before, *::after {
    box-sizing: border-box !important;
}

.app-container {
    overflow-x: hidden !important;
    max-width: 100% !important;
    width: 100% !important;
}

img, video, iframe {
    max-width: 100% !important;
    height: auto !important;
}

/* 2. Tablet & Medium Screens (max-width: 1024px) */
@media only screen and (max-width: 1024px) {
    .container {
        max-width: 100% !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    /* Top bar */
    .top-bar {
        padding: 6px 0 !important;
    }
    .top-bar .col-md-7 {
        display: none !important;
    }
    .top-bar .col-md-5 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .top-bar .cntct ul {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Navigation */
    .nav-area-full {
        padding: 10px 0 !important;
    }
    .logo-area .logo img {
        max-height: 42px !important;
        width: auto !important;
    }

    /* Service boxes */
    .smallboxes .smallbox {
        width: 48% !important;
        margin: 1% !important;
        min-height: auto !important;
    }

    /* Disrupt section */
    .disrupt-section .col-lg-6 {
        margin-bottom: 30px !important;
    }

    /* Pricing Section */
    .ourpackages .tab-custom .tabs ul.pckkslider:not(.slick-initialized) {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
}

/* 3. Standard Mobile & Tablets (max-width: 768px) */
@media only screen and (max-width: 768px) {
    /* Header & Mobile Menu Button */
    .header-main {
        position: relative !important;
        z-index: 999 !important;
    }

    .top-bar {
        background: #0b111e !important;
        padding: 6px 0 !important;
        font-size: 12px !important;
    }

    .top-bar .cntct ul {
        display: flex !important;
        justify-content: center !important;
        gap: 10px !important;
        flex-wrap: wrap !important;
    }

    .top-bar .cntct ul li a {
        font-size: 12px !important;
    }

    .top-bar .cntct ul li.cstm-btn a {
        padding: 4px 12px !important;
        font-size: 11px !important;
    }

    .nav-area-full {
        background: #101827 !important;
        border-bottom: 1px solid #1e293b !important;
        padding: 12px 16px !important;
    }

    .nav-area-full .row {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    .logo-area {
        width: auto !important;
        padding: 0 !important;
        flex: 0 0 auto !important;
    }

    .logo-area .logo img {
        max-height: 38px !important;
        width: auto !important;
    }

    /* Mobile Hamburger Button */
    .mobile-nav-btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        position: fixed !important;
        top: 48px !important;
        right: 16px !important;
        width: 44px !important;
        height: 44px !important;
        background: #1e293b !important;
        border: 1px solid #3478F6 !important;
        border-radius: 8px !important;
        z-index: 10000 !important;
        cursor: pointer !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.4) !important;
        padding: 0 !important;
    }

    .mobile-nav-btn span,
    .mobile-nav-btn span:before,
    .mobile-nav-btn span:after {
        background-color: #3478F6 !important;
        width: 24px !important;
        height: 3px !important;
        display: block !important;
        border-radius: 2px !important;
    }

    .mobile-nav-btn span {
        position: relative !important;
        top: 0 !important;
        margin: 0 auto !important;
    }

    .mobile-nav-btn span:before {
        content: '' !important;
        position: absolute !important;
        top: -7px !important;
        left: 0 !important;
    }

    .mobile-nav-btn span:after {
        content: '' !important;
        position: absolute !important;
        top: 7px !important;
        left: 0 !important;
    }

    /* Mobile Drawer */
    .mobile-nav {
        position: fixed !important;
        top: 0 !important;
        right: -100% !important;
        width: 300px !important;
        max-width: 85vw !important;
        height: 100vh !important;
        background: #101827 !important;
        border-left: 1px solid #263449 !important;
        z-index: 9999 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        box-shadow: -10px 0 30px rgba(0, 0, 0, 0.85) !important;
        transition: right 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
        padding: 24px 0 40px !important;
    }

    .mobile-nav.active {
        right: 0 !important;
    }

    .mobile-nav .logo-main {
        display: block !important;
        padding: 0 20px 20px !important;
        border-bottom: 1px solid #1e293b !important;
        margin-bottom: 12px !important;
    }

    .mobile-nav .logo-main img {
        max-height: 34px !important;
        width: auto !important;
    }

    .mobile-nav nav ul.mainnav > li > a {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 14px 20px !important;
        color: #F5F7FA !important;
        font-size: 15px !important;
        font-weight: 500 !important;
        border-top: none !important;
        border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
        min-height: 48px !important;
    }

    .mobile-nav nav ul.mainnav > li > a:hover,
    .mobile-nav nav ul.mainnav > li > a.active {
        background: rgba(52, 120, 246, 0.15) !important;
        color: #3478F6 !important;
    }

    .mobile-nav nav ul.firstlevel {
        background: #0b111e !important;
        padding: 6px 0 !important;
    }

    .mobile-nav nav ul.firstlevel li a {
        padding: 10px 20px 10px 36px !important;
        font-size: 13.5px !important;
        color: #94a3b8 !important;
        display: block !important;
        min-height: 42px !important;
        border: none !important;
    }

    .mobile-nav nav ul.firstlevel li a:hover {
        color: #3478F6 !important;
        background: rgba(52, 120, 246, 0.08) !important;
    }

    /* Homepage Hero Banner */
    .home-banner {
        min-height: 280px !important;
        background-size: cover !important;
        background-position: center center !important;
        padding: 40px 16px !important;
    }

    /* Pricing Section — Mobile Swipeable Carousel & Clean View */
    .ourpackages {
        padding: 40px 0 !important;
    }

    .ourpackages .pck-head h2 {
        font-size: clamp(24px, 6vw, 34px) !important;
        line-height: 1.25 !important;
        margin-bottom: 10px !important;
    }

    .ourpackages .pck-head p {
        font-size: 14px !important;
        padding: 0 10px !important;
    }

    /* Horizontal Category Tabs for Packages */
    .ourpackages .tab-custom ul.tabs,
    ul.tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 0 10px 10px !important;
        gap: 8px !important;
        scrollbar-width: thin !important;
        justify-content: flex-start !important;
    }

    .ourpackages .tab-custom ul.tabs li,
    ul.tabs li {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        padding: 8px 18px !important;
        font-size: 13.5px !important;
        border-radius: 20px !important;
        min-height: 40px !important;
        display: inline-flex !important;
        align-items: center !important;
    }

    /* Pricing Cards on Mobile: Full Content Visible, No Awkward Internal Scrollbar */
    .ourpackages .tab-custom .tabs ul.pckkslider {
        margin: 20px auto 30px !important;
        padding: 0 !important;
    }

    .pckkslider .slick-slide {
        padding: 0 8px !important;
    }

    .packwrap,
    .ourpackages .tab-custom .tabs ul li .packwrap,
    .cstmwebdesgn .ourpackages .tab-custom .tabs ul li .packwrap {
        padding: 26px 18px 22px !important;
        min-height: auto !important;
        max-width: 380px !important;
        margin: 0 auto !important;
    }

    .packwrap h3,
    .ourpackages .tab-custom .tabs ul li .packwrap h3 {
        font-size: 20px !important;
        min-height: auto !important;
        margin-bottom: 8px !important;
    }

    .packwrap h4,
    .ourpackages .tab-custom .tabs ul li .packwrap h4 {
        font-size: 32px !important;
        margin-bottom: 8px !important;
    }

    .packwrap h5,
    .packwrap h2,
    .ourpackages .tab-custom .tabs ul li .packwrap h5 {
        font-size: 12.5px !important;
        min-height: auto !important;
        margin-bottom: 14px !important;
    }

    /* ALL features visible without internal scrollbars on mobile */
    .packwrap .packfeatures,
    .packfeatures {
        height: auto !important;
        min-height: 120px !important;
        max-height: none !important;
        flex: 1 1 auto !important;
        overflow-y: visible !important;
        overflow-x: visible !important;
        padding: 0 !important;
        margin-bottom: 16px !important;
        gap: 10px !important;
    }

    .packfeatures li {
        font-size: 12.5px !important;
        line-height: 1.4 !important;
    }

    .packwrap .viewdetails {
        min-height: 44px !important;
        font-size: 13.5px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Slick Carousel Arrows & Dots */
    .pckkslider .slick-prev,
    .pckkslider .slick-next {
        width: 38px !important;
        height: 38px !important;
        z-index: 10 !important;
    }
    .pckkslider .slick-prev { left: -6px !important; }
    .pckkslider .slick-next { right: -6px !important; }

    .pckkslider .slick-dots {
        bottom: -28px !important;
    }

    /* Services Section */
    .smallboxes .smallbox {
        width: 100% !important;
        margin: 0 0 20px 0 !important;
        min-height: auto !important;
        display: block !important;
    }

    /* Portfolio Section */
    .portfolio-sec,
    .portfoliosec {
        padding: 40px 0 !important;
    }
    .portfolio-grid,
    .port-boxes {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    /* Technologies Section */
    .techboxes,
    .technologies-boxes {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 12px !important;
    }

    /* Contact Forms */
    .fldst-two {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 12px !important;
    }

    .fldst-two input,
    .fldst-two select,
    .fldst input,
    .fldst select,
    .from-control input,
    .from-control select,
    .from-control textarea {
        width: 100% !important;
        min-height: 48px !important;
        font-size: 16px !important; /* Prevents auto-zoom on iOS */
        padding: 10px 14px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }

    button.btnsb,
    button.newbtn,
    .fldst button[type="submit"],
    .fldst.btnattach button,
    .contact-form button[type="submit"] {
        width: 100% !important;
        min-height: 48px !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        border-radius: 8px !important;
    }

    /* Footer */
    .footer-top {
        padding: 30px 0 15px !important;
    }

    .footer-bottom {
        padding: 15px 0 !important;
    }

    .footer-bottom ul {
        flex-direction: column !important;
        gap: 8px !important;
        text-align: center !important;
    }

    .footer-bottom .payment-methods {
        margin: 10px auto 0 !important;
        justify-content: center !important;
    }

    .socialmid ul.footersocial {
        justify-content: center !important;
        gap: 12px !important;
    }

    .socialmid ul.footersocial li a {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Modals & Popups on Website */
    .book-call-ys-box,
    .mypopup-wrap {
        width: 95% !important;
        max-width: 440px !important;
        padding: 20px 16px !important;
        border-radius: 12px !important;
    }

    /* Floating call/chat widget on mobile: Never obstruct navigation */
    .floating_wrap,
    .floatbutton {
        display: none !important;
    }
}

/* 4. Small Mobile Screens (max-width: 480px) */
@media only screen and (max-width: 480px) {
    .home-banner {
        min-height: 220px !important;
        padding: 30px 12px !important;
    }

    .portfolio-grid,
    .port-boxes {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .ourpackages .pck-head h2 {
        font-size: 24px !important;
    }

    .packwrap {
        max-width: 100% !important;
        padding: 22px 14px 18px !important;
    }

    .packwrap h4 {
        font-size: 28px !important;
    }

    .fldst-two input,
    .fldst input {
        min-height: 46px !important;
    }

    .mobile-nav-btn {
        top: 42px !important;
        right: 12px !important;
    }
}

/* 5. Extra Small Mobile Screens (max-width: 360px) */
@media only screen and (max-width: 360px) {
    .logo-area .logo img {
        max-height: 32px !important;
    }
    .packwrap h4 {
        font-size: 26px !important;
    }
    .packfeatures li {
        font-size: 12px !important;
    }
}