/* font-family: 'Mitr', sans-serif;  ExtraLight 200 - Light 300 - Regular 400 - Medium 500 - SemiBold 600 - Bold 700 */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800&display=swap');

/* font-family: 'Inter', sans-serif; */

/* Works on Firefox */
* { scrollbar-width: thin; scrollbar-color: #ff6634 transparent;}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar { width: 10px;}
*::-webkit-scrollbar-track { background: transparent;}
*::-webkit-scrollbar-thumb { border-radius: 0px; border: 2px solid transparent;}  /*background-color: #ff6634;*/


/* body .cursor { pointer-events: none;}
body .cursor__ball { position: fixed; top: 0; left: 0; mix-blend-mode: difference; z-index: 1000; }
body .cursor__ball circle { fill: #f7f8fa;} */

.cursor-dot, .cursor-dot-outline { pointer-events: none; position: absolute; top: 50%; left: 50%; border-radius: 50%; opacity: 0; transform: translate(-50%, -50%);
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out; z-index: 9;}
.cursor-dot { width: 12px; height: 12px; background-color: #f3772b;}
.cursor-dot-outline { width:40px; height: 40px; background-color: rgba(243, 119, 43, 0.2); /*border: 1px solid rgba(243, 119, 43, 0.8);*/}


.cursor{width:30px;height:30px;border-radius:100%;border:1px solid #ef5e1f;transition:all 200ms ease-out;position:fixed;
  pointer-events:none;left:0;top:0;transform:translate(calc(-50% - 100px),-50%);z-index:12}
.cursor2{width:6px;height:6px;border-radius:100%;background-color:#ef5e1f;position:fixed;transform:translate(-50%,-50%);pointer-events:none;
 transition:width .3s,height .3s,opacity .3s;z-index:12}
.hover{background-color:#ef5e1f;height:70px;width:70px;border:1px solid transparent;opacity:.3;z-index:9999}
.cursorinnerhover{width:2px;height:2px;opacity:.5}


/* preloader start css  */
.preloader { background: #f8f3f7; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; z-index: 9000; cursor: default; position: fixed; align-items: center; justify-content: center;}
.preloader.loaded { visibility: hidden;}
.loader-inn { position: relative;  display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.animation_preloader img { max-width: 44px; position: absolute; left: 4px; right: 0; margin: 0 auto;}
.preloader .animation_preloader { z-index: 9999;}
.preloader .circle_spinner { width: 8em; height: 8em; margin: auto; margin-bottom: 0px; border-radius: 100%; animation: spinner 1s infinite linear; border: 5px solid rgba(0, 0, 0, 0.1); border-top-color: #ef5e1f; }
.preloader p { color: #3f3b49; font-size: 14px; font-weight: 500; letter-spacing: 8px; text-transform: uppercase;}
.preloader .loader { top: 0; left: 0; z-index: 1; width: 100%; height: 100%; font-size: 0; position: fixed; pointer-events: none;}
.preloader .loader_section { padding: 0px;}
.preloader .bg { left: 0; width: 100%; height: 100%; background-color: #ffffff;  transition: all 950ms cubic-bezier(0.77, 0, 0.175, 1);}
.preloader.loaded .animation_preloader { opacity: 0; transition: 0.3s ease-out;}
.preloader.loaded .loader_section .bg { width: 0; transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);}
@keyframes spinner {  to { transform: rotateZ(360deg); } }
@media screen and (max-width: 767px) {.preloader .animation_preloader .spinner {  height: 8em; width: 8em; } }
@media screen and (max-width: 500px) { .preloader .animation_preloader .spinner { height: 7em;  width: 7em; } }
/* preloader end css */

/* header css */
.top-bar-wrap .top-bar-right .top-bar-info { margin-bottom: 0px;}
.top-bar-wrap .top-bar-right .top-bar-info li:last-child {border-right:none;padding-right:0;margin-right: 0;}
.top-bar-wrap .top-bar-right .top-bar-info li.enquiry-btn {border-right:none;padding-right:0;margin-right: 0;}
 .top-bar-wrap .top-bar-right .top-bar-info li.enquiry-btn a {color:#fff;font-size:16px;font-weight:400;line-height:24px;
  padding:6px 30px;display:block;background:#ef5e1f }
 .top-bar-wrap .top-bar-right .top-bar-info li.enquiry-btn a:hover { color: #fff;background:#424242;}
 .top-bar-wrap .top-bar-right .top-bar-info li.register-btn { margin-right: 0;border-right:none;  
  padding-right:0}
 .top-bar-wrap .top-bar-right .top-bar-info li.register-btn a {color:#fff;font-size:15px;font-weight:400;line-height:24px;
  padding:6px 30px;display:block;background:#424242;}
 .top-bar-wrap .top-bar-right .top-bar-info li.register-btn a:hover { color: #fff; background:#ef5e1f;}
 .top-bar-wrap .top-bar-right .top-bar-info li:nth-child(2n-2) { border: none;}

/* .container.header-row { max-width: 96%; padding: 0;} */
.header-area--absolute { position: absolute; top: 0; left: 0; width: 100%; z-index: 5;}
.border-bottom { border-bottom: 1px solid rgba(0, 0, 0,0.1) !important; }
.top-bar-wrap {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center;
    -ms-flex-align: center;  align-items: center; /* height: 50px; */ justify-content: space-between;}
.top-bar-left { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1;  }
.top-bar-left .top-bar-text { font-size: 14px; line-height: 1.78; }
.top-bar-wrap .top-bar-right .top-bar-info { display: inline-block;}
.top-bar-wrap .top-bar-right .top-bar-info li  { display: inline-block; margin-right: 15px; padding-right: 15px; border-right: 1px solid rgba(0, 0, 0,0.2); font-size: 14px; line-height: 1; }
.top-bar-wrap .top-bar-right .top-bar-info li a { color: #3f3b49; text-decoration: none; font-weight: 400; font-size: 16px;}
.top-bar-wrap .top-bar-right .top-bar-info li a:hover { color: #ff6700;}

.top-bar-right .language { display: inline-block;}
.top-bar-right .language-area { display: inline-block; list-style: none; padding: 0; margin: 0; }
.top-bar-right .language-area .language-item-top { position: relative;}
.top-bar-right .language-area .language-item-top .language-bar span {color: #3f3b49; -webkit-transition: all ease 0.5s; transition: all ease 0.5s; font-size: 15px; font-weight: 300;}
.top-bar-right .language-area .language-item-top .language-bar i { font-size: 18px; color: #3f3b49; font-weight: 700; position: relative; top: 4px; -webkit-transition: all ease 0.5s; transition: all ease 0.5s;}
.top-bar-right .language-area .language-item-top .language-bar:hover span { color: #ff6700;}
.top-bar-right .language-area .language-item-top .language-bar:hover i { color: #ff6700;}
.top-bar-right .language-area .language-item-top .language-item-bottom { list-style: none; position: absolute; top: 50px; padding: 15px !important; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05); background-color: #ffffff; width: 150px; right: 0; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
visibility: hidden; opacity: 0; z-index: 2; margin: 0; text-align: left;}
.top-bar-right .language-area .language-item-top .language-item-bottom::before { content: ""; position: absolute; width: 0; height: 0; content: ""; border-top: 0;
  border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; border-left: 8px solid transparent; top: -8px; right: 25px;}
.top-bar-right .language-area .language-item-top .language-item-bottom .language-item { margin-bottom: 15px;}
.top-bar-right .language-area .language-item-top .language-item-bottom .language-item:last-child { margin-bottom: 0;}
.top-bar-right .language-area .language-item-top .language-item-bottom .language-item .language-link { color: #1a1a1a; display: block; font-size: 14px; font-weight: 300;}
.top-bar-right .language-area .language-item-top .language-item-bottom .language-item .language-link img { width: 20px; margin-right: 8px; border-radius: 50%; position: relative; top: 3px; float: left;}
.top-bar-right .language-area .language-item-top .language-item-bottom .language-item .language-link:hover { color: #ff6700;}
.top-bar-right .language-area .language-item-top:hover .language-item-bottom { visibility: visible; opacity: 1; top: 35px; z-index: 9999;}


.header-area .is-sticky { position: fixed; top: 0; left: 0; width: 100%; -webkit-animation: .55s ease-in-out 0s normal none 1 running fadeInDown;
animation: .55s ease-in-out 0s normal none 1 running fadeInDown;  z-index: 999;  -webkit-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);  transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);  -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1);  background-color: #fff; }
.header-area .is-sticky .navigation-menu > ul > li > a { padding: 31px 28px 31px 28px;}
.header-area .is-sticky  .header__logo > a img { width: 130px;}

.header { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;
align-items: center; /*position: relative;*/ }
.header__logo { -webkit-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%;  padding: 8px 0 8px; display: -webkit-box; display: -webkit-flex;
display: -ms-flexbox;  display: flex;  -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;  align-items: center;
-webkit-flex-shrink: 0;  -ms-flex-negative: 0;  flex-shrink: 0; }
.header__logo > a { display: flex; align-items: center; column-gap: 10px;}
.header__logo > a img.logo-txt { width: 130px; }
.header__logo > a img { width: 70px; }
.img-fluid { max-width: 100%; height: auto;}
.header__logo .light-logo { display: inherit; }
.header__logo .dark-logo { display: none; }

.header-right { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch;
align-self: stretch; /*-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center;  align-items: center;*/ align-items: center; display: -webkit-box;  display: -webkit-flex;
display: -ms-flexbox;  display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end;  -ms-flex-pack: end; justify-content: flex-end; }
.header-search .search-icon a { background: #4c4d4f; width: 50px; height: 50px; display: inline-block; border-radius: 50px; display: flex;
  align-items: center; justify-content: center;}
.header-search .search-icon a i { color: #ffffff; font-size: 21px;}
.header-search .search-icon a:hover { background: #ff6700;}

.search-wrap { width: 100%; height: 100%; overflow: hidden; display: none; position: fixed; top: 0; left: 0; z-index: 121; background: rgba(0, 0, 0, 0.9);}
.search-wrap .search-inner { position: relative; width: 100%; height: 100%;}
.search-wrap .search-inner #search-close { position: absolute; top: 50px; right: 50px; font-size: 40px; color: #ffffff; cursor: pointer; transition: all 0.3s linear; }
.search-wrap .search-inner .search-cell { position: absolute; top: 50%; width: 100%; transform: translateY(-50%);}
.search-wrap .search-inner .search-cell .search-field-holder { width: 50%; margin: auto; position: relative;}
.search-wrap .search-inner .search-cell .search-field-holder .main-search-input { width: 100%; height: 70px; border: 0; 
padding: 0 50px; text-transform: uppercase; background: transparent; font-size: 24px; font-weight: 300; color: #ffffff; border-bottom: 2px solid #ffffff;
text-align: center; letter-spacing: 2px;}

.contact-page-form { padding: 0 10%;}
div.form-item{position: relative; display: block; margin-bottom: 30px;}
div.form-item input{transition: all .2s ease;}
div.form-item input.form-style { color:#8a8a8a;	display: block;	width:100%;	height: 42px;	padding: 0;border: none;	border-bottom:1px solid #c2c2c2;	
background: none; font-weight: 300; font-size: 14px;}
div.form-item textarea.form-style { color:#8a8a8a;	display: block;	width:100%;	padding: 15px 0 0 0;border: none;	border-bottom:1px solid #c2c2c2;	
  background: none; font-weight: 300; font-size: 14px; height: 113px; resize: none;}
div.form-item .form-style:focus{outline: none; border-bottom:2px solid #f0531c; color:#8a8a8a; font-weight: 300;}
div.form-item p.formLabel {	position: absolute;	left:0px;	top:6px;	transition:all .3s ease;	color:#000000; font-weight: 300; font-size: 15px;}
div.form-item p.formLabel sup { color: #ff6700; font-size: 15px;}
.formTop{top:-16px !important; left:26px;  padding:0px; font-size: 15px; color:#000000 !important; font-weight: 300;}
.formStatus{color:#8a8a8a !important;}


/*============================== 
    - Navigation Menu Css
===============================*/
.navigation-menu > ul {  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex; }
/* .navigation-menu > ul > li { margin: 0 24px;} */
  
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
.navigation-menu > ul > li { margin: 0 5px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
.navigation-menu > ul > li { margin: 0 10px;}
}
  
.navigation-menu > ul > li > a {  display: block; color: #222222; padding:34px 24px 34px 24px; position: relative; font-size:20px; font-weight: 400; line-height: 1.18;
-webkit-transition: all 0.0s ease-in-out; -o-transition: all 0.0s ease-in-out; transition: all 0.0s ease-in-out; }
.navigation-menu > ul > li > a span { color: #3f3b49;}
.navigation-menu > ul > li > a:after { content: ''; width: 0; height: 4px; top: 0; position: absolute; left: 0; background-color: #ff6700; -webkit-transition: all 0.3s ease-in-out;
 -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigation-menu > ul > li > a:hover { background: #4b4c4e; }

.navigation-menu > ul > li > a span { -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigation-menu > ul > li.has-children > a { position: relative; }
/* .navigation-menu > ul > li.has-children > a:after { position: static; margin-left: 5px; font-family:"Ionicons"; content: '\f487'; font-size: 14px;
vertical-align: middle; -webkit-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; color: #ff6700; } */
.navigation-menu > ul > li.has-children > a:before { position: relative; margin-right: 8px;  content: ''; background: url(../images/shape-orange.svg) no-repeat 0 0;
  vertical-align: middle; -webkit-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;  transition: all 0.3s ease-in-out; width: 14px;
  height: 12px; display: inline-block; background-size: contain;  }
/* .navigation-menu > ul > li.has-children--multilevel-submenu {  position: relative; } */
.navigation-menu > ul > li.has-children:hover .megamenu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible;
opacity: 1; }
.navigation-menu > ul > li.has-children:hover .megamenu--home-variation__item { visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.navigation-menu > ul > li.has-children:hover > .submenu { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }
.navigation-menu > ul > li:hover > a:after, .navigation-menu > ul > li.active > a:after { color: #086AD8; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.navigation-menu > ul > li:hover > a span, .navigation-menu > ul > li.active > a span { color: #ffffff; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; }

.navigation-menu > ul > li:hover > a::after, .navigation-menu > ul > li.active > a:after { width: 100%; left: 0;}

.navigation-menu > ul > li:hover { background:#4b4c4e; color: #fff;}

.navigation-menu.primary--menu > ul > li > a { padding: 31px 2px;}
.navigation-menu--text_white > ul > li > a { color: rgba(255, 255, 255, 0.7); }
.navigation-menu--text_white > ul > li > a:before { background-color: #ffffff;}  
.navigation-menu--text_white > ul > li.active > a { color: #ffffff;}
.navigation-menu--text_white > ul > li:hover > a:after, .navigation-menu--text_white > ul > li.active > a:after { color: #ffffff; }
.navigation-menu--text_white > ul > li:hover > a > span, .navigation-menu--text_white > ul > li.active > a > span { color: #ffffff; }
.header-bottom-left-wrap .navigation-menu > ul > li:first-child { margin: 0 24px 0 0; }

/*===================================
    - Multilevel Submenu Css
====================================*/
.submenu { position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid #ff6700; background-color: #ffffff; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px);
  -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s;
  visibility: hidden; opacity: 0; min-width: 240px; padding: 20px 0; z-index: 9; }
.submenu > li { position: relative; }
.submenu > li > a { display: block; padding: 5px 30px; color: #ababab; font-weight: 400; -webkit-transition: 0s; -o-transition: 0s; transition: 0s;}
.submenu > li > a > span { position: relative; }
.submenu > li > a > span:after { content: ''; width: 0; height: 1px; bottom: 0;  position: absolute; left: auto; right: 0; z-index: -1; background-color: #086AD8;
  -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }  
.submenu > li > a:hover { color: #086AD8;}
.submenu > li > a:hover > span:after { width: 100%; left: 0; right: auto; }
.submenu > li:hover > .submenu {  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; z-index: 9; }
.submenu > li.active > a { color: #086AD8;}
.submenu > li.has-children > a { position: relative; -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);}
.submenu > li.has-children > a:after { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%); transform: translateY(-50%);
  font-family: "Font Awesome 5 Pro"; content: '\f105'; font-size: 14px; vertical-align: middle; color: #ababab;}
.submenu > li.has-children > a:hover:after { color: #086AD8; }
.submenu > li.has-children.active > a { color: #086AD8; }
.submenu .submenu { top: 0px; left: 100%;right: auto;}
.submenu .submenu.left { right: 100%; left: auto;}
.submenu .submenu .submenu { top: 0; left: 100%; right: auto;}
.submenu .submenu .submenu.left { right: 100%; left: auto;}
.submenu .submenu .submenu .submenu { top: 0; left: 100%; right: auto;}
.submenu .submenu .submenu .submenu.left { right: 100%; left: auto;}
.submenu .submenu .submenu .submenu .submenu { top: 0; left: 100%; right: auto;}
.submenu .submenu .submenu .submenu .submenu.left { right: 100%; left: auto;}
.menu-style-three .navigation-menu > ul > li, .menu-style-four .navigation-menu > ul > li { margin-left: 5px; margin-right: 5px; margin: 0;}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .menu-style-three .navigation-menu > ul > li, .menu-style-four .navigation-menu > ul > li { margin-left: 5px; margin-right: 5px; }
} 
/* .menu-style-three .navigation-menu > ul > li:hover > a:before, .menu-style-three .navigation-menu > ul > li.active > a:before, 
.menu-style-four .navigation-menu > ul > li:hover > a:before, .menu-style-four .navigation-menu > ul > li.active > a:before { width: 0%; left: 0; } */
.menu-style-three .submenu.left, .menu-style-four .submenu.left { left: -100px;}
.menu-style-three .submenu.left .submenu.left, .menu-style-four .submenu.left .submenu.left { right: 100%; left: auto;}
.menu-style-four .navigation-menu > ul > li > a { color: #ffffff;}
/* .menu-style-four .navigation-menu > ul > li > a:before { content: ''; width: 0; height: 3px; bottom: 0; position: absolute; left: 0; background-color: #d2a98e;
-webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);  transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); } */
.menu-style-four .navigation-menu > ul > li:hover > a:after, .menu-style-four .navigation-menu > ul > li.active > a:after { color: #ffffff;}
.menu-style-four .navigation-menu > ul > li:hover > a > span, .menu-style-four .navigation-menu > ul > li.active > a > span { color: #ffffff;}
/* .menu-style-four .navigation-menu > ul > li:hover > a:before, .menu-style-four .navigation-menu > ul > li.active > a:before { width: 100%; left: 0;} */

  /*=========================================
      - Mega Menu Css
  ===========================================*/
.megamenu { position: absolute; top: 100%; left: 0; -webkit-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
border-bottom: 4px solid #ff6700; background-color: #4b4c4e; -webkit-transform: translateY(50px); -ms-transform: translateY(50px);
transform: translateY(50px); -webkit-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -o-transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s;
-webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s;  transition-duration: 0.4s; visibility: hidden; opacity: 0; z-index: 9; }
.megamenu--mega {  /*min-width: 980px;*/ width: 100%; padding: 35px 40px; max-width: 100%; /*display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;
-webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; */  }
.megamenu--mega li { margin-bottom: 8px;}

.megamenu--mega ul { padding-left: 25px;} 
.contact-btn a { padding: 10px 25px; background-color: transparent; position: relative; z-index: 1; display: inline-block; border: 2px solid #fff;
color: #ffffff; text-transform: uppercase; font-size: 15px; font-weight: 300; overflow: hidden;}
.contact-btn a i { vertical-align: middle; margin-left: 5px; }
.contact-btn a:before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #ff6700;}
.contact-btn a:hover:before { bottom: 0;}
p.grow-txt { font-size: 24px; color: #ffffff; line-height: 26px; font-weight: 300;}
p.grow-txt span { font-weight: 500; color: #ffffff;}

.megamenu--mega .menu-lft ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding-left: 0; flex-wrap: wrap; gap: 30px;}
.megamenu--mega .menu-lft ul > li > a > span { position: relative; color: #ffffff;}
.megamenu--mega .menu-lft ul > li > ul { padding-left: 25px; gap: inherit;}
.megamenu--mega .menu-lft ul > li  { flex: 1 1 30%; margin-bottom: 0px; }
.megamenu--mega .menu-lft ul > li > ul > li > a { padding: 0px 0; color: #ffffff; line-height: 24px; display: block; font-size: 17px; font-weight: 300; position: relative; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease;
  -o-transition: all .4s ease; transition: all .4s ease;}
.megamenu--mega .menu-lft ul > li > ul > li > a::before {  position: absolute; content: ""; top: 8px; left: -20px; height: 8px; width: 8px; background-color: #ff6700;
border-radius: 50%; visibility: hidden; opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease;
-o-transition: all .4s ease; transition: all .4s ease;}
.megamenu--mega .menu-lft ul > li > ul > li:hover a { padding-left: 15px;}
.megamenu--mega .menu-lft ul > li > ul > li:hover a::before { left: 0; visibility: visible; opacity: 1; }

.megamenu--mega .menu-lft ul > li .page-list-title { font-size: 22px; margin-bottom: 15px; color: #fff; font-weight: 400; position: relative; line-height: 28px; padding-left: 22px;}
.megamenu--mega .menu-lft ul > li .page-list-title i { font-size: 22px; color: #ff6700; position: absolute; top:2px; left: 0;}
.megamenu--mega .menu-lft ul > li > ul > li { width: 100%; flex: auto; margin-bottom: 8px;}
.megamenu--mega .menu-lft ul > li.menu-width { flex: auto; }
.megamenu--mega .menu-lft ul > li.menu-width ul { justify-content: left;}
.megamenu--mega .menu-lft ul > li.menu-width ul > li { flex: 0 1 33%;  }

.megamenu--mega .fullwidth { height: 450px; overflow-y: auto;}
.megamenu--mega .fullwidth ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; padding-left: 0; flex-wrap: wrap; gap: 40px;}
.megamenu--mega .fullwidth ul > li > a > span { position: relative; color: #ffffff;}
.megamenu--mega .fullwidth ul > li > ul { padding-left: 25px; gap: inherit;}
.megamenu--mega .fullwidth ul > li  { flex: 1 1 22%; margin-bottom: 0px; }
.megamenu--mega .fullwidth ul > li > ul > li > a { padding: 0px 0; color: #ffffff; line-height: 24px; display: block; font-size: 16px; font-weight: 300; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease;
  -o-transition: all .4s ease; transition: all .4s ease; position: relative;}
.megamenu--mega .fullwidth ul > li .page-list-title { font-size: 19px; margin-bottom: 10px; color: #fff; font-weight: 400; position: relative; line-height: 26px; padding-left: 22px;}
.megamenu--mega .fullwidth ul > li .page-list-title i { font-size: 20px; color: #ff6700; position: absolute; top:2px; left: 0;}
.megamenu--mega .fullwidth ul > li > ul > li { width: 100%; flex: auto; margin-bottom: 8px;}
.megamenu--mega .fullwidth ul > li.menu-width { flex: auto; }
.megamenu--mega .fullwidth ul > li.menu-width ul { justify-content: left;}
.megamenu--mega .fullwidth ul > li.menu-width ul > li { flex: 0 1 33%;  }


.megamenu--mega .fullwidth ul > li > ul > li > a::before {  position: absolute; content: ""; top: 8px; left: -20px; height: 8px; width: 8px; background-color: #ff6700;
  border-radius: 50%; visibility: hidden; opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -ms-transition: all .4s ease;
  -o-transition: all .4s ease; transition: all .4s ease;}
.megamenu--mega .fullwidth ul > li > ul > li:hover a { padding-left: 15px;}
.megamenu--mega .fullwidth ul > li > ul > li:hover a::before { left: 0; visibility: visible; opacity: 1; }



@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .megamenu--mega { padding-left: 0px; padding-right: 0px; }
}
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .megamenu--mega {  min-width: 700px; }
}  
/* .megamenu--mega > li { -webkit-flex-basis: 22%; -ms-flex-preferred-size: 22%; flex-basis: 22%;  padding-left: 15px; padding-right: 15px;} */
.megamenu--mega > li .page-list-title { font-size: 28px; margin-bottom: 10px; color: #fff; font-weight: 300; position: relative; line-height: 32px;}
.megamenu--mega > li .page-list-title i { font-size: 22px; color: #ff6700;}
.megamenu--mega > li > ul > li > a { padding: 0px 0; color: #ffffff; line-height: 30px; -webkit-transition: 0.1s; display: block; -o-transition: 0.1s; transition: 0.1s; font-size: 19px; font-weight: 300;}
/* .megamenu--mega > li > ul > li > a:hover span { color: #ff6700; } */
.megamenu--mega ul > li > ul > li > a:hover span { color: #ff6700; }
.megamenu--mega ul > li > ul > li > a span { transition: all 0.4s ease;}
.megamenu--mega > li > ul > li > a:hover span:after { width: 100%; left: 0; right: auto;}
.megamenu--mega > li > ul > li > a > span { position: relative; color: #ffffff; transition: all 0.4s ease;}
.megamenu--mega > li > ul > li > a > span:after { content: ''; width: 0; height: 2px; bottom: 0; position: absolute; left: auto; right: 0; z-index: 1; background-color: #ff6700;
  -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }
.megamenu--mega > li > ul > li.active > a { color: #086AD8;}
/* .container-fluid .megamenu--mega {  padding: 35px 220px 30px; }
  @media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .container-fluid .megamenu--mega { padding-left: 50px;  padding-right: 50px; }
}  
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .container-fluid .megamenu--mega { padding-left: 50px; padding-right: 50px; }
}  
@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .container-fluid .megamenu--mega { min-width: 700px; }
} */



/*3.1 wpo-hero-slider*/
.wpo-hero-slider {width: 100%; height: 600px; display: flex; position: relative;z-index: 0; }
@media (max-width: 991px) {
.wpo-hero-slider {height: 600px;}
}
@media (max-width: 767px) {
.wpo-hero-slider { height: 500px;}
}
.wpo-hero-slider .swiper-slide{overflow: hidden;}
.wpo-hero-slider .swiper-container,
.wpo-hero-slider .hero-container {width: 100%;height: 100%;position: absolute;left: 0;top: 0;}

.wpo-hero-slider .slide-inner, .wpo-hero-slider .hero-inner {width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background-size: cover;background-position: center;
display: flex;justify-content: center;align-items: center;text-align: left;}
/* .wpo-hero-slider .slide-inner:before, .wpo-hero-slider .hero-inner:before {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #040128;content: "";
opacity: 0.1;} */
.wpo-hero-slider .slide-inner .slide-content, .wpo-hero-slider .hero-inner .slide-content {padding-left: 240px;padding-top: 95px;}
@media (max-width: 1700px) {
.wpo-hero-slider .slide-inner .slide-content, .wpo-hero-slider .hero-inner .slide-content {padding-left: 120px;}
}
@media (max-width: 991px) {
.wpo-hero-slider .slide-inner .slide-content, .wpo-hero-slider .hero-inner .slide-content {padding-left: 30px;padding-top: 35px;}
}
@media (max-width: 767px) {
.wpo-hero-slider .slide-inner .slide-content, .wpo-hero-slider .hero-inner .slide-content {padding-left: 10px;}
}
.wpo-hero-slider .swiper-button-prev, .wpo-hero-slider .swiper-button-next{background: rgba(149, 149, 149, 0.2); width: 60px;height: 60px;line-height: 58px;border: 2px solid #fff;
border-radius: 50%;opacity: 0.7;text-align: center;transition: all 0.3s; }
.wpo-hero-slider .swiper-button-prev:hover, .wpo-hero-slider .swiper-button-next:hover { /*opacity: 0.9;*/ background: #ef5e1f; }
@media (max-width: 767px) {
.wpo-hero-slider .swiper-button-prev, .wpo-hero-slider .swiper-button-next {display: none;}
}
.wpo-hero-slider .swiper-button-prev {left: 25px;}
.wpo-hero-slider .swiper-button-prev:before {font-family:"Ionicons";content: "\f2ca";font-size: 24px;color: #fff;}
.wpo-hero-slider .swiper-button-prev:after { display: none;}
.wpo-hero-slider .swiper-button-next {right: 25px;}
.wpo-hero-slider .swiper-button-next:before { font-family:"Ionicons"; content: "\f30f";font-size: 24px;color: #fff;}
.wpo-hero-slider .swiper-button-next:after { display: none;}
@media (max-width: 991px) {
.wpo-hero-slider .swiper-button-prev, .wpo-hero-slider .swiper-button-next {display: block;}
}
.wpo-hero-slider .swiper-pagination-bullet {width: 12px;height: 12px;text-align: center;line-height: 12px;font-size: 12px;color: #000;opacity: 1;background: rgba(255, 255, 255, 0.2);}
@media screen and (min-width: 992px) {
.wpo-hero-slider .swiper-pagination-bullet {display: none;}
}
.wpo-hero-slider .swiper-pagination-bullet-active {color: #fff;background: #fff;width: 12px;height: 12px;text-align: center;line-height: 12px;}

.wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets,
.wpo-hero-slider .swiper-pagination-custom, .wpo-hero-slider .swiper-pagination-fraction {bottom: 30px;}
.wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}

@media (max-width: 1199px) {
.wpo-hero-slider{height: 680px;}
}
@media (max-width: 991px) {
.wpo-hero-slider {height: 600px;}
}
@media (max-width: 767px) {
.wpo-hero-slider {height: 500px;}
}
.wpo-hero-slider .gradient-overlay {background: linear-gradient(left, #0a272c 45%, transparent 65%);width: 100%;height: 100%;position: absolute;left: 0;top: 0;
z-index: 10;opacity: 0.6;}
.wpo-hero-slider .gradient-overlay + .container { position: relative; z-index: 11;}
.wpo-hero-slider .swiper-slide { position: relative; z-index: 11;}
.wpo-hero-slider .wpo-hero-title-top span {font-size: 22px;color: #e4e4e4;}
@media (max-width: 767px) {
.wpo-hero-slider .wpo-hero-title-top span {font-size: 15px;}
}
.wpo-hero-slider .slide-title-sub h5 {font-size: 19px;color: #fff;text-transform: uppercase;font-weight: 400;letter-spacing: 2px;
margin-bottom: 30px;}
@media (max-width: 1200px) {
.wpo-hero-slider .slide-title-sub h5{font-size: 16px;font-size: 1.0666666667rem;}
}
@media (max-width: 991px) {
.wpo-hero-slider .slide-title-sub h5{ margin-bottom: 20px; }
}
.wpo-hero-slider .slide-title {max-width: 500px;}
@media (max-width: 1199px) {
  .wpo-hero-slider .slide-title{max-width: 500px;}
}
.wpo-hero-slider .slide-title h2{font-size: 56px; font-weight: 400; line-height: 66px;margin: 0px 0 22px;color: #3f3c49; padding-bottom: 30px; position: relative; letter-spacing: -1px;}
.wpo-hero-slider .slide-title h2 span { color: #ef5e1f; }
.wpo-hero-slider .slide-title h2::after { content: ""; position: absolute; bottom: 0px; left: 0px; background: rgba(0, 0, 0, 0.1); height: 1px; width: 400px; }

@media (max-width: 1199px) {
.wpo-hero-slider .slide-title h2 {font-size: 50px;line-height: 65px;margin-top: 0;}
}
@media (max-width: 991px) {
.wpo-hero-slider .slide-title h2{font-size: 40px;line-height: 55px;}
}
@media (max-width: 767px) {
.wpo-hero-slider .slide-title h2{font-size: 30px;font-size: 2rem;line-height: 36px;}
}
.wpo-hero-slider .slide-text{max-width: 500px;}
@media (max-width: 767px) {
.wpo-hero-slider .slide-text{max-width: 500px;}
}
.wpo-hero-slider .slide-text p{font-size: 22px;color: #524e60;line-height: 32px;max-width: 680px;margin-bottom: 40px;font-weight: 300; }
@media (max-width: 991px) {
.wpo-hero-slider .slide-text p{font-size: 18px;}
}
@media (max-width: 767px) {
.wpo-hero-slider .slide-text p {font-size: 16px;line-height: 22px;margin-bottom: 30px;}
}
@media (max-width: 991px) {
.wpo-hero-slider .slide-btns {max-width: 400px;}
}
.wpo-hero-slider .slide-btns .theme-btn { width: 56px; height: 56px; border-radius: 60px; background: #ff6634; color: #fff;
display: flex;align-items: center;justify-content: center; transition: all 0.3s;}
.wpo-hero-slider .slide-btns .theme-btn i { font-size: 30px;}
.wpo-hero-slider .slide-btns .theme-btn:hover { background: #333; }
@media (max-width: 767px) {
.wpo-hero-slider .slide-btns .hero-video-btn {margin-left: 20px;}
}



/* expertise section css */

.expertise-sec { padding: 90px  0px 0px;}
.section-title { text-align: center;}
.section-title h1 { font-size: 54px;line-height: 70px;font-weight: 400; color: #212224; margin-bottom: 15px; letter-spacing: -1px;}
.section-title p { font-size: 30px;line-height: 40px;font-weight: 200; color: #666666; margin-bottom:0px;}

.expertise-div { display: flex; gap: 0.4%; margin-top: 85px; }
.expertise-lft { width: 48%; position: relative;}
.expertise-lft .exp-img{ float: left; width: 100%;}
.expertise-lft img { float: left; width: 100%;}
.expertise-lft .exp-title { position: absolute; top:0px; left: 0px; float: left; width: 100%; padding: 45px 35px;}
.expertise-lft .exp-title h4 { font-size: 18px;line-height: 20px;font-weight: 300; color: #fff; margin-bottom: 18px;}
.expertise-lft .exp-title h2 { font-size: 36px;line-height: 42px;font-weight: 400; color: #fff; margin-bottom: 10px;}
.expertise-lft .exp-title span.arrow i { font-size: 40px; color: #fff;}
.expertise-rgt { width: 52%; }
.expertise-rgt ul { display: flex; flex-wrap: wrap;gap: 0.8%; height: 100%;}
.expertise-rgt ul li { float: left; width: 49.6%; position: relative; height: 49.6%;}
.expertise-rgt ul li .exp-img{ float: left; width: 100%; display: flex; height: 100%; position: relative;}
.expertise-rgt ul li .exp-img img{ float: left; width: 100%;}
.expertise-rgt ul li .exp-title { position: absolute; bottom:28px; left: 0px; float: left; width: 100%; padding: 0px 65px 0px 22px;}
.expertise-rgt ul li .exp-title h2 { font-size: 26px;line-height: 32px;font-weight: 400; color: #fff; margin-bottom: 0px;}
.expertise-rgt ul li .exp-title span.arrow { position: absolute; right:30px; bottom: 0px;}
.expertise-rgt ul li .exp-title span.arrow i { font-size: 40px; color: #fff;}

.expertise-rgt ul li .exp-img::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%;
background: rgba(0,0,0,0.44);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.40) 70%, rgba(0,0,0,0.70) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,0.40)), color-stop(100%, rgba(0,0,0,0.70)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.40) 70%, rgba(0,0,0,0.70) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.40) 70%, rgba(0,0,0,0.70) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.40) 70%, rgba(0,0,0,0.70) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.40) 70%, rgba(0,0,0,0.70) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );  
}


.portfolio_section { margin-top: 70px;}
.metro_portfolio_grid .grid-item, .metro_portfolio_grid .grid-sizer { width: 24.6%; float: left; overflow: hidden;}
.metro_portfolio_grid .w_45 { width: 49.6%;}
.metro_portfolio_grid .grid-item { margin-bottom: 5px;}
/* .metro_portfolio_grid .grid-item img { width: 100%; -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  -webkit-transition: -webkit-transform .35s .1s;
  -moz-transition: -moz-transform .35s .1s;
  transition: transform .35s .1s;} */
  .metro_portfolio_grid .grid-item img  { width:100%; float:left; transition: all .5s ease;}
.portfolio_fullimage { width: 100%; overflow: hidden; position: relative;}
.grid-item.mob-grid-item { display: none;}
.portfolio_fullimage a:hover .exp-img img { transform: scale(1.05);}

.portfolio_fullimage a::before { display: none; position: absolute; content: ""; background: #fff; opacity: 0.1; width: 100%; height: 100%; z-index: 1; left: -50%;
bottom: -50%; clip-path: polygon(0 0, 100% 100%, 0 100%); transition: 0.8s;}
.portfolio_fullimage a::after { display: none; position: absolute; content: ""; background: #fff; opacity: 0.35; width: 100%; height: 100%; z-index: 1; top: -50%; right: -50%;
clip-path: polygon(0 0, 100% 0, 100% 100%); transition: 0.6s; }

.portfolio-plus-wrapper { display: none; position: absolute; left: 50%;  top: 50%; transform: translate(-50%, -50%); z-index: 2; opacity: 0; visibility: hidden; transition: 0.9s;}
.portfolio-plus-wrapper span::before { width: 42px; height: 4px; background: #1a1e5d; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.portfolio-plus-wrapper span::after { width: 4px; height: 48px; background: #1a1e5d; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.portfolio-plus-wrapper span { position: relative; width: 100px; height: 100px; background: #fff; border-radius: 50%; z-index: 2; transition: all 0.3s;}
.portfolio_fullimage:hover .portfolio-plus-wrapper { opacity: 1; visibility: visible; }
/* .portfolio_fullimage a:hover::before { left: 0; bottom: 0;}
.portfolio_fullimage a:hover::after { top: 0; right: 0;}
.portfolio_fullimage:hover .exp-title { opacity: 0;} */
.portfolio_fullimage .portfolio-plus-wrapper:hover span { background: #ff6633;}
.portfolio_fullimage .portfolio-plus-wrapper:hover span::before { background: #ffffff; }
.portfolio_fullimage .portfolio-plus-wrapper:hover span::after { background: #ffffff; }


/* .portfolio_fullimage .exp-item-inner::after { content: ''; position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; background-color: #26ccca;
  opacity: 0; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; transform-origin: 0 0;  -webkit-transform: scaleX(0); -moz-transform: scaleX(0);
  transform: scaleX(0); -webkit-transition: transform .5s cubic-bezier(.77,0,.175,1),opacity 0s .5s; transition: transform .5s cubic-bezier(.77,0,.175,1),opacity 0s .5s;
}
.portfolio_fullimage:hover .exp-item-inner::after { opacity: 1; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); transform: scaleX(1);
-webkit-transition: transform .5s cubic-bezier(.77,0,.175,1),opacity 0s; transition: transform .5s cubic-bezier(.77,0,.175,1),opacity 0s; }
.portfolio_fullimage:hover .exp-img img { -webkit-transform: translate3d(50px,0,0); -moz-transform: translate3d(50px,0,0); transform: translate3d(50px,0,0);
-webkit-transition: -webkit-transform .6s cubic-bezier(.63,.04,.25,1); -moz-transition: -moz-transform .6s cubic-bezier(.63,.04,.25,1);
transition: transform .6s cubic-bezier(.63,.04,.25,1);}


.exp-outer {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; box-sizing: border-box;}
.exp-item-inner { position: relative; display: table; table-layout: fixed; height: 100%; width: 100%; }
.exp-item-content { opacity: 0; -webkit-transform: translate3d(-20px,0,0); -moz-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0);
  -webkit-transition: transform 0s .25s,opacity .15s .1s; transition: transform 0s .25s,opacity .15s .1s; z-index: 10; position: relative;
  display: table-cell; height: 100%; width: 100%; vertical-align: middle; padding: 30px;}
.exp-item-title  { margin: 0; color: #ffffff; font-weight: 400; font-size: 26px; line-height: 32px;}
.exp-item-text {  margin: 14px 0 0; color: #ffffff; color: #ffffff; font-weight: 300; line-height: 20px;}
.exp-item-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }

.portfolio_fullimage:hover .exp-item-content { opacity: 1; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0); -webkit-transition: transform .5s .15s,opacity .2s .2s; transition: transform .5s .15s,opacity .2s .2s; } */


.portfolio_fullimage.first-img .exp-img:after { display: none;} 
.portfolio_fullimage.first-img .exp-title { position: absolute; top:0px; left: 0px; float: left; width: 100%; padding: 45px 35px; transition: all 0.3s;}
.portfolio_fullimage.first-img .exp-title h4 { font-size: 18px;line-height: 20px;font-weight: 300; color: #fff; margin-bottom: 18px;}
.portfolio_fullimage.first-img .exp-title h2 { font-size: 36px;line-height: 42px;font-weight: 400; color: #fff; margin-bottom: 10px;}
.portfolio_fullimage.first-img .exp-title span.arrow {  position: relative; right: auto; bottom: auto; }
.portfolio_fullimage.first-img .exp-title span.arrow i { font-size: 40px; color: #fff; }

.portfolio_fullimage .exp-img::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%;
background: rgba(0,0,0,0.44); background: -moz-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.40) 70%, rgba(0,0,0,0.70) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,0.40)), color-stop(100%, rgba(0,0,0,0.70)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.40) 70%, rgba(0,0,0,0.70) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.40) 70%, rgba(0,0,0,0.70) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 50%, rgba(0,0,0,0.40) 70%, rgba(0,0,0,0.70) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.40) 70%, rgba(0,0,0,0.70) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }

.portfolio_fullimage .exp-img { float: left; width: 100%; overflow: hidden; transition: all .5s ease;}
.portfolio_fullimage .exp-title { position: absolute; bottom:28px; left: 0px; float: left; width: 100%; padding:0px 45px 0px 15px; transition: all 0.3s;}
.portfolio_fullimage .exp-title h2 { font-size: 22px;line-height: 30px;font-weight: 400; color: #fff; margin-bottom: 0px;}
.portfolio_fullimage .exp-title span.arrow { position: absolute; right:20px; bottom: 0px;}
.portfolio_fullimage .exp-title span.arrow i { font-size: 36px; color: #fff;}

/* metro portfolio grid - end */
/* masonry portfolio grid - start */
/* .masonry_portfolio_grid { margin: 15px 40px; margin-bottom: -15px;}
.masonry_portfolio_grid .grid-item, .masonry_portfolio_grid .grid-sizer { width: 25%;}
.masonry_portfolio_grid .w_45 { width: 50%;}
.masonry_portfolio_grid .grid-item { padding: 15px;}
.masonry_portfolio_grid .grid-item img { width: 100%;} */
/* masonry portfolio grid - end */


/* home product section css */
.digital-products-sec { padding: 190px 0px 95px; background: #f4eef3; margin-top: -98px; }
.products-div { margin-top: 75px;display: flex; gap: 3%; padding: 0 6%; }
ul.home-prod-lst { float: left; width: 100%; }
ul.home-prod-lst li { float: left; width: 100%; margin-bottom: 36px; }
ul.home-prod-lst:first-child li:first-child { margin-top: 105px;}
ul.home-prod-lst li:last-child { margin-bottom: 0px;}
.prod-div { float: left; width: 100%; border-radius: 6px; overflow: hidden; position: relative;}
.prod-img { float: left; width: 100%; transition: all .5s ease; overflow: hidden;}
.prod-img img{ float: left; width: 100%; transition: all .5s ease;}
.prod-cont { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; display: flex;align-items: flex-end;padding: 40px 40px;
background: rgba(0,0,0,0.44);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.60) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(45%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.60)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.60) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.60) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.60) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 45%, rgba(0,0,0,0.60) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
.prod-cont h2 { font-size: 34px;line-height: 40px;font-weight: 400; color: #fff; margin-bottom:15px; transition: all 0.4s ease;}
.prod-cont span.prod-name { transition: all 0.4s ease; display: inline-block; background: #ff6633; padding: 6px 10px; border-radius: 6px; font-size: 13px; line-height: 13px; font-weight: 300; color: #fff; text-transform: uppercase; }
ul.home-prod-lst li .prod-div a:hover .prod-img img { transform: scale(1.05); }

ul.home-prod-lst li .prod-div a::before { display: none; position: absolute; content: ""; background: #fff; opacity: 0.1; width: 100%; height: 100%; z-index: 1; left: -50%;
  bottom: -50%; clip-path: polygon(0 0, 100% 100%, 0 100%); transition: 0.8s;}
ul.home-prod-lst li .prod-div a::after { display: none; position: absolute; content: ""; background: #fff; opacity: 0.35; width: 100%; height: 100%; z-index: 1; top: -50%; right: -50%;
  clip-path: polygon(0 0, 100% 0, 100% 100%); transition: 0.6s; }  
ul.home-prod-lst li .prod-div .portfolio-plus-wrapper {position: absolute; left: 50%;  top: 50%; transform: translate(-50%, -50%); z-index: 2; opacity: 0; visibility: hidden; transition: 0.9s;}
ul.home-prod-lst li .prod-div .portfolio-plus-wrapper span::before { width: 42px; height: 4px; background: #1a1e5d; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
ul.home-prod-lst li .prod-div .portfolio-plus-wrapper span::after { width: 4px; height: 48px; background: #1a1e5d; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
ul.home-prod-lst li .prod-div .portfolio-plus-wrapper span { position: relative; width: 100px; height: 100px; background: #fff; border-radius: 50%; z-index: 2; transition: all 0.3s;}
ul.home-prod-lst li:hover .prod-div .portfolio-plus-wrapper { opacity: 1; visibility: visible; }
/* ul.home-prod-lst li:hover .prod-div a::before { left: 0; bottom: 0;}
ul.home-prod-lst li:hover .prod-div a::after { top: 0; right: 0;}

ul.home-prod-lst li:hover .prod-div .prod-cont h2, ul.home-prod-lst li:hover .prod-div .prod-cont span.prod-name { opacity: 0;} */
ul.home-prod-lst li:hover .prod-div .portfolio-plus-wrapper:hover span { background: #ff6633;}
ul.home-prod-lst li:hover .prod-div .portfolio-plus-wrapper:hover span::before { background: #ffffff; }
ul.home-prod-lst li:hover .prod-div .portfolio-plus-wrapper:hover span::after { background: #ffffff; }


/***************************/

.parallax-container { height: 500px; width: 100%; position: relative; display: flex;  align-items: center; }
.parallax-cnt {  padding: 40px; position: relative; z-index: 1; width: 34%;}
.parallax-cnt h1 { font-size: 54px; line-height: 70px; color: #ffffff; font-weight: 400; margin-bottom: 30px;}
.parallax-cnt p { font-size: 20px; color: #ffffff; font-weight: 300; margin-bottom: 30px;}
.parallax-container:after { position: absolute; display: block; content: ""; right: 0; top:0; width: 80%; height: 103%; display: none;
background: rgba(14,22,29,0);
background: -moz-linear-gradient(left, rgba(14,22,29,0) 0%, rgba(14,22,29,0.76) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(14,22,29,0)), color-stop(100%, rgba(14,22,29,0.76)));
background: -webkit-linear-gradient(left, rgba(14,22,29,0) 0%, rgba(14,22,29,0.76) 100%);
background: -o-linear-gradient(left, rgba(14,22,29,0) 0%, rgba(14,22,29,0.76) 100%);
background: -ms-linear-gradient(left, rgba(14,22,29,0) 0%, rgba(14,22,29,0.76) 100%);
background: linear-gradient(to right, rgba(14,22,29,0) 0%, rgba(14,22,29,0.76) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e161d', endColorstr='#0e161d', GradientType=1 ); }
.parallax-cnt a { position: relative; display: inline-block; background: #ff6700; color: #ffffff; text-transform: uppercase; padding: 12px 32px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.parallax-cnt a i { position: relative; padding-left: 10px; vertical-align: middle;}
.parallax-cnt a::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.parallax-cnt a:hover:before {bottom: 0;}

.parallax-container.parallax-cnt-left:after { position: absolute; display: block; content: ""; left: 0; right: auto; top:0; width: 80%; height: 100%; display: none;
background: rgba(16,37,54,0.6);
background: -moz-linear-gradient(left, rgba(16,37,54,0.9) 0%, rgba(16,37,54,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(16,37,54,0.9)), color-stop(100%, rgba(16,37,54,0)));
background: -webkit-linear-gradient(left, rgba(16,37,54,0.9) 0%, rgba(16,37,54,0) 100%);
background: -o-linear-gradient(left, rgba(16,37,54,0.9) 0%, rgba(16,37,54,0) 100%);
background: -ms-linear-gradient(left, rgba(16,37,54,0.9) 0%, rgba(16,37,54,0) 100%);
background: linear-gradient(to right, rgba(16,37,54,0.9) 0%, rgba(16,37,54,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102536', endColorstr='#102536', GradientType=1 ); }

.parallax-container.parallax-cnt-left .parallax-cnt { padding: 0; border: none; width: 46%;}
  

.parallax-btm { position: absolute; bottom: 80px;}
.parallax-btm p { color: #ffffff; font-size: 13px; font-weight: 300; line-height: 24px; margin: 30px 10px; text-transform: uppercase;}
/* .parallax-btm::after { position: absolute; display: block; content: "\f487"; font-size: 100px; top:0; left: 0; font-family:"Ionicons";} */
.triangle {  width: 140px; height: 166px; border-left: 1px solid rgba(255,255,255,0.2); position: absolute; margin: 0px; left: 0; top: -4px;}
.triangle::after, .triangle::before { content: ""; position: absolute; height: 1px; background: rgba(255,255,255,0.2); transform-origin: 0 0;}
.triangle::before { top: 0; left: 0; right: 0px; transform: rotate(36deg);}
.triangle::after { bottom: 0; right: 0px; left: -0.5px; transform: rotate(-36deg); }

/* partner section css */
.partner-area { padding: 75px 0px 75px; background: #fff; }
.partner-div{float: left; width: 100%; padding: 0px 125px; margin-top: 50px;}
.partner-area .partner-item {background-color: transparent;position: relative;-webkit-transition: all 0.5s;transition: all 0.5s;overflow: hidden;text-align: center;
line-height: 1;}
.partner-area .owl-carousel .owl-item img {width: unset;margin: auto;-webkit-transition: all 0.5s;transition: all 0.5s;}
.partner-area .owl-carousel .owl-item .partner-item:hover img { opacity: 0.7;}


/* Let's talk css */
.lets-talk { background: #ebebeb;}
.company-title { margin-bottom: 80px;}
.company-icon span { background: url("../images/dots.svg") no-repeat center center; width: 56px; height: 78px; display: inline-block; background-size: 100%;}
.section-title h4 { color: #212224; margin-top: 10px; font-weight: 300; font-size: 14px; line-height: 20px;}
.section-title h2 { color: #212224; margin-top: 10px; font-weight: 400; font-size: 50px; line-height: 50px; letter-spacing: 0.5px;}
.contact-page-form .input-box { width: 100%; margin-bottom: 30px; height: 32px;}
.contact-page-form .input-box.text-message-box { height: 98px;}
.contact-page-form .input-box input[type="text"], .contact-page-form .input-box input[type="email"] { background: none; color: #000000; border: none; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #c2c2c2; font-family: 'Mitr', sans-serif; font-weight: 300; font-size: 15px; line-height: 22px; transition: all .5s ease;}
.contact-page-form .input-box textarea {background: none; height: 100%; border: none; width: 100%; color: #000000; resize: none; border-bottom: 1px solid #c2c2c2; font-weight: 300; font-size: 15px; line-height: 22px; transition: all .5s ease;}
.contact-page-form .input-box input[type="text"]:focus, .contact-page-form .input-box input[type="email"]:focus, .contact-page-form .input-box textarea:focus { border-bottom: 1px solid #f0531c;}
.send-btn { cursor: none !important; position: relative; background: #ff6700; color: #ffffff; text-transform: uppercase; padding: 14px 32px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.send-btn .icon { position: relative; top: 2px; padding-left: 10px;}
.send-btn::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.send-btn:hover:before {bottom: 0;}


/* testimonial css*/

.testimonial-sec { padding: 80px 0;}
.testimonial-sec h1 { font-size: 50px; font-weight: 400; color: #191b21; line-height: 54px;}
.testimonial-sec h1 i { color: #ff6700;}
.test-carousel.owl-carousel { padding: 0 15%;}
.test-img  { border-radius: 5px 50% 5px 5px; overflow: hidden; position: relative; background: #0656af;}
.test-img:after { position: absolute; display: block; content: ""; background: rgba(6, 86, 175, 0.6); width: 100%; height: 100%; left: 0; top:0; display: none; }
.test-img img { width: 100%; mix-blend-mode: soft-light; -webkit-mix-blend-mode: soft-light; -moz-mix-blend-mode: soft-light; -o-mix-blend-mode: soft-light; -ms-mix-blend-mode: soft-light; }
.test_carousel__item { display: flex; flex-wrap: wrap; align-items: flex-start;}
.test-txt p { color: #212224; font-size: 18px; font-weight: 300; line-height: 28px;}
.test-txt h3 { font-size: 26px; color: #012780; font-weight: 400; line-height: 34px; margin-top: 25px;}
.test-txt span { font-size: 16px; color: #818181; font-weight: 300; line-height: 24px;}


/* footer css */
.footer { background: #c8d9fa; background-size: cover; background-attachment: fixed; background-position: center center;}
.footer-widget .widget-title { font-size: 18px; line-height: 24px; font-weight: 400; color: #ffffff; margin-bottom: 25px;}
.footer .nav { padding-right: 0; align-items: center;}
.footer-widget ul li:not(:last-child) { margin-bottom: 10px;}
.footer-widget ul li a { display: block; font-size: 14px; line-height: 20px; font-weight: 300; color: #bab9be; text-decoration: none; transition: all .5s ease-out 0s;}
.footer-widget ul li a:hover { color: #f0531c; padding-left: 10px;}
.footer .border-end { border-right: 1px solid rgba(255,255,255,0.2) !important;}
.footer .border-top { border-top: 1px solid rgba(255,255,255,0.2) !important;}
.footer .footer-col-2 { padding-left: 50px;}
.footer .footer-col-3 { padding-left: 50px;}
.footer .footer-col-4 { padding-left: 50px;}

.footer .addr-icon i { color: #4d5063; font-size: 58px; line-height: 50px; margin-right: 25px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.footer .addr-icon.phone i { border: 2px solid #4d5063; border-radius: 50%; width: 60px; height: 60px; font-size: 40px; justify-content: center;}
.footer .addr-title p { color: #ffffff; font-size: 14px; line-height: 20px; font-weight: 300;}
.footer .addr-title a { color: #afb0b4; font-size: 12px; line-height: 20px; font-weight: 300; text-decoration: none;}
.footer .addr-title a:hover { color: #f0531c;}

.footer .ftr-social-links { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; justify-content: flex-end;}
.footer .ftr-social-links a {background: #333334; color: #fff;}
.footer .ftr-social-links a:not(:last-child) { margin-right: 15px;}
.footer .ftr-social-links a { font-size: 15px; width: 34px; height: 34px; background: none; border: 2px solid #b1b1bb; color: #b1b1bb; border-radius: 50%; text-align: center; line-height: 30px;}
.footer .ftr-social-links a:hover { background: #f0531c; color: #ffffff; border: 2px solid #f0531c;}

.footer p.copy-rights { color: #333; font-weight: 400; font-size: 16px; line-height: 20px;}


/****************** scroll top css *********************/
.scroll-to-top { mix-blend-mode: difference;  opacity: 0; cursor: pointer; position: fixed; bottom: 30px; right: 20px; width: 70px; height: 70px; border: 0px solid red; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #3f3c49; z-index: 5; }
#scrollPercentLabel {  font-size: 13px; color: #fff; padding: 0px; line-height: 24px; font-weight: 400; letter-spacing: 1px; position: absolute; display: flex;
align-items: center;  justify-content: center; }
/* .scroll-to-top img { filter: invert(1); } */
.scroll-to-top span { color: #fff;} 
.scroll-to-top.show { opacity: 1; }

/* @-webkit-keyframes rotating  {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
} */
/* .rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
} */


.dark .scroll-to-top img { filter: none;}
.dark .scroll-to-top #scrollPercentLabel, .dark .scroll-to-top #scrollPercentLabel span  { color: #ffffff;}



/***************************************** mobile app css **************************************************/


/* .mobile-platfrm {float: left; width: 100%; padding: 65px 0 0 0;} */
.mobile-platfrm { padding: 65px 0;}
.mobile-platfrm h2 { font-size: 32px; line-height: 40px; font-weight: 400; text-align: left; margin-bottom: 25px; color: #212224;}
.mobile-platfrm p {font-size: 20px;line-height: 30px; font-weight: 300;color: #222222; padding-bottom: 0px; padding-right: 0px; margin-bottom: 50px;}

/* .platform-list {float: left; width: 100%; padding-bottom: 75px;} */
.platform-list h4{ font-size: 28px; line-height: 32px; font-weight: 400; padding-bottom: 20px;}
.platform-list p { font-size: 17px; line-height: 26px; font-weight: 300; padding-bottom: 0; color: rgba(0, 0, 0, 0.8); margin-bottom: 20px; padding-right: 40px; }

.platform-list ul {width: 100%; float: left;padding-bottom: 30px;}
.platform-list ul li a{font-size: 14px;line-height: 20px;color: #000;float: left;padding-right: 13px;
margin-right: 13px; font-weight: 500; text-transform: uppercase; position: relative; letter-spacing: 0.5px;}
.platform-list ul li a:after { content: "/"; position: absolute; color: #f5ae47; font-size: 14px; right: -4px;}
.platform-list ul li:last-child a:after {display: none;}
.platform-list a.rm-btn { display: inline-block; font-size: 15px; line-height: 20px; color: #0a0a0a;padding: 10px 30px;border: 1px solid #0a0a0a;transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; position: relative; z-index: 1; overflow: hidden;}
.platform-list a.rm-btn::before { left: 0; width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%; position: absolute; transition: 0.5s all ease-in-out; background-color: #ef521d;}
.platform-list a.rm-btn:hover::before { bottom: 0;}
.platform-list a.rm-btn:hover { color: #fff; border: 1px solid #ef521d;}
.lg-img {float: left;width: 100%;padding-bottom: 20px;}
.lg-img i { font-size: 60px; }
.lg-img i.fa-android { color: #85c606;}
.lg-img i.fa-apple { color: #8d8d8d;}
.lg-img i.fa-laptop { color: #ff9400;}


.creative {  background: url(.././images/creative-bg.jpg) no-repeat center center; padding: 90px 0; min-height: 420px;display: flex; 
display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;flex-direction: column; background-size: cover; background-size: cover;
background-attachment: fixed; background-position: right center; position: relative; z-index: 1;}
.creative h3 { font-size: 54px; line-height: 70px; color: #fff;font-weight: 400; }
.creative h3 span { color: #ef5e1f;}

.brnd-blue-bg { padding: 55px 0; background: #0032a1;}
.brnd-blue-bg p{text-align: left; float: left; width: 100%; font-weight: 300; color: #fff; font-size: 20px; line-height: 34px; padding-right: 0px;}

.bg-img1 {background: url(.././images/creative-bg1.jpg) no-repeat center center; background-attachment: fixed; background-position: center; background-size: cover;}
.bg-img2 {background: url(.././images/creative-bg2.jpg) no-repeat center center; background-attachment: fixed; background-position: center; background-size: cover;}
.bg-img3 {background: url(.././images/creative-bg3.jpg) no-repeat center center; background-attachment: fixed; background-position: center; background-size: cover;}


.bg-img2:after { position: absolute; display: block; content: ""; left: 0; top:0; width: 100%; height: 100%; z-index: -1;  
background: rgba(0,26,81,1);
background: -moz-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(116,41,60,0) 50%, rgba(231,56,39,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,26,81,1)), color-stop(50%, rgba(116,41,60,0)), color-stop(100%, rgba(231,56,39,0)));
background: -webkit-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(116,41,60,0) 50%, rgba(231,56,39,0) 100%);
background: -o-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(116,41,60,0) 50%, rgba(231,56,39,0) 100%);
background: -ms-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(116,41,60,0) 50%, rgba(231,56,39,0) 100%);
background: linear-gradient(to right, rgba(0,26,81,1) 0%, rgba(116,41,60,0) 50%, rgba(231,56,39,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a51', endColorstr='#e73827', GradientType=1 );
}

.bg-img3:after { position: absolute; display: block; content: ""; left: 0; top:0; width: 100%; height: 100%; z-index: -1;
  background: rgba(0,26,81,1);
  background: -moz-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(116,41,60,0) 50%, rgba(231,56,39,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,26,81,1)), color-stop(50%, rgba(116,41,60,0)), color-stop(100%, rgba(231,56,39,0)));
  background: -webkit-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(116,41,60,0) 50%, rgba(231,56,39,0) 100%);
  background: -o-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(116,41,60,0) 50%, rgba(231,56,39,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(116,41,60,0) 50%, rgba(231,56,39,0) 100%);
  background: linear-gradient(to right, rgba(0,26,81,1) 0%, rgba(116,41,60,0) 50%, rgba(231,56,39,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a51', endColorstr='#e73827', GradientType=1 );
}

.creative.bg-img3 h3 { font-weight: 300; }
.creative.bg-img3 h3 span { font-weight: 500; color: #fff;}

.dev-process { padding: 80px 0;}
.dev-process h2 {font-size:54px; line-height: 64px; font-weight: 400; color: #0a0a0a; text-align: center; padding-bottom: 30px;}
.dev-process .dev-img{float: left;width: 100%;}
.dev-process .dev-img img{padding-top: 66px;float: left;width: 100%;}

.dev-cont {width: 100%; float: left; padding-right: 40px;}
.dev-cont ul {width: 100%; float: left;}
.dev-cont ul li {float: left; width: 100%; margin-bottom: 26px;}
.dev-cont ul li span {font-size: 20px; line-height: 30px; font-weight: 300; width: 100%; float: left; color: #ef5e1f;}
.dev-cont ul li h5{float: left;width: 100%;font-size: 20px;font-weight: 500;padding-bottom: 8px;border-bottom: 1px solid #8a8991;
margin-bottom: 12px;}
.dev-cont ul li p { font-size: 19px; line-height: 30px; font-weight: 300; color: #000; float: left; width: 100%;}

.industries { padding: 70px 0 70px 0; }
.industries h2 { font-size: 54px; line-height: 64px; color: #222;font-weight: 400; text-align: center; padding-bottom: 0; width: 100%; float: left; margin-bottom: 80px;}
.indus-img1 { float: left; width: 100%; text-align: center; padding-bottom: 18px;}
.industries h4{ font-size: 20px; line-height: 30px; text-align: center; font-weight: 400; color: #3f3b49; transition: all 0.4s ease;}
/* .industries .col { margin-bottom: 65px;} */
.industries ul { display: flex; flex-wrap: wrap; row-gap: 60px; }
.industries ul li { flex: 1 1 18%; transition: all 0.4s ease;}
.industries ul li:hover h4 { color: #ef5e1f;}

.service { padding: 60px 0 60px 0;}
.service h2 { font-size: 54px; line-height: 64px; color: #222; font-weight: 400; text-align: center; margin-bottom: 55px; width: 100%; float: left;}

.accordion button { font-size: 20px; line-height: 30px; color: #212224; font-weight: 500; cursor: none !important;}
.accordion button span{ color: #ef5e1f; padding-right: 10px;}
.accordion-item { border: 1px solid #d8d8d8!important; margin-bottom: 30px; border-radius: 0 !important;}

.accordion-button:not(.collapsed) { color: #ef5e1f;  background-color: #f2f2f2;  box-shadow: none;}
.accordion-button:focus { z-index: 3; border-color: #feebe2; box-shadow:none;}
.accordion-body {font-size: 18px;line-height: 29px; font-weight: 300;padding-bottom: 28px;color: #222;}
.accordion-button:not(.collapsed)::after { transform: none; content: "\f2f4"; background: none;}
.accordion-button:after { transform: none;  width: auto; height: auto; content: "\f2c7"; font-size: 20px; font-family:"Ionicons"; background: none;}

.choose { padding:75px 0 0 0;}
.choose h2 { font-size: 54px; line-height: 64px; color: #000;font-weight: 400; text-align: center; padding-bottom: 0px; width: 100%; float: left; margin-bottom: 30px; }
.choose h3 { font-weight: 300; color: #666666; font-size: 30px; line-height: 36px; text-align: center; padding-bottom: 100px;}

h2.counter_box__title { text-align: left; }
.odometer.odometer-auto-theme {position: relative;}
.choose .odometer.odometer-auto-theme::after { content: "+";  color: #212224;  position: absolute;  right: -24px;  top: -22px;  font-size: 42px; font-weight: 300;}

.odometer.odometer-auto-theme{font-size: 58px; font-family: 'Mitr', sans-serif; letter-spacing: 4px; line-height: 60px; color: #000!important;font-weight: 400;text-align: center;padding-bottom: 0; }
.counter-box p { font-weight: 400; color: #000; font-size: 18px; line-height: 20px; text-align: left;}
.choose .odometer.odometer-auto-theme span { color: #000; font-weight: 400;}

.choose-para {padding: 60px 0 70px 0;}
.choose-para p{font-size: 20px; line-height: 30px; font-weight: 300; color: #000; padding-right: 0px;}
/* .count-bdr {width: 100%; float: left; border-bottom: 1px solid #b6b6b6; padding-bottom: 50px;} */


/************************************** case study css **********************************************/
.expertise-sec.case-sec { padding: 70px 0; background: #fcf7f7;}
.expertise-sec.case-sec h3 { font-size: 32px; color: #212224; font-weight: 400; line-height: 40px; margin-bottom: 50px;}
.portfolio_section.case-studies-sec { margin-top: 0;}
.case-studies-sec .metro_portfolio_grid .grid-item, .case-studies-sec .metro_portfolio_grid .grid-sizer  { width: 32.2%; margin-bottom: 20px;}
.case-studies-sec .metro_portfolio_grid .w_45 { width: 66%; }

.case-studies-sec .portfolio_fullimage .exp-img::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%;
  background: rgba(0,0,0,0.44); background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 80%, rgba(0,0,0,0.80) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(60%, rgba(0,0,0,0)), color-stop(80%, rgba(0,0,0,0.40)), color-stop(100%, rgba(0,0,0,0.80)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 80%, rgba(0,0,0,0.80) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 80%, rgba(0,0,0,0.80) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 80%, rgba(0,0,0,0.80) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 80%, rgba(0,0,0,0.80) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
.case-studies-sec .portfolio_fullimage .exp-title h2 { font-size: 24px; margin-bottom: 0;}
.case-studies-sec .portfolio_fullimage .exp-title span.arrow i { font-size: 32px;}

/* .case-studies-sec .metro_portfolio_grid .w_45 .portfolio_fullimage { position: relative;} */
.case-studies-sec .metro_portfolio_grid .w_45 .exp-img::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; display: block;
  background: rgba(0,0,0,0.44); background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 80%, rgba(0,0,0,0.80) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(60%, rgba(0,0,0,0)), color-stop(80%, rgba(0,0,0,0.40)), color-stop(100%, rgba(0,0,0,0.80)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 80%, rgba(0,0,0,0.80) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 80%, rgba(0,0,0,0.80) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 80%, rgba(0,0,0,0.80) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.40) 80%, rgba(0,0,0,0.80) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); }
.case-studies-sec .portfolio_fullimage.first-img .exp-title { top: auto; bottom: 18px; padding: 0px 65px 0px 22px;}
.case-studies-sec .portfolio_fullimage.first-img .exp-title span.arrow { position: absolute; right: 30px; bottom: 0px; }

  
/* Set the style for the a tag */
.pagination { align-items: center; justify-content: center; margin-top: 30px; order: 4;}
.pagination a { color: #ef5e1f; float: left; padding: 0px 14px; text-decoration: none; transition: background-color .3s; font-size: 18px; font-weight: 500; text-decoration: underline; }
  /* set the style for the active class */
.pagination a.active { color: #000000; text-decoration: none; }
/* add background color when user hovers on inactive class */
.pagination a:hover:not(.active) { color: #000000; }
.pagination a i { font-size: 44px;}

.teams-sec { padding: 70px 0; text-align: center;}
/* .teams-sec h1 { font-size: 54px; line-height: 64px; font-weight: 400; color: #0a0a0a; margin-bottom: 30px;} */
.teams-sec p { color: #333333; font-size: 19px; line-height: 30px; font-weight: 300;}

.directors { display: flex; flex-wrap: wrap; margin-top: 70px;}
.director-pad h2 { font-size: 30px; }
.director-lft h1 { font-weight: 400; font-size: 52px; line-height: 60px; text-align: left; color: #212224; padding-left: 50px; position: relative;}
.director-lft h1:after { position: absolute; display: block; content: ""; left: 0; top:15px; background: url(../images/dots-org.svg) no-repeat 0 0; width: 26px; height: 26px; background-size: cover;}
.sub-title { color: #ef5e1f; font-weight: 400; font-size: 18px; padding-left: 60px; position: relative;}
.sub-title:after { position: absolute; display: block; content: ""; left: 0; top:50%; width: 50px; height: 3px; background: #ef5e1f; transform: translate(0,-50%);}
.director-lft span.line { float: left; width: 100%; position: relative; margin-top: 30px;}
.director-lft span.line::after { position: absolute; left: -30px; right: 0; top:0; margin: 0 auto; background: #ef5e1f; height: 150px; width: 1px; content: ""; }
.director-lft { text-align: left;}

.director-rht ul { display: flex; flex-wrap: wrap; column-gap: 25px;}
.director-rht ul li { flex: 1 1 48%;}
.team-img { position: relative;}
.team-img::after { position: absolute; display: block; content: ""; left: 0; top:0; width: 100%; height: 100%; opacity: 0; transition: all 0.4s ease;
  background: rgba(0,0,0,0);
  background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.90) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(54%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.90)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.90) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.90) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.90) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.90) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.team-desc { transform: translateY(-30px); transition: all 0.4s ease; z-index: 1; font-size: 17px; line-height: 24px; color: #f2f2f2; padding: 40px 28px 20px; text-align: left; position: absolute; bottom: 0; left: 0; right: 0; opacity: 0;}
.team-desc p { color: #fff; font-size: 17px; line-height: 24px; font-weight: 300; transition: all 0.4s ease;}
.team-img:hover:after { opacity: 1;}
.team-img:hover .team-desc { opacity: 1; transform: none;}
.director-rht ul li:hover .team-social {  transform: scale(1); }

.team-name { float: left; width: 100%; margin-top: 20px;}
.team-name h3 { font-weight: 500; line-height: 30px; color: #212224; font-size: 24px; line-height: 38px;}
.team-name h4 { color: #666666; font-weight: 300; font-size: 18px; line-height: 24px;}

.staff-sec { margin-top: 50px;}
.staff-sec h1 {font-size: 54px; line-height: 70px; font-weight: 400; color: #212224; margin-bottom: 35px; letter-spacing: -1px;}
.staff-sec ul { display: flex; flex-wrap: wrap; gap: 25px;}
.staff-sec ul li { flex: 0 1 23.5%;}

.team-social { display: flex; align-items: center; justify-content: center; transform: scale(0); transition: all 0.4s ease; padding: 10px 0 10px;}
.team-social a { margin: 0 6px; transition: all 0.4s ease;}
.team-social a i { font-size: 18px;}
.team-social a i.fa-facebook { color: #465bfa;}
.team-social a i.fa-twitter { color: #3fbaf3;}
.team-social a i.fa-linkedin { color: #2567b3;}
.team-social a i.fa-youtube-play { color: red;}
.team-social a i.fa-fa-skype { color: #1893ca;}

.staff-sec ul li:hover .team-social {  transform: scale(1); }
.staff-sec ul li .team-social a:hover { opacity: 0.6;}
.staff-sec ul li:hover .team-img:after { display: none;}

.btn-center { margin-top: 40px;}



/********************** ram css ******************************/
.addr-pad { float:left; width:100%; padding: 0; margin-top: -45px; background: #fff; z-index: 1; position: relative; border-radius: 5px; overflow: hidden; border:1px solid #eff6ff; box-shadow: 0 0 16px rgba(0,0,0,0.02); margin-bottom: 70px; }
.contact-lft { float: left; padding: 80px 50px 50px;}
.contact-lft h2 { font-size: 48px; line-height: 54px; color: #212224; font-weight: 400; margin-bottom: 18px;}
.contact-lft h2 span { color: #ef5e1f; } 
.contact-lft p.para { font-size: 17px; line-height: 24px; color: #212224; font-weight: 300; padding-bottom: 20px; margin-bottom: 15px; position: relative;}
.contact-lft p.para:after { content: ''; width: 70px; height: 2px; bottom: 0; position: absolute; left: 0; background: #ef5e1f;} 
.contct-form { padding: 0; margin-top: 25px;}
.contact-lft div.form-item input.form-style { border: 1px solid #cbd6e2; border-radius: 3px; height: 50px;padding: 0 20px;font-size: 15px; font-weight: 300; color: #333;}
.contact-lft div.form-item textarea.form-style { border: 1px solid #cbd6e2; border-radius: 3px; height: 190px;padding: 20px 20px;font-size: 15px; font-weight: 300; color: #333;}
.contact-lft label { font-size: 16px; font-weight: 400; color: #333; margin-bottom: 12px; width: 100%;}
.contact-lft .nice-select { font-size: 15px; font-weight: 300; padding: 0 20px; margin-bottom: 35px; color: #333; border: 1px solid #cbd6e2; border-radius: 3px; height: 50px !important; line-height: 50px !important; width: 100%; }
.contact-lft .nice-select::after { width: 8px; height: 8px; right: 20px; border-bottom: 2px solid #000; border-right: 2px solid #000;}
.contact-lft .nice-select .list { width: 100%;}
.contact-lft .nice-select .option.selected { font-weight: 500;}
.contact-lft .nice-select .option { font-size: 15px; font-weight: 300; color: #333; margin-bottom: 0;}
.contact-lft .nice-select span { font-size: 15px; font-weight: 300; color: #333;}
.contact-lft sup { color: #f58634;}
.contact-lft div.form-item { margin-bottom: 35px;}
.contact-lft .col-xl-12 div.form-item { margin-bottom: 26px;}
.contact-lft div.form-item .form-style:focus { border: 1px solid #f0531c;}

.contact-rht { float: left;padding: 115px 50px 85px; background: #f8f6f8;}
.contact-rht li { float: left; width: 100%; padding-bottom: 33px; border-bottom: 1px solid #e1e6ed; margin-bottom: 27px;}
.contact-rht li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0;}
.contact-rht li a { color: #f0531c; font-size: 16px; line-height: 25px; font-weight: 300; text-decoration: underline;-webkit-transition: all ease 0.5s; transition: all ease 0.5s;}
.contact-rht li a:hover { text-decoration: none; }
.contact-rht h3 { font-size: 20px; line-height: 24px; color: #0033a0; font-weight: 400; margin-bottom: 18px;}
.contact-rht p  { font-size: 16px; line-height: 25px; color: #475b84; font-weight: 300; padding-bottom: 0px; position: relative;}

.enquiry-sec { float:left; width:100%; padding:70px 62px; border:1px solid #eff6ff; box-shadow: 0 0 16px rgba(0,0,0,0.02); margin:0px 0 80px; border-radius: 5px;}
.enquiry-l { float:left; width:100%;}
.enquiry-l ul { float:left; width:100%;padding-left: 0px; padding-top: 20px; margin-bottom: 0px;}
.enquiry-l ul li { float:left; width:100%; margin-bottom:20px; }
.enquiry-l ul li:last-child { margin-bottom:0; }
.enq-ico { float:left; width:55px; height:55px; background:#0032a1; border-radius: 50%; text-align: center;  margin-right:30px; transition:all 0.5s ease; position:relative; align-items: center;
  display: flex; justify-content: center;}
.enq-ico i {color: #fff; font-size: 26px; }
.enq-ico i.ion-android-call, .enq-ico i.ion-printer { font-size: 24px;}
.enq-ico img { position: absolute; top: 0;  bottom: 0; right: 0;  left: 0;  margin: auto;}
.enquiry-l .enq-txt { float:left; width:calc(100% - 110px); margin:0px 0 0 0; }
.enquiry-l .enq-txt span { color:#0f8ffa; font-size:16px; font-weight:400; display:block; margin-bottom:5px; line-height:22px;}
.enquiry-l .enq-txt a { font-size:18px; font-weight:600; color:#0033a0; line-height:24px; transition:all 0.5s ease; }
.enquiry-l .enq-txt a:hover { color:#f0531c; }
.enquiry-l.enquiry-r { width: 40%;}
.enquiry-l p { font-size:18px; font-weight:600; color:#0033a0; line-height:24px;}
.enquiry-l ul li:hover .enq-ico { background:#f0531c;}

.cont-map-sec { position: relative; margin-bottom: 85px; padding: 0px 0px; background: #fff; background-size: cover; background-attachment: fixed; background-position: center center;}

.career-words { background: #ef5e1f; padding: 55px 0px 45px;}
.career-words p { color: #fff; font-size: 30px; line-height: 40px; font-weight: 400;}
.career-words p a { color: #fff; font-size: 30px; font-weight:400; text-decoration: underline;}

.about-aes-sec{ padding: 90px 0px 95px; background: #fff;}
.abt-lft { padding-right: 85px;}
.abt-lft h2{ color: #212224; font-size: 32px; line-height: 40px; font-weight: 400; margin-bottom: 30px; }
.abt-lft p{ color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 25px; }
.abt-rgt { padding-right: 85px;}
.abt-img-lft { float: left; width: 35%; margin-right: 2%;}
.img-lft1{ position: relative; height: 165px; margin-bottom: 15px;}
.abt-shape1 { position: absolute; right: 0px; bottom: 0px; width: 62px; height: 62px; background: #6050d4; border-radius: 100px 0px 0px 0px;}
.img-lft2{ float: left; width: 100%;}
.img-lft2 img{ float: left; width: 100%;}
.abt-img-rgt { float: left; width: 53%;}
.img-rgt1{ float: left; width: 100%; margin-bottom: 15px;}
.img-rgt1 img{ float: left; width: 100%;}
.img-rgt2 { float: left; width: 100%;}
.img-btm-lft { float: left; width: calc(100% - 60px); position: relative;}
.img-btm-lft img{ float: left; width: 100%; position: relative; z-index: 1;}
.img-btm-rgt { float: left; width: 60px; position: relative;}
.abt-shape2 { position: absolute; left: 15px; top: 0px; width: 30px; height: 30px; background: #f965a1; border-radius: 0px 0px 50px 0px;}
.abt-shape3 { position: absolute; right: -40px; bottom: 15px; z-index: 0;}

.career-aes .abt-shape1 { width: 55px; height: 52px;}
.career-aes .abt-shape2 { width: 28px; height: 28px;}
.career-aes .abt-img-lft { width: 18%;}
.career-aes .img-lft1 { height: 284px;}
.career-aes .abt-img-rgt { width: 75%;}
.career-aes .img-btm-lft { width: 57%;}
.career-aes .img-rgt2 .abt-shape2 { bottom: 0; top: auto; left: 10px;}
.career-aes .img-rgt2 .abt-shape5  { position: absolute; left: 10px; top: 0px; width: 114px; height: 106px; background: #f3772b; border-radius: 0px 0px 0px 0px;}
.career-aes .img-rgt2 .abt-shape4  { position: absolute; left: 37px; top: 120px; width: 85px; }
.career-aes .img-btm-rgt { height: 223px;}

.manage-profile { width: 100%;}
.manage-profile .title-image{ position: relative; padding: 105px 0px 140px; background: url(../images/manage-img.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.manage-profile p { color: #00aeef; font-size: 18px; line-height: 20px; font-weight: 400; margin-bottom: 20px; }
.manage-profile h1 { color: #fff; font-size: 60px; line-height: 72px; font-weight: 400; margin-bottom: 35px; }
.manage-profile a { position: relative; display: inline-block; background: #f0531c; color: #ffffff; text-transform: uppercase; padding: 12px 25px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.manage-profile a i { position: relative; padding-left: 20px; vertical-align: middle;}
.manage-profile a::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.manage-profile a:hover:before {bottom: 0;}
.manage-profile.community-sec .title-image::after { display: none;}

.jobs-sec { width: 100%; padding: 117px 0 98px;}
.jobs-sec h1 { color: #0a0a0a; font-size: 54px; line-height: 64px; font-weight: 400; margin-bottom: 60px; float: left; }
.jobs-sec a.partner-btn { position: relative; float: right; display: inline-block; background: #f0531c; color: #ffffff; text-transform: uppercase; padding: 12px 27px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.jobs-sec a.partner-btn i { position: relative; padding-left: 20px; vertical-align: middle;}
.jobs-sec a.partner-btn::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.jobs-sec a.partner-btn:hover:before {bottom: 0;}
.jobs-list li { width: 100%; border-top: 1px solid #333; padding: 35px 0 35px; float: left; position: relative;}
.jobs-list li:last-child { padding-bottom: 0;}
.jobs-sec li h3 { color: #0a0a0a; font-size: 34px; line-height: 44px; font-weight: 400; margin-bottom: 30px; float: left; display: flex; align-items: center;}
.jobs-sec li h3 span.orange-pad { margin-left: 10px; background: url(../images/orange-bg.png) no-repeat 0 0; font-size: 12px; min-width: 55px; padding-left: 11px; letter-spacing: 1px; text-transform: uppercase; line-height: 24px; color: #fff; display: inline-block; }
.jobs-sec li a.learn-btn { position: relative; display: inline-block; background: #fff; color: #000; border: 1px solid #ebebeb; text-transform: uppercase; padding: 12px 30px; font-family: 'Mitr', sans-serif; font-weight: 500; font-size: 15px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.jobs-sec li a.learn-btn i { position: relative; padding-left: 10px; vertical-align: middle;}
.jobs-sec li a.learn-btn::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #f0531c;}
.jobs-sec li a.learn-btn:hover:before {bottom: 0;}
.jobs-sec li a.learn-btn:hover { color: #fff;}
.title-pad { width: 100%; float: left;}
.jobs-sec li h4 { color: #000; font-size: 18px; line-height: 22px; font-weight: 500; margin-bottom: 12px;}
.jobs-sec li p { color: #000; font-size: 18px; line-height: 20px; font-weight: 300; margin-bottom: 10px;}

.work-sec { width: 100%; padding: 95px 0; background: #f8f6f8;}
.work-sec h1 { color: #0a0a0a; font-size: 48px; line-height: 52px; font-weight: 400; padding-bottom: 20px; margin-bottom: 32px; position: relative; }
.work-sec h1::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 60px; height: 3px; background: #f0531c;}
.work-sec h3 { color: #f0531c; font-size: 24px; line-height: 32px; font-weight: 300; margin-bottom: 25px; }
.work-sec p { color: #000; font-size: 18px; line-height: 26px; font-weight: 300; }
.work-lft { padding-right: 55px;}
.work-img { float: left; width: 100%; position: relative;}
.work-rht .work-shape1 { position: absolute; right: 87px; top: 32%; width: 74px; height: 74px; background: rgba(240, 83, 28, 0.9); }
.work-rht .work-shape2 { position: absolute; right: 174px; top: 52%; width: 46px; height: 46px; background: rgba(240, 83, 28, 0.8); }
.work-rht .work-shape3 { position: absolute; right: 0px; bottom: 0; width: 168px; height: 168px; background: rgba(247, 135, 49, 0.4); }

.mob-apple-dev { width: 100%;}
.mob-apple-dev.we-provide .title-image{ position: relative; padding: 160px 0px; height: 660px; background: url(../images/we-provide-img.jpg) no-repeat 0 0;  background-size: cover; /*background-attachment: fixed;*/ background-position: center center;}
.mob-apple-dev.we-provide .title-image::after { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%;
  background: rgba(0,26,81,1);
  background: -moz-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(0,12,39,0) 52%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,26,81,1)), color-stop(52%, rgba(0,12,39,0)), color-stop(100%, rgba(0,0,0,0)));
  background: -webkit-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(0,12,39,0) 52%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(0,12,39,0) 52%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,26,81,1) 0%, rgba(0,12,39,0) 52%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,26,81,1) 0%, rgba(0,12,39,0) 52%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001a51', endColorstr='#000000', GradientType=1 );  
}
.desc-blue { width: 100%; padding: 65px 0px 65px 0px; background: #0032a1;}
.desc-txt { float: left; width: 100%; padding-right: 160px; }
.desc-txt p { font-size: 18px;line-height: 30px;font-weight: 400; color: #fff; }
.we-provide .mob-apple-dev .title-image { padding: 230px 0;}
.title-image .title { position: relative; z-index: 1;}
.title-image .title h1 { font-size: 54px; line-height: 64px;font-weight: 400; color: #fff;}
.title-image .title h1 span { display: block; color: #ef5e1f;}
.we-provide .desc-txt p { font-size: 20px; line-height: 30px; font-weight: 300;}

.benefits-sec { width: 100%; padding: 70px 0 80px; text-align: center;}
.benefits-sec h1 { color: #0a0a0a; font-size: 54px; line-height: 64px; font-weight: 400; margin-bottom: 30px; float: left; }
.benefits-sec p { font-size: 20px; line-height: 30px; font-weight: 300; color: #222; margin-bottom: 60px;}
.benefits-list { width: 100%; text-align: left;}
.benefits-list ul { display: flex; flex-wrap: wrap; gap: 60px;}
.benefits-list li { float: left; width: 29.6%; /*margin-right: 5.6%;*/ margin-bottom: 0px; padding-bottom: 25px; border-bottom: 2px solid #252525;}
.benefits-list li:nth-child(3n) { margin-right: 0;}
.benefits-icon { float: left; width: auto; padding-top: 5px; margin-right: 20px;}
.benefits-list li h3 { float: left; width: auto; transition:all 0.5s ease; color: #0a0a0a; font-size: 24px; line-height: 30px; font-weight: 400;} 
.benefits-list li:hover h3 { color: #f0531c;}
.benefits-list li:last-child h3 { line-height: 52px;}

/* .career-banner .inner-caption h1 { font-size: 60px; line-height: 72px; font-weight: 600; padding-bottom: 0; margin-bottom: 18px;}
.career-banner .inner-caption h1::after { display: none;} */
.jobs-sec li a.learn-btn { position: absolute; top: 35px; right: 0px; float: right; display: inline-block; background: #fff; color: #000; border: 1px solid #ebebeb; text-transform: uppercase; padding: 12px 30px; font-family: 'Mitr', sans-serif; font-weight: 500; font-size: 15px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.jobs-sec li a.learn-btn i { position: relative; padding-left: 10px; vertical-align: middle;}
.jobs-sec li a.learn-btn::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #f0531c;}
.jobs-sec li a.learn-btn:hover:before {bottom: 0;}
.jobs-sec li a.learn-btn:hover { color: #fff;}


.mob-apple-dev.we-provide { position: relative;}
.mob-apple-dev.we-provide .title-image .title { position: absolute; top:50%; width: auto; transform: translateY(-50%); }
.contct-form .nice-select .list { max-height: 320px; overflow: auto; }

.career-details-sec { padding: 75px 0 35px; width: 100%;}
.career-detail-list { float: left; width: 100%; margin-bottom: 50px;}
.career-detail-list ul { float: left; width: 100%; margin-bottom: 20px;}
.career-detail-list ul:last-child { margin-bottom: 0;}
.career-detail-list h2 { color: #212224; font-size: 34px; line-height: 42px; font-weight: 400; margin-bottom: 28px; }
.career-detail-list h3 { color: #212224; font-size: 24px; line-height: 30px; font-weight: 400; margin-bottom: 26px; }
.career-detail-list p { color: #222222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 0px; }
.career-detail-list li { float: left; width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 20px; color: #222; padding-left: 20px; font-weight: 300; position: relative;}
.career-detail-list li::after { background: #ef5e1f; position: absolute; left: 0; top: 12px; width: 6px; height: 6px; border-radius: 25px; content: '';}
.career-detail-list a.partner-btn { position: relative; margin-top: 26px; float:left; display: inline-block; background: #f0531c; color: #ffffff; text-transform: uppercase; padding: 12px 27px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.career-detail-list a.partner-btn i { position: relative; padding-left: 12px; vertical-align: middle;}
.career-detail-list a.partner-btn::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.career-detail-list a.partner-btn:hover:before {bottom: 0;}

.social-link { float: left; width: 100%; margin-bottom: 32px;}
.social-link p { color: #222222; font-size: 20px; line-height: 30px; font-weight: 300; float: left; margin-right: 17px; }
.social-link li { float: left; margin-right: 15px;}
.social-link li:last-child { margin-right: 0;}
.social-link li a { transition:all 0.4s ease; width: 32px; height: 32px; display: flex;  align-items: center; justify-content: center; background: #ccc; border-radius: 50%;}
.social-link li a i { color: #ffffff; }
.social-link li.fb-ico a { background: #3b5998;}
.social-link li.in-ico a { background: #0d76a7;}
.social-link li a:hover { background: #ff6700;}
.border-pad { float: left; width: 100%; border: 2px solid #05061f; padding: 47px 26px 47px;}
.border-pad h4 { color: #000; font-size: 18px; line-height: 22px; font-weight: 500; margin-bottom: 12px;}
.border-pad p { color: #000; font-size: 18px; line-height: 20px; font-weight: 300; margin-bottom: 10px;}



/****************** sekar css *********************/

/* about us page */
.inner-banner { position: relative; z-index: 1;}
.inner-banner img {  width: 100%;}
.inner-ban-caption { float: left; width: 100%;  position: absolute; top:50%; padding-top:0px; transform: translateY(-50%); z-index: 1;}
.inner-caption { float: left; width: 100%; max-width: 700px;}
.inner-caption h1 { color: #fff; font-size: 62px; line-height: 70px; padding-bottom: 32px; font-weight: 400; margin-bottom: 35px; position: relative; }
.inner-caption h1::after { content: ""; left: 0px; bottom: 0px; height: 1px; background: #fff; width: 65px; position: absolute;}
.inner-caption p { color: #fff; font-size: 20px; line-height: 30px; font-weight: 300; letter-spacing: 0.2px; }
.inner-caption a { margin-top: 50px; position: relative; display: inline-block; background: #ff6700; color: #ffffff; text-transform: uppercase; padding: 10px 32px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.inner-caption a i { position: relative; padding-left: 10px; vertical-align: middle;}
.inner-caption a::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.inner-caption a:hover:before {bottom: 0;}
.inner-banner:after { position: absolute; content: ""; left: 0; top:0; background: url(../images/arrow-banner.svg) no-repeat left 0px center; width: 100%; height: 100%; opacity: 0.4;}

.company-words { background: #ef5e1f; padding: 40px 0px;}
.company-words ul.words { float: left; width: 100%;padding: 0 20px; text-align: center; }
.company-words ul.words li { float: left; padding-right: 50px; margin-right: 20px; position: relative; font-size: 60px; line-height: 60px; color: #fff; font-weight: 200;}
.company-words ul.words li:last-child { padding-right: 0px; margin-right: 0px;}
.company-words ul.words li::after { content: ">"; position: absolute; top:0px; right: 0px; font-size: 40px; color: #fff;font-weight: 200;}
.company-words ul.words li:last-child::after { content: "";}

.about-aes-sec{ padding: 90px 0px 95px; background: #fff;}
.abt-lft { padding-right: 85px;}
.abt-lft h2{ color: #212224; font-size: 32px; line-height: 42px; font-weight: 400; margin-bottom: 30px; }
.abt-lft p{ color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 25px; }
.abt-rgt { padding-right: 85px;}
.abt-img-lft { float: left; width: 35%; margin-right: 2%;}
.img-lft1{ position: relative; height: 165px; margin-bottom: 15px;}
.abt-shape1 { position: absolute; right: 0px; bottom: 0px; width: 62px; height: 62px; background: #6050d4; border-radius: 100px 0px 0px 0px;}
.img-lft2{ float: left; width: 100%;}
.img-lft2 img{ float: left; width: 100%;}
.abt-img-rgt { float: left; width: 53%;}
.img-rgt1{ float: left; width: 100%; margin-bottom: 15px;}
.img-rgt1 img{ float: left; width: 100%;}
.img-rgt2 { float: left; width: 100%;}
.img-btm-lft { float: left; width: calc(100% - 60px); position: relative;}
.img-btm-lft img{ float: left; width: 100%; position: relative; z-index: 1;}
.img-btm-rgt { float: left; width: 60px; position: relative;}
.abt-shape2 { position: absolute; left: 15px; top: 0px; width: 30px; height: 30px; background: #f965a1; border-radius: 0px 0px 50px 0px;}
.abt-shape3 { position: absolute; right: -40px; bottom: 15px; z-index: 0;}

.counters-sec { padding: 85px 0px 15px; background: url(../images/counters-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;} 
.counters-lft p { color: #00aeef; font-size: 18px; line-height: 20px; font-weight: 400; margin-bottom: 20px; }
.counters-lft h1 { color: #fff; font-size: 54px; line-height: 68px; font-weight: 400; }
.counters-rgt { padding-top: 30px;}
ul.counter-list { float: left; width: 100%; display: flex; flex-wrap: wrap;}
ul.counter-list li { float: left; width: 47%; margin-right: 6%; padding: 45px 0px 85px; border-top:2px solid #fff;}
ul.counter-list li:nth-child(2n-2) { margin-right: 0px;}
ul.counter-list li .fun-fact-number { float: left; width: 100%; display: flex; align-items: center; margin-bottom: 5px;}
ul.counter-list li .fun-fact-number h3 { font-size: 70px; line-height: 70px; font-weight: 400; color: #fff; letter-spacing: 5px !important; margin-right: 5px;}
ul.counter-list li .fun-fact-number span { color: #fff; font-size: 60px; line-height: 70px; font-weight: 400; }
ul.counter-list li p {color: #fff; font-size: 18px;font-weight: 300; }
.why-choose-sec { padding: 115px 0px; background: #fff;}
.choose-sec-lft { padding-top: 30px;}
.choose-sec-lft h1{ color: #0a0a0a; font-size: 54px; line-height: 64px;font-weight: 400; }
.choose-sec-rgt { padding-left: 60px;}
.choose-sec-rgt ul { float: left; width: 100%; margin-bottom: 15px;}
.choose-sec-rgt ul li { float: left; color: #00aeef; font-size: 18px; position: relative; padding-right: 10px; margin-right: 8px; }
.choose-sec-rgt ul li::after { content: ""; position: absolute; width: 2px; height: 16px; top: 5px; right: 0px; bottom: 0px; margin: auto; background: #00aeef; }
.choose-sec-rgt ul li:last-child { padding-right: 0px; margin-right: 0px;}
.choose-sec-rgt ul li:last-child::after{ display: none;}
.choose-sec-rgt p{ color: #0a0a0a; font-size: 24px; line-height: 34px; font-weight: 300; }

.choose-div { margin-top: 85px; }
ul.choose-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; }
ul.choose-lst li { float: left; width: 31.3333%; margin-right: 3%; border:1px solid #000000; padding: 40px 45px 65px; }
ul.choose-lst li:last-child { margin-right: 0px;}
ul.choose-lst li .choose-cont-div { float: left; width: 100%; }
ul.choose-lst li .choose-cont-div h2 { color: #ef5e1f; font-size: 48px; line-height: 48px; font-weight: 300; margin-bottom: 20px; }
ul.choose-lst li .choose-cont-div h3 { color: #000; font-size: 24px; line-height: 24px; font-weight: 500; margin-bottom: 35px; }
ul.choose-lst li .choose-cont-div p { color: #000; font-size: 18px; line-height: 30px; font-weight: 300; }

.partener-program-sec{ position: relative; padding: 200px 0px; background: url(../images/partner-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.partener-program-sec::after { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%;
background: rgba(9,17,61,1);
background: -moz-linear-gradient(left, rgba(9,17,61,1) 0%, rgba(9,17,61,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(9,17,61,1)), color-stop(100%, rgba(9,17,61,0)));
background: -webkit-linear-gradient(left, rgba(9,17,61,1) 0%, rgba(9,17,61,0) 100%);
background: -o-linear-gradient(left, rgba(9,17,61,1) 0%, rgba(9,17,61,0) 100%);
background: -ms-linear-gradient(left, rgba(9,17,61,1) 0%, rgba(9,17,61,0) 100%);
background: linear-gradient(to right, rgba(9,17,61,1) 0%, rgba(9,17,61,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102656', endColorstr='#102656', GradientType=1 );
}
.partner-title { float: left; width: 100%; position: relative; z-index: 1; }
.partner-title h1 { color: #fff; font-size: 54px; line-height: 64px; font-weight: 400; }
.partener-cont-sec { padding: 75px 0px 55px; }   
.part-lft { padding-right: 85px;}
.part-lft p { color: #000; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 30px;}
.part-rgt p { color: #000; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 40px;}
.part-rgt { padding-right: 85px;}
.partner-btn { display: inline-block; position: relative; background: #ff6700; color: #ffffff; text-transform: uppercase; padding: 14px 25px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.partner-btn:hover { color: #fff; }
.partner-btn .icon { position: relative; top: 1px; padding-left: 10px;}
.partner-btn::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.partner-btn:hover:before {bottom: 0;}

.recognitions-sec { background: #f9f8f8; padding: 92px 0px; }
.recognitions-sec ul { float: left; width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.recognitions-sec ul li { float: left; width: 23.5%; margin-right: 2%; }
.recognitions-sec ul li:last-child { margin-right: 0px;}
.recognitions-sec ul li h2 { color: #0a0a0a; font-size: 30px; line-height: 34px; font-weight: 500;}
.recognitions-sec ul li .logo-div { float: left; width: 100%; padding: 15px 15px; background: #0032a1; height: 78px; display: flex; align-items: center;}
.recognitions-sec ul li img { float: left; width: auto; transition: all 0.5s;}
.recognitions-sec ul li:hover img { opacity: 0.7;} 

.growing-sec { position: relative; padding: 80px 0px; background: url(../images/grow-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.growing-sec::before { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%; background: rgba(0,0,0,0.5);}
.growing-sec ul.grow-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; position: relative; z-index: 1;}
.growing-sec ul.grow-lst li { float: left; width: 47.5%; margin-right: 5%; border-right: 1px solid #979294;}
.growing-sec ul.grow-lst li:last-child { margin-right: 0px; border: none;}
.growing-sec ul.grow-lst li .grow-img { float: left; width: 202px;}
.growing-sec ul.grow-lst li .grow-img img { width: 100%; height: 225px; object-fit: cover;}
.growing-sec ul.grow-lst li .grow-cont { float: left; width: calc(100% - 202px); padding: 0px 85px 0px 38px;}
.growing-sec ul.grow-lst li .grow-cont h2 { color: #fff; font-size: 32px; line-height: 40px; font-weight: 400; margin-bottom: 10px;}
.growing-sec ul.grow-lst li .grow-cont p { color: #fff; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 25px;}


/* Ice Apple page */
.inner-banner-iceapple .inner-caption h4 { color: #fff; font-size: 32px; font-weight: 300; margin-bottom: 20px; padding-bottom: 0px; position: relative;}
.inner-banner-iceapple .inner-caption h1 { font-size: 60px;}

.markets-sec { padding: 65px 0px 90px; background: #f9f9f9;}

/* Tab css */
.market-tab { margin-top: 40px;}
.market-tab .tabs {border-bottom: 2px solid #e1e1e1;margin-bottom: 0px; display: flex; justify-content: center; text-align: center;}
.market-tab .tabs li {padding: 0;margin-right: 25px;padding: 0px 0px;display: inline-block; position: relative; }
.market-tab .tabs li:last-child { margin-right: 0px;}
.market-tab .tabs li::before {content: "";position: absolute;bottom: 0px;right: 0;width: 0;height: 3px;background-color: #ef5e1f;-webkit-transition: all 0.5s;transition: all 0.5s;}
.market-tab .tabs li a {padding: 22px 22px; display: block;}
.market-tab .tabs li a h2{font-weight: 400; color: #0a0a0a; font-size: 20px; }
.market-tab .tabs li a span.icon { display: inline-block; width: 52px; height: 50px; background: url(../images/market-tab-icons.png) no-repeat 0 0;}
.market-tab .tabs li.tab1 a span.icon { background-position: 0px 0px;}
.market-tab .tabs li.tab1.current a span.icon, .market-tab .tabs li.tab1 a:hover span.icon { background-position: 0px -50px;}
.market-tab .tabs li.tab2 a span.icon { background-position: -56px 0px;}
.market-tab .tabs li.tab2.current a span.icon, .market-tab .tabs li.tab2 a:hover span.icon { background-position: -56px -50px;}
.market-tab .tabs li.tab3 a span.icon { background-position: -112px 0px;}
.market-tab .tabs li.tab3.current a span.icon, .market-tab .tabs li.tab3 a:hover span.icon { background-position: -112px -50px;}
.market-tab .tabs li.tab4 a span.icon { background-position: -168px 0px;}
.market-tab .tabs li.tab4.current a span.icon, .market-tab .tabs li.tab4 a:hover span.icon { background-position: -168px -50px;}

.market-tab .tabs li.tab5 a span.icon { background-position: -220px 0px;}
.market-tab .tabs li.tab5.current a span.icon, .market-tab .tabs li.tab5 a:hover span.icon { background-position: -220px -51px;}

.market-tab .tabs li.tab6 a span.icon { background-position: -272px 0px;}
.market-tab .tabs li.tab6.current a span.icon, .market-tab .tabs li.tab6 a:hover span.icon { background-position: -272px -51px;}

.market-tab .tabs .current a h2, .market-tab .tabs li a:hover h2{color: #ef5e1f;}
.market-tab .tabs .current::before {width: 100%;right: auto;left: 0;}
.tab_content { padding-top: 20px;}
.market-tab .tab .tabs_item {display: none;}
.market-tab .tab .tabs_item:first-child {display: block;}

.market-tab-content { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.market-tab-lft { float: left; width: 48%; background: #0032a1; padding: 60px 55px;}
.market-tab-lft h2 { color: #fff; font-size: 32px; line-height: 32px; font-weight: 500; margin-bottom: 25px; }
.market-tab-lft p { font-size: 18px; line-height: 30px; color: #fff; font-weight: 400;font-family: 'Poppins', sans-serif;}
.market-tab-rgt { float: left; width: 52%;}
.market-tab-rgt img{ float: left; width: 100%;height: 100%;}


.about-apple-sec { padding: 72px 0px; background: #fff; }
.about-apple-sec .abt-lft p { margin-bottom: 0px;}
.about-apple-sec .abt-rgt { padding-right: 0px; padding-top: 50px; text-align: center; }

.mob-app-exp { width: 100%;}
.mob-app-exp .title-image{ position: relative; padding: 160px 0px; background: url(../images/apple-exp-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.mob-app-exp .title-image::after { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%;
background: rgba(9,17,61,1);
background: -moz-linear-gradient(left, rgba(9,17,61,1) 0%, rgba(9,17,61,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(9,17,61,1)), color-stop(100%, rgba(9,17,61,0)));
background: -webkit-linear-gradient(left, rgba(9,17,61,1) 0%, rgba(9,17,61,0) 100%);
background: -o-linear-gradient(left, rgba(9,17,61,1) 0%, rgba(9,17,61,0) 100%);
background: -ms-linear-gradient(left, rgba(9,17,61,1) 0%, rgba(9,17,61,0) 100%);
background: linear-gradient(to right, rgba(9,17,61,1) 0%, rgba(9,17,61,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#09113d', endColorstr='#09113d', GradientType=1 );
}

.healthcare-solutions{ padding: 85px 0px; background: #fff;}
.apple-features { margin-top: 60px;}
.apple-features .row { align-items: center;}
.apple-features ul.feature-lst { float: left; width: 100%;}
.apple-features ul.feature-lst li{ float: left; width: 100%; margin-bottom: 40px; border-bottom: 2px solid #25b9df;}
.apple-features ul.feature-lst li:last-child { margin-bottom: 0px;}
.apple-features ul.feature-lst li h2 { color: #ef5e1f; font-size: 32px; line-height: 32px; font-weight: 300; margin-bottom: 10px; }
.apple-features ul.feature-lst li p { color: #3f3b49; font-size: 20px; line-height: 24px; font-weight: 400; margin-bottom: 10px; }
.feature-lst-lft { order: -1;}
.ice-app-img { text-align: center;}

.mob-apple-dev { width: 100%;}
.mob-apple-dev .title-image{ position: relative; padding: 160px 0px; background: url(../images/mob-apple-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.mob-apple-dev .title-image::after { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%;
background: rgba(45,80,117,1);
background: -moz-linear-gradient(left, rgba(45,80,117,1) 0%, rgba(45,80,117,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(45,80,117,1)), color-stop(100%, rgba(45,80,117,0)));
background: -webkit-linear-gradient(left, rgba(45,80,117,1) 0%, rgba(45,80,117,0) 100%);
background: -o-linear-gradient(left, rgba(45,80,117,1) 0%, rgba(45,80,117,0) 100%);
background: -ms-linear-gradient(left, rgba(45,80,117,1) 0%, rgba(45,80,117,0) 100%);
background: linear-gradient(to right, rgba(45,80,117,1) 0%, rgba(45,80,117,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5075', endColorstr='#2d5075', GradientType=1 );
}

.mob-apple-service{ padding: 85px 0px; background: #fff;}
.services-div { margin-top: 20px;}
.services-lft { padding-right: 40px;}

/* FAQ Area CSS ======================================================*/
.faq-accordion .accordion {list-style-type: none;padding-left: 0;margin-bottom: 0;}
.faq-accordion .accordion .accordion-item {border-radius: 0px;display: block;background-color: #ffffff;margin-bottom: 10px; border:none !important; }
.faq-accordion .accordion .accordion-item:last-child {margin-bottom: 0;}
.faq-accordion .accordion .accordion-title {padding: 18px 60px 18px 0px; color: #3f3b49; text-decoration: none;position: relative;display: block;
font-size: 24px;font-weight: 400; border-bottom: 2px solid #3f3b49;}
.faq-accordion .accordion .accordion-title span{ display: block; margin-bottom: 10px;}
.faq-accordion .accordion .accordion-title::after {position: absolute;right: 5px;bottom: 18px;font-size: 22px;-webkit-transition: 0.5s;transition: 0.5s; color: #3f3b49; font-weight: 400;
width: auto;height: auto;content: "\f2c7"; font-family: "Ionicons";background: none;}
.faq-accordion .accordion .accordion-title.active { color: #ef5e1f; }
.faq-accordion .accordion .accordion-title.active::after {content: "\f2f4";-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.faq-accordion .accordion .accordion-content {display: none;position: relative;margin-top: -5px;padding: 30px 35px 20px 0px;}
.faq-accordion .accordion .accordion-content.show {display: block;}
.faq-accordion .accordion .accordion-content p { font-size: 18px; line-height: 30px; color: #000; font-weight: 400;font-family: 'Poppins', sans-serif;}

.services-rgt { padding-top: 50px;}
.services-rgt img { float: left; width: 100%;}

.health-care-sec { width: 100%;}
.title-image{ position: relative; padding: 170px 0px; background: url(../images/robotic-process-automation-services.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.title-image::after { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%;
background: rgba(0,25,81,1);
background: -moz-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,25,81,1)), color-stop(100%, rgba(0,25,81,0)));
background: -webkit-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: -o-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: -ms-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: linear-gradient(to right, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001951', endColorstr='#001951', GradientType=1 );
}
.title-image .title { position: relative; z-index: 1;}
.title-image .title h1 { font-size: 54px;line-height: 64px;font-weight: 400; color: #fff;}
.title-image .title h1 span { display: block; color: #ef5e1f;}

.desc-blue { width: 100%; padding: 65px 0px 65px 0px; background: #0032a1;}
.desc-txt { float: left; width: 100%;  }
.desc-txt p { font-size: 20px;line-height: 34px;font-weight: 300; color: #fff; }

.apple-choose-sec { padding: 85px 0px; background: #fff;}
.title-sec { text-align: center;}
.title-sec h1 { font-size: 54px;line-height: 64px;font-weight: 400; color: #0a0a0a; margin-bottom: 15px;}
.title-sec p { font-size: 30px;line-height: 40px;font-weight: 200; color: #666666; margin-bottom:0px;}

.choose-apple-div { margin-top: 75px; }
ul.choose-apple-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; }
ul.choose-apple-lst li { float: left; width: 31.3333%; margin-right: 3%;}
ul.choose-apple-lst li:last-child { margin-right: 0px;}
ul.choose-apple-lst li .choose-cont-div { float: left; width: 100%; padding: 0px 30px 0px 0px;}
ul.choose-apple-lst li .choose-cont-div h2 { color: #0a0a0a; font-size: 24px; line-height: 24px; font-weight: 400; padding-bottom: 15px; margin-bottom: 32px; position: relative; }
ul.choose-apple-lst li .choose-cont-div h2::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 50px; height: 2px; background: #ef5e1f;}
ul.choose-apple-lst li .choose-cont-div p { color: #000; font-size: 20px; line-height: 30px; font-weight: 300; }


/* E-commerce page css */
.about-ecom-sec { padding: 72px 0px 40px; background: #fff; }
.about-ecom-sec .ecom-lft { padding-right: 85px;}
.about-ecom-sec .ecom-lft h2{ color: #212224; font-size: 32px; line-height: 42px; font-weight: 400; margin-bottom: 40px; }
.about-ecom-sec .ecom-lft p{ color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 30px; }
.about-ecom-sec .ecom-rgt { padding-top: 125px; padding-right: 90px; } 
.about-ecom-sec .ecom-rgt .img-div{ float: left; width: 100%; position: relative;}
.about-ecom-sec .ecom-rgt .img-div img{ float: left; width: 100%; position: relative;z-index: 1; }
.about-ecom-sec .ecom-rgt .img-div::after { content: ""; position: absolute; right: -20px; top: -20px; background: #fbfbfb; width: 100%; height: 100%; z-index: 0; }
.about-ecom-sec .ecom-rgt .img-div span.shape1{ position: absolute; left: 0px; top: 0px; background: #f965a1; width: 28px; height: 28px; z-index: 1; border-radius: 0px 0px 30px 0px; }
.about-ecom-sec .ecom-rgt .img-div span.shape2{ position: absolute; right: 0px; bottom: 0px; background: #6050d4; width: 60px; height: 60px; z-index: 1; border-radius: 60px 0px 0px 0px; }

.ecom-sol-sec { padding: 40px 0px; background: #fff; }
.ecom-sol-sec h1{ color: #212224; font-size: 32px; line-height: 36px; font-weight: 400; margin-bottom: 25px; }
.ecom-sol-sec p{ color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 0px; }
.ecom-sol-list { margin-top: 50px; }
.ecom-sol-list ul.ecom-lst { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.ecom-sol-list ul.ecom-lst li { float: left; width: 31%; margin-right: 3.5%; margin-bottom: 55px; border-bottom: 1px solid #333;transition: all 0.5s; position: relative; }
.ecom-sol-list ul.ecom-lst li:nth-child(3n-3) { margin-right: 0px; }
.ecom-sol-list ul.ecom-lst li .img-div { float: left; width: 100%; overflow: hidden;}
.ecom-sol-list ul.ecom-lst li .img-div img{ float: left; width: 100%;transition: all 0.5s;}
.ecom-sol-list ul.ecom-lst li .sol-cont { float: left; width: 100%; padding: 20px 0px;}
.ecom-sol-list ul.ecom-lst li .sol-cont h2 { color: #212224; font-size: 26px; line-height: 32px; font-weight: 400; transition: all 0.5s;}
.ecom-sol-list ul.ecom-lst li a:hover .sol-cont h2 { color: #ff6700;}
.ecom-sol-list ul.ecom-lst li::after { content: ""; position: absolute; bottom: -1px; left: 0px; width: 0px; height: 1px;border-bottom: 2px solid #ff6700;transition: all 0.5s; }
.ecom-sol-list ul.ecom-lst li:hover::after { width: 100%;}
.ecom-sol-list ul.ecom-lst li a:hover .img-div img{ transform: scale(1.02, 1.02);}

.desc-aes-sec { background: #003399; padding: 80px 0px; }
.desc-aes-sec h1 { color: #fff; font-size: 54px; line-height: 68px; font-weight: 200; }

.ecom-tech-sec { background: #fff; padding: 105px 0px 50px;}
.tech-div { margin-top: 50px;}
.tech-div ul.tech-lst { display: flex; flex-wrap: wrap; justify-content: center; padding: 0px 130px;}
.tech-div ul.tech-lst li { float: left; width: 31.3333%; margin-right: 3%; margin-bottom: 40px; }
.tech-div ul.tech-lst li:nth-child(3n-3) { margin-right: 0px; }
.tech-div ul.tech-lst li:last-child { margin-right: 0px; }
.tech-div ul.tech-lst li .tech-logo { float: left; width: 100%; border: 1px solid #ececec; height: 162px; display: flex; align-items: center; justify-content: center;}
.tech-div ul.tech-lst li .tech-logo img{transition: all 0.5s;}
.tech-div ul.tech-lst li .tech-cont { float: left; width: 100%; padding: 10px 0px; text-align: center; }
.tech-div ul.tech-lst li .tech-cont h2 { color: #212224; font-size: 20px; line-height: 20px; font-weight: 400; transition: all 0.5s;}
.tech-div ul.tech-lst li:hover .tech-cont h2 {color: #ff6700; }
.tech-div ul.tech-lst li:hover .tech-logo img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);}

.ecom-soft-dev { width: 100%;}
.ecom-soft-dev .title-image{ position: relative; padding: 155px 0px; background: url(../images/grow-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.ecom-soft-dev .title-image::after { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%;
background: rgba(0,25,81,1);
background: -moz-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,25,81,1)), color-stop(100%, rgba(0,25,81,0)));
background: -webkit-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: -o-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: -ms-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: linear-gradient(to right, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001951', endColorstr='#001951', GradientType=1 );
}

.case-studies-sec-inn { padding: 105px 0px; background: #fff; }
.case-studies-sec-inn .title-sec { text-align: left;}

.case-carousel { margin-top: 50px; }
.case_carousel__item {display: flex;flex-wrap: wrap;align-items: flex-start;}
.case_carousel__item .case-txt{ order: -1;}
.case_carousel__item .case-txt span.category-tag { display: inline-block; padding: 7px 10px; background: #ef5e1f; font-size: 12px; line-height: 12px; color: #fff; text-transform: uppercase; font-weight: 400; margin-bottom: 15px; }
.case_carousel__item .case-txt h1 { color: #000; font-size: 32px; line-height: 42px; font-weight: 400; transition: all 0.5s; margin-bottom: 25px; }
.case_carousel__item .case-txt p { color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 22px; }
.case_carousel__item .case-txt a i { color: #ef5e1f; font-size: 36px; transition: all 0.5s;}
.case_carousel__item .case-txt a:hover i { color: #222;}
.case_carousel__item .case-img{padding: 25px 25px 0px 0px;}
.case_carousel__item .case-img .img-div{ float: left; width: 100%; position: relative; }
.case_carousel__item .case-img .img-div img{ float: left; width: 100%; position: relative;z-index: 1; }
.case_carousel__item .case-img .img-div::after { content: ""; position: absolute; right: -25px; top: -25px; background: #f9f9f9; width: 100%; height: 100%; z-index: 0; }

.case-carousel .owl-nav { position: absolute; left: 0px; bottom: 0px; width: 145px;height: 48px;}
.case-carousel .owl-nav div {position: absolute; width: 56px; height: 48px; background: url(../images/case-car-arrow.png) no-repeat 0 0;text-indent: -9999px;-webkit-transition: 0.3s;
-o-transition: 0.3s;transition: 0.3s; }
.case-carousel .owl-nav .owl-prev {left: 0px; background-position: 0px 0px;}
.case-carousel .owl-nav .owl-next {right: 0px; background-position: -64px 0px;}
.case-carousel .owl-nav .owl-prev:hover { background-position: 0px -52px; }
.case-carousel .owl-nav .owl-next:hover { background-position: -64px -52px; }



/* case detail page css */
.about-case-sec { background: #fff; padding: 65px 0px 100px;}
.case-abt-div { margin-top: 80px; }
.case-title-sec h2 { color: #212224; font-size: 40px; line-height: 44px; font-weight: 400; margin-bottom: 25px; }
.case-title-sec h3 { color: #212224; font-size: 30px; line-height: 40px; font-weight: 400;}
.case-abt-lft .img-div { float: left; width: 100%; border-radius: 3px; overflow: hidden;}
.case-abt-lft .img-div img{ float: left; width: 100%; }
.case-abt-rgt { padding: 0px 70px; display: flex; align-items: center;}
.case-abt-rgt p { color: #212224; font-size: 20px; line-height: 32px; font-weight: 300;}

.brief-case-sec { background: #fff; padding: 80px 0px; }
.brief-case p { color: #212224; font-size: 20px; line-height: 32px; font-weight: 300; margin-bottom: 40px; }
.brief-case p:last-child { margin-bottom: 0px; }

.client-case-sec { padding: 70px 0px 80px;  background: url(../images/client-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center; }
.client-case-lft h2 { color: #fff; font-size: 40px; line-height: 44px; font-weight:400; margin-bottom: 20px; }
.client-case-lft p { color: #fff; font-size: 20px; line-height: 34px; font-weight: 300; }

ul.client-det-list { float: left; width: 100%; padding-top: 20px;}
ul.client-det-list li { float: left; width: 100%; background: #fff; padding: 25px 35px; display: flex; margin-bottom: 12px; }
ul.client-det-list li:last-child { margin-bottom: 0px;}
ul.client-det-list li .icon { float: left; width: 80px; display: flex; justify-content: center; align-items: center;}
ul.client-det-list li .client-txt { float: left; width: calc(100% - 80px); padding-left: 30px;}
ul.client-det-list li .client-txt h3 { color: #212224; font-size: 20px; line-height: 34px; font-weight: 300; }
ul.client-det-list li .client-txt h1 { color: #212224; font-size: 26px; line-height: 34px; font-weight: 400; }

.case-tab-sec { background: #fff; padding: 0px 0px 130px;}

.case-tab-div .tabs { margin-bottom: 0px; display: flex; justify-content: center; text-align: center; flex-wrap: wrap;} 
.case-tab-div .tab .tab-menu {width: 100%; background: url(../images/case-tab-bg.jpg) no-repeat 0 0; background-size: cover; }
.case-tab-div .tabs li {padding: 0; margin-right: 0px;padding: 0px 0px;display: inline-block; position: relative; flex: 1 1 auto; column-gap: 30px;}
.case-tab-div .tabs li:last-child { margin-right: 0px;}
.case-tab-div .tabs li::before {content: "";position: absolute;bottom: 0px;right: 0;width: 0;height: 5px;background-color: #ef5e1f;-webkit-transition: all 0.5s;transition: all 0.5s;}
.case-tab-div .tabs li a {padding: 30px 10px; display: block;}
.case-tab-div .tabs li a h2{font-weight: 400; color: #fff; font-size: 24px; }

.case-tab-div .tabs .current::before {width: 100%;right: auto;left: 0;}
.case-tab-div .tab_content { padding-top: 75px;}
.case-tab-div .tab .tabs_item {display: none;}
.case-tab-div .tab .tabs_item:first-child {display: block;}

.case-tab-content h1 { color: #0a0a0a; font-size: 38px; line-height: 50px; font-weight: 400; margin-bottom: 25px;}
.case-tab-content h4 { color: #212121; font-size: 28px; line-height: 36px; font-weight: 400; margin-bottom: 60px;}
.case-tab-lft { padding-right: 60px;}
.case-tab-lft img { float: left; width: 100%;}
ul.list { float: left; width: 100%;}
ul.list li {color: #212224; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 20px; padding-left: 30px; position: relative; }
ul.list li span { color: #212224; font-size: 16px; position: absolute;left: 0px;top: 2px;}
ul.list li:last-child { margin-bottom: 0px;}
.case-tab-rgt p { color: #212224; font-size: 20px; line-height: 32px; font-weight: 300; margin-bottom: 30px; }
.case-tab-rgt p:last-child { margin-bottom: 0px; }





/******************* portfolio css *********************/
.portfolio-banner {  position: relative; padding-top: 50px;}
.port-banner-inn { display: flex; flex-wrap: wrap; position: relative; z-index: 1; }
.portfolio-banner:after { position: absolute; display: block; content: ""; left: 0; top:0; width: 100%; height: 70%; background: #f8f6f8; }
.port-lft { background:#212121; padding: 40px; position: relative;}
.port-lft span.category-txt { color: rgba(255,255,255,0.5); font-size: 14px; font-weight: 300;}
.port-lft h1 { color: #fff; font-size: 48px; line-height: 56px; font-weight: 500; padding-bottom: 50px; position: relative; margin-bottom: 10px;}
.port-lft h1::after { position: absolute; display: block; content: '\f487'; bottom: 0; left: 0; font-size: 40px; font-family:"Ionicons"; transform: rotate(90deg);}
.port-lft p { font-size: 24px; color: #fff; line-height: 32px; font-weight: 300;}
.port-lft:after { position: absolute; display: block; content: ""; left: 0; top:0; width: 100%; height: 100%; background: url(../images/item-hover.png) repeat 0 0; filter: invert(1);
opacity: 0.25; }
.port-rgt img { height: 100%;}

.portfolio-sec { margin: 60px 0;}
.portfolio-sec .controls { float: left; width: 50%; order: 1;}
.portfolio-sec .controls label { display: block; margin-bottom: 10px; font-size: 16px; color: #333333;}
.portfolio-sec button { display: inline-block; padding: .4em .8em; background: #666; border: 0; color: #ddd; font-size: 16px; font-weight: 300; border-radius: 4px; cursor: pointer;}
.portfolio-sec button.active { background: #68b8c4;}
.portfolio-sec button:focus { outline: 0 none;}
.portfolio-sec button + label{ margin-left: 1em;}
.port-container{ text-align: justify;-webkit-backface-visibility: hidden; backface-visibility: hidden; margin-top: 50px; order: 3;display: flex;flex-wrap: wrap; column-gap: 35px;}
.port-container:after{ content: ''; display: inline-block; width: 100%; }
.port-container .mix, .port-container .gap{ display: inline-block; width: 31.5%;}
.port-container .mix{ text-align: left;  margin-bottom: 2.5%; display: none;}
/* .port-container .mix.category-1{ border-top: 2px solid limegreen;}
.port-container .mix.category-2{ border-top: 2px solid yellow;} */
/* .port-container .mix:after{ content: attr(data-myorder); color: white; font-size: 16px; display: inline-block; vertical-align: top; padding: 4% 6%; font-weight: 700;}
.port-container .mix:before { content: ''; display: inline-block; padding-top: 60%;} */
.port-container .port-main .port-img { float: left; width: 100%; background: #f7f7f7; padding: 20px; text-align: center; margin-bottom: 20px; position: relative; overflow: hidden;}
.port-container .port-main .port-cnt h2 { font-size: 28px; font-weight: 400; color: #222222; line-height: 34px; margin-bottom: 20px; transition: all 0.4s ease;}
.port-container .port-main .port-cnt p { font-size: 14px; line-height: 26px; color: #000; font-weight: 300; margin-bottom: 10px;}
.port-container .port-main .port-cnt span i { color: #ef5e1f; font-size: 36px;}
.port-container .port-main .bg1 { background: #fff3e7; }
.port-container .port-main .bg2 { background: #fce0df; }
.port-container .port-main .bg3 { background: #e9e5f4; }
.port-container .port-main .bg4 { background: #cffcff; }
.port-container .port-main .bg5 { background: #f1f0f0; }
.port-container .port-main .bg6 { background: #fcf8d3; }

.portfolio-sec .nice-select { padding: 0 30px 0px 20px; width: 200px;}
.portfolio-sec .nice-select::after { width: 7px; height: 7px; right: 20px;}
.portfolio-sec .nice-select .option { font-size: 15px; margin: 0; font-weight: 300; min-height: auto; line-height: 36px;}
.portfolio-sec .nice-select span { font-weight: 300; color: rgba(0, 0, 0, 0.5);}

.controls-rht { float: right; width: 50%; order: 2; text-align: right; font-size: 16px; color: #333333; display: flex; justify-content: right; align-items: center;}
.controls-rht a { color: #ef5e1f; text-decoration: underline;}
.port-container .mix:hover .port-cnt h2 { color: #ef5e1f;}


.port-container .port-main .port-img::before { position: absolute; content: ""; background: #fff; opacity: 0.1; width: 100%; height: 100%; z-index: 1; left: -50%;
bottom: -50%; clip-path: polygon(0 0, 100% 100%, 0 100%); transition: 0.8s;}
.port-container .port-main .port-img::after { position: absolute; content: ""; background: #fff; opacity: 0.35; width: 100%; height: 100%; z-index: 1; top: -50%; right: -50%;
clip-path: polygon(0 0, 100% 0, 100% 100%); transition: 0.6s; }
.port-container .mix:hover .port-img::before { left: 0; bottom: 0;}
.port-container .mix:hover .port-img::after { top: 0; right: 0;}

.port-container .port-main .port-img .portfolio-plus-wrapper span::before { width: 21px; height: 3px; background: #1a1e5d; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.port-container .port-main .port-img .portfolio-plus-wrapper span::after { width: 3px; height: 21px; background: #1a1e5d; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.port-container .port-main .port-img .portfolio-plus-wrapper span { position: relative; width: 62px; height: 62px; background: #fff; border-radius: 50%; z-index: 2; transition: all 0.3s;}

.port-container .mix:hover .portfolio-plus-wrapper span { background: #ff6633;}
.port-container .mix:hover .portfolio-plus-wrapper span::before { background: #ffffff; }
.port-container .mix:hover .portfolio-plus-wrapper span::after { background: #ffffff; }
.port-container .mix:hover .portfolio-plus-wrapper {opacity: 1; visibility: visible;}




/* @media all and (min-width: 420px){
  .port-container .mix, .port-container .gap { width: 32%; }
} */
/* 
@media all and (min-width: 640px){
  .port-container .mix, .port-container .gap { width: 23.5%; }
} */


/***********************modal popup css ******************/

/* .modal-window { position: fixed; background-color: rgba(0, 0, 0, 0.5); top: 0; right: 0; bottom: 0;left: 0; z-index: 999; visibility: hidden; opacity: 0;
 transition: all 0.3s;  }
.modal-window:target { visibility: visible; opacity: 1; }
.modal-window > div {  width: 100%; max-width: 650px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 2em; background: white;}
.modal-window h1 { font-size: 30px; margin: 0 0 25px; font-weight: 400; line-height: 34px; color: #ef5e1f; padding-left: 16px; border-left: 4px solid #ef5e1f;}
.modal-window h1 span { display: block; font-size: 16px; color: #666666; font-weight: 300;}
.modal-window p { font-size: 18px; font-weight: 300; color: #333333; line-height: 28px;}
.modal-close { color: #aaa; line-height: 50px; font-size: 24px; position: absolute;  right: 20px; text-align: center; top: 10px; width: auto; text-decoration: none;}
.modal-close:hover { color: black;}
.modal-window > div { border-radius: 1rem;}
.modal-window div:not(:last-of-type) { margin-bottom: 15px;} */
/* .modal-window > div::after { position: absolute; display: block; content: ""; right: 0; bottom: 0; background: url(../images/dots.svg) no-repeat 0 0;} */


.modal-pad { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 650px; margin: 0 auto; padding: 30px; background: #fff;
  border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.3); width: auto; height: auto; z-index: 10;}
.modal-close-btn { position: absolute; right: 20px; top: 15px; font-size: 20px; background: none; padding: 0; }
.modal-close-btn i { color: #949494; font-size: 24px;}
.modal-close-btn:hover i { opacity: 1; color: #ef5e1f;}
.overlay { display: none; position: fixed; top: 0;  left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(0,0,0,0.3);}
.modal-pad h1 { font-size: 30px; margin: 0 0 25px; font-weight: 400; line-height: 34px; color: #ef5e1f; padding-left: 16px; border-left: 4px solid #ef5e1f;}
.modal-pad h1 span { display: block; font-size: 16px; color: #666666; font-weight: 300;}
.modal-pad p { font-size: 18px; font-weight: 300; color: #333333; line-height: 28px;}
ul.banner-icons { float: left; margin-top: 25px;}
ul.banner-icons li { float: left; margin-right: 20px;}
ul.banner-icons li i { font-size: 40px; color: #ffffff;}

.app-portfolio { float: left; width: 100%;}
.app-portfolio ul { display: flex; gap: 25px; flex-wrap: wrap; justify-content: center;}
.app-portfolio ul li { flex: 0 1 23%; position: relative; overflow: hidden; }
.app-portfolio ul li .app-img { float: left; width: 100%; transition: all 0.4s ease; position: relative; overflow: hidden;}
.app-portfolio ul li .app-img img { float: left; width: 100%;}
.app-portfolio ul li .app-txt { float: left; width: 100%; margin-top: 20px;}
.app-portfolio ul li .app-txt h1 { font-weight: 400; font-size: 30px; color: #222222; line-height: 34px;  margin-bottom: 15px; transition: all 0.4s ease;}
.app-portfolio ul li .app-txt p { font-size: 14px; line-height: 26px; color: #000; font-weight: 300; margin-bottom: 10px; }
.app-portfolio ul li .app-txt span i { color: #ef5e1f; font-size: 36px; }
.app-portfolio ul li:hover .app-txt h1 { color: #f0531c; }

.portfolio-sec.mobile-app-portfolio .app-portfolio ul li { flex: 0 1 49%; }


.app-portfolio ul li .app-img::before { position: absolute; content: ""; background: #fff; opacity: 0.1; width: 100%; height: 100%; z-index: 1; left: -50%;
bottom: -50%; clip-path: polygon(0 0, 100% 100%, 0 100%); transition: 0.8s;}
.app-portfolio ul li .app-img::after { position: absolute; content: ""; background: #fff; opacity: 0.35; width: 100%; height: 100%; z-index: 1; top: -50%; right: -50%;
clip-path: polygon(0 0, 100% 0, 100% 100%); transition: 0.6s; }
.app-portfolio ul li:hover .app-img::before { left: 0; bottom: 0;}
.app-portfolio ul li:hover .app-img::after { top: 0; right: 0;}

.app-portfolio ul li .app-img .portfolio-plus-wrapper span::before { width: 26px; height: 3px; background: #1a1e5d; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.app-portfolio ul li .app-img .portfolio-plus-wrapper span::after { width: 3px; height: 26px; background: #1a1e5d; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.app-portfolio ul li .app-img .portfolio-plus-wrapper span { position: relative; width: 70px; height: 70px; background: #fff; border-radius: 50%; z-index: 2; transition: all 0.3s;}

.app-portfolio ul li:hover .portfolio-plus-wrapper span { background: #ff6633;}
.app-portfolio ul li:hover .portfolio-plus-wrapper span::before { background: #ffffff; }
.app-portfolio ul li:hover .portfolio-plus-wrapper span::after { background: #ffffff; }
.app-portfolio ul li:hover .portfolio-plus-wrapper {opacity: 1; visibility: visible;}

/* .app-portfolio ul li:hover .app-img { box-shadow: 1px 24px 20px -25px rgba(0,0,0,0.25); -webkit-box-shadow: 1px 24px 20px -25px rgba(0,0,0,0.25);
  -moz-box-shadow: 1px 24px 20px -25px rgba(0,0,0,0.25); } */



/**************************************************/
/* 29 Apr 2022 */
.blog-caption { top: 24%;}
.blog-caption .inner-caption { text-align: center; max-width: 1320px;}
.blog-caption .inner-caption h1::after { right: 0; margin: 0 auto;}

.blog-pad { float:left; width:100%; padding: 0; margin-top: -370px; background: #fff; z-index: 1; position: relative; overflow: hidden; box-shadow: 0 5px 16px rgba(0,0,0,0.05); margin-bottom: 50px; }
.blog-lft { float: left; padding: 59px 63px 20px;}
.blog-lft h2 { font-size: 32px; line-height: 36px; color: #212224; font-weight: 400; margin-bottom: 15px;}
.blog-lft p { font-size: 20px; line-height: 30px; color: #222222; font-weight: 300; padding-bottom: 25px;}
.blog-lft ul { float: left; width: 100%; margin-bottom: 28px;}
.blog-lft ul li { float: left; color: rgba(34, 34, 34, 0.5); font-size: 14px; font-weight: 300; position: relative; padding-right: 10px; margin-right: 8px; }
.blog-lft ul li::after { content: ""; position: absolute; width: 2px; height: 13px; top: 1px; right: 0px; bottom: 0px; margin: auto; background: rgba(34, 34, 34, 0.5); }
.blog-lft ul li:last-child { padding-right: 0px; margin-right: 0px;}
.blog-lft ul li:last-child::after{ display: none;}
.blog-lft a.drone-link { position: relative; display: inline-block; background: #f0531c; margin-bottom: 12px; color: #ffffff; text-transform: uppercase; padding: 2px 11px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 12px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.blog-lft a.drone-link::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.blog-lft a.drone-link:hover:before {bottom: 0;}
.blog-lft span.arrow { font-size: 34px; color: #f0531c;}

.blog-rht { float: left;padding: 0px; }
.blog-rht img { float: left; width: 100%;}

.blog-list-sec { width: 100%; padding-bottom: 85px;}
.blog-list { width: 100%; text-align: left; padding: 0;}
.blog-list ul { display: flex; flex-wrap: wrap; column-gap: 30px; row-gap: 60px;}
.blog-list li { float: left; width: 31.8%; margin-bottom: 0px;  }
.blog-list li:nth-child(3n) { margin-right: 0;}
.blog-list li .blog-div { position: relative; overflow: hidden; float: left; width: 100%;}
.blog-list li .blog-div img { float: left; width: 100%; transition: all .5s ease; }
.blog-list li span.orange-pad { position: absolute; bottom: 0; left: 0; display: inline-block; background: #f0531c; margin-bottom: 0px; color: #ffffff; text-transform: uppercase; padding: 3px 11px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 12px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.blog-list li span.orange-pad::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.blog-list li:hover span.orange-pad:before {bottom: 0;}
/* .blog-list li:hover .blog-div img{ transform: scale(1.02, 1.02); } */
.blog-list li .blog-cont { float: left; width: 100%; padding-top: 23px;}
.blog-list li h2 { font-size: 24px; line-height: 30px; color: #212224; font-weight: 400; margin-bottom: 12px; float: left;transition: all .5s ease;}
.blog-list li span.arrow { font-size: 34px; color: #f0531c; float: right; margin-top: 8px; margin-right: 10px;transition: all .5s ease;}
.blog-list li:hover span.arrow { color: #222222;} 
.blog-list li ul.month-li { float: left; width: 100%; display: block; }
.blog-list li ul.month-li li { float: left; color: #222222; width: auto; font-size: 14px; font-weight: 300; position: relative; padding-right: 10px; margin-right: 8px; }
.blog-list li ul.month-li li::after { content: ""; position: absolute; width: 2px; height: 13px; top: 1px; right: 0px; bottom: 0px; margin: auto; background: #222222; }
.blog-list li ul.month-li li:last-child { padding-right: 0px; margin-right: 0px;}
.blog-list li ul.month-li li:last-child::after{ display: none;}
.blog-list li:hover h2 { color: #f0531c;}


.bdetail-img { position: relative; box-shadow: none; }
.bdetail-img span.orange-pad { position: absolute; bottom: 0; left: 0; display: inline-block; background: #f0531c; margin-bottom: 0px; color: #ffffff; text-transform: uppercase; padding: 3px 11px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 12px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
/* .bdetail-img span.orange-pad::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.bdetail-img:hover span.orange-pad:before {bottom: 0;} */

.drone-cont-sec { width: 100%; padding: 25px 0 ;}
.drone-pad h2 { font-size: 54px; line-height: 64px; color: #212224; font-weight: 400; margin-bottom: 15px;}
.drone-pad p { font-size: 20px; line-height: 30px; color: #222222; font-weight: 300; padding-bottom: 35px;}
.drone-pad ul { float: left; width: 100%; margin-bottom: 50px; padding-bottom: 30px; position: relative;}
.drone-pad ul::after { content: ""; position: absolute; left: 0px; bottom: 0px; width: 60px; height: 3px; background: #f0531c;}
.drone-pad ul li { float: left; color: rgba(34, 34, 34, 0.5); font-size: 14px; font-weight: 300; position: relative; padding-right: 10px; margin-right: 8px; }
.drone-pad ul li::after { content: ""; position: absolute; width: 2px; height: 13px; top: 1px; right: 0px; bottom: 0px; margin: auto; background: rgba(34, 34, 34, 0.5); }
.drone-pad ul li:last-child { padding-right: 0px; margin-right: 0px;}
.drone-pad ul li:last-child::after{ display: none;}

.drone-type { padding: 75px 0px 40px; background: #fff; }
.drone-type-lft { padding-right: 85px;}
.drone-type-lft h2{ color: #212224; font-size: 32px; line-height: 42px; font-weight: 400; margin-bottom: 38px; }
.drone-type-lft h3{ color: #222222; font-size: 28px; line-height: 38px; font-weight: 300; margin-bottom: 40px; }
.drone-type-lft p{ color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 0px; }
.drone-type-rgt { padding-top: 15px; padding-right: 0px; } 
.drone-type-rgt .img-div{ float: left; width: 100%; position: relative;}
.drone-type-rgt .img-div img{ float: left; width: 100%; position: relative;z-index: 1; }

.drone-facts { padding: 48px 0px 75px; background: #fff; }
.drone-facts-lft h2{ color: #212224; font-size: 32px; line-height: 42px; font-weight: 400; margin-bottom: 50px; }
.drone-facts-lft h2 span { color: #f0531c; display: inline;} 
.drone-facts li { float: left; width: 100%; font-size: 20px; line-height: 28px; margin-bottom: 22px; color: #222; padding-left: 20px; font-weight: 300; position: relative;}
.drone-facts li::after { background: #ff7e20; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; border-radius: 25px; content: '';}
.drone-facts-rgt { padding-right: 130px;}
.drone-facts-rgt h2{ color: #212224; font-size: 32px; line-height: 42px; font-weight: 400; margin-bottom: 17px; }
.drone-facts-rgt p{ color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 40px; }

.drone-app-dev { width: 100%;}
.drone-app-dev .title-image{ position: relative; padding: 210px 0px 218px; background: url(../images/drone-image-2.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.drone-app-dev .title-image::after { display: none;}
.drone-app-dev .title-image .title h1 { font-size: 54px;}
.drone-app-dev .desc-txt p { font-size: 20px;}

.drone-technology { width: 100%; padding: 85px 0;}
.drone-technology h2 { font-size: 54px; line-height: 64px; color: #0a0a0a; font-weight: 400; margin-bottom: 70px; text-align: center;}
.drone-technology span.number-pad { color: #f72020; font-size: 32px; line-height: 30px; font-weight: 400; margin-bottom: 25px; }
.drone-technology h3 { color: #333333; font-size: 32px; line-height: 38px; font-weight: 400; margin-bottom: 22px; }
.drone-technology p{ color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 35px; }
.drone-technology p:last-child { margin-bottom: 0;}
.technology-lft { padding-right: 100px; float: left;}
.technology-rgt { padding-right: 50px; float: right; padding-left: 20px;}
.drone-technology ul.technology-li { display: flex; flex-wrap: wrap; row-gap: 110px;}
.technology-li li { float: left; width: 100%;}
.technology-li li:nth-child(2n) .technology-lft { float: right; padding-left: 0px;}
.technology-li li:nth-child(2n) .technology-rgt { float: left; padding-left: 0; padding-right: 70px;}
.technology-rgt img { width: 100%; float: left;}

.conclusion-sec { width: 100%; }
.conclusion-pad { width: 100%; float: left; padding: 62px 65px; border: 5px solid #0a0b12; margin-bottom: 47px;}
.conclusion-pad h2 { font-size: 54px; line-height: 64px; color: #0a0a0a; font-weight: 400; margin-bottom: 45px; }
.conclusion-pad p { color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 35px; }
.conclusion-pad a { color: #ff3333;font-size: 20px; line-height: 30px; font-weight: 300; text-decoration: underline;transition: all 0.5s; }
.conclusion-pad a:hover { color: #0032a1;}

.tags-sec   { padding-bottom: 120px;} 
.tags-pad   { width: 100%;}
.tags-pad h2 { font-size: 32px; line-height: 30px; color: #333333; font-weight: 400; margin-bottom: 20px; }
.tags-pad ul { display: flex; flex-wrap: wrap; row-gap: 14px; column-gap: 11px;}
.tags-pad li { float: left; width: auto;}
.tags-pad li a { position: relative; display: block; background: none; border: 2px solid #252525; margin-bottom: 0px; color: #000033; text-transform: none; padding: 10px 25px; font-family: 'Mitr', sans-serif; font-weight: 300; font-size: 20px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.tags-pad li a::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #ff6700;}
.tags-pad li a:hover:before {bottom: 0;}
.tags-pad li a:hover { color: #fff; border: 2px solid #ff6700;}


/* css on 29-4-2022 */

/* seo page */
.about-ecom-sec.about-seo-sec { padding: 72px 0px 95px; }

.seo-desc-sec { padding: 85px 0px 75px; background: #003399; text-align: center; }
.seo-desc-txt { padding: 0px 120px;}
.seo-desc-txt h2 { color: #fff; font-size: 34px; line-height: 48px; font-weight: 200; }
.seo-desc-txt h2 span { color: #fff; font-weight: 400; }

.seo-keyword {  background: url(.././images/creative-bg.jpg) no-repeat center center; padding: 90px 0;min-height: 520px;display: flex; 
display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items: center;-webkit-align-items: center;flex-direction: column; background-size: cover; background-size: cover;
background-attachment: fixed; background-position: right center; position: relative; z-index: 1;}
.seo-keyword h3 { font-size: 54px; line-height: 70px; color: #fff;font-weight: 400; }
.seo-keyword h3 span { color: #ef5e1f;}
.seo-keyword h4 { color:#ffd555; font-size: 24px; line-height: 36px; font-weight: 400; text-transform: uppercase; }

.seo-success-sec { background: #fff; padding: 85px 0px 100px;}
.success-div { margin-top: 50px; position: relative;}
.success-dot { position: absolute; left: 0px; right: 0px; top:0px; margin:0px auto; width: 22px; height: 22px; border: 2px solid #4b4c4e; background: #fff; border-radius: 30px; z-index: 2; }
.success-dot::after { content: ""; position: absolute; top:0px; left: 0px; bottom: 0px; right: 0px;margin: auto; width: 7px; height: 7px; background: #4b4c4e; border-radius: 10px;}
ul.success-lst { float: left; width: 100%; padding: 0px 85px; position: relative;z-index: 1;}
ul.success-lst::after { content: ""; position: absolute; top:0px; left: 0px; right: 0px; width: 1px; height: 100%; background: #4b4c4e; margin: 0px auto; z-index: -1;}
ul.success-lst li { float: left; width: 100%; margin-top: 55px; background: #f8f6f8; padding: 45px 0px; border-radius: 4px; position: relative; /* box-shadow: 0px 0px 3px rgba(0,0,0,0.1); */ }
ul.success-lst li span.success-no { position: absolute; right: 0px; top:22px; background: #fff; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; 
font-size: 24px; line-height: 24px; color: #231f20; font-weight: 300; border-radius: 5px 0px 0px 5px; }
ul.success-lst li .success-icon { float: left; width: 145px; }
ul.success-lst li .success-icon .ico-div { display: flex; align-items: center; justify-content: right; width: 95px; height: 174px; background: #fff; position: relative;box-shadow: 2px 0px 7px rgba(75,76,78,0.1); }
ul.success-lst li .success-icon .ico-div::after { content: ""; position: absolute; top:0px; right: -45px; width: 0;height: 0;border-top: 87px solid transparent;border-bottom: 87px solid transparent;border-left: 45px solid #fff;}
ul.success-lst li .success-icon .ico-div::before { content: ""; position: absolute; top:0px; right: -48px; width: 0;height: 0;border-top: 87px solid transparent;border-bottom: 87px solid transparent;border-left: 45px solid rgba(204,204,204,0.1);}
ul.success-lst li .success-cont { float: left; width: calc(100% - 145px); padding: 0px 105px 0px 35px; }
ul.success-lst li .success-cont h2 { color: #4b4c4e; font-size: 30px; line-height: 32px; font-weight: 400; margin-bottom: 12px; }
ul.success-lst li .success-cont p { font-size: 17px;line-height: 26px;color: #4b4c4e;font-weight: 300;}
ul.success-lst li:nth-child(2n-2) { background: #4b4c4e; }
ul.success-lst li:nth-child(2n-2) .success-cont h2 { color: #fff; }
ul.success-lst li:nth-child(2n-2) .success-cont p { color: #fff; }


.seo-service { padding: 70px 0px 100px; background: #fff; }
.seo-service .faq-accordion .accordion .accordion-title {padding: 20px 20px 20px 0px; font-size: 30px;font-weight: 400; display: flex; align-items: center;}
.seo-service .faq-accordion .accordion .accordion-title span{ display: inline-block; margin-bottom: 0px; margin-right: 20px; font-size: 36px;color: #3f3b49; -webkit-transition: 0.5s;
transition: 0.5s; }
.seo-service .faq-accordion .accordion .accordion-content p { font-size: 17px;line-height: 29px;color: #4b4c4e;font-weight: 300; font-family: 'Mitr', sans-serif;}
.seo-service .faq-accordion .accordion .accordion-title.active span { transform: rotate(90deg); color: #ef5e1f; }
.seo-service .faq-accordion .accordion .accordion-title::after { display: none; } 

.seo-service .faq-accordion .accordion .accordion-title i {position: relative;right: auto;bottom: auto;font-size: inherit;}
.faq-accordion .accordion .accordion-title.active i {color: #ef5e1f; }
.seo-service .faq-accordion .accordion .accordion-title.active i::before {content: "\f487";}


.seo-marketing { width: 100%;}
.seo-marketing .title-image{ position: relative; padding: 155px 0px; background: url(../images/digital-marketing-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.seo-marketing .title-image::after { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%;
background: rgba(0,25,81,1);
background: -moz-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,25,81,1)), color-stop(100%, rgba(0,25,81,0)));
background: -webkit-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: -o-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: -ms-linear-gradient(left, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
background: linear-gradient(to right, rgba(0,25,81,1) 0%, rgba(0,25,81,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001951', endColorstr='#001951', GradientType=1 );
}
.title-image .title h1 span.yellow-txt{ color: #ffd555; }

/* seo portfolio page css */

.port-lft h1 span.yellow-txt { color: #ffd555; }

.seo-portfolio-sec{ background: #fff; padding: 50px 0px 75px;}
.seo-portfolio-sec .title-sec { text-align: left;}
.seo-portfolio-sec .title-sec h3{ color: #212224; font-size: 36px; line-height: 48px; font-weight: 300; }
.seo-portfolio-sec .title-sec h3 span.red{color:#ea4335;}
.seo-portfolio-sec .title-sec h3 span.blue{color:#4285f4;}
.seo-portfolio-sec .title-sec h3 span.yellow{color:#fbbc05;}
.seo-portfolio-sec .title-sec h3 span.green{color:#34a853;}
.seo-portfolio-sec .title-sec h3 span.org{color:#ef5e1f;}

.seo-portfolio-div { margin-top: 45px;}
ul.seo-portfolio-lst { width: 100%; display: flex; flex-wrap: wrap;}
ul.seo-portfolio-lst li { float: left; width: 31%; margin-right: 3.5%; margin-bottom: 55px;}
ul.seo-portfolio-lst li:nth-child(3n-3) { margin-right: 0px;}
ul.seo-portfolio-lst li .portfolio-img { float: left; width: 100%; overflow: hidden; position: relative; padding: 20px; text-align: center;}
ul.seo-portfolio-lst li .portfolio-cont { float: left; width: 100%; padding-top: 25px;}
ul.seo-portfolio-lst li .portfolio-cont h2{ color: #222; font-size: 30px; line-height: 36px; font-weight: 400; margin-bottom: 18px; transition: all 0.5s;}
ul.seo-portfolio-lst li .portfolio-cont h5{ color: #000; font-size: 14px; line-height: 16px; font-weight: 300; margin-bottom: 10px; transition: all 0.5s;}
ul.seo-portfolio-lst li .portfolio-cont span { font-size: 36px; color: #ef5e1f;}
ul.seo-portfolio-lst li:hover .portfolio-cont h2 { color: #ef5e1f;}
ul.seo-portfolio-lst li:hover .portfolio-cont h5 { color: #ef5e1f;}
ul.seo-portfolio-lst li:hover .portfolio-cont span { font-size: 36px; color: #222;}

ul.seo-portfolio-lst li .portfolio-img.bg1 { background: #fff3e7; }
ul.seo-portfolio-lst li .portfolio-img.bg2 { background: #fce0df; }
ul.seo-portfolio-lst li .portfolio-img.bg3 { background: #e9e5f4; }
ul.seo-portfolio-lst li .portfolio-img.bg4 { background: #cffcff; }
ul.seo-portfolio-lst li .portfolio-img.bg5 { background: #e4e8df; }
ul.seo-portfolio-lst li .portfolio-img.bg6 { background: #fcf8d3; }

ul.seo-portfolio-lst li .portfolio-img::before { position: absolute; content: ""; background: #fff; opacity: 0.1; width: 100%; height: 100%; z-index: 1; left: -50%;
bottom: -50%; clip-path: polygon(0 0, 100% 100%, 0 100%); transition: 0.8s;}
ul.seo-portfolio-lst li .portfolio-img::after { position: absolute; content: ""; background: #fff; opacity: 0.35; width: 100%; height: 100%; z-index: 1; top: -50%; right: -50%;
clip-path: polygon(0 0, 100% 0, 100% 100%); transition: 0.6s; }
ul.seo-portfolio-lst li:hover .portfolio-img::before { left: 0; bottom: 0;}
ul.seo-portfolio-lst li:hover .portfolio-img::after { top: 0; right: 0;}

.portfolio-img .portfolio-plus-wrapper span::before { width: 21px; height: 3px; background: #1a1e5d; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.portfolio-img .portfolio-plus-wrapper span::after { width: 3px; height: 21px; background: #1a1e5d; position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s;}
.portfolio-img .portfolio-plus-wrapper span { position: relative; width: 62px; height: 62px; background: #fff; border-radius: 50%; z-index: 2; transition: all 0.3s;}

ul.seo-portfolio-lst li a .portfolio-plus-wrapper:hover span { background: #ff6633;}
ul.seo-portfolio-lst li a .portfolio-plus-wrapper:hover span::before { background: #ffffff; }
ul.seo-portfolio-lst li a .portfolio-plus-wrapper:hover span::after { background: #ffffff; }
ul.seo-portfolio-lst li:hover .portfolio-plus-wrapper {opacity: 1; visibility: visible;}


.seo-process { background: #fff; padding: 90px 0px 100px;}
.seo-process .process-lft { padding-right: 75px;}
.seo-process .process-lft h2{ color: #212224; font-size: 48px; line-height: 50px; font-weight: 400; margin-bottom: 28px; }
.seo-process .process-lft p{ color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 25px; }
.seo-process .process-rgt { padding-right: 30px; order: -1; } 
.seo-process .process-rgt .img-div{ float: left; width: 100%;}
.seo-process .process-rgt .img-div img{ float: left; width: 100%;}
ul.cont-list { float: left; width: 100%;}
ul.cont-list li { float: left; width: 100%; margin-bottom: 15px; position: relative;color: #222; font-size: 20px; line-height: 30px; font-weight: 300; padding-left: 25px;}
ul.cont-list li:last-child { margin-bottom: 0px;} 
ul.cont-list li::before { position: absolute; top:0px; left: 0px; content: "\f487"; font-family: "Ionicons";color: #ef5e1f; font-size: 24px; }

.seo-domain { background: #f8f6f8; padding: 90px 0px 75px;}
.seo-domain .domain-lft { padding-right: 75px;}
.seo-domain .domain-lft h2{ color: #212224; font-size: 48px; line-height: 50px; font-weight: 400; margin-bottom: 28px; }
.seo-domain .domain-lft ul.cont-list li { margin-bottom: 32px;}
.seo-domain .domain-rgt { padding-top: 90px; padding-right: 22px;}
.seo-domain .domain-rgt .img-div{ float: left; width: 100%; position: relative;}
.seo-domain .domain-rgt .img-div img{ float: left; width: 100%; position: relative;z-index: 1; }
.seo-domain .domain-rgt .img-div::after { content: ""; position: absolute; right: -20px; top: -20px; background: #fff; width: 100%; height: 80%; z-index: 0; }
.seo-domain .domain-rgt .img-div span.shape1{ position: absolute; left: 0px; top: 0px; background: #f965a1; width: 28px; height: 28px; z-index: 1; border-radius: 0px 0px 30px 0px; }

.seo-methods { background: #0032a1; padding: 85px 0px 85px;}
.seo-methods .method-img { float: left; width: 182px; }
.seo-methods .method-img img{ width: 100%; border-radius: 100%;}
.seo-methods .method-cont { float: left; width: calc(100% - 182px); padding:0px 25px 0px 32px; }
.seo-methods .method-cont h2{ color: #fff; font-size: 30px; line-height: 36px; font-weight: 400; margin-bottom: 10px; }
.seo-methods .method-cont ul.cont-list li { color: #fff; font-size: 18px; margin-bottom: 0px; }
.seo-methods .method-cont ul.cont-list li::before { color: #fff;font-size: 16px;}


/* seo case study page */
.port-lft a.partner-btn { margin-top: 38px;}
.seo-portfolio-sec.seo-case-sec .title-sec { padding-bottom: 50px; border-bottom: 1px solid #e1e1e1; }
.seo-portfolio-sec.seo-case-sec .seo-portfolio-div {margin-top: 65px;}
.seo-portfolio-sec.seo-case-sec .seo-portfolio-div h1{ color: #212224; font-size: 48px; line-height: 50px; font-weight: 400; margin-bottom:40px; }
.seo-case-sec ul.seo-portfolio-lst li .portfolio-img { padding: 0px 0px;}
.seo-case-sec ul.seo-portfolio-lst li .portfolio-img img { float: left; width: 100%; }
ul.seo-portfolio-lst li .portfolio-cont h5 a{ color: #000; transition: all 0.5s; }
ul.seo-portfolio-lst li:hover .portfolio-cont h5 a{ color: #ef5e1f;}
ul.seo-portfolio-lst li .portfolio-cont h5 a:hover { text-decoration: underline; }
.seo-domain.seo-benefit { padding: 110px 0px 100px; }
.seo-domain.seo-benefit .domain-lft h2 { font-size: 30px; line-height: 34px;}
.seo-domain.seo-benefit .domain-rgt {padding-top: 20px;padding-right: 0px;}
.seo-domain.seo-benefit .domain-rgt .img-div::after { display: none;}


/* case study detail */
.case-detail-sec {  position: relative; padding: 50px 0px 75px;}
.case-detail-sec:after { position: absolute; display: block; content: ""; left: 0; top:0; width: 100%; height: 55%; background: #f8f6f8; }
.case-detail{ background: #fff; display: flex; flex-wrap: wrap; position: relative; z-index: 1; padding: 40px 50px 60px; box-shadow: 0px 1px 20px rgba(0,0,0,0.1); }

.case-detail-title { position: relative; padding-bottom: 25px; margin-bottom: 35px; border-bottom: 1px solid #111111;}
.case-detail-title h1 { color: #212224; font-size: 42px; line-height: 52px; font-weight: 500; }
.case-detail-title a.back-btn { position: absolute; right: 0px; bottom: 25px; color: #212224; font-size: 16px; line-height: 18px; font-weight: 300; transition: all 0.3s; padding-left: 18px;}
.case-detail-title a.back-btn::before { position: absolute; display: block; content: '\f487';color: #212224; bottom: 0; left: 0; font-size: 17px; font-family:"Ionicons"; transform: rotate(180deg);transition: all 0.3s;}
.case-detail-title a.back-btn:hover, .case-detail-title a.back-btn:hover::before { color: #ff6700;}
.case-detail-cont { display: flex; flex-wrap: wrap; }
.seo-case-lft { position: relative;}
.seo-case-lft img {float: left; width: 100%;}
.seo-case-lft span.video-ico { position: absolute; top:10px; right: 10px; }
.seo-case-lft span.video-ico a { background: #fff; width: 65px; height: 65px; display: flex; align-items: center; justify-content: center; color: #ff6700; font-size: 36px;  transition: all 0.3s;}
.seo-case-lft span.video-ico a:hover { background: #ff6700; color: #fff; }

.seo-case-lft h3 { position: absolute; bottom:20px; left: 20px; }
.seo-case-lft h3 a { color: #fff; font-size: 16px; line-height: 18px; font-weight: 300; transition: all 0.3s;}
.seo-case-lft h3 a:hover { text-decoration: underline; }

.seo-case-rgt { padding-left: 45px;}
.seo-case-rgt h1 { color: #212224; font-size: 32px; line-height: 48px; font-weight: 400; margin-bottom: 20px; text-transform: uppercase;}
.seo-case-rgt p { color: #222; font-size: 18px; line-height: 30px; font-weight: 300; margin-bottom: 55px;}

.seo-skill-sec { background: #eeecff; padding: 90px 0px;}
.skill-lft { padding: 0px 85px 0px 30px; display: flex; align-items: center;}
.skill-lft h1 { color: #212224; font-size: 36px; line-height: 48px; font-weight: 400; margin-bottom: 20px;}
.skill-lft p { color: #222; font-size: 18px; line-height: 30px; font-weight: 300; }
.skill-rgt .img-div{ float: left; width: 100%; text-align: center;}
.skill-rgt .img-div img { width: auto;}

.seo-solution-sec { background: #f8f6f8; padding: 110px 0px 90px;}
.tab-div { display: flex; justify-content: center;}
.seo-solution-div .tabs { width: auto; margin-bottom: 0px; display: flex; justify-content: center; text-align: center; border-bottom: 5px solid #ef5e1f;}
.seo-solution-div .tabs li {padding: 0;margin-right: 10px;padding: 0px 0px;display: inline-block; position: relative; width: 250px;}
.seo-solution-div .tabs li:last-child { margin-right: 0px;}
.seo-solution-div .tabs li::before {display: none;}
.seo-solution-div .tabs li a {padding: 16px 32px;  display: flex; align-items: center; background: #fff;}
.seo-solution-div .tabs li a h2{font-weight: 400; color: #000; font-size: 16px; text-transform: uppercase; }
.seo-solution-div .tabs li a span.num { display: flex; align-items: center;justify-content: center; width: 42px; height: 42px; border: 1px solid #000; border-radius: 50px;font-weight: 400; color: #000; font-size: 14px; 
margin-right: 15px;}

.seo-solution-div .tabs .current a h2, .seo-solution-div .tabs li a:hover h2{color: #ef5e1f;}
.seo-solution-div .tabs .current a span.num, .seo-solution-div .tabs li a:hover span.num{color: #ef5e1f; border: 1px solid #ef5e1f;}
.seo-solution-div .tab .tab_content { padding-top: 70px;}
.seo-solution-div .tab .tabs_item {display: none;}
.seo-solution-div .tab .tabs_item:first-child {display: block;}
.solution-tab-content { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.solution-tab-lft { text-align: center; padding-top: 25px;}
.solution-tab-lft img{ width: auto;}
.solution-tab-rgt { padding-right: 65px;}
.solution-tab-rgt h2 { color: #212224; font-size: 32px; line-height: 48px; font-weight: 400; margin-bottom: 22px;}
.solution-tab-rgt ul.cont-list li { padding-left: 32px; font-size: 18px; margin-bottom: 32px;}





/******************** apply job css *************************/

.apply-job { padding: 80px 0;}
.form-lft { padding-right: 40px;}
.form-lft.form-rht {padding-right: 0; padding-left: 40px;}
.form-lft h2 { color: #212224; font-size: 36px; line-height: 40px; position: relative; font-weight: 400; margin-bottom: 60px; padding-bottom: 15px;}
.form-lft h2:after { position: absolute; display: block; content: ''; left: 0; bottom: 0; width: 30px; height: 2px; background: #212224;}
.form-lft ul li { float: left; width: 100%; margin-bottom: 20px; display: flex; flex-wrap: wrap; align-items: center;}
.form-lft ul li label { font-size: 16px; color: #333333; font-weight: 400; width: 35%; line-height: 24px; float: left; margin-right: 5%;}
.form-lft ul li label sup { color: #f58634; font-size: 16px;}
.form-lft ul li input[type="text"] { border: 1px solid #cfcfcf; width: 60%; padding: 10px; font-weight: 300; border-radius: 4px; font-size: 15px;}
.form-lft ul li .nice-select .list { max-height: 320px; overflow: auto;}
.form-lft ul li .nice-select { float: left; width: 60%; clear: none; height: 50px;  line-height: 48px;  min-height: 50px; padding: 0 10px; border: 1px solid #cfcfcf;}
.form-lft ul li .nice-select .list li { margin-bottom: 0; font-size: 15px; font-weight: 300; color: #333;}
.form-lft ul li .nice-select span { font-size: 15px; font-weight: 300; color: #333333;}
.form-lft ul li .nice-select::after { height: 8px; width: 8px; right: 20px; }
.apply-sec { padding: 0 5%; float: none; width: 100%; display: flex; flex-wrap: wrap;}

.upload-pad { float: left; width: 60%;}
.upload-txt { float: left; width: 100%; border: 1px solid #cfcfcf; padding: 10px; border-radius: 4px;}
.upload-txt #custom-button { padding: 6px 14px; color: #ffffff; background-color: #636363; border: 0px solid #000; border-radius: 5px; cursor: pointer; font-size: 13px; line-height: 20px;}
.upload-txt #custom-button:hover { background-color: #ef5e1f;}
.upload-txt #custom-text { margin-left: 10px; color: #333333; font-weight: 300; font-size: 14px; opacity: 0.8;}
.upload-pad p { font-size: 13px;  color: #333333; font-weight: 300;}
.form-lft ul li .dpicker { position: relative; width: 60%;}
.form-lft ul li .dpicker input { width: 100%;}
.form-lft ul li .dpicker::after {  font-family: "FontAwesome"; content: '\f073'; position: absolute; z-index: 5; top: 12px; font-size: 17px; color: #333333; opacity: 0.6; right: 16px; }



/****************************** mobile menu css *************************************/

.toggle-menu { width: 50px; height: 50px; display: none; position: absolute; top: auto;  z-index: 1000;}
.toggle-menu i { position: absolute; display: block; height: 2px; background: #000000; width: 30px; left: 0px; -webkit-transition: all 0.3s; transition: all 0.3s;}
.toggle-menu i:nth-child(1) { top: 16px;}
.toggle-menu i:nth-child(2) { top: 24px;}
.toggle-menu i:nth-child(3) { top: 32px;}
.toggle-menu.active i:nth-child(1) { top: 25px; -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg);}
.toggle-menu.active i:nth-child(2) { background: transparent;}
.toggle-menu.active i:nth-child(3) { top: 25px; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}
.menu-drawer { width: 100%; opacity: 0; visibility: hidden; transform: translateX(-100%); background-color: #f7f7f7; height: calc(100vh - 76px); position: fixed; right: 0%; top: 76px; transition: all 0.4s linear;  padding: 20px 20px 40px; overflow-y: auto; 
  z-index: 9; }
.menu-drawer.open { right: 0px; transition: all 0.4s linear; opacity: 1; visibility: visible; transform: none;}
/* .menu-drawer li { font-family: lato; font-weight: bold; margin-bottom: 30px; font-size: 50px; text-align: center;}
.menu-drawer li a { text-decoration: none; color: #555;}
.menu-drawer li a:hover {color: #0094FC;} */

.menu-drawer ul .inner { overflow: hidden; display: none; float: left; width: 100%;}
.menu-drawer ul li { margin: 0;}
.menu-drawer ul li a { text-decoration:none; height: auto; font-size: 20px; width: 100%; display: block; background: transparent;
  color: #424242; padding: 12px 0; transition: all .3s ease; background-repeat: no-repeat; background-position: center; font-weight: 400; border-bottom: 1px solid rgba(0,0,0,0.1);}
.menu-drawer ul li a.toggle { float: left; width: 100%; position: relative;}
.menu-drawer ul li > a.toggle::after { position: absolute; right: 10px; top: 18px; content: ""; display: block; margin: 0; width: 8px;  height: 8px; border-top: 2px solid #262626;
border-left: 2px solid #262626; transform: rotate(225deg); transition: all .5s ease; }
.menu-drawer ul li a.toggle.no-dropdown::after { display: none;}
.menu-drawer ul li a:hover {color: #ef5e1f;} 
.menu-drawer ul.inner li>a { padding-left: 10px; padding-right: 30px; font-weight: 300; font-size: 17px; line-height: 24px;} 
.menu-drawer ul.inner .inner li>a { padding-left: 15px; font-size: 16px;}
.menu-drawer ul.inner .inner .inner li>a { padding-left: 4em;}
.menu-drawer ul li a.expanded::after {   transform: rotate(45deg); top: 24px;}

.ftr-social-links.mob-social-link h3 { display: block; width: 100%; text-align: center; font-weight: 400; margin-bottom: 18px; font-size: 19px;  color: #333333;}
.mob-social-link.ftr-social-links { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap;flex-wrap: wrap; justify-content: center; margin-top: 30px;}
.mob-social-link.ftr-social-links a {background: #333334; color: #fff;}
.mob-social-link.ftr-social-links a:not(:last-child) { margin-right: 15px;}
.mob-social-link.ftr-social-links a { font-size: 15px; width: 34px; height: 34px; background: none; border: 2px solid #b1b1bb; color: #b1b1bb; border-radius: 50%; text-align: center; line-height: 30px;}
.mob-social-link.ftr-social-links a:hover { background: #f0531c; color: #ffffff; border: 2px solid #f0531c;}


.mb-mail { float: left; width: 100%; text-align: center; margin-top: 40px;}
.mb-mail .addr-icon.mail i { font-size: 34px;}
.mb-mail .addr-title a { color: #333333;}
.mb-mail .addr-title a:hover { color: #ef5e1f;}

.scroll-hidden { overflow: hidden;}



/****************** 02 May 2022 ******************/
.app-sec { padding-bottom: 100px;}
.app-sec .ecom-lft h2 { font-weight: 500;}
.app-sec .ecom-lft p:last-child { margin-bottom: 0;}
.cust-app-dev { width: 100%;}
.cust-app-dev .title-image{ position: relative; padding: 185px 0px 175px; background: url(../images/custom-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.cust-app-dev .title-image::after { display: none;}

.app-list-sec { padding: 85px 0 95px;}
.app-div ul { display: flex; flex-wrap: wrap; row-gap: 48px; column-gap: 45px;}
.app-div li { float: left; width: 22.3%;}
.app-div li a { position: relative; width: 100%; display: flex; justify-content:left; min-height: 134px; align-items: center; background: none;
 border: 1px solid #d7d7d7; color: #666666;  padding: 28px; font-family: 'Mitr', sans-serif; font-weight: 300; font-size: 23px; line-height: 30px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.app-div li a i { color: #ff6700; margin-right: 0px; }
.app-div li a span { float: left; margin-right: 15px; line-height: 0;}

/* .app-div li a span { position: absolute; top:50%; left: 26px; width: 10px; height: 16px; content: "\f3d3"; font-family:"Ionicons"; color: #ff6700;font-weight: 400;}  */

.app-div li a::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #ff6700;}
.app-div li a:hover:before {bottom: 0;}
.app-div li a:hover { color: #fff; border: 1px solid #ff6700;}
.app-div li a:hover i { color: #fff; }

.mob-app-dev { width: 100%;}
.mob-app-dev .title-image{ position: relative; padding: 185px 0px 175px; background: url(../images/mobile-apps-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.mob-app-dev .title-image::after { display: none;}

.ios-app-sec   { width: 100%; padding: 110px 0;}
.ios-app-sec h2 { font-size: 41px; line-height: 81px; color: #0a0a0a; font-weight: 300; margin-bottom: 0px; padding-left: 54px; float: left; min-width: 240px; border-right: 1px solid #ececec; }
.ios-app     { border-bottom: 1px solid #ececec; padding-bottom: 57px; margin-bottom: 50px; }
.ios-app.android { border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.ios-app-sec ul { display: flex; flex-wrap: wrap; row-gap: 14px; column-gap: 11px; }
.ios-app-sec li { float: left; width: auto; padding: 0 60px;}
.ios-app-sec li a { transition: 0.5s all ease-in-out; }
.ios-app-sec li a:hover {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);}

.cross-platform-dev  { width: 100%;}
.cross-platform-dev .title-image{ position: relative; padding: 185px 0px 175px; background: url(../images/cross-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.cross-platform-dev .title-image::after { display: none;}

.react-dev   { width: 100%; padding: 95px 0 100px;}
.react-app     { width: 100%; }
.react-app ul { display: flex; flex-wrap: wrap; row-gap: 14px; column-gap: 11px; }
.react-app li { float: left; width: auto; padding: 0 3.5%;}
.react-app li a { transition: 0.5s all ease-in-out; }
.react-app li a:hover {filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);}

.test-services-dev  { width: 100%;}
.test-services-dev .title-image{ position: relative; padding: 185px 0px 180px; background: url(../images/testing-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.test-services-dev .title-image::after { display: none;}

.reliable-services-dev  { width: 100%;}
.reliable-services-dev .title-image{ position: relative; padding: 145px 0px 150px; background: url(../images/reliable-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.reliable-services-dev .title-image::after { display: none;}

.technologies-exp { width: 100%; padding: 95px 0 50px;}
.technologies-exp h1 { font-size: 54px; line-height: 64px; color: #0a0a0a; font-weight: 400; margin-bottom: 65px; text-align: center; }
.technologies-exp .tab .tab-menu { background: #fff;}
.technologies-exp .tabs li a h2 { color: #000; font-size: 24px; font-weight: 400;}
.technologies-exp .tabs li.current a h2 { color: #ef5e1f; }
.technologies-exp .tabs li { width: 24%; margin-right: 44px;}
.technologies-exp .tabs li:last-child { margin-right: 0;}
.technologies-exp .tabs li a  { padding: 14px 0;} 
.technologies-exp .tabs li::before { height: 1px; background: #ebebeb; width: 100%; right: auto; left: 0; }
.technologies-exp .tabs li.current::before { background: #ef5e1f; }
.technologies-exp .tech-div ul.tech-lst { padding: 0;}
.technologies-exp .tech-div ul.tech-lst li { float: left; width: 25%; padding: 0; margin-right: 0; margin-bottom: 50px; text-align: center;}
.technologies-exp .tab_content { padding-top: 0;}
.technologies-exp .tech-div ul.tech-lst li img { transition: all 0.5s;}
.technologies-exp .tech-div li:hover img{filter: grayscale(100%);-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);}

.web-services-dev  { width: 100%;}
.web-services-dev .title-image{ position: relative; padding: 185px 0px 195px; background: url(../images/web-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.web-services-dev .title-image::after { display: none;}

.brainstem-aes { padding: 75px 0 88px;}
.brainstem-aes .abt-lft { padding-left: 80px; padding-right: 60px;}
.brainstem-aes .abt-rgt { padding-right: 0; padding-top: 15px;}
.brainstem-aes .abt-lft p { color: #000;}
.brainstem-aes .abt-full { padding-top: 70px;}
.brainstem-aes .abt-full p{ color: #000; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 0px; margin-top: 60px; }

.erp-sec { width: 100%; padding: 80px 0 90px; text-align: center; background: #f9f9f9;}
.erp-sec h1 { font-size: 54px; line-height: 64px; color: #0a0a0a; font-weight: 400; margin-bottom: 65px; text-align: left;}
.erp-list ul { display: flex; flex-wrap: wrap; text-align: left;  }
.erp-list li { float: left; width: 50%; padding: 62px 65px 58px 0; border-right: 2px solid #e0e0e0; border-bottom: 2px solid #e0e0e0; }
.erp-list li:nth-child(1), .erp-list li:nth-child(2) { padding-top: 0;}
.erp-list li:nth-child(2n) { padding-left: 105px; border-right: none;}
.erp-list li:nth-last-child(1), .erp-list li:nth-last-child(2) { padding-bottom: 0; border-bottom: none;} 
.erp-list li span.number-pad { display: flex; flex-wrap: wrap; align-content: center; justify-content:center; width: 76px; height: 76px; border: 1px solid #ef5e1f; border-radius: 10px; color: #ef5e1f; font-size: 26px; font-weight: 300; margin-bottom: 30px; }
.erp-list li h3 { font-size: 22px; line-height: 30px; color: #0a0a0a; font-weight: 500; margin-bottom: 15px; }
.erp-list li p { font-size: 20px; line-height: 30px; color: #555555; font-weight: 300; margin-bottom: 0px; max-width: 450px; width: 100%; }
.erp-sec .partner-btn { padding: 14px 48px; margin-top: 85px; background: #f0531c;}

.erp-profile  { width: 100%;}
.erp-profile .title-image{ position: relative; padding: 145px 0px 150px; background: url(../images/erp-profile-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.erp-profile .title-image::after { display: none;}

.modules-sec { background: #fff8f7;}
.modules-sec .apple-features { margin-top: 35px;}
.modules-sec .apple-features .row { align-items: start;}

.information-sec .faq-accordion .accordion .accordion-title span { display: inline-block; margin-bottom: 0; margin-right: 10px;}
.information-sec .faq-accordion .accordion .accordion-title p { color: #3f3b49; font-size: 24px; font-weight: 500; display: inline-block; line-height: 40px;}
.information-sec .faq-accordion .accordion .accordion-title.active p, .information-sec .faq-accordion .accordion .accordion-title.active i { color: #ef5e1f;}
.information-sec .faq-accordion .accordion .accordion-title.active { border-bottom: 2px solid #ef5e1f;}
.information-sec .faq-accordion .accordion .accordion-title i { bottom: 25px;}
.information-sec .info-rgt  { padding-left: 50px;}
.information-sec .faq-accordion .accordion .accordion-content { padding-top: 45px; padding-bottom: 5px;}
.information-sec .faq-accordion .accordion .accordion-content p { font-size: 19px; font-family: 'Mitr', sans-serif; margin-bottom: 30px; font-weight: 300;}
.information-sec .faq-accordion .accordion .accordion-content p:first-child { padding-top: 32px;}
.information-sec .faq-accordion .accordion .accordion-content p:last-child { margin-bottom: 0;}

.information-sec .info-full { padding: 45px 50px 30px; background: #f5f5f5; margin-top: 60px;}
.information-sec .info-full h3 { font-size: 28px; color: #000; font-weight: 400; margin-bottom: 30px;}
.information-sec .info-full ul { display: flex; flex-wrap: wrap;  }
.information-sec .info-full li { float: left; width: 55%; padding-left: 35px; font-size: 19px; line-height: 28px; color: #333; margin-bottom: 25px; position: relative; font-weight: 300; }
.information-sec .info-full li:nth-child(2n) { width: 45%;}
.information-sec .info-full li span { color: #fff; font-size: 13px; position: absolute;left: 0px;top: 5px; background: #ef5e1f; border-radius: 25px; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center;}
.information-sec .info-full li span .ion-arrow-right-c::before { line-height: 2;}

.benefits-facts { padding: 80px 0px 85px; background: #042e89; }
.benefits-facts .benefits-lft { padding-right: 90px;}
.benefits-facts .benefits-rgt { padding-left: 50px;}
.benefits-facts h2{ color: #fff; font-size: 54px; line-height: 64px; font-weight: 400; margin-bottom: 50px; }
.benefits-facts li { float: left; width: 100%; font-size: 19px; line-height: 30px; margin-bottom: 35px; min-height: 90px; color: #fff; padding-left: 65px; font-weight: 300; position: relative;}
.benefits-facts li span { color: #fff; font-size: 14px; position: absolute;left: 0px;top: 5px; background: #ef5e1f; border-radius: 25px; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center;}
.benefits-facts li span .ion-arrow-right-c::before { line-height: 2;}
.benefits-facts li:last-child { margin-bottom: 0;}


/*mobile-app-portfolio-details.html*/

.app-portfolio { background: none; box-shadow: none; }
.app-portfolio li { display: inline-block;}
.para-cap { text-transform: uppercase;}
.abt-project {padding:50px 0 105px; background: #fff;}
.abt-project h3{font-size: 48px;line-height: 55px;color: #212224;font-weight: 400;}
.abt-project p{ font-size: 20px;line-height: 30px;padding-right: 190px;padding-bottom: 45px;color: #222;font-weight: 300;}
.abt-project ul li{font-size: 20px;line-height: 30px;color: #222;font-weight: 300;}
.abt-project ul li span{font-weight: 500; color: #222;}
.app-screens {background: #f3f3f3; padding: 82px 0;}
.app-screens h3 {font-size: 48px;line-height: 55px;color: #212224;font-weight: 400; padding-bottom: 45px; position: relative;}

.our-process {padding: 85px 0;}
.process-ttl {float: left; width: 100%;}
.our-process h3 {font-size: 48px;line-height: 55px;color: #212224;font-weight: 400; padding-bottom: 45px; float: left;}
.our-process img{float: left; padding-right: 38px;}
.our-process ul {float: left;}
.our-process ul li{font-size: 17px;line-height: 24px; font-weight: 300; text-align: left; padding-left: 17px;color: #212224; margin-bottom: 10px;position: relative;}
.our-process ul li:after {content: "";position: absolute; left: 0; top: 12px; font-size: 16px; line-height: 30px;font-weight: 300; background: #e0e0e0; height: 2px; width: 5px; }
.our-process h4{font-size: 20px;line-height: 30px;float: left;color: #666;font-weight: 500;position: absolute;bottom: -3px;}
.our-process span{color: #f3f3f3; font-weight: 500; font-size: 80px; line-height:80px;}

.process-ttl {  position: relative; margin-bottom: 10px;}
.process-ttl {position: relative; float: left; width: 100%; margin-bottom: 17px;}

.our-process .owl-carousel .item { display: flex; justify-content: left;  align-items: left; }

.inr-contpg-cont {display: flex; flex-wrap: wrap;  position: relative; z-index: 1;}
.inr-contact-pg { padding-bottom: 92px;}
.inr-contact-lft{ padding: 80px 65px 60px 65px; background: #fde8e3;border-top-left-radius: 20px; border-bottom-left-radius: 20px;}
.inr-contact-lft h3 {font-size: 48px;line-height: 55px;color: #f56300;font-weight: 400;padding-bottom: 20px;}
.inr-contact-lft h4{font-size: 24px;line-height: 36px;font-weight: 400;color: #212224;padding-bottom: 50px;padding-right: 40px;}
.inr-contact-lft h5{font-size: 18px;line-height: 22px;font-weight: 300;color: #212224;padding-bottom: 30px;padding-right: 50px; }
.inr-contact-lft ul {float: left; width:100%; padding-bottom: 25px;}
.inr-contact-lft ul li{width: 30%; margin-right: 1%; float: left;display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;
align-items: center;-webkit-align-items: center}
.inr-contact-lft ul li i { font-size: 48px; margin-right: 10px; color: #212224;}
.inr-contact-lft ul li:last-child {margin-right: 0;}
.inr-contact-lft ul li img{float: left; padding-right: 13px;}
.inr-contact-lft ul li h6{float: left;font-size: 18px;line-height: 36px;float: left;font-weight: 400;font-size: 18px;line-height: 22px;}
.inr-contact-lft a { position: relative; display: inline-block; background: #ff6700; color: #ffffff; text-transform: uppercase; padding: 12px 32px; font-family: 'Mitr', sans-serif; font-weight: 400; font-size: 15px; line-height: 22px; transition: all .5s ease; overflow: hidden; z-index: 1;}
.inr-contact-lft a i { position: relative; padding-left: 10px; vertical-align: middle;}
.inr-contact-lft a::before { left: 0;  width: 100%; content: ""; z-index: -1; height: 100%; bottom: -100%;  position: absolute; transition: 0.5s all ease-in-out; background-color: #390ed2;}
.inr-contact-lft a:hover:before {bottom: 0;}

.inr-contact-rht img{border-top-right-radius: 20px; border-bottom-right-radius: 20px; float: left;width: 100%; height: 100%; object-fit: cover;}
.customNavigation {  text-align: right;}
.customNavigation .btn { position: relative; display: inline-block; overflow: visible; box-shadow: none; color: #222; text-transform: uppercase;
text-shadow: none; font-size: 20px; cursor: crosshair; -webkit-transition: all .1s ease-in 0s; -moz-transition: all .1s ease-in 0s; -o-transition: all .1s ease-in 0s;
transition-property: all .1s ease-in 0s; -webkit-font-smoothing: antialiased; border-radius: 100%; border: 1px solid #222; padding: 6px 16px 4px 15px;
margin-right: 6px; }

.customNavigation .btn:hover { color: #fff;background: #ff6700;  border: 1px solid #ff6700; }
.btn.gray.next {margin-right: 0;}

.btn.disabled{ opacity: 0.6; }
.owl-carousel .owl-wrapper-outer { position: relative; overflow: hidden; width: 100%; }


/********************************mobile-app-portfolio-details.html*******************************/

.process-carousel .owl-nav div { font-size: 30px;  width: 40px;  height: 40px;  border-radius: 50%;  color: #464646; border: 1px solid #464646;
line-height: 32px;text-align: center;-webkit-transition: 0.3s;-o-transition: 0.3s; transition: 0.3s; position: absolute; top: -108px; right: 0; }
.process-carousel .owl-nav div i { font-size: 19px; color: #464646;}
.process-carousel .owl-nav div:hover { border: 1px solid #f0531c;}
.process-carousel .owl-nav div:hover i { color: #f0531c;}
.process-carousel .owl-nav .owl-prev { right: 70px;}
.process-carousel .owl-nav .owl-next { right: 20px;}

.process-img { width: 25%;}
.process-cont { width: 75%;}
.app-screens .partner-div { padding: 0; margin-top: 0;}
.screens-app .owl-nav div { font-size: 30px;  width: 40px;  height: 40px;  border-radius: 50%;  color: #464646; border: 1px solid #464646;
line-height: 32px;text-align: center;-webkit-transition: 0.3s;-o-transition: 0.3s; transition: 0.3s; position: absolute; top: -90px; right: 0; }
.screens-app .owl-nav div i { font-size: 19px; color: #464646;}
.screens-app .owl-nav div:hover { border: 1px solid #f0531c;}
.screens-app .owl-nav div:hover i { color: #f0531c;}
.screens-app .owl-nav .owl-prev { right: 70px;}
.screens-app .owl-nav .owl-next { right: 20px;}


.portfolio_section .owl-dots { position: absolute; bottom: 20px; left: 20px; right: 0; margin: 0 auto;}
.portfolio_section .owl-dots .owl-dot { display: inline-block; margin: 0 5px; }
.portfolio_section .owl-dots .owl-dot span {width: 14px;height: 14px; background:rgba(255, 255, 255, 0.7); border-radius: 50px; display: inline-block; }
.portfolio_section .owl-dots .owl-dot.active span { background: #ff6634;}


/* responsive web design page */
.inner-ban::before { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%;
  background: rgba(0,0,0,1);
  background: -moz-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(0,0,0,0)));
  background: -webkit-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(left, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#000', GradientType=1 );
  }
  
  .about-rwd-sec { padding: 85px 0px; background: #fff; }
  .about-rwd-sec h2{ color: #212224; font-size: 32px; line-height: 42px; font-weight: 400; margin-bottom: 35px; }
  .about-rwd-sec p{ color: #222; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 0px; }
  .about-rwd-sec .rwd-lft { padding-right: 85px; } 
  .about-rwd-sec .rwd-rgt { padding-left: 30px; } 
  
  .rwd-sec{ padding: 85px 0px; background: #f9f8e6; text-align: center; }
  .rwd-sec h3{ color: #212224; font-size: 18px; line-height: 24px; font-weight: 300; margin-bottom: 10px; text-transform: uppercase; }
  .rwd-sec h1{ color: #0a0a0a; font-size: 54px; line-height: 66px; font-weight: 400; margin-bottom: 40px; }
  .rwd-img { margin-bottom: 30px;}
  .rwd-sec p{ color: #222; font-size: 20px; line-height: 30px; font-weight: 300; }
  
  .rwd-offer-sec { width: 100%;}
  .rwd-offer-sec .title-image .title h1 span { display: inline-block;}
  .rwd-offer-sec .title-image {background: url(../images/creative-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
  .desc-txt ul.desc-list li { float: left; width: 100%; color: #fff; font-size: 20px; line-height: 26px;font-weight: 300; position: relative; margin-bottom: 20px; padding-left: 32px; }
  .desc-txt ul.desc-list li::before {position: absolute; top: 0px;left: 0px;content: "\f487";font-family: "Ionicons";color: #fff;font-size: 20px;}
  .desc-txt ul.desc-list li:last-child { margin-bottom: 0px;}
  
  .service-sec{ padding: 85px 0px; background: #fff; }
  .service-sec h1{ color: #0a0a0a; font-size: 54px; line-height: 66px; font-weight: 400; margin-bottom: 60px; text-align: center; }
  .service-div { padding: 0px 120px;}
  .serv-rgt { padding-left: 85px;}
  .service-sec ul li { float: left; width: 100%; color: #212224; font-size: 20px; line-height: 26px;font-weight: 300; position: relative; margin-bottom: 22px; padding-left: 35px; }
  .service-sec ul li span.num { color:#ef5e1f; position: absolute; left: 0px; top:0px;}
  .service-sec ul li:last-child { margin-bottom: 0px;}
  
  .design-sol-sec { width: 100%; }
  .design-sol-sec .title-image {background: url(../images/design-solution-bg.jpg) no-repeat center right 0px; background-size: cover;background-attachment: fixed;
  background-position: center center;}
  
  .why-sec { padding: 85px 0px; background: #f7f7f7; }
  .why-sec h1{ color: #0a0a0a; font-size: 54px; line-height: 66px; font-weight: 400; margin-bottom: 45px; text-align: center; }
  .why-img { text-align: center; margin-bottom: 40px; }
  .why-img img { mix-blend-mode: darken;}
  .why-lft { padding-left: 335px;}
  .why-rgt { padding-left: 60px;}
  .why-sec ul.why-list li { float: left; width: 100%; color: #212224; font-size: 20px; line-height: 26px;font-weight: 300; position: relative; margin-bottom: 22px; padding-left: 35px; }
  .why-sec ul.why-list li::before {position: absolute; top: 0px;left: 0px;content: "\f487";font-family: "Ionicons";color: #ef5e1f;font-size: 20px;}
  .why-sec ul.why-list li:last-child { margin-bottom: 0px;}
  
  ul.rwd-tech-lst { float: left; width: 100%;display: flex;flex-wrap: wrap;column-gap: 97px;align-items: center;justify-content: center;}
  ul.rwd-tech-lst li { float: left; margin-bottom: 35px; text-align: center;}
  ul.rwd-tech-lst li .tech-logo { float: left; width: 100%;}
  
  .why-rwd { padding: 85px 0px; background: #f7f7f7; }
  .why-rwd h1{ color: #0a0a0a; font-size: 54px; line-height: 66px; font-weight: 400; margin-bottom: 45px; text-align: center; }
  .why-rwd-lft { padding-right: 50px;}
  .why-rwd-rgt { padding-left: 50px;}
  ul.rwd-list { float: left; width: 100%;}
  ul.rwd-list li { float: left; width: 100%; margin-bottom: 45px; }
  ul.rwd-list li h2 { color: #000; font-size: 30px; line-height: 36px; font-weight: 400; padding-bottom: 10px; border-bottom: 1px solid #252525; margin-bottom: 15px; }
  ul.rwd-list li p { color: #4b4c4e; font-size: 17px; line-height: 24px; font-weight: 300; margin-bottom: 0px; }
  ul.rwd-list li:last-child { margin-bottom: 0px;}
  
  .brnd-blue-bg.blue-bg1 { padding: 70px 0px;}
  
  .case-studies-sec-inn.rwd-case { padding: 90px 0px;}



/*=============================================
=                - Preloader                =
=============================================*/
.preloader-active {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
  z-index: 99999;
}

.preloader-active .preloader-area-wrap {
  background-color: #f8f3f7;
  position: absolute;
  left: 0;
  display: block;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: 999999;
}

.preloader-active .preloader-area-wrap .spinner div {
  background-color: #086AD8;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
          animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.preloader-active .preloader-area-wrap .spinner div.bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.preloader-active .preloader-area-wrap .spinner div.bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.preloader-area-wrap {
  display: none;  
}

.open_tm_preloader {
  position: fixed;
  background-color: transparent;
  z-index: 9999;
  height: 100%;
  width: 100%;
  -webkit-transition: .2s all ease;
  -o-transition: .2s all ease;
  transition: .2s all ease;
  -webkit-transition-delay: .5s;
  -o-transition-delay: .5s;
  transition-delay: .5s;
}

.open_tm_preloader.loaded {
  opacity: 0;
  visibility: hidden;
}

.open_tm_preloader.loaded:before, .open_tm_preloader.loaded:after {
  width: 0%;
}

.open_tm_preloader:before, .open_tm_preloader:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 50%;
  background-color: #f8f3f7;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.open_tm_preloader:before {
  top: 0;
  left: 0;
}

.open_tm_preloader:after {
  bottom: 0;
  right: 0;
}



.loader {
  position: relative;
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-gap: 2px;
  width: 90px;
  height: 90px;
}
.loader > div {
  position: relative;
  width: 100%;
  height: 100%;
  background: #ff6634;
  transform: scale(0);
  transform-origin: center center;
  animation: loader 2s infinite linear;
}
.loader > div:nth-of-type(1), .loader > div:nth-of-type(5), .loader > div:nth-of-type(9) {
  animation-delay: 0.4s;
}
.loader > div:nth-of-type(4), .loader > div:nth-of-type(8) {
  animation-delay: 0.2s;
}
.loader > div:nth-of-type(2), .loader > div:nth-of-type(6) {
  animation-delay: 0.6s;
}
.loader > div:nth-of-type(3) {
  animation-delay: 0.8s;
}

@keyframes loader {
  0% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
  80% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}



/* css new on 12-5-2022 */

/* advance crm page */

.about-rwd-sec.about-crm-sec { padding: 70px 0px;}
.about-rwd-sec.about-crm-sec h2 { margin-bottom: 22px; }
.about-crm-sec .crm-lft {padding-right: 170px;}
.about-crm-sec .crm-rgt { text-align: center; padding-top: 45px;}

.crm-customer-sec .title-image {background: url(../images/crm-customer-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.crm-customer-sec .title-image::after { display: none; } 
.crm-customer-sec .desc-txt p{ margin-bottom: 22px; }
.crm-customer-sec .desc-txt p:last-child{ margin-bottom: 0px; }

.function-sec{ padding: 75px 0px; background: #fff; }
.function-sec h1{ color: #0a0a0a; font-size: 54px; line-height: 66px; font-weight: 400; margin-bottom: 60px; text-align: center; }
.function-div { padding: 0px 120px;}
.function-sec ul.func-list { float: left; width: 100%;}
.function-sec ul.func-list li { float: left; width: 100%; color: #212224; font-size: 20px; line-height: 26px;font-weight: 300; position: relative; margin-bottom: 22px; padding-left: 35px; }
.function-sec ul.func-list li::before {position: absolute; top: 0px;left: 0px;content: "\f487";font-family: "Ionicons";color: #ef5e1f;font-size: 20px;}
.function-sec ul.func-list li:last-child { margin-bottom: 0px;}
.function-lft { padding-right: 50px;}
.function-rgt { padding-left: 50px;}

.crm-sales-sec .title-image {background: url(../images/crm-sales-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}

ul.feature-list {float: left; width: 100%; display: flex; gap: 50px; flex-wrap: wrap;}
ul.feature-list li {float: left; /*width: 25%;*/ padding-right: 0px; margin-bottom: 0px; flex: 1 1 22%; }
ul.feature-list li .icon-div { height: 55px; margin-bottom: 10px; display: flex; align-items: center;}
ul.feature-list li .icon-div img { float: left;}
ul.feature-list li h2 { color: #3f3b49; font-size: 20px; line-height: 24px; font-weight: 400; }

.function-sec .title-sec { margin-bottom: 60px;}
.function-sec .title-sec h1 { margin-bottom: 15px;}

.value-sec { padding: 80px  0px 90px; background: #efecff; }
.why-rwd.value-sec h1 { margin-bottom: 80px;}
.value-rgt img { float: right; }
ul.value-list li { float: left; width: 100%; color: #3f3b49; font-size: 20px; line-height: 22px; margin-bottom: 35px; text-transform: uppercase; font-weight: 400; position: relative; padding-left: 32px;}
ul.value-list li::before { position: absolute; top: 0px;left: 0px;content: "\f487";font-family: "Ionicons";color: #ef5e1f;font-size: 20px;}
ul.value-list li:last-child { margin-bottom: 0px; }


.tech-crm { padding: 100px 0px 0px; background: #333333;}
.tech-lft { padding-top: 50px; }
.tech-lft h1 { color: #fff; font-size: 60px; line-height: 72px; font-weight: 400; }
.tech-lft h1 span { display: block; color: #ef5e1f; }
.tech-rgt img { margin-bottom: -5px;}


/* textile ERP page */
.feature-sec .title-sec { margin-bottom: 40px;}
.feature-sec .title-sec h1 { margin-bottom: 15px;}
.feature-lst-div h3{ color:#ef5e1f; font-size: 30px; line-height: 36px; font-weight: 500; margin-bottom: 30px;}

.erp-soft-sec .title-image { padding: 230px 0px; background: url(../images/textile-industry-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.solution-sec .function-div { padding: 0px 175px;}
.erp-modern-sec .title-image { padding: 200px 0px; background: url(../images/modern-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.erp-modern-sec .title-image::after { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%;
background: rgba(86,71,63,1);
background: -moz-linear-gradient(left, rgba(86,71,63,1) 0%, rgba(86,71,63,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(86,71,63,1)), color-stop(100%, rgba(86,71,63,0)));
background: -webkit-linear-gradient(left, rgba(86,71,63,1) 0%, rgba(86,71,63,0) 100%);
background: -o-linear-gradient(left, rgba(86,71,63,1) 0%, rgba(86,71,63,0) 100%);
background: -ms-linear-gradient(left, rgba(86,71,63,1) 0%, rgba(86,71,63,0) 100%);
background: linear-gradient(to right, rgba(86,71,63,1) 0%, rgba(86,71,63,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56473f', endColorstr='#56473f', GradientType=1 );
}

.erp-advan-sec .title-image { padding: 230px 0px; background: url(../images/advan-erp-bg.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.erp-advan-sec .title-image::after { content: ""; position: absolute; top:0px; left: 0px; height: 100%; width: 100%;
background: rgba(0,0,0,1);
background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.8)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 );
}

.data-title-sec { padding: 90px 0px; background: #fff; }
.data-title-sec .title{ border-left: 2px solid #ef5e1f; padding-left: 45px; }
.data-title-sec .title h1 { color: #333; font-size: 60px; line-height: 66px; font-weight: 200; }
.data-title-sec .title h1 span { font-weight: 500;color: #333;}

.sol-provider-sec { padding: 100px 0px; background: #edf1f8; }
.provider-lft { padding-right: 45px; }
.provider-lft h1 { color: #333;font-size: 54px; line-height: 60px; font-weight: 500; margin-bottom: 40px; }
.provider-lft h1 span { color: #f28113;font-weight: 200; display: initial; }
.provider-lft p { color: #000;font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 25px; }
.provider-rgt { text-align: center;}




.modules-tab-lft {
	float: left;
	width: 50%;
 	padding: 60px 45px;padding-left: 0px;
}
.modules-tab-lft h2 {
	color: #0a0a0a;
	font-size: 40px;
	line-height: 50px;
	font-weight: 400;
	margin-bottom: 25px;
}
.modules-tab-lft p {
	color: #222;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	margin-bottom: 25px;
}
.modules-tab-rgt {
	float: left;
	width: 50%;
}
.modules-tab-rgt img {
	float: left;
	width: 100%;
	height: 100%;margin-top: 40px;
}
.smart-hrms-dev .title-image {
	position: relative;
	padding: 160px 0px;
	background: url(../images/smart-hr-bg.jpg) no-repeat 0 0;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}


.choose-hrms-div { margin-top: 75px; }
ul.choose-hrms-lst { float: left; width: 100%; display: flex; flex-wrap: wrap; }
ul.choose-hrms-lst li { float: left; width:45%; margin-right: 5%; margin-bottom:4%;}
ul.choose-hrms-lst li:last-child { margin-right: 0px;}
ul.choose-hrms-lst li:last-child { margin-right: 0px;}

ul.choose-hrms-lst li .choose-cont-div { float: left; width: 100%; padding: 0px 30px 0px 62px; position: relative;}
ul.choose-hrms-lst li .choose-cont-div:after {content: ""; position: absolute; background: url(../images/hrms-icon1.png) no-repeat; left: 0; top: 0; width: 30px; height: 30px;}
ul.choose-hrms-lst li .choose-cont-div h2 { color: #0a0a0a; font-size: 24px; line-height: 24px; font-weight: 400; padding-bottom: 20px; margin-bottom: 0; position: relative; }
ul.choose-hrms-lst li .choose-cont-div h2::after { display: none; content: ""; position: absolute; left: 0px; bottom: 0px; width: 50px; height: 2px; background: #ef5e1f;}
ul.choose-hrms-lst li .choose-cont-div p { color: #000; font-size: 20px; line-height: 30px; font-weight: 300; }

   
.modules-tab-content ul.func-list { float: left; width: 100%;}
.modules-tab-content ul.func-list li { float: left; width: 100%; color: #212224; font-size: 20px; line-height: 20px;font-weight: 400; position: relative; margin-bottom: 20px; padding-left: 35px; }
.modules-tab-content ul.func-list li::before {position: absolute; top: 0px;left: 0px;content: "\f487";font-family: "Ionicons";color: #ef5e1f;font-size: 20px;}
.function-sec u.modules-tab-contentl.func-list li:last-child { margin-bottom: 0px;}
 
 
 .emp-hrms-dev .title-image {
	position: relative;
	padding: 160px 0px;
	background: url(../images/hrms-sec1.jpg) no-repeat 0 0;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
 .flamingo-dev .title-image {
	position: relative;
	padding: 160px 0px;
	background: url(../images/flamingo-bg.jpg) no-repeat 0 0;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}

.apple-choose-sec.hrms-pg {padding: 85px 0px 25px 0px;}
ul.choose-hrms-lst li .choose-cont-div.hrm-ico2:after {background: url(../images/hrms-icon2.png) no-repeat;}
ul.choose-hrms-lst li .choose-cont-div.hrm-ico3:after {background: url(../images/hrms-icon3.png) no-repeat;}
ul.choose-hrms-lst li .choose-cont-div.hrm-ico4:after {background: url(../images/hrms-icon4.png) no-repeat;}
ul.choose-hrms-lst li .choose-cont-div.hrm-ico5:after {background: url(../images/hrms-icon5.png) no-repeat;}
ul.choose-hrms-lst li .choose-cont-div.hrm-ico6:after {background: url(../images/hrms-icon6.png) no-repeat;}

.desc-txt.para-pad p {padding-bottom: 30px;}

.face-recog .title-image{background: url(../images/face-recog.jpg) no-repeat 0 0; padding: 230px 0px;}
.face-recog .title-image::after {background: none;}

.title-sec.hrms-mble-app h1 {margin-bottom: 80px;}

.about-ecom-sec.about-seo-sec.hrms-mble-app { padding: 85px 0px 0px;}
.hrms-mble-app h2{text-align: left; padding-top: 20px;}
.hrms-mble-app  p{text-align: left;}

.hrms-aes h4 {color: #212224;font-size: 32px;line-height: 42px;font-weight: 400;margin-bottom: 22px;}
.hrms-aes { padding: 75px 0px 85px 0px;}

.hrms-aes ul.func-list li{color: #3f3b49;font-size: 20px;line-height: 24px;font-weight: 400;}
.hrms-aes ul.func-list li p{color: #3f3b49; font-size: 19px; line-height: 24px; font-weight: 400; width: 70%; float: left; }
.solution-sec .function-div { padding: 0 40px;}

.hrms-aes ul.func-list li span{padding-right: 35px; float: left;}
.hrms-aes ul.func-list li {padding-left: 0; margin-bottom: 38px;float: left;width: 100%;}
.hrms-aes ul.func-list li::before {display: none;}

.hrms-aes { padding: 75px 0px 35px 0px;}
.hrms-aes .title-sec { margin-bottom: 40px;}


/*blueberry-pg*/
.tech-crm.bery {padding-top: 65px;}
.tech-lft.blue {padding-top: 0;}
.tech-lft.blue h1{margin-bottom: 20px;}
.tech-lft.blue p{font-weight: 300; font-size: 20px; line-height: 30px;}
.tech-lft.blue p{color: #fff;}
.desc-txt.more p {margin-bottom: 35px;}
.desc-txt.more p:last-child{margin-bottom: 0;}

.multi-sec{ width: 100%; float: left; position: relative; min-height: 700px;
padding: 150px 0px; background: url(../images/gettyimages.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.multi-sec img{ width: 100%; float: left;}
.multi-sec h2{ width: 100%; float: left; text-align: center; position: absolute; left: 0; right: 0; bottom: 60px; color: #fff; font-size: 32px; line-height: 40px; text-transform: uppercase; font-weight: 600;} 
.seo-skill-sec.simply{width: 100%; float: left; padding: 80px 0; background: #fff;}
.skill-lft.smpy {text-align: center; padding-left: 0;}
.skill-lft.smpy h5{width: 100%; float: left; color: #212224; font-size: 20px; line-height: 30px; margin-bottom: 20px; font-weight: 400;}
.skill-lft.smpy h2{width: 100%; float: left; color: #212224;font-size: 34px; line-height: 40px; margin-bottom: 20px; font-weight: 500;}
.sy-icon{width: 100%; float: left; text-align: center; margin-bottom: 20px;}
.title-image.ware-hse {background: url(../images/ware-house.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.title-image.report {background: url(../images/report.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.title-image.report:after{display: none;}
.title-image.r-analysis{background: url(../images/report-analysis.jpg) no-repeat 0 0; background-size: cover; background-attachment: fixed; background-position: center center;}
.invoice-lst{width: 100%; float: left; padding: 80px 0; background: #ffffff;}
.invoice-lst ul.in-list{width: 100%; float: left;}
.invoice-lst ul.in-list li {width: 100%; float: left; margin-bottom: 50px;}
.invoice-lst ul.in-list li .invoice-lft{ width: 30%; float: left; margin-right: 3%;}
.invoice-lst ul.in-list li .invoice-lft h2{width: 100%; float: left; font-size: 36px; line-height: 42px; color: #3f3b49;  font-weight: 400; padding-bottom: 25px; position: relative; transition: all ease 0.5s;}
.invoice-lst ul.in-list li .invoice-lft h2:after{position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background: #ebebec;}
.invoice-lst ul.in-list li .invoice-rgt{width: 67%; float: right;}
.invoice-lst ul.in-list li .invoice-rgt p{width: 100%; float: left; font-size: 20px; color: #000; line-height: 30px; font-weight: 300;}
.invoice-lst ul.in-list li .invoice-lft .ic-img {margin-bottom: 15px;}
.invoice-lst ul.in-list li:last-child{margin-bottom: 0;}
.invoice-lst ul.in-list li:hover .invoice-lft h2{color: #ef5e1f;}
.salient-sec{width: 100%; float: left; padding: 80px 0 0 0; background: #ffffff;}
.salient-sec h2{width: 100%; float: left; color: #0a0a0a; font-size: 60px; line-height: 60px; margin-bottom: 45px; text-align: center; font-weight: 400;}
.feature{ padding: 40px; display: inline-block; background: #fafbfc;}
.feature .ic-img{margin-bottom: 30px;}
.feature h6{width: 100%; float: left; color: #ef5e1f; font-size: 14px; font-weight: 300; margin-bottom: 25px;}
.feature h5{width: 100%; float: left; color: #3f3b49; font-size: 24px; line-height: 30px; font-weight: 400; transition: all ease 0.5s;}
.feature.org{ background: #ffeee6;}
.feature:hover h5{color: #ef5e1f;}



/********** Why AES **********/
.why-abt-sec .part-lft p.highlight-txt { font-size: 30px; line-height: 42px;}
.why-abt-sec .part-rgt p:last-child { margin-bottom: 0;}

.why-tab-sec .market-tab { margin-top: 0;}
.why-tab-content  { padding: 30px 0 0; float: left; width: 100%;}
.why-tab-lft { float: left;	width: 50%;	padding: 0px 45px;padding-left: 0px;}
.why-tab-lft h2, .why-tab-rgt h2 {	color: #0a0a0a; font-size: 24px; line-height: 24px;	font-weight: 400;	margin-bottom: 20px;}
.why-tab-content p {color: #222;	font-size: 18px;	line-height: 28px;	font-weight: 300;	margin-bottom: 25px;}
.why-tab-lft p:last-child, .why-tab-rgt p:last-child { margin-bottom: 0;}
.why-tab-rgt {	float: left;	width: 50%;}
.why-tab-content ul.func-list { float: left; width: 100%;}
.why-tab-content ul.func-list li, .why-tab-content ul.cont-list li { float: left; width: 100%; color: #212224; font-size: 18px; line-height: 28px;font-weight: 300; position: relative; margin-bottom: 15px; padding-left: 35px; }
.why-tab-content ul.func-list li::before {position: absolute; top: 0px;left: 0px;content: "\f487";font-family: "Ionicons";color: #ef5e1f;font-size: 20px;}
.why-tab-contentl.func-list li:last-child { margin-bottom: 0px;}
.why-tab-content h3 {	color: #0a0a0a; font-size: 24px; line-height: 24px;	font-weight: 400;	margin-bottom: 25px;}
.why-tab-content h3.org-txt { color: #ff6634;}

.why-tab-content h1 { color: #0a0a0a;font-size: 32px;line-height: 32px;font-weight: 500;margin-bottom: 25px;}
.why-tab-content ul.cont-list { margin-bottom: 25px;}

.market-tab.partner-tab .tabs li a span.icon { display: inline-block; width: 52px; height: 50px; background: url(../images/partner-tab-icons.png) no-repeat 0 0;}
.market-tab.partner-tab .tabs li.tab1 a span.icon { background-position: 0px 0px;}
.market-tab.partner-tab .tabs li.tab1.current a span.icon, .market-tab .tabs li.tab1 a:hover span.icon { background-position: 0px -50px;}
.market-tab.partner-tab .tabs li.tab2 a span.icon { background-position: -56px 0px;}
.market-tab.partner-tab .tabs li.tab2.current a span.icon, .market-tab .tabs li.tab2 a:hover span.icon { background-position: -56px -50px;}
.market-tab.partner-tab .tabs li.tab3 a span.icon { background-position: -112px 0px;}
.market-tab.partner-tab .tabs li.tab3.current a span.icon, .market-tab .tabs li.tab3 a:hover span.icon { background-position: -112px -50px;}
.market-tab.partner-tab .tabs li.tab4 a span.icon { background-position: -168px 0px;}
.market-tab.partner-tab .tabs li.tab4.current a span.icon, .market-tab .tabs li.tab4 a:hover span.icon { background-position: -168px -50px;}

.quote-para i { color:#ff6700; font-size: 24px; } 
.icon.ion-quote.ion-quote-lft::before { transform: rotateY(-180deg);}
.infra-list .infra-list-lft .desc-txt { padding-right: 50px;}
.infra-list .infra-list-rgt .desc-txt { padding-right: 0px;}

.infra-tab-sec .market-tab.infra-tab .tabs li a span.icon { display: inline-block; width: 55px; height: 50px; background: url(../images/infra-tab-icons.png) no-repeat 0 0;}
.infra-tab-sec .market-tab.infra-tab .tabs li.tab1 a span.icon { background-position: 0px 0px;}
.infra-tab-sec .market-tab.infra-tab .tabs li.tab1.current a span.icon, .market-tab.infra-tab .tabs li.tab1 a:hover span.icon { background-position: 0px -50px;}
.infra-tab-sec .market-tab.infra-tab .tabs li.tab2 a span.icon { background-position: -67px 0px;}
.infra-tab-sec .market-tab.infra-tab .tabs li.tab2.current a span.icon, .market-tab.infra-tab .tabs li.tab2 a:hover span.icon { background-position: -67px -50px;}
.infra-tab-sec .market-tab.infra-tab .tabs li.tab3 a span.icon { background-position: -138px 0px;}
.infra-tab-sec .market-tab.infra-tab .tabs li.tab3.current a span.icon, .market-tab.infra-tab .tabs li.tab3 a:hover span.icon { background-position: -138px -50px;}

.infra-tab-sec .market-tab.infra-tab { margin-top: 0;}

.market-tab.why-tab .tabs li a span.icon { display: inline-block; width: 52px; height: 50px; background: url(../images/why-tab-icons.png) no-repeat 0 0;}
.market-tab.why-tab .tabs li.tab1 a span.icon { background-position: 0px 0px;}
.market-tab.why-tab .tabs li.tab1.current a span.icon, .market-tab .tabs li.tab1 a:hover span.icon { background-position: 0px -50px;}
.market-tab.why-tab .tabs li.tab2 a span.icon { background-position: -56px 0px;}
.market-tab.why-tab .tabs li.tab2.current a span.icon, .market-tab .tabs li.tab2 a:hover span.icon { background-position: -56px -50px;}
.market-tab.why-tab .tabs li.tab3 a span.icon { background-position: -112px 0px;}
.market-tab.why-tab .tabs li.tab3.current a span.icon, .market-tab .tabs li.tab3 a:hover span.icon { background-position: -112px -50px;}
.market-tab.why-tab .tabs li.tab4 a span.icon { background-position: -168px 0px;}
.market-tab.why-tab .tabs li.tab4.current a span.icon, .market-tab .tabs li.tab4 a:hover span.icon { background-position: -168px -50px;}




/********clients css *******/
.function-sec h2 { font-size: 30px; font-weight: 400; line-height: 34px; margin-bottom: 30px;}
.clent-logos { float: left; width: 100%; margin-top: 50px;}
.clent-logos ul { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.clent-logos ul li { flex: 1 1 auto;  border: 1px solid #e9e9e9; border-radius: 10px; transition: all 0.4s ease; position: relative; top: 0;}
.clent-logos ul li:hover { box-shadow:5px 5px 8px rgba(0, 0, 0, 0.05); top:-10px; }
#myList-logo li { display:none; }
.loading_img { float: left; width: 100%; margin-bottom: 10px;}
.loading_img img {max-width: 60px;}

.prd-list { padding: 80px 0;}
.prd-list p { font-size: 24px; text-align: center; line-height: 24px; color: #000000; font-weight: 300; margin-bottom: 40px;}
.prd-list ul { display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.prd-list ul li { flex: 1 1 auto; text-align: center;}
.prd-list ul li h4 { font-size: 18px; text-align: center; font-weight: 400; color: #333; text-transform: uppercase; margin-top: 10px;}
.service-div.cpq-div { padding: 0;}
.serv-lft.pdt-para p { color: #212224; font-size: 20px; line-height: 30px; font-weight: 300; position: relative; margin-bottom: 22px;}
.feature-lst-div.config-list ul.feature-list { padding: 0 5%;}

.tab_content .tab-fullwidth { width: 100%; display: flex; flex-wrap: wrap; column-gap: 80px;}
.tab_content .tab-fullwidth > div { flex: 1 1 46%;}
.tab_content .tab-fullwidth .modules-tab-lft { padding: 0;}
.tab_content .tab-fullwidth .modules-tab-lft > ul > li { margin-bottom: 50px;}
.tab_content .tab-fullwidth h3 { color: #212224; font-size: 22px; line-height: 36px; font-weight: 300; margin-bottom: 50px; padding: 0 80px; text-align: center;}
.tab_content .tab-fullwidth ul li h4 { font-size: 24px; line-height: 36px; font-weight: 400; margin-bottom:20px; color: #000000; }
.tab_content .tab-fullwidth ul li h4 span { color: #ef5e1f;}
.tab_content .tab-fullwidth > ul { display: flex; flex-wrap: wrap; column-gap: 40px; row-gap: 30px;}
.tab_content .tab-fullwidth > ul > li { flex: 1 1 48%;}
.tab_content .tab-fullwidth ul > li ul li { width: 100%;  font-size: 20px; line-height: 32px; color: #000; font-weight: 300; position: relative; padding: 0 0 0 30px; margin: 0 0 10px 0;}
.tab_content .tab-fullwidth ul > li ul li::before { position: absolute; top: 0px; left: 0px; content: "\f487"; font-family: "Ionicons"; color: #ef5e1f; font-size: 20px; }




/* new css for AES Voting App */

.top-bar-vote .header__logo {flex-basis: auto; }
.top-bar-vote h1 {color: #212224;font-size: 24px;line-height: 32px;font-weight: 400;margin-bottom:0px;text-align: left;}
.top-bar-vote h1 span.org-txt { color: #F79431;}
.top-bar-vote h1 span.grn-txt { color: #118407;}
.top-bar-vote .header__logo > a img {width: 50px;}
.top-bar-vote .header__logo > a img.logo-txt {width: 100px;}

.swiper-scrollbar { display: none;}
.voting-section {padding: 0; margin-top: 30px; background: #fff; padding-top: 25px;}
.voting-section h1 {color: #212224;font-size: 34px;line-height: 42px;font-weight: 400;margin-bottom: 25px;text-align: left;}

.voting-section .MuiStepper-root { background: #f1f1f1; padding: 15px 10px; overflow-x: scroll;}
.voting-section .MuiStepper-root{ scrollbar-color: #cbcbcb transparent;}
.voting-section .MuiStepper-root::-webkit-scrollbar-thumb { background-color: #cbcbcb;}
.stepper-content { float: left; width: 100%; border: 1px solid #e7e7e7; border-top: none; padding: 20px 25px; height: 556px; overflow-y: scroll; 
/* background: url(../logo-bg.png) no-repeat center center;*/
 } .stepper-content{ scrollbar-color: #cbcbcb transparent;}
.stepper-content::-webkit-scrollbar-thumb { background-color: #cbcbcb;}
.voting-section .MuiStepper-root .MuiSvgIcon-root { width: 38px; height: 38px;}
.voting-section .MuiStepper-root .MuiSvgIcon-root.Mui-active {padding: 3px;border-radius: 50%;border: 1px solid #f5b02c;margin-top: -4px;}
.voting-section .MuiStepper-root .MuiStep-root .MuiStepLabel-root { width: 142px;}
.css-1u4zpwo-MuiSvgIcon-root-MuiStepIcon-root.Mui-active{    color: #f5b02c!important;}

.voting-section .MuiStepper-root .MuiStepLabel-label { font-size: 18px; line-height: 24px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700;}
.voting-section .MuiInputLabel-root { font-family: 'Source Sans Pro', sans-serif; font-weight: 400;}
.voting-section .MuiStepper-root .MuiStep-root { position: relative; padding: 15px 10px; height: 73px; display: flex; align-items: center;}
.voting-section .MuiStepper-root .MuiStep-root::before { content: "";position: absolute;left: 0px;top: 0px;
 height: 2px; background: #ef5e1f; width: 0px;} 
 .voting-section .MuiStepper-root .MuiStep-root.Mui-completed::before { width: 100%;}
/* .voting-section .MuiStepper-root .MuiStep-root::after { content: "\f30f";position: absolute;right: 5px;top: 0px;font-family: "Ionicons";
bottom: 0px;margin: auto;display: flex;align-items: center; color: #ef5e1f; font-size: 18px;} */
.voting-section .MuiStepper-root .MuiStep-root:last-child:after { display: none;}

.voting-section .btn-org { background: #ef5e1f; color:#fff; padding: 6px 20px; border-radius: 4px;text-transform: uppercase;}
.voting-section .btn-org:hover { background: #424242;}

.voting-section .btn-black:not(:disabled) { background: #424242; color:#fff !important; padding: 6px 20px; border-radius: 4px; text-transform: uppercase;}
.voting-section .btn-black:not(:disabled):hover { background: #ef5e1f;}

.voting-section .btn-grn { background: #2e7d32; font-family: 'Source Sans Pro', sans-serif;
  box-shadow: none;
  text-transform: capitalize;
  font-size: 16px;
  
  padding: 12px 25px;
  color: #fff;
  line-height: 16px;}
.voting-section .btn-grn:hover { background: #1976d2;}

.upload-div .control-div{ margin-bottom: 25px; }
.upload-div .control-div:last-child { margin-bottom: 0px;}

.stepper-content .video-div {margin-bottom: 15px;}
/* .stepper-content .video-div video { padding: 0px 5px; border: 2px solid #f5f5f5; }
.stepper-content .video-div img { padding: 5px 5px; border: 2px solid #f5f5f5; } */
.stepper-content h6 { font-size: 24px; font-weight: 600; font-family: 'Source Sans Pro', sans-serif;}
/* .stepper-content h6::before { content: ""; position: absolute; left: 0px; bottom: 0px; height: 3px; background: #ef5e1f; width: 35px;} */
.video-btn button{ padding: 5px 10px; }


.about-section { width: 100%; padding: 80px 0px 80px; background: #fff; min-height: 350px; }
.about-image {position: relative;z-index: 1;}
.about-image .shape { position: absolute;bottom: -45px;z-index: 1;right: -20px;}
.about-content {padding-left: 30px;}
.about-content span {font-size: 16px;color: #ffffff;display: inline-block;text-transform: uppercase;
color: #0331b8;font-weight: 600;margin-left: 45px;position: relative;}
.about-content span::before {content: "";position: absolute;height: 2px;width: 40px;background-color: #0331b8;left: -45px;
bottom: 12px;}
.about-content h2 {font-size: 40px; line-height: 50px;margin: 10px 0 15px 0; font-weight: 700;}
.about-content p {max-width: 660px;margin: auto; font-size: 17px; line-height: 28px;}
.about-content strong {color: #ff6634; font-weight: 700; }
.about-content .about-text {position: relative;padding-left: 75px;margin-top: 30px;}
.about-content .about-text .icon {position: absolute;left: 0;}
.about-content .about-text .icon i {display: inline-block;height: 60px;width: 60px;line-height: 60px;
-webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07);background-color: #ffffff;
font-size: 30px;text-align: center;color: #ff6634;border-radius: 50px;-webkit-transition: 0.5s;transition: 0.5s;}
.about-content .about-text h3 {font-size: 22px;margin-bottom: 10px; font-weight: 600; color: #000;}
.about-content .about-text p {margin-bottom: 0;}
.about-content .signature h4 {font-size: 14px;margin-bottom: 5px;color: #e52f29;}
.about-content .signature h5 {font-size: 14px;margin-bottom: 0;color: #909090;}
.advantage-section { width: 100%; padding: 40px 0px 60px;background: #f8f8f8;}
.advantage-content { width: 100%;}
.advantage-content h2 {font-size: 40px; line-height: 50px;margin: 10px 0 25px 0; font-weight: 700;}
.advantage-content ul { display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 15px; padding-left: 0px;}
.advantage-content ul li { flex: 0 1 47.5%; padding-left: 35px; position: relative; font-size: 17px; color: #444;}
.advantage-content ul li::before { content: "\f362"; position: absolute; left: 0px; top:2px; font-family: "Ionicons";
color: #ff6634; font-size: 18px;}

.voting-landing { float: left; width: 100%; display: flex; justify-content: center;}
a.vote-btn { background: #ef5e1f; color:#fff; font-size: 20px; padding: 10px 25px; display: inline-block; border-radius: 4px; text-decoration: none;}
a.vote-btn:hover { background: #424242; color:#fff;}

.otp-box-top { display: flex; justify-content: center;}
.otp-box-out { width: 75%; padding: 70px 0px; border-radius: 10px; background: #f9f9f9;}
.control-div { display: flex; column-gap: 20px; align-items: center;}
.control-div p { margin-bottom: 0px; font-weight: 600;}
.otp-box input[type="text"] { text-align: center; background: #fff; font-family: 'Source Sans Pro', sans-serif;}
.control-div label { font-weight: 500;
  font-family: 'Source Sans Pro', sans-serif;
  box-shadow: none;
  text-transform: capitalize;
  font-size: 16px;
 
  padding: 12px 25px;
  background: #f5b02c;
  line-height: 16px; }

.detail-div { float: left; width: 100%; display: flex; column-gap: 5%; justify-content: flex-start; align-items: center;}
.detail-div .label { color: #333; font-size: 17px; flex: 0 1 35%; font-weight: 600;}
.detail-div .value { font-size: 17px; flex: 0 1 60%; display: flex; column-gap: 10px;}
.detail-div .value svg { fill: #458b45; }

.voter-data-out { display: flex; justify-content: center;}
.voter-data-box { width: 600px; background: #edf7ed; padding: 35px 45px; border-radius: 8px;}
.detail-div-checkbox{display: flex; column-gap: 20px; justify-content: center; align-items: center;}
.checkbox-div {display: flex; column-gap: 20px; justify-content: center; align-items: center;}

.voter-detail-box .MuiGrid-container { align-items: center;}
.match-placeholder .MuiPaper-root { flex-wrap: wrap; padding: 0px 0px;}
.match-placeholder .MuiAlert-icon { width: 100%; justify-content: center; font-size: 28px; margin-right: 0px; opacity: 1;}
.match-placeholder .MuiAlert-message { width: 100%; background: #2e7d32; color: #fff; text-align: center; justify-content: center; padding: 2px 0px;font-size: 13px;}

.disclaimer-div h6 { font-weight: 600; font-size: 24px;}
.disclaimer-div p { font-size: 16px; font-weight: 400; line-height: 26px;color: #888;}
.status-box { float: left; width: 100%; display: flex; align-items: center; column-gap: 30px; padding: 40px 40px;
background: #fff;border: 2px solid #f0f0f0; height: 284px; border-radius: 4px;}
.status-div { float: left; width: 100%; text-align: center;}
.status-div p{ margin-bottom: 10px;color: #444; font-size: 17px; font-weight: 600;}
.video-btn-lft { display: flex; column-gap: 20px;}

.face-detail-box { float: left; width: 100%;}
.video-content { float: left; width: 100%;}
.video-div { float: left; width: 100%;}
.video-content .video-btn { float: left; width: 100%; display: flex; justify-content: space-between; column-gap: 20px; margin: 15px 43px 10px;}
.video-content .video-btn.video-btn-btm {justify-content: right;}
.video-content .video-btn.video-btn-btm Button { padding: 10px 25px; }
.webcam-out { float: left; width: 100%; border: 2px solid #55afe1; border-radius: 4px; overflow: hidden;}
.webcam-name { float: left; width: 100%; padding: 2px 5px; color: #fff; font-size: 16px; background: #55afe1; text-align: center;}
.webcam-image { float: left; width: 100%; height: 330px; display: flex; justify-content: center; align-items: center; padding: 5px 5px; background: #e5f6fd; text-align: center;}
.webcam-image i { font-size: 100px; color: #55afe1; }
.video-content .video-btn button { font-size: 15px; font-weight: 600;}
.webcam-image video{ height: 100%; object-fit: cover; }
.webcam-image img { width: 400px; height: 100%; object-fit: cover; }

.webcam-image video { height: 100%; width: 100%; object-fit: cover;}
.webcam-image img { width: 400px; 
  height: 277px;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid rgb(85 175 225);}

.voter-detail-box1 { float: left; width: 100%;}
.candidate-div { float: left; width: 100%; border: 2px solid #fdeded; border-radius: 10px; padding: 10px 10px;}
.candidate-name { width: 100px;}
.candi-out { float: left; width: 100%; border-radius: 4px; overflow: hidden;}
.cand-name { float: left; width: 100%; padding: 2px 5px; color: #fff; font-size: 16px; background: #63a71e; text-align: center;}
.cand-image { float: left; width: 100%; padding: 10px 8px; width: 90px; height: 90px; background: #f5f5f5; text-align: center; display: flex;
align-items: center; justify-content: center; border-radius: 8px;}
.candidate-detail { width: calc(100% - 100px);}
.candidate-detail ul { padding-left: 0px; margin-bottom: 0px; display: flex; flex-wrap: wrap; row-gap: 8px;}
.candidate-detail ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; column-gap: 5%;}
.candidate-detail ul li .label { flex: 0 1 35%; font-size: 16px; line-height: 22px; color: #333; font-weight: 600;}
.candidate-detail ul li .value { flex: 0 1 60%; column-gap: 10px;display: flex;}
.candidate-detail ul p { margin-bottom: 10px;}
.candidate-out { float: left; width: 100%; display: flex; column-gap: 30px; }

.voter-detail-box1 .voter-data-box { background: #f9f9f9; width: 100%; padding: 35px 25px; }
.voter-detail-box1 .voter-data-box .MuiGrid-item { background: #e5f6e5; padding: 10px;}
.voter-detail-box1 .voter-data-box .MuiGrid-item:nth-child(2n-2) { background: #f9f9f9; } 

.voting-out { float: left; width: 100%; border: 2px solid #0079d6; border-radius: 4px; overflow: hidden; position: relative;
cursor: pointer;}
.voting-name { float: left; width: 100%; padding: 2px 5px; color: #fff; font-size: 16px; background: #0079d6; text-align: center;}
.voting-image { float: left; width: 100%; padding: 5px 5px; background: #7fbceb; text-align: center;}
.voting-image i { font-size: 80px; color: #0079d6; }
.party-name { float: left; width: 100%; padding: 10px 60px 10px 10px;}
.voting-out .MuiAvatar-circular { position: absolute; right: 0px; bottom: 0px; font-size: 16px; width: 50px; height: 50px; }
.voting-out.active { border: 2px solid #3e6f13; }
.voting-out.active .voting-name { background: #63a71e; }
.voting-out.active .voting-image { background: #b0d38f; }
.voting-out.active .voting-image i { color: #5da817; }

.acc-div { margin-bottom: 25px;}
.acc-div .MuiAccordion-root { background: none; }
.stepper-content .MuiAccordionSummary-root.Mui-expanded { background: #fdeded;}
.stepper-content .MuiAccordionSummary-content .MuiTypography-root { font-family: 'Source Sans Pro', sans-serif;}
.stepper-content .MuiAccordionSummary-content.Mui-expanded .MuiTypography-root { color: #d74141;}
.stepper-content .MuiAccordionSummary-expandIconWrapper.Mui-expanded .MuiSvgIcon-root { fill: #d74141; }
.stepper-content .MuiDivider-inset { margin-left: 0px;}
.stepper-content .MuiList-root .MuiListItem-root { align-items: center; padding-top: 15px; padding-bottom: 15px;}
.stepper-content .MuiList-root .MuiListItem-root .MuiListItemAvatar-root { margin-top: 0px; }

.stepper-content .MuiAlert-root .MuiAlert-icon { font-size: 30px;}

.stepper-content .alert-message { flex-wrap: wrap; font-family: 'Source Sans Pro', sans-serif;}
.MuiAlert-message{font-family: 'Source Sans Pro', sans-serif;}
.stepper-content .alert-message .MuiAlert-icon{ width: 100%; text-align: center; justify-content: center; font-size: 40px;
margin-right: 0px;}
.stepper-content .alert-message .MuiAlert-message { width: 100%; font-size: 20px;}

.stepper-content .voter-detail-box1 h6 { font-size: 18px;}

.stepper-content .alert-box { display: flex; justify-content: center; margin-bottom: 0px;}
.stepper-content .alert-box .MuiAlert-icon{ font-size: 40px;margin-right: 0px; padding-bottom: 0px;}

/* vote poll table */
.vote-poll table thead { background: #f5f5f5;}
.vote-poll table thead th { font-weight: 600; font-size: 16px;font-family: 'Source Sans Pro', sans-serif;}
.vote-poll table tbody tr td .MuiAvatar-root { display: inline-flex;}
.manifesto-cont { float: left; width: 100%; background: #edf7ed; padding: 15px 20px; border-radius: 5px;}
.vote-poll table tbody tr td{font-family: 'Source Sans Pro', sans-serif;}
.vote-poll table tbody tr td .MuiRadio-root span { color: #1976d2; }
.vote-poll p { font-family: 'Source Sans Pro', sans-serif; font-size: 17px;}
.manifesto-tit ul{ padding: 0px 0px; display: flex; flex-wrap: wrap; margin-bottom: 0px; }
.manifesto-tit ul li { flex: 1 1 auto; display: flex; column-gap: 10px; align-items: center; }
.manifesto-tit ul li span { font-weight: 600;color: #333;}
.manifesto-tit ul li:last-child { justify-content: right;}
.manifesto-tit ul li:last-child svg { font-size: 28px;color: #333;}
.vote-poll .MuiTableContainer-root { scrollbar-color: #cbcbcb transparent;}
.vote-poll .MuiTableContainer-root::-webkit-scrollbar-thumb { background-color: #cbcbcb;}

.manifesto-detail ul{ padding: 0px 0px; display: flex; flex-wrap: wrap; column-gap: 5%; row-gap: 20px; margin-bottom: 0px; }
.manifesto-detail ul li { flex: 0 1 100%; font-size: 16px; text-align: justify; color: #333;}
.manifesto-detail h6 { font-size: 20px; color: #333; margin-bottom: 10px; font-weight: 600;}
.manifesto-detail p { font-size: 16px; color: #333; }

.contact-section h2 { font-weight: 700;}
.contact-section .contact-lft > p { font-size: 17px; line-height: 28px; }

.two-divs { float: left; width: 100%; display: flex; flex-wrap: wrap; background: #e5f6fd;}
.two-divs video { width: 50%; height: 280px; object-fit: cover;}
.liveness-div { width: 50%; display: flex;align-items: center;justify-content: center; text-align: center; padding: 0px 25px;}
.liveness-div button { font-weight: 600;}
.liveness-div p{ margin: 10px 0px 0px; color:#2e7d32; float: left; width: 100%;}
.live-message { float: left; width: 100%; text-align: center; padding: 5px 5px;}
.live-message p { margin-bottom: 0px;}
.live-message p.success { color: #2e7d32; }
.live-message p.error { color: #d32f2f; }
.liveness-in{ width: 100%; display: flex;flex-wrap: wrap; justify-content: center; text-align: center;}


.advantage-content.voting-disclaimer h2 {margin-top: 0px;font-size: 36px;line-height: 46px; }
.advantage-content.voting-disclaimer p{font-size: 17px;color: #444; font-family: 'Source Sans Pro', sans-serif;}
.advantage-content.voting-disclaimer ul li { flex: 0 1 100%;}
.advantage-content.voting-disclaimer ul li span { font-weight: 600; color: #444;}
.advantage-content.voting-disclaimer p.agree span{font-size: 17px;color: #444; font-family: 'Source Sans Pro', sans-serif;}

.webcam-location { float: left; width: 100%; background: #060606; padding: 10px 10px;
display: flex; flex-wrap: wrap; }
.loc-lft { float: left; width: 140px; pointer-events: none; }
.loc-rgt { float: left; width: calc(100% - 140px); padding: 0px 35px 0px 20px; }
.loc-rgt h3 { font-size: 22px; line-height: 26px; color: #fff;font-family: 'Source Sans Pro', sans-serif; font-weight: 600;}
.loc-rgt p { font-size: 15px; line-height: 19px; color: #fff;font-family: 'Source Sans Pro', sans-serif; margin-bottom: 4px; letter-spacing: inherit;}
.loc-rgt p:last-child { margin-bottom: 0px;}

.stepper-content { position: relative;}
.loading-div { position: absolute; z-index: 1; top:0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.7);
display: flex; align-items: center; justify-content: center; text-align: center;}
.loading-inn { width: 300px;}
.loading-inn img { width: 70px; margin-bottom: 25px; opacity: 0.8;}
.loading-inn p { margin: 10px 0px 0px; color: #ef5e1f;}

/* .webcam-image { position: relative;}
.webcam-image::after { content: ""; position: absolute; bottom: 5px; width: 220px; height: 220px; margin: 0px auto; border: 2px solid #4ad295;} */



.sidebar {
  float: left;
  width: 260px;
  height: 100vh;
  position: fixed; background: #005AFF;
}

.main-bar {
  float: left;
  width: 20%;

  background: rgba(2, 102, 252, 1);
  background: -moz-linear-gradient(top, rgba(2, 102, 252, 1) 0%, rgba(0, 97, 232, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(2, 102, 252, 1)), color-stop(100%, rgba(0, 97, 232, 1)));
  background: -webkit-linear-gradient(top, rgba(2, 102, 252, 1) 0%, rgba(0, 97, 232, 1) 100%);
  background: -o-linear-gradient(top, rgba(2, 102, 252, 1) 0%, rgba(0, 97, 232, 1) 100%);
  background: -ms-linear-gradient(top, rgba(2, 102, 252, 1) 0%, rgba(0, 97, 232, 1) 100%);
  background: linear-gradient(to bottom, rgba(2, 102, 252, 1) 0%, rgba(0, 97, 232, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0266fc', endColorstr='#0061e8', GradientType=0);

  height: 100vh;
  text-align: center;
}

.main-bar ul li {
  float: left;
  width: 100%;
}

.main-bar ul li a {
  padding: 12px 10px;
  float: left;
  width: 100%;
}

.main-bar ul li a.active {
  background: rgba(255, 255, 255, 0.4);
}

.m-icons {
  float: left;
  width: 100%;
  margin-top: 60px;
}

.det-bar {
  float: left;
  width: 100%;
  height: 100vh;
  background: #242262;
  padding: 0px;
}

.det-bar .main-title {
  background: #fff;
  border-radius: 5px;
  margin: 20px; padding: 10px;
}

.det-bar .main-title h1 {
  font-family: 'Nunito', sans-serif;
  font-size: 22px;
  font-weight: 600;
  padding: 10px 20px;
}

a.sub {
  background: url(../img/menu-arrow.svg) no-repeat right center;
}

.det-bar .list-group-item {
  border: none;
  font-size: 14px;
  padding: 4px 0 4px 30px;
  color: #6b6565;
  border-bottom: 1px solid #eaeaea;
}

#main-area { float: right;
  width: calc(100% - 250px);   background: #F5F7FA; min-height: 700px;  overflow-x: hidden; padding-right: 0;
}

.card {
  min-height: auto;
}

.page-title {
  font-family: 'Source Sans Pro';
  font-size: 28px;
  color: #0b3855;
  font-weight: 600;
}

.breadcrumb-item a,
.breadcrumb-item {
  font-size: 13px;  color: #0b3855;
  text-transform: capitalize; font-family: 'Source Sans Pro';
}

.main-title {
  font-family: 'Source Sans Pro';
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
}

.bootstrap-select .btn-light {
  color: #000;
  background-color: #fff;
  border-color: #ddd;
}

label {
  font-family: 'Inter', sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #353535;
}

.bootstrap-select .btn-light {
  color: #000;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  font-weight: 400;
}

#save {
  background: #fff url(../img/save.svg) no-repeat right 15px center;
  min-width: 150px;
  position: relative;
  text-align: left;
  overflow: hidden;
  border-color: #0069FB;
  border-radius: 50px;
}

#save::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 40px;
  background: url(../img/b-shape.svg) no-repeat;
  left: 0;
  top: -3px;
  background-size: cover;
}

#save span {
  z-index: 99;
  position: relative;
  font-family: 'Inter', sans-serif;
  font-weight: 600;
}

#cancel {
  background: #fff url(../img/cancel.svg) no-repeat right 15px center;
  min-width: 150px;
  position: relative;
  text-align: left;
  overflow: hidden;
  border-color: #ddd;
  color: #000;
  border-radius: 50px;
}

#cancel::after {
  position: absolute;
  content: "";
  width: 100px;
  height: 40px;
  background: url(../img/b-shape-1.svg) no-repeat;
  left: 0;
  top: -3px;
  background-size: cover;
}

#cancel span {
  z-index: 99;
  position: relative;
  font-family: 'Inter', sans-serif;
  font-weight: 500;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #fff;
  background-color: #0069fb;
  border-color: #0069fb;
  border-radius: 50px;
}

.table>thead th {
  background-color: #051b8c;
  color: #fff;
}

.ioo {
  float: left;
  width: 100%;
  min-height: 768px;
  background: url('http://vervedigital.sg/wp-content/uploads/2022/11/01.mp4');
}
.det-bar ul{margin: 0; padding: 0;}
.det-bar ul li a span{color: #fff;  font-family: 'Inter', sans-serif; font-size: 16px; margin-top: 12px; float: left; margin-left: 5px;}
.det-bar ul li img.m-ic {width: 40px; float: left;}
.det-bar ul li.active a{    background: rgba(255,255,255,0.3);
  
  border-left: 3px solid #fff;}
  .det-bar ul li a{   
    padding: 5px 10px; float: left; width: 100%;}
    .det-bar ul li {margin-bottom: 5px; float: left; width: 100%;}
  

    .react-tel-input .form-control{width: 100%!important;}
    .font-semibold{ font-family: 'Inter', sans-serif; 
      font-size: 16px;
      font-weight: 500;
      color: #333;}
      .h3.font-bold{   font-size: 28px;
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        color: #0b3855;
        background: #ffefd9;
        width: 70px;
        height: 70px;
        border-radius: 100px;
        text-align: center;
        padding-top: 13px;
        border: 3px solid #ff99007a;}
        .side-header {
          display: flex;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
          padding: 0;
          -webkit-transition: left 0.3s ease;
          -o-transition: left 0.3s ease;
          transition: left 0.3s ease;background: #227DD7;
      }
      .main-header-left {
        display: flex;
        align-items: center;
    }
    .main-header-right {
      display: flex;
      align-items: center;
  }


  
  /*login-css*/
 .row-2 {
	width: 1100px;
	margin: auto;
	padding: 0px;
}
.login-section.bg{
	float: left;
	width: 100%;
 	background-size: cover;
	/* padding: 80px 0; */
 height: 100vh;
}
.login-section{
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding:2% 0;
}
 

.reg-section.bg{
	float: left;
	width: 100%;
 	background-size: cover;
	/* padding: 80px 0; */
 height: 100%;
}
.reg-section{
	float: left;
	width: 100%;
	position: relative;
 
	padding:2% 0;
}
 

.ban-iimg img {
	float: left;
	width: 100%;
	-webkit-animation: innban ease 20s;
	-moz-animation: innban ease 20s;
	-o-animation: innban ease 20s;
	animation: innban ease 20s;
}
.ban-cont.visites {
	text-align: center;
	padding-left: 0px;
}

 .login-white{float:left;width:100%;background:#fff;border-radius: 10px;height: 540px;}
 .login-lft {
	float: left;
	width: 50%;
    border-radius: 10px 0px 0px 10px;
padding: 0;
height: 540px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
position: relative;

}
.login-rht {
	float: right;
	width: 50%;background:#F6F7F8;height: 540px;border-radius:0px 10px 10px 0px; position: relative;
} 
.login-lft h1 {
	color: #2A2873;
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	font-weight: 700; margin-top: 35px;

}
.login-lft img{text-align: center;}
.login-lft h1 span{font-size: 18px; text-transform: uppercase;
	line-height: 30px;
	font-weight: 300;}
	.btn-sec{
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 40px;
}

.btn-sct {
	float: left;
	width: 100%;text-align:left;
}
.btn-lnks {
	float: left;
	width: 100%;
    margin-top:60px;
}
.track-lnk{
	float: left;
	width: 30%;
	margin-right: 23%;
}
.track-lnk a {
	float: left;
	padding: 10px 20px 10px 50px;
	height: auto;
	width: auto;
 	border-radius:3px;
	background:#2E2E74 url("../img/map-pin.png") no-repeat left 15px center;
	color: #fff;
	font-size: 14px; font-weight:700;
	line-height: 18px;
	transition: all .5s ease;
    text-align: left;
}
.track-lnk a:hover { background: #C3161A url("../img/map-pin.png") no-repeat left 15px center; color: #ffffff; }

.officer-lnk {
	float: left;
	width:100%; margin-bottom: 10px;
}
.officer-lnk a {
    float: left;
	padding: 10px 20px 10px 20px;
	height: auto;
	width: auto;
 	border-radius:3px;
	background:#2E2E74  ;
	color: #fff;
	font-size: 14px; font-weight:700;
	line-height: 18px;
	transition: all .5s ease;
    text-align: left;
}
.officer-lnk a:hover { background: #f79431  url("../img/account-login.png") no-repeat left 15px center; color: #ffffff; }

.login-rht .btn-main-primary{background-color: #C3161A;
border-color: #C3161A;border-width: 0;
line-height: 2; border-radius:50px;
padding:10px 20px;
transition: none;}
.login-rht .btn-main-primary:hover{background-color: #E80B10;}

.main-signin-footer{text-align:center;}


.form-group.otp {
    margin-bottom: 20px;
    float: left;
  }

  .main-signup-header .form-group.otp label { width: 100%; float: left;}
  .main-signup-header .form-group.otp .form-control { width: 54px; float: left; margin-right: 5px;}


  .display-flex { display:flex;}

  .langu {  float: right;  }
  .langu ul {  list-style-type: none;  float: left;}
.langu ul li { float: left; margin-right: 20px;}
.langu ul li.sel-lang{ margin-top: 10px; color:#707070; font-size: 12px;}
.langu ul li .form-control.SlectBox.SumoUnder { font-family: 'Lexend-Regular'; font-size: 12px;}
.langu ul li .form-control.SlectBox.SumoUnder option { font-family: 'Lexend-Regular'; font-size: 12px;}

.main-signin-footer a.resend { color:#5224E1; font-weight: 400;}


.main-signup-header h2 {
  font-weight: bold;
  color: #333;
  letter-spacing: -1px; margin-top: 55px;
}

.main-signup-header label {
  color: #5F5982;
}

.main-signup-header .form-control {
  color: #14112d;
  font-weight: 500;
  border-width: 2px;
  border-color: #e3e3e3; margin-bottom: 25px;
}

.main-signup-header .form-control:focus {
  border-color: #b9c2d8;
  box-shadow: none;
}

.main-signup-header .form-control::placeholder {
  font-weight: 400;
  color: #a5a0b1;
}

.main-signup-header>.btn {
  margin-top: 25px;
}

.login-rht .btn-main-primary{background-color: #f79431;
  border-color: #f79431;border-width: 0;
  line-height: 2; border-radius:50px; color: #fff; width: 100%;
  padding:10px 20px;
  transition: none;}
  .login-rht .btn-main-primary:hover{background-color: #f79431; color: #fff;}
  
  .main-signin-footer{text-align:center;}
  
  .main-header { background: #fff; border-bottom:1px solid #ddd ; width: 100%;
    display: flex; margin-bottom: 15px; padding: 10px 15px;
    justify-content: space-between;
}
.main-header-right p {
  font-family: 'Inter';
  font-size: 20px;
  font-weight: 200;
  margin: 0;
}

.main-header-right p span {
  font-weight: 700;
  color: #0b3855;
 }
 .MuiSelect-select{padding: 10px!important;}
 .MuiAlert-message{font-size: 14px;}
 

#demo-simple-select-label {top: -6px!important;}
.css-bkzwk2-MuiStack-root{padding-top: 0!important;}

.mto.stepper-content {  
  margin-top: -35px;
}

.m-close {
  position: absolute;
  right: -43px;
  top: 0;
  background: #242262;
  padding: 5px 10px;
   display: none;
}
.m-close img {
  width: 24px;
}
.main-header-left a{display: none;}

@media screen and (min-width:1024px) and (max-width:1279px) {
  .sidebar{width: 210px;}
  #main-area{width: calc(100% - 210px)}
  .det-bar ul li img.m-ic{width: 28px;}
  .det-bar ul li a span{margin-left: 15px; margin-top: 0;}
  .m-tbl table{width: 1260px;}
  .m-tbl2 table{width: 1650px;}
  .webcam-image{height: auto; flex-wrap: wrap;}
  .video-btn-lft{margin: 0 auto;}
  .video-content .video-btn{text-align: center;}
 


}
@media screen and (min-width:768px) and (max-width:1023px) {
  .sidebar{width: 210px;position: absolute; z-index: 99; left: -100%;transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease;}
  .m-menu .sidebar{left: 0;}
  #main-area{width: 100%}
  .det-bar ul li img.m-ic{width: 28px;}
  .det-bar ul li a span{margin-left: 15px; margin-top: 0;}
  .m-tbl table{width: 1260px;}
  .m-tbl2 table{width: 1650px;}
  .webcam-image{height: auto; flex-wrap: wrap;}
  .video-btn-lft{margin: 0 auto;}
  .video-content .video-btn{text-align: center;}
  .page-title{font-size: 24px;}
  .m-close {display: block;}
.main-header-left a{display: block;}



}