body {font-family:'Open Sans', sans-serif; font-size:16px; line-height:24px; color:#1f1f1f;}
a, a:hover, a:focus {text-decoration:none}
a, a:hover, a:focus, button, button:hover, button:focus {-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
.alt-font {font-family:'Montserrat', sans-serif;}
:root {--altfonts:'Montserrat', sans-serif;}
ul, ol {margin:0; padding:0; list-style:none}
h1, h2, h3, h4, h5, h6 {font-family:var(--altfonts)}
h1 {font-size:62px; line-height:72px;}
h2 {font-size:42px; line-height:52px;}
h3 {font-size:32px; line-height:42px;}
h4 {font-size:24px; line-height:32px;}
h5 {font-size:16px; line-height:24px;}
h6 {font-size:14px; line-height:22px;}
a {color:#e94d24}
a:hover {color:#284069}
.color-white {color:#fff !important}
.bg-white {background-color:#fff}
.bg-light-gray {background-color:#f1f2f2}
.ptb-80 {padding:80px 0}
.pt-80 {padding-top:80px}
.pb-80 {padding-bottom:80px}
.pt-40 {padding-top:40px}
section {padding:80px 0}
section.half-section {padding:50px 0}
section.no-padding {padding:0;}
.no-padding-bottom {padding-bottom:0}
.box-page-container {padding-left:5%; padding-right:5%;}
.padding-lr-20per {padding-left:20%;}
.position-relative {position:relative;}
.font-bold {font-weight:bold;}
.text-16 {font-size:16px !important;}
.cover-bg {background-size:cover; background-repeat:no-repeat; background-attachment:fixed; background-position:center center;}
/* Change Logo Color Page Wise */
.home .logo .cls-3, .home .logo .cls-4, .home .logo .cls-5, .white_logo .logo .cls-3, .white_logo .logo .cls-4, .white_logo .logo .cls-5, #Layer_1 .cls-4, #Layer_1 .cls-3, #Layer_1 .cls-5 {fill:#fff !important;}
/* Header section start */

header {position:fixed !important; width:100%; padding:20px 0px 20px 0px; z-index:999; transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
header.header-appear {background:#fff; padding:10px 0; -webkit-box-shadow:0 10px 50px 0 rgb(46 56 220 / 20%); box-shadow:0 10px 50px 0 rgb(46 56 220 / 20%); transition-duration:0.5s; -webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s; -o-transition-duration:0.5s;}
.home header.header-appear .logo {filter:none;}
header.header-appear .logo {width:180px}
header .header-inner {display:flex; justify-content:space-between; position:relative;}
header.header-appear .freeestimate-btn .homepage-free-estimate {background-color:#284069; color:#fff; border:solid 1px #284069;}
header.header-appear .freeestimate-btn .homepage-free-estimate:hover {border-color:#e94d24; color:#fff;}
header.header-appear .freeestimate-btn .homepage-free-estimate::before {content:''; position:absolute; top:0; left:0; width:0%; height:100%; z-index:-1; opacity:0; background-color:#e94d24;}
header.header-appear .freeestimate-btn .homepage-free-estimate:hover::before {opacity:1; width:100%;}
.logo {width:220px;}
.logo svg {fill:#fff !important}
header .logo a .logo1 {display:block; transition:ease-in-out all 0.5s;}
header .logo a .logo2 {display:none; transition:ease-in-out all 0.5s;}
header.header-appear .logo a .logo1 {display:none; transition:ease-in-out all 0.5s;}
header.header-appear .logo a .logo2 {display:block; transition:ease-in-out all 0.5s; height:54px;}
.header-appear .navbar {padding-top:15px;}
header.header-appear .navigation .navbar-expand-lg .navbar-nav .dropdown-menu {top:44px;}
.right-side-block {display:inline-flex; align-items:center; justify-content:flex-end; z-index:9999;}
.freeestimate-btn {margin-right:35px;}
.freeestimate-btn .homepage-free-estimate {background-color:#D53F16; border-radius:50px; color:#fff; padding:10px 25px; font-size:12px; line-height:16px; min-width:206px; height:45px; position:relative; overflow:hidden; border:0; z-index:1;}
.freeestimate-btn .homepage-free-estimate:hover {color:#D53F16;}
.freeestimate-btn .homepage-free-estimate:focus {outline:1; box-shadow:none}
.freeestimate-btn .homepage-free-estimate span span span {font-family:var(--altfonts); font-weight:700; text-transform:uppercase; width:100%; display:flex; font-size:16px; line-height:14px;}
.freeestimate-btn .homepage-free-estimate span span span.second {font-size:12px;}
.freeestimate-btn .homepage-free-estimate::before {content:''; position:absolute; top:0; left:0; width:0%; height:100%; z-index:-1; opacity:0; background-color:#fff; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.freeestimate-btn .homepage-free-estimate:hover::before {opacity:1; width:100%;}

/*Header Mneu */
.header-menu {position: relative; display: flex; width: 60%; justify-content: flex-end; align-items: center;}
.header-menu .header-inner-menu { position: absolute;right: 0; display: none}
.header-menu .header-inner-menu ul {display: flex; align-items: center; padding-right: 20px;}
.header-menu .header-inner-menu ul li a {color: #fff; padding: 0 15px;}
.right-inner-block {display: flex; width: 80%;justify-content: flex-end; position: relative;}
header.header-appear .header-inner-menu.menuactive {display: block}

/*Sidbar Menu Start*/

.toggle-menu-col{z-index: 999999; position: relative;}
.toggle-menu-col a {display: flex; justify-content: flex-end; align-items: center; color: #1f1f1f;}
.toggle-menu-col a strong {text-transform: uppercase; font-size: 14px; color: #fff; font-weight: 700}
.header-appear .toggle-menu-col a strong, .toggle-menu-col .menu-close .alt-font {color: #e94d24;}

/* .hamburger class changed to toggleline */
.toggleline {width: 35px; height:18px; position: relative; margin-left: 10px;}
.toggleline * {-webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}
.toggleline span {display: block; position: absolute; left: 0; width: 100%; height: 1px; background: #fff; z-index: 0;}
.toggleline span:nth-child(1) {top: 0px; width: 50%;}
.toggleline span:nth-child(2) {top: 8px;}
.toggleline span:nth-child(3) {width: 50%; top: 16px; right: 0; left: auto;}
.toggleline span:before,
.toggleline span:after {position: absolute; content: ""; display: block; top: 0; height: 100%; width: 0; right: 0; left: auto;}
.toggleline span:before {z-index: 1; background: #fff; transition: all 0.15s linear 0s;}
.toggleline span:after {z-index: 2; background: #fff; transition: all 0.15s linear 0.3s;}

/*Stiky start*/
.header-appear .toggleline span, .header-appear .toggleline span:before, .header-appear .toggleline span:after{background: #e94d24;}
/*Stiky end*/

.toggleline span:nth-child(2):before {transition-delay: 0.05s;}
.toggleline span:nth-child(3):before {transition-delay: 0.1s;}
.toggleline span:nth-child(2):after {transition-delay: 0.15s;}
.toggleline span:nth-child(3):after {transition-delay: 0.2s;}
.toggleline:hover span {width: 100% !important;}
.toggleline:hover span:after,
.toggleline:hover span:before {width: 100%; left: 0; right: auto;}
.toggleline:hover span:after {z-index: 1; transition: all 0.15s linear 0s;}
.toggleline:hover span:before {z-index: 2; transition: all 0.15s linear 0.3s;}
.toggleline:hover span:nth-child(2):after {transition-delay: 0.05s;}
.toggleline:hover span:nth-child(3):after {transition-delay: 0.1s;}
.toggleline:hover span:nth-child(2):before {transition-delay: 0.15s;}
.toggleline:hover span:nth-child(3):before {transition-delay: 0.2s;}
.toggle-menu-col .menu-close .toggleline span:nth-child(1) {top: 9px; width: 100%; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); background: #e94d24;}
.toggle-menu-col .menu-close .toggleline span:nth-child(2) {opacity: 0; left: -15px;}
.toggle-menu-col .menu-close .toggleline span:nth-child(3) {top: 9px; width: 100%; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); background: #e94d24;}
.toggle-menu-col .menu-close .toggleline span:before, .toggle-menu-col .menu-close .toggleline span:after{background:#103e69; }
.bodyFixed {overflow: hidden}
.bodyFixed .sidebar-overlay {opacity: .5; visibility: visible}
.mainMenu.slideNav {bottom: 0; /*transition: all 1.2s ease;*/}
.mainMenu {width: 100%; position: fixed; left: 0; right: 0; z-index: 9;  height: 100vh; display: flex; align-items: center; z-index: -1; width: 100%; bottom:100%; transition: all .8s ease; background: #f6f6f6;}

.menu-default-content {width: 66.66%; height: 100%; display: flex; align-items: center; z-index:99; overflow: hidden; position: relative; left: 33.33%;}
.menu-default-content:after {content: ""; width: 100%;	height: 100%; z-index: -1; position: absolute;	right: 0; bottom: 0; /*opacity: .53*/}
.mainMenu.slideNav .nav-menu {top: 0; transition: all .5s ease;}
.mainMenu .nav-menu .menu-top-menu-container{margin-top: 120px; padding-left: 85px; opacity: 0; transition: opacity 0.5s linear;}
.mainMenu.slideNav .nav-menu .menu-top-menu-container{opacity: 1; transition: opacity 2s linear;}
.menuAnimate.mainMenu.slideNav .menu-default-content-items { opacity: 1;  visibility: visible;}
.menu-default-content-items {width: 70%; transition: all .8s ease; padding-top: 6.25rem; padding-bottom: 6.25rem; opacity: 0; visibility: hidden; transition: all .4s ease-in-out;}
.menuTitle {font-size: 30px; line-height:30px;font-weight: 700; padding-bottom:15px;margin-bottom: 0;color: #000; position: relative; text-transform: uppercase;}
.menuContact {display: block; width: 100%;}
.menuContact p:last-child {margin-bottom: 0;}

.menu-contact-box{padding-top: 50px;}
.menu-contact-in span{color: #7a7a7a; display: block; padding-bottom: 5px; font-weight: 600;}
.menu-contact-in a{color: #1f1f1f;}
.menu-contact-in a:hover{color: #e94d24;}

/*Menu side in */
.mainMenu .nav-menu {height: 100vh; width: 100%; /*background-image: linear-gradient(207deg, #3b2726, #222222 60%);*/ display: flex; flex-wrap: wrap; /*justify-content: center;  align-items: center;*/ position: fixed; top: -100%; right: 0; left: 0; transition: all 1.2s ease; z-index: 12;}

.mainMenu li {padding-bottom: 20px; position: relative;}
.mainMenu li:last-child {padding-bottom: 0}

.mainMenu li a {display: inline-block; font-size:40px;font-weight: 500; position: relative; z-index: 0; color: #103e69;text-transform: uppercase; opacity: 1; line-height: 40px;}
.mainMenu li a:hover, .mainMenu li.activecls a{color: #e94d24;}

.mainMenu li.current-menu-item>a:after,
.mainMenu li>a:hover:after,
.mainMenu li:hover a:after,
.mainMenu li.menuopen>a:after {/*height: 5px;width: calc(100% + 10px)*/}

/*Menu sub menu*/
.mainMenu li>a:before, .mainMenu li>a:before {height:0}
.mainMenu li .arrow {position:absolute; left:275px; top:6px; height:42px; z-index:0; transform:none; bottom:inherit; border:none; cursor:pointer}
.mainMenu li .arrow:before {content:""; position:absolute; right:10px; top:-7px; bottom:0; width:20px; height:20px; border-right:3px solid #103e69; transform:rotate(0deg); margin:auto; transition:all .4s ease-in-out}
.mainMenu li .arrow:after {content:""; position:absolute; right:2px; top:9px; bottom:0; width:20px; height:20px; border-bottom:3px solid #103e69; transform:rotate(180deg); margin:auto; transition:all .4s ease-in-out}
.mainMenu li.activecls .arrow:before {display:none;}
.mainMenu li.activecls .arrow:after {content:""; position:absolute; right:2px; top:9px; bottom:0; width:20px; height:20px; border-bottom:3px solid #103e69; transform:rotate(180deg); margin:auto; transition:all .4s ease-in-out}
.mainMenu li .arrow.minus:before {transform:rotate(45deg)}
.mainMenu li ul.sub-menu li a:hover:after, .mainMenu li ul.sub-menu li.current-menu-item a:after, .mainMenu li:hover ul.sub-menu li a:after {display:none}
.mainMenu li ul.sub-menu {padding:0!important; position:static!important; transform:none!important; left:inherit!important; top:inherit!important; width:auto!important; box-shadow:none!important; opacity:1!important; visibility:visible!important; transition:none!important; display:none; margin-top:5px}
.mainMenu li .sub-menu li {width:100%; padding:0; position:relative; margin:0}
.mainMenu li .sub-menu li a {display:block; line-height:1.4; text-transform:none; color:#103e69; text-align:left; transition:all .4s ease-in-out; font-size:18px; text-transform:capitalize; padding:6px 5px; border-bottom:1px solid #ddd; font-weight:normal;}
.mainMenu li .sub-menu li:hover a {padding-left:15px;}
.nav-menu-inner li .sub-menu li:hover:before {top:22px; padding-left:15px;}
.mainMenu li .sub-menu li a:before {display:none}
.mainMenu li:hover>.sub-menu {opacity:1; visibility:visible; -webkit-transform:translateY(0); transform:translateY(0)}
.mainMenu li .sub-menu li:hover>a, .mainMenu li.current-menu-parent .sub-menu li.current_page_item>a {color:#e94d24;}
.mainMenu li .sub-menu li:last-child a {border-bottom:0}

/*top-sidebar-logo start*/
.slideNav .top-sidebar-logo{opacity: 1; transition: opacity 2s linear; }
.top-sidebar-logo{position: fixed; left:1rem; top:1rem; pointer-events: auto; z-index:99; opacity: 0; transition: opacity 0.2s linear;}
.top-sidebar-logo img{height: 60px; width: 100%;}

/*top-sidebar-logo end*/

/*sidebar-socail start*/
.slideNav .sidebar-socail{opacity: 1; transition: opacity 2s linear; }
.sidebar-socail{position: fixed; right: 2.333rem; bottom:2.917rem; pointer-events: auto; z-index:99; opacity: 0; transition: opacity 0.5s linear;}
.sidebar-socail .sidebar-socail-in{display: flex; flex-direction: column;}
.sidebar-socail .sidebar-socail-in a{display: inline-block; margin: 10px 0; transition: opacity 0.2s; color: #103e69;}
.sidebar-socail .sidebar-socail-in a:hover{color: #e94d24;}
/*sidebar-socail end*/

/*Sidbar Menu End*/

/* Scroll Down */
.scroll-down {position:absolute; left:0; bottom:60px; z-index:3;}
.scroll-down p {width:98px; display:inline-block; transform:rotate(-90deg); margin-bottom:50px; color:#fff; font-weight:500; font-size:12px;}
.scroll-down span {display:block; height:50px; position:relative; transform:translateX(-1px);}
.scroll-down span::before {-webkit-animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; -moz-animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; -o-animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite; animation:elasticus 1.2s cubic-bezier(1, 0, 0, 1) infinite;}
.scroll-down span::before {position:absolute; top:0px; left:50%; margin-left:-0.5px; width:1px; height:70px; background:#fff; content:"";}
.section-left-block {position:absolute; left:0; bottom:0; top:0; z-index:100;}
.section-left-block a.mail-fixed {position:absolute; transform:rotate(-90deg) translate(40px, -100px); left:0; width:300px; top:70%; color:#fff; font-size:14px; font-weight:500; letter-spacing:0.1em}
.background-line-moving-block {display:flex; justify-content:space-around; width:100%; height:100%; position:absolute; z-index:1; top:0;}
.background-line-moving-block .line-role {height:100%; width:1px; background-color:rgba(255, 255, 255, 0.1); position:relative;}
.background-line-moving-block .line-role:after {content:""; position:absolute; left:-6px; width:13px; height:13px; background-color:transparent; border:1px solid rgba(255, 255, 255, 0.5); display:inline-block; transform:rotate(45deg); -webkit-animation:mymove 50s linear infinite alternate; animation:mymove 50s linear infinite alternate; -webkit-transition:all ease 5s ease-in-out; -moz-transition:all ease 5s ease-in-out; -ms-transition:all ease 5s ease-in-out; -o-transition:all ease 5s ease-in-out; transition:all ease 5s ease-in-out;}
.background-line-moving-block .line-role:nth-child(1):after {top:15%; animation-direction:reverse; animation-delay:1s; animation-duration:30s}
.background-line-moving-block .line-role:nth-child(2):after {top:50%; animation-direction:alternate; animation-delay:1.2s; animation-duration:10s}
.background-line-moving-block .line-role:nth-child(3):after {top:80%; animation-direction:alternate-reverse; animation-delay:2.2s; animation-duration:60s}
.background-line-moving-block .line-role:nth-child(4):after {top:5%; animation-delay:0.1s; animation-duration:80s}
.background-line-moving-block .line-role:nth-child(5):after {top:20%; animation-direction:reverse; animation-delay:4s; animation-duration:44s}
.background-line-moving-block .line-role:nth-child(6):after {top:68%; animation-delay:0.2s; animation-duration:22s}
.section-heading-block {margin-bottom:50px; display:inline-block}
.section-heading-block .section-heding {font-size:52px; line-height:52px; font-family:var(--altfonts); color:#1f1f1f; font-weight:700; text-transform:uppercase; margin-bottom:30px;}
.section-heading-block.small-heading .section-heding {font-size:32px; margin-bottom:20px;}
.section-heading-block.mid-heading .section-heding {font-size:42px; margin-bottom:20px;}
.section-heading-block .section-heding-para {color:#575757;}
.w-col-1 {}
.w-col-2 {}
.w-col-3 {}
.w-col-4 {}
.w-col-5 {}
.w-col-6 {}
.w-col-7 {}
.fancy-link-block {display:inline-block}
.fancy-link-block a {display:flex; flex-wrap:wrap; align-items:center; font-size:14px; color:#00226c; font-weight:900; font-family:var(--altfonts); text-transform:uppercase;}
.fancy-link-block .fancy-link-lines {width:42px; height:1px; float:left; overflow:hidden; -webkit-transition:0.25s ease-in-out; -moz-transition:0.25s ease-in-out; -ms-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; transition:0.25s ease-in-out;}
.fancy-link-block .fancy-link-lines span:nth-child(1) {width:100%; height:1px; float:right; background:#00226c;}
.fancy-link-block .fancy-link-lines span:nth-child(2) {width:0; height:1px; float:left; background:#00226c;}
.fancy-link-block a:hover .fancy-link-lines {width:62px; margin-left:20px;}
.fancy-link-block a:hover .fancy-link-lines span:nth-child(1) {width:0;}
.fancy-link-block a:hover .fancy-link-lines span:nth-child(2) {width:100%; transition-delay:0.20s;}
.fancy-link-block .video-play-circle {stroke-dasharray:315; stroke-dashoffset:315; transition:stroke-dashoffset .5s;}
.fancy-link-block svg {width:50px; height:50px; transition:transform .3s; margin-left:-25px; margin-right:15px;}
.fancy-link-block a:hover .video-play-circle {stroke-dashoffset:0;}
.orange-link.fancy-link-block a {color:#e94d24}
.orange-link.fancy-link-block .fancy-link-lines span:nth-child(1), .orange-link.fancy-link-block .fancy-link-lines span:nth-child(2) {background-color:#e94d24}
.orange-link.fancy-link-block a .video-play-circle, .orange-link.fancy-link-block a:hover .video-play-circle {stroke:#e94d24}
.white-link.fancy-link-block a {color:#fff}
.white-link.fancy-link-block .fancy-link-lines span:nth-child(1), .white-link.fancy-link-block .fancy-link-lines span:nth-child(2) {background-color:#fff}
.white-link.fancy-link-block a .video-play-circle, .white-link.fancy-link-block a:hover .video-play-circle {stroke:#fff}
/* Pulse Animation classs */
.pulse-animate {animation: animate-pulse 3s linear infinite;}
/* .bordered-pluse{border:25px solid transparent} */
.mid-pluse {width: 177px; height: 177px;}

.custom-container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; max-width: 1280px;}

/* Homepage Start*/
.hompagebanner {position: relative; height: 100vh; animation: colorchange 50s infinite; -webkit-animation: colorchange 50s infinite;}

/* Homepage SLider css */
.homepage-main-banner-slider {width:100%; position:relative; z-index:99;}
.creative-banner h2 {font-family:'Montserrat', sans-serif !important;}
.n2-bullet {font-family:'Montserrat'; color:#ffffff; text-shadow:none; font-weight:normal; font-style:normal; text-decoration:none; text-align:center; word-spacing:normal; text-transform:none;}
.homepage-slider-wrap, .homepage-slider-wrap .slider-item {width:100%; display:flex; z-index:99;}
.slider-item-content {display:flex; height:100vh; align-items:center; width:100%; position:relative;}
.slider-content-inner {position:relative; z-index:111;}
.slider-top-text {color:#fff; text-transform:uppercase; display:flex; align-items:center; margin-bottom:60px;}
.slider-top-text .slider-numeric-text {color:#fff}
.slider-top-text .small-hr-line {width:15px; height:1px; background-color:#e94d24; margin:0 8px; display:inline-block}
.slider-content-inner .slider-middle-text {margin-bottom:90px; display:inline-block}
.slider-content-inner .slider-middle-text .slider-dark-text {font-family:var(--altfonts); font-size:163px; font-weight:800; color:#e94d24; line-height:124px;}
.slider-content-inner .slider-middle-text .slider-line-text {font-family:var(--altfonts); font-size:163px; font-weight:800; -webkit-text-stroke-width:1px; transform:translateY(10%); margin-left:5%; -webkit-text-stroke-color:#fff; color:transparent;}
.homepage-main-banner-slider .earth-css {inset:auto 60px auto auto !important; z-index:3 !important;}
.homepage-main-banner-slider .earth-css #wrapper {width:600px;}
.slider-content-inner .slider-links {position:relative;}
.homepage-slider-wrap .owl-dots {position:absolute; left:auto; right:50px; width:50px; top:50%; text-align:right}
.homepage-slider-wrap .owl-dots .owl-dot {background-color:transparent; width:100%; height:auto; position:relative; float:left;}
.homepage-slider-wrap .owl-dots .owl-dot:after {content:""; background-color:rgba(255, 255, 255, 0.6); width:50px; height:1px; position:absolute; top:10px; right:0; z-index:1;}
.homepage-slider-wrap .owl-dots .owl-dot.active:after {background-color:rgba(255, 255, 255, 1); width:100px; height:1px; position:absolute; top:10px; right:-50px;}
.homepage-slider-wrap .owl-dots .owl-dot .owl-dotdata-btn {width:100%; background-color:transparent; border:none; border-radius:0; box-shadow:none; height:30px; position:relative; z-index:6; float:left;}
.homepage-slider-wrap .owl-dots .owl-dot .owl-dotdata-btn span {position:absolute; left:-30px; top:-1px; color:#fff; display:none; font-family:var(--altfonts); font-size:14px; font-weight:700}
.homepage-slider-wrap .owl-dots .owl-dot.active .owl-dotdata-btn span {display:inline-block}
.homepage-slider-wrap .owl-dots .owl-dot .owl-dotdata-btn:hover, .homepage-slider-wrap .owl-dots .owl-dot .owl-dotdata-btn:focus, .homepage-slider-wrap .owl-dots .owl-dot .owl-dotdata-btn:active {background-color:transparent; border:none !important; border-radius:0; box-shadow:none !important; outline:none}
.banner-svg {position:absolute; right:0; bottom:0; left:auto;}
.banner-svg svg {height:650px; width:790px; position:relative; overflow:visible; z-index:9999;}

/* About US Homepage start*/
section.about-homepage {position:relative;}
section.about-homepage:after {content:""; background:#f8f8f8; width:50%; height:100%; position:absolute; top:0; left:0; bottom:0; clip-path:polygon(0 0, 0% 100%, 100% 100%);}
.rounded-corosel .round-inner-col {border-radius:100%; width:512px; height:512px; position:absolute; background-color:#103e69; left:-25%; top:10%; z-index:2; box-shadow:0 22px 0px #e94d24, inset 0 0 1px #e94d24; overflow:hidden; animation:morph2 2s ease-in-out infinite both alternate;}
.about-homepage .subtitle {font-family:var(--altfonts); font-weight:500; font-size:18px; color:#e94d24; margin-bottom:30px; display:inline-block}
.about-homepage .mainheading {font-size:24px; color:#141414; font-family:var(--altfonts); line-height:32px; margin-bottom:20px; font-weight:500;}
.about-homepage .content-para {padding-left:97px; position:relative; text-align:justify; line-height:32px; margin-bottom:50px;}
.about-homepage .content-para:after {content:""; width:50px; background-color:#000; height:1px; position:absolute; left:0; top:16px;}
.about-homepage .fancy-text {padding-left:97px; letter-spacing:0.04em; color:#103e69; font-size:38px; line-height:normal; font-family:'Great Vibes', cursive; margin-bottom:30px;}
.about-homepage .image-block {display:flex; justify-content:flex-end;}
.about-homepage .image-block .image-row-col {display:flex;}
.about-homepage .image-block img {-webkit-filter:grayscale(100%); filter:grayscale(100%); transition:all .4s ease; margin:0 10px;}
.about-homepage .image-block img:hover {-webkit-filter:inherit; filter:inherit; transition:all .4s ease; transform:translateY(5px);}
.about-homepage .fancy-link-block {display:flex; justify-content:space-around; align-items:flex-end; height:100%; position:relative; z-index:9;}

/* About US Homepage end*/

/* Our Services home start*/
.home-our-services-block {background: #0471c0; position: relative; overflow: hidden;}

.home-our-services-block:after,
.home-our-services-block:before {
    content: "";
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    height: 100%;
    z-index: 0;
}

.home-our-services-block:after {
    left: 0;
    top: 130px;
    background-image: url(../images/tab-left-bg.png);
    width: 429px;
      animation-name: bubbleXAnim;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-direction: normal;
    transform: scale3d(1,1,1);
    animation-delay: 0s;
}

@keyframes bubbleXAnim {
  0% {opacity: 0;transform: scale3d(1,1,1);transform:translateX(-0px)}
  20% {opacity: 1;transform: scale3d(1,1,1);transform:translateX(-0px)}
  90% {opacity: .5;}
  100% {opacity: 0;transform: scale3d(2, 2, 2);}
}

.home-our-services-block:before {right: 0; left: auto; top: 160px; bottom: 0; background-image: url(../images/tab-right-bg.png); width: 539px;}

.service-inner-section {position: relative; z-index: 1;}

.service-inner-section .container{/*overflow-x: hidden;*/}
.home-our-services-block .section-heading-block { margin-bottom: 25px;}
.home-our-services-block nav .nav.nav-tabs {border-bottom-color: rgba(255, 255, 255, 0.10); display: flex;}
.home-our-services-block nav .nav.nav-tabs .nav-item {border: 0; color: #fff; font-weight: 600; font-family: var(--altfonts); font-size: 16px; border-bottom: 0px solid transparent; padding: 0.8em 1.5em; position: relative;overflow: hidden;}
.home-our-services-block nav .nav.nav-tabs .nav-item::after {content: ''; display: block; bottom: 0px;left: 0;width: 100%;height: 2px;position: absolute; background-color: #fff;transition: transform ease var(--animation-time, 200ms), opacity ease 0ms 200ms;transform: translateX(100%); opacity: 0;}
.home-our-services-block nav .nav.nav-tabs .nav-item:hover ~ .nav-item::after {transform: translateX(-100%);}
.home-our-services-block nav .nav.nav-tabs nav:not(:hover) .nav-item:not(.is-active)::after {transform: translateY(100%);}
.home-our-services-block nav .nav.nav-tabs:hover .nav-item:hover::after,.home-our-services-block nav:hover .nav-tabs:hover .nav-item:hover::after {transition-delay: 0ms, 0ms;}
.home-our-services-block nav .nav.nav-tabs .nav-item:hover::after {transform: translateX(0%);opacity: 1;}

.home-our-services-block nav .nav.nav-tabs .nav-item.active::before{ content: ''; bottom: 0px;left: 0;width: 100%;height: 2px;position: absolute;background-color: #fff;}
.home-our-services-block nav .nav-tabs .nav-link.active { background: transparent; border-color: #fff}
.home-our-services-block .images-parents { position: absolute; right: 0}
.home-our-services-block .fancy-link-block a {color: #fff; display: inline-flex; margin-top: 30px;}

.home-our-services-block .fancy-link-block .fancy-link-lines span:nth-child(1) {background: #FFF}
.home-our-services-block .fancy-link-block .fancy-link-lines span:nth-child(2) {background: #FFF}

.home-our-services-block .fancy-link-block a .video-play-circle {stroke: #FFF}
.home-our-services-block .fancy-link-block a:hover .video-play-circle {stroke: #FFF}
.home-our-services-block .tabpane-content-block .tabs-content-inner {display: flex; align-items: center; /*height: 560px;*/}
.home-our-services-block .tabpane-content-block {padding: 80px 0 0;/* min-height: 640px;*/}
.home-our-services-block .tabpane-content-block .tabs-content {animation: slide-left 0.5s ease-out;}

@keyframes slide-left {
	0% {
		opacity: 0;
		transform: translatex(-20px);
	}

	100% {
		opacity: 1;
		transform: translatex(0);
	}
}

@keyframes slide-right {
	0% {
		opacity: 0;
		transform: translatex(20px);
	}

	100% {
		opacity: 1;
		transform: translatex(0);
	}
}

.homeservice-image-col {position: static;}
.home-our-services-block .home-service-heading {font-family: var(--altfonts); font-size: 32px; font-weight: 700; color: #fff; text-transform: uppercase; margin-bottom: 25px; line-height: 42px;}

.home-our-services-block .home-small-heading {font-family: var(--altfonts); font-size: 24px; color: #fff; line-height: 32px; margin-bottom: 30px;}

.home-our-services-block .home-service-paragraph {/*font-size: 14px;*/ color: #fff}

.home-our-services-block .home-service-image {position: absolute;  right: 0; top: auto;  bottom: -80px;}
.home-our-services-block .home-service-image img{ max-width:100%; animation: slide-right 0.5s ease-out; width: 100%;}
/* Our Services home end*/

/* Business Domain Homepage  start*/
.home .section-heading-block{text-align: center;}
.homepage-budiness-domain {position: relative}
.homepage-budiness-domain:after {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url('../images/worldmap.png');  background-repeat: no-repeat;
    background-position: top right; z-index: -1;}

.business-domain-listing .industry-listing-homepage {display: flex; flex-wrap: wrap}
.business-domain-listing .industry-listing-homepage li {display: flex; width: 25%; margin-bottom: 20px; text-align: center; justify-content: space-between}
.business-domain-listing .industry-listing-homepage .industry-domain-col .icon-group-col {border: 1px dashed #888a8a; border-radius: 100%;height: 74px; width: 74px; display: flex; align-items: center; justify-content: center; margin: 0 auto 6px; position: relative;}

.business-domain-listing .industry-listing-homepage .industry-domain-col .icon-group-col i {color: #888a8a; font-size: 32px; transition: all .4s ease;}

.business-domain-listing .industry-listing-homepage .industry-domain-col span {color: #888a8a}
.business-domain-listing .industry-listing-homepage li.selected .industry-domain-col .icon-group-col, .business-domain-listing .industry-listing-homepage li:hover .industry-domain-col .icon-group-col {border-color: #e94d24}

.business-domain-listing .industry-listing-homepage li.selected .industry-domain-col i, .business-domain-listing .industry-listing-homepage li.selected .industry-domain-col span, .business-domain-listing .industry-listing-homepage li:hover .industry-domain-col span {color: #e94d24}
 .business-domain-listing .industry-listing-homepage li:hover .industry-domain-col i{color: #e94d24;transform: scale(1.3)}

.align-center-row {align-items: center}

.business-domain-inner-blcok {padding-bottom: 100px;}

.indutry-tab-content {animation: slide-down 0.5s ease-out;}

@keyframes slide-down {
	0% {
		opacity: 0;
		transform: translatey(-20px);
	}

	100% {
		opacity: 1;
		transform: translatey(0);
	}
}

.business-domain-content .indutry-tab-content h3 {
    color: #1f1f1f;
    font-family: var(--altfonts);
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 20px;
}

.business-domain-content{box-shadow: -2px -2px 7px -3px rgb(0 0 0 / 20%); padding: 20px 25px;}
.business-domain-content .indutry-tab-content p {color: #888a8a;}
.business-domain-content .indutry-tab-content p:last-of-type {margin-bottom: 0;}

.business-domain-content .indutry-tab-content .fancy-link-block a {
    color: #e94d24;
    display: inline-flex;
}

.business-domain-content .indutry-tab-content .fancy-link-block .fancy-link-lines span:nth-child(1),
.business-domain-content .indutry-tab-content .fancy-link-block .fancy-link-lines span:nth-child(2) {
    background: #e94d24
}

.indutry-tab-content .fancy-link-block a .video-play-circle,
.indutry-tab-content .fancy-link-block a:hover .video-play-circle {
    stroke: #e94d24
}

.marquee-text-block {
    font-family: var(--altfonts);
    font-size: 120px;
    font-weight: 700;
    color: #f1f2f2;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    line-height: 150px;
    position: absolute;
    bottom: 0;
    opacity: 0.6;
}

/* Business Domain Homepage  end*/

/* Portfolio Homepage start*/
.homepage-portfolio .section-heading-block:not(.home){text-align: center; display: block;}
/* .portfolio-design{padding-bottom: 50px} */
/*.portfolio-design-style1.owl-carousel .owl-stage-outer {padding-bottom: 120px}*/
.portfolio-design-style1 .owl-item.active.center {/*background-color: #e94d24;*/}

.portfolio-design-style1 .owl-item.active h3, .portfolio-design-style1 .owl-item.active p{display: inline-block;}
.portfolio-design-style1 .owl-item .portfolio-design-box {margin:0 10px; position: relative;}
.portfolio-design-style1 .owl-item .portfolio-design-box:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*margin: 10px;*/ background: rgba(241, 242, 242, .8);}
.portfolio-design-style1 .owl-item .portfolio-design-box img {filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);}

.portfolio-design-style1 .owl-item.active.center .portfolio-img{border:solid 10px #e94d24;}
.portfolio-design-style1 .owl-item.active.center .portfolio-design-box img {filter: none}
.portfolio-design-style1 .owl-item.active.center .portfolio-design-box:after {display: none}
.portfolio-design-style1 .owl-item .portfolio-design-box .portfolio-caption {opacity: 0; display: none;}
.portfolio-design-style1 .owl-item.active.center .portfolio-design-box .portfolio-caption {opacity: 1; padding-top: 15px; /*position: absolute; left: 0; top: auto; right: 0; bottom: -120px;*/ text-align: center; display: block;}
.portfolio-design-style1 .owl-item.active.center .portfolio-design-box .portfolio-caption h3 {font-size: 18px;font-family: var(--altfonts); font-weight: 700; color: #e94d24; margin-bottom: 0; line-height: 28px; display: block}

.portfolio-design-style1 .owl-item.active.center .portfolio-design-box .portfolio-caption p {color: #444545; font-size: 14px; display: block; margin-bottom: 0;}

.home .portfolio-design-style1 .owl-nav{bottom: 34px;}
.portfolio-design-style1 .owl-nav { position: absolute; bottom: 24px; left: 0; right: 0; margin: 0 auto; width: 50%; text-align: center; display: block !important;}
.portfolio-design-style1 .owl-nav .owl-prev,
.portfolio-design-style1 .owl-nav .owl-next {
    position: absolute;
}

.portfolio-design-style1 .owl-nav .owl-prev:hover,
.portfolio-design-style1 .owl-nav .owl-prev:focus,
.portfolio-design-style1 .owl-nav .owl-next:hover,
.portfolio-design-style1 .owl-nav .owl-next:focus {
    box-shadow: none;
    outline: none;
}

.portfolio-design-style1 .owl-nav .owl-prev {left: 0;}
.portfolio-design-style1 .owl-nav .owl-next {left: auto; right: 0;}

/* Portfolio Homepage end*/

/* Process Step home*/
.work-process-section{overflow-x: hidden;}
.work-process-section .section-heading-block{margin-bottom: 50px;}
.process-step-wap{position: relative;}
.process-step{display: flex; justify-content: space-between; position: relative; align-items: center;}
.process-step-col{ transition: border-color 0.6s,  transform 0.5s; width: 156px; height: 156px; border:5px solid #e94d24; border-radius: 100%; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; background-color:#fff; position: relative;  }
.process-step-col .step-count{font-size: 82px; font-family: var(--altfonts); font-weight: 700; color: #e94d24; position: absolute; top: 52px;}
.process-step-col .process-content{height: 50%; position: absolute; bottom: 0; width: 100%; text-align: center; background: #fff;}
.process-step-col .process-content .process-title{font-size: 16px; font-family: var(--altfonts); font-weight: 800; text-transform: uppercase; line-height: 24px; margin-bottom: 0;}
.process-step-col .process-content .small-desc{display: none; font-size: 13px; line-height: 18px; padding: 0 15px;}
.process-step-col.active .process-content .small-desc{display: block; font-size: 10px; line-height: 14px;}
.process-step-col.active{border-color:transparent; width: 140px;height: 140px; transform: scale(1.6); -webkit-transition: ease width height 300ms; transition: ease width height 300ms; animation: fadeIn-round;}
.process-step-col.active .step-count{font-size: 35px; top: 25px;}
.process-step-col.active .process-content{height: 60%;}
.process-step-col.active .process-content .process-title{font-size: 14px; color: #e94d24;}

@keyframes fadeIn-round {
  0% {
    opacity: 1;
      transition: 1s ease-in-out;
  }

  50% {
    opacity:0 ;
        transition: 1s ease-in-out;
  }

 100% {
    opacity:1 ;
        transition: 1s ease-in-out;
  }
}

.process-step-col.active::before {content: ""; height: 100%; width: 100%; position: absolute; border: 4px dotted #103e69; border-radius: 100%; animation: round; animation-iteration-count:infinite; animation-duration: 10s; animation-timing-function: linear; z-index: 1;}
@keyframes round{
	0%{transform: rotate(0deg);}
	 100%{transform: rotate(360deg); ;
	  }
}

.process-bar-line-wrap{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75%;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.process-bar-img{ position: relative; z-index: 2;}
.color-fill-block{
    position: absolute;
    top: 7px;
    right: 0;
    bottom: 7px;
    left: 0;
    background: #e94d24;
}

.process-color-fill-block{
    position: absolute;
    top: 7px;
    bottom: 7px;
    left: 0;
    width: 195px;
    background: #1c1f21;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    animation: stepprocessbarline 60s infinite alternate;
}

/* Footer Testimonials start*/
.footer-testimonials {padding: 50px 0 0;}
.footer-testimonials .footer-testimonial-heading i {
    position: absolute;
    font-size: 130px;
    top: 2px;
    left: -60px;
    color: #d4d4d4;
    z-index: -1;
    opacity: 0.3;
}

.footer-testimonials .footer-testimonial-heading .footer-testimonials-heading { text-transform: uppercase; font-family: var(--altfonts);  font-size: 24px;  font-weight: 700; line-height: 32px;} 
.footer-testimonials .footer-testimonial-heading p {width: 85%; color: #444545; font-size: 14px; display: none;}
.footer-testimonial-slider {}
.footer-testimonial-slider .testimonial-items .image-col {width: 162px; height: 136px; margin: 45px 0}
.footer-testimonial-slider .testimonial-items .image-col img { max-width: 100%;    border-radius: 0 60px 0 60px;    animation: morph 2s ease-in-out infinite both alternate;}
.footer-testimonial-slider .testimonial-items .clients-details {    margin-bottom: 25px;}
.footer-testimonial-slider .testimonial-items .clients-details footer-testimonial-title {font-family: var(--altfonts); font-size: 16px; font-weight: 700; color: #e94d24; margin-bottom: 0}
.footer-testimonial-slider .testimonial-items .clients-details span { color: #015ea2;  font-size: 14px;}
.footer-testimonial-slider .testimonial-items .testimonial-text { color: #444545;  font-size: 14px;  font-style: italic}
.footer-testimonial-slider .owl-dots { text-align: left;  margin-top:25px !important; margin-bottom: 35px;}
.footer-testimonial-slider .owl-dots .owl-dot:focus {  box-shadow: none;    outline: none}
.footer-testimonial-slider .owl-dots .owl-dot.active span,
.footer-testimonial-slider .owl-dots .owl-dot:hover span,
.footer-testimonial-slider .owl-dots .owl-dot:focus span {   background-color: #e94d24}

.scroll-top{position: fixed; bottom: 40px; right: 42px; z-index: 99; transition: all 0.2s ease-in-out;}
.scroll-top:hover {transform: scale(1.1);}
.scroll-top i{display: block; width: 44px; height: 44px; line-height: 40px; font-size: 22px;  border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%; text-align: center;  box-shadow: 0px 1px 20px rgb(0 0 0 / 30%); background: #e94d24; color: #fff; cursor: pointer; transition: all 0.5s ease-in-out;}
.scroll-top:hover i{background: #1f1f1f;}
/* Footer Testimonials End*/

/* Footer Contact Part start*/
.bottom-contact-part { background-color: #f1f2f2;  position: relative;}
.bottom-contact-part:after {  content: "";  background-image: url(../images/testimonial-bg.png);  background-repeat: repeat;  top: 0; left: 0;  right: 0;  bottom: 0;  position: absolute;  z-index: 1;}
.footer-contact-part-inner { position: relative; z-index: 10; min-height: 520px}
.footer-contact-form-block-inner {background-color: #fff; width: 100%; position: absolute; top: 0; padding: 20px 30px 20px 30px;}
.footer-contact-form form .form-group:nth-last-child(2) {margin-bottom:0; position: relative;}
.footer-contact-form .form-group label {font-size: 14px; color: #1f1f1f; width: 100%; margin-bottom: 0; display: inline-block;}
.footer-contact-form .form-group .form-control {border: none; border-bottom: 1px solid #bec1c1; border-radius: 0; padding-left: 0; height: 26px; padding-bottom: 5px;color: #000}
.footer-contact-form .form-group select{margin-bottom: 0;}
.footer-contact-form .form-group .form-control.wpcf7-not-valid {border-color:#e94d24;}
.footer-contact-form div.wpcf7 .ajax-loader{position: absolute; left: 0; z-index: 999;}

.footer-contact-form .form-group select.form-control {height: 35px;}
.footer-contact-form .form-group .form-control:focus {border-color: #e94d24; box-shadow: none}
.footer-contact-form .form-group textarea.form-control {resize: none; height: 85px;}
.footer-contact-form .form-group .btn-free-estimate-form {width: 100%; background-color: #e94d24; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; border-radius: 0; padding: 14px; margin-top: 0;}
.footer-contact-form .form-group .note-text-blue {font-style: italic; font-size: 12px; color: #015ea2; width: 100%; display: inline-block}
.footer-contact-form .form-group .form-control::placeholder {color: #888a8a; font-size: 13px; font-style: italic}
.contact-heading {color: #e94d24; font-family: var(--altfonts); font-size: 24px; text-align: center; text-transform: uppercase; font-weight: 700; margin-bottom: 30px; line-height: 32px;}
.btn.focus, .btn:focus{box-shadow: inherit;}
div.wpcf7 .ajax-loader{background-image: url(../images/loader.gif); background-size: cover;  width: 50px; height: 50px;}

/* Thanks Message Section */
.thanks-msg-section{background-color:#e94d24; padding:110px 0px; position: relative;}
.thanks-msg-section .fancy-text{font-family: 'Great Vibes', cursive;    font-size: 38px;    color: #fff;    letter-spacing: 0.08em;    margin-bottom: 20px;}
.thanks-msg-section h2 {font-family: var(--altfonts); font-size: 32px; font-weight: 600; margin-bottom: 5px; color: #fff; line-height: 42px;}
.thanks-msg-section p {margin-bottom: 0;    color: #fff}
#waterAnimate1 {padding:5px; width:100%; display:flex; background-color:transparent; top:-10px; position: absolute !important; z-index: 9;}
#waterAnimate1 canvas {    background-color: transparent;    z-index: 9;}

/* Footer Contact Part end*/

/* Footer start */
/*Captcha start*/
.grecaptcha-badge {width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 4px !important; z-index: 99;}
.grecaptcha-badge:hover {width: 256px !important;}
/*Captcha end*/

.footer-main {    background-image: url(../images/footer-bg.webp);    background-size: cover;    background-position: center bottom;    background-repeat: no-repeat;
    background-color: #101010;    position: relative;}

.footer-inner {
    position: relative;
    z-index: 2;
}

.footer-main:before {    position: absolute;    left: 0;    right: 0;    top: 0;    bottom: 0;    content: "";    background-color: rgba(16, 62, 105, 0.6);
    z-index: 1;}

.footer-contact-details-block {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.footer-contact-details-inner { padding: 0; display: flex; align-items:end;}
.footer-contact-details-block .icon-text-group {display: flex; align-items: center; justify-content: center; border-right: 1px solid rgba(255, 255, 255, 0.1); width: 33.33%; padding: 30px 0}
.footer-contact-details-block .icon-text-group:last-of-type {    border: none}
.footer-contact-details-block .icon-text-group .icon-col {    margin-right: 15px;    margin-bottom:0; width:auto;}

.footer-contact-details-block .icon-text-group .icon-col i { font-size: 38px; color: #fff}
.footer-contact-details-block .icon-text-group .text-col a,
.footer-contact-details-block .icon-text-group .text-col {font-size: 14px; color: #fff}
.footer-contact-details-block .icon-text-group .text-col a {display: flex}

.footer-contact-details-block .icon-text-group .text-col p {margin-bottom: 0}
.footer-widget-part {padding: 70px 0 50px 0}

.footer-widget-part .footer-widget-heading {margin-bottom: 30px;}

.footer-widget-part .footer-widget-heading h2 {
    font-family: var(--altfonts);
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    position: relative;
    padding-bottom: 10px;
    line-height: 24px;
}

.footer-widget-part .footer-widget-heading h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 46px;
    height: 1px;
    background-color: #fff;
}

.footer-widget-part .widget-nav-listing li{padding-bottom: 12px;}
.footer-widget-part .widget-nav-listing li a { color: #f1f2f2; display: block; line-height: normal;}
.footer-widget-part .widget-nav-listing li a:hover{ color: #e94d24; padding-left: 5px;}
.footer-latest-blog-listing ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.footer-latest-blog-listing ul li:last-of-type { margin-bottom: 0; padding-bottom: 0; border-bottom: none}
.footer-latest-blog-listing ul li .blog-thumb {width: 120px; height: auto; margin-right: 15px;}
.footer-latest-blog-listing ul li .blog-thumb img {max-width: 100%}

.footer-latest-blog-listing ul li a h3 { font-size: 14px; color: #fff; margin: 0; line-height: 22px;}
.footer-latest-blog-listing ul li span { font-size: 12px; color: #bec1c1; font-style: italic; line-height: 20px; display: inline-block; padding-top: 5px;}

.footer-social-media {text-align: center; padding: 50px 0 20px; border-top: 1px solid rgba(255, 255, 255, 0.1)}

.footer-social-media ul li {display: inline-flex; margin: 0 8px}
.footer-social-media ul a {font-size: 32px; color: #d4d4d4; opacity: 0.6;}
.footer-social-media ul a:hover { color: #fff; opacity: 1;}
.footer-copyright {padding: 20px 0}
.footer-copyright .copyright-inner {display: flex; justify-content: space-between}
.footer-copyright .copy-text {font-size: 14px; color: #fff}

.col-left {display: flex; align-items: center}
.col-left .logo-footer {margin-right: 15px;}
.col-left .logo-footer img{height: 50px;}

.col-right {display: flex; align-items: center}
.col-right a{margin: 0 15px;}
.col-right a:first-of-type {margin-left:0}
.col-right a:last-of-type {margin-right:0}

.footer-copyright .grayscal-hovered-images img {filter: grayscale(100%);  -webkit-filter: grayscale(100%); opacity: 0.76; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;  -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; max-width: 46px;}
.footer-copyright .grayscal-hovered-images img:hover { filter: grayscale(100%); -webkit-filter: grayscale(0); opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}

/*.page-template-page-templatestestimonials-php .header-main-section {position: relative; height:80vh; overflow:hidden; padding:0px;}
.page-template-page-templatestestimonials-php .header-main-section-inner {display: block; margin: 15% 0 0 0;}*/
.page-template-page-templatestestimonials-php .carousel-indicators {bottom:-68px;}
.page-template-page-templatestestimonials-php .carousel-inner .caption h2{padding:0px; margin:0px; font-size:32px; text-transform:uppercase; font-weight:bold;}
.page-template-page-templatestestimonials-php .carousel-inner .caption h4 p{ padding:0px; margin:0px; font-size:20px; line-height:38px;}

/* Modal load popup start */
.modal-custome .modal-body{padding: 0;}
.modal-custome .btn-close{height: 32px; width: 32px; padding: 4px; z-index: 5; position: absolute; top: -10px; right: -10px; opacity: 1; border-radius: 50%; background: #e94d24 url("../images/popup-cross-white.svg")no-repeat center center; background-size: 16px;}
.modal-custome .btn-close:hover{background-color: #284069;}
.modal-custome .modal-content img{max-width: 100%; border-radius: .3rem;}
.modal-custome .btn-close:focus{box-shadow: none; outline: none;}
/* Modal load popup end */

/* Innerpage Start */

.header-main-section {position: relative;  /*height:92vh;  */overflow: hidden; padding:0px;}
.pagename-first-character {width: 100%}
.header-main-section-inner {display: flex; align-items: center; min-height: 55vh; position: relative; z-index: 3; padding-top:100px; padding-bottom: 30px;}
/* .page-first-section{padding-right: 70px;} */
.page-first-section h4 {
    font-size: 24px;
    font-family: var(--altfonts);
    font-weight: 700;
    color: #e94d24;
    position: relative;
    font-style: italic;
    padding-left: 62px;
}

.page-first-section h4:after {
    content: "";
    width: 42px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.page-first-section span{position: relative;}
.page-first-section span:after {
    content: "";
    width: 42px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: -21px;
    top: 50%;
    margin-top: -1px;
}

.page-first-section h1 {
    font-size: 120px;
    font-family: var(--altfonts);
    font-weight: 700;
    color: #fff;
    position: relative;
    line-height: 142px;
    text-transform: uppercase
}

.page-first-section h1:after {
    content: '';
    width: 34px;
    height: 34px;
    border-radius: 100%;
    display: inline-flex;
    background-color: #e94d24;
    align-items: flex-end;
    position: absolute;
    bottom: 26px;
    margin-left: 1px;
}

.page-first-section p {padding-left: 165px; line-height: 26px; color: #fff;}
.page-first-section p:last-child{margin-bottom: 0;}

.freeestimate-btn span span span {
  opacity: 0;
  animation-name: typewriter;
  animation-fill-mode: forwards;
  animation-duration: 0s;
  animation-delay: calc(var(--animation-order) * var(--animation-delay));
}

@keyframes typewriter {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* About US page start*/

/*Header & banner start*/
.about-us.header-main-section {
    background-image: linear-gradient(180deg, rgb(112 53 255) 50%, rgb(132 85 255) 50%);
    background-image: -moz-linear-gradient(180deg, rgb(112 53 255) 50%, rgb(132 85 255) 50%);
    background-image: -webkit-linear-gradient(180deg, rgb(112 53 255) 50%, rgb(132 85 255) 50%);
    background-image: -ms-linear-gradient(180deg, rgb(112 53 255) 20%, rgb(132 85 255) 50%);
}

.pagename-first-character {position: absolute; left: 0; right: 0; top: 0; width: 100%; z-index: 1;}

.page-template-home .scroll-down p,
.page-template-home .section-left-block a.mail-fixed {color: #fff}
.page-template-home .scroll-down span::before {background-color: #fff}
/*Header & banner end*/

/* About section start*/
.about-welcome-section {position: relative}
.about-welcome-section:after {content: ""; position: absolute; background-image: url(../images/bg-pattern-12.png); background-repeat: no-repeat; background-position: center right; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
.about-welcome-inner {position: relative; z-index: 2;}

/* About left part*/
.about-welcome-section .welcom-content .about-sub-title {color: #e94d24; font-family: var(--altfonts); font-size: 16px; text-transform: uppercase; font-weight: 600; margin-bottom: 15px;}
.about-welcome-section .welcom-content h2 {font-size: 32px; font-weight: 600; font-family: var(--altfonts); line-height: 42px; margin-bottom: 25px;}
.about-welcome-section .welcom-content .welcome-text {text-align: justify;}
.about-welcome-section .welcom-content .welcome-text p {margin-bottom: 25px;}
.about-welcome-section .welcom-content .welcome-text p:last-child{margin-bottom: 0;}

/* About right part*/
.block-images img {max-width: 100%}
/* About section end*/

/*.section-left-block a.mail-fixed,
.scroll-down small {color: #103e69}

.scroll-down span::before,
.scroll-down span::before {background-color: #103e69}*/

/* Core Value section start */
.core-value-section {background-color: #e1f1ff;}
.core-value-section .core-value-inner {position: relative;}
.core-value-section .core-value-inner .marquee-text-block {font-size: 190px; font-weight: 700; font-family: var(--altfonts); color: #1f1f1f; position: relative; opacity: 0.04; margin-bottom: 25px;}
.core-value-section .core-value-inner .marquee-text-block span {padding: 0/* 120px*/;}

.core-value-inner .container{z-index: 2; position: relative;}
.bordered-box-animate {border: 2px dashed rgba(0, 34, 108, 0.5); padding:65px; text-align: center;}

.bordered-box-animate.box-1 {border-radius: 0 120px 0 120px;}
.bordered-box-animate.box-2 {border-radius: 120px 0 120px 0}

.bordered-box-animate .icon-col {margin: 0 auto 10px;}
.bordered-box-animate .icon-col i {color: rgba(137, 137, 137, 0.45); font-size: 64px;}

.bordered-box-animate .title-col h3 {font-weight: 700; text-transform: uppercase; color: #103e69; margin-bottom: 20px;}
.bordered-box-animate .paragraph-col {line-height: 28px;}

.core-pluse-animate {background-color: #e1f1ff; border-radius: 100%; position: absolute; right: 25px; bottom: -25px; border-color: rgba(0, 34, 108, 0.05);}
/* Core Value section end */

/* Five D Process section start*/
.five-process-heading-block {position: relative; text-align: center; margin: 60px auto}
.five-process-heading-block .five-d-text {position: absolute; font-size: 363px; font-weight: 700; font-family: var(--altfonts); padding: 35px 0; opacity: 0.06; left: 0; right: 0;}
.five-process-heading {display: inline-block; padding: 0 80px; background-color: #fff; position: relative;}
.five-process-heading h2 {text-transform: uppercase; font-weight: 700; font-family: var(--altfonts)}
.five-process-heading p {font-size: 24px;}

.process-flow {display: flex; margin: 0 auto; justify-content: center}
.process-flow-inner {display: flex; justify-content: space-between; z-index: 2; padding-top: 100px;}
.process-flow-box {display: flex; flex-wrap: wrap; justify-content: center; padding: 0 45px;}
.process-flow-box .icon-block {background-color: #e94d24; width: 156px; height: 156px; border-radius: 100%; position: relative; margin: 40px 0;}
.process-flow-box .icon-block .icon-col {color: #fff; display: flex; justify-content: center; align-items: center; height: 100%; z-index: 8; position: relative; width: 100%}

.process-flow-box:nth-child(1) .icon-block .icon-col i {font-size: 120px;}
.process-flow-box:nth-child(2) .icon-block .icon-col i {font-size: 120px;}
.process-flow-box:nth-child(3) .icon-block .icon-col i {font-size: 95px;}
.process-flow-box:nth-child(4) .icon-block .icon-col i {font-size: 88px; margin-left: -2px;}
.process-flow-box:nth-child(5) .icon-block .icon-col i {font-size: 110px;}

.round-animatesvg {height: 205px; width: 205px;}
.round-animatesvg svg {position: absolute; left: -22px; top: -24px; bottom: 0px; right: 0; width: 198px; height: 205px; z-index: 1;}

.predefine-svg {height: 205px; width: 205px;}
.predefine-svg svg {position: absolute; left: -20px; top: -24px; bottom: 0px; right: 0; width: 205px; height: 205px; z-index: 1;}

.process-flow-box:nth-child(1n) .round-animatesvg svg {
    -webkit-animation: fa-spin 60s infinite alternate;
    -moz-animation: fa-spin-1 60s infinite alternate;
    -ms-animation: fa-spin-1 60s infinite alternate;
    -o-animation: fa-spin-1 60s infinite alternate;
    animation: fa-spin-1 60s infinite alternate;
}

.process-flow-box:nth-child(2n) .round-animatesvg svg {
    -moz-animation: fa-spin-2 60s infinite alternate;
    -ms-animation: fa-spin-2 60s infinite alternate;
    -o-animation: fa-spin-2 60s infinite alternate;
    animation: fa-spin-2 60s infinite alternate;
}

.process-flow-box:nth-child(1) .round-animatesvg svg {stroke: #103e69;}
.process-flow-box:nth-child(1) .round-animatesvg svg circle {fill: #103e69;}
.process-flow-box:nth-child(2) .round-animatesvg svg {stroke: #e7b936;}
.process-flow-box:nth-child(2) .round-animatesvg svg circle {fill: #e7b936;}
.process-flow-box:nth-child(3) .round-animatesvg svg {stroke: #e94d24;}
.process-flow-box:nth-child(3) .round-animatesvg svg circle {fill: #e94d24;}
.process-flow-box:nth-child(4) .round-animatesvg svg {stroke: #47a0e2;}
.process-flow-box:nth-child(4) .round-animatesvg svg circle {fill: #47a0e2;}
.process-flow-box:nth-child(5) .round-animatesvg svg {stroke: #e2317c;}
.process-flow-box:nth-child(5) .round-animatesvg svg circle {fill: #e2317c;}

.process-flow-box:nth-child(1) .predefine-svg svg {fill: #103e69;}
.process-flow-box:nth-child(2) .predefine-svg svg {fill: #e7b936;}
.process-flow-box:nth-child(3) .predefine-svg svg {fill: #e94d24;}
.process-flow-box:nth-child(4) .predefine-svg svg {fill: #47a0e2;}
.process-flow-box:nth-child(5) .predefine-svg svg {fill: #e2317c;}

.process-flow-box:nth-child(1) .icon-block {background-color: #103e69;}
.process-flow-box:nth-child(2) .icon-block {background-color: #e7b936;}
.process-flow-box:nth-child(3) .icon-block {background-color: #e94d24;}
.process-flow-box:nth-child(4) .icon-block {background-color: #47a0e2;}
.process-flow-box:nth-child(5) .icon-block {background-color: #e2317c;}

.process-flow-box .process-content {text-align: center;width: 100%}
.process-flow-box .process-content .process-text {font-size: 24px; font-family: var(--altfonts); font-weight: 600}
.process-flow-box .process-content .process-number {width: 36px; height: 36px; display: flex; background-color: #d1d2d2; border-radius: 100%; margin: 0 auto; justify-content: center;align-items: center; position: relative;}
.process-flow-box .process-content .process-number:after {content: ""; position: absolute; height: 50px; width: 2px; background-color: #e94d24;}
.process-flow-box:nth-child(1n) .process-content .process-number:after {top: -50px;}
.process-flow-box:nth-child(2n) .process-content .process-number:after {top: auto; bottom: -50px;}
.process-flow-box:nth-child(1n) .process-content .process-number {margin-top: 50px}
.process-flow-box:nth-child(2n) .process-content .process-number {margin-bottom: 50px; margin-top: 0}
/* Five D Process section end*/

/* SPRYBIT VALUES & PRINCIPLES section start */
.value-principal-section {background-color: #f1c958; position: relative;}
.value-principal-section:after {content: ''; background-image: url('../images/tab-left-bg-dark.png'); background-position: center center; width: 412px; height: 737px; position: absolute; top: 0}
.value-pricipal-inner {position: relative; z-index: 2;}
.principal-box-row {display: flex; flex-wrap: wrap}
.principal-box {background-color: #fff; width: 25%; padding: 30px 40px;}

.principal-box:nth-child(2),
.principal-box:nth-child(4),
.principal-box:nth-child(5),
.principal-box:nth-child(7) {background-color: transparent}

.principal-box .block-heading-col {display: flex; align-items: center; margin-bottom: 25px;}
.principal-box .block-heading-col i {font-size: 38px; color: #e94d24; margin-right: 25px;}
.principal-box .block-heading-col h3 {margin-bottom: 0; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 24px;}
.principal-box .block-content-col {text-align: justify; line-height: 22px; font-size: 14px;}
.principal-box .block-content-col:last-child {margin-bottom: 0;}

.value-pricipal-inner .section-heading-block .section-heding,
.value-pricipal-inner .section-heading-block .section-heding2 {font-size: 42px; text-transform: uppercase; font-weight: 700;}

.value-pricipal-inner .section-heading-block .section-heding {color: #e94d24; margin-bottom: 0px;}
.value-pricipal-inner .section-heading-block .section-heding2 { color: #1f1f1f; position: relative;}
.value-pricipal-inner .section-heading-block .section-heding2:after {content: ""; position: absolute; width: 8px; height: 8px; border-radius: 100%; background-color: #e94d24; top: auto; bottom: 10px; right: -10px;}
/* SPRYBIT VALUES & PRINCIPLES section start */

/* Our Team section start */
.team-section-aboutus{position: relative;}
/* .team-section-aboutus:after{content: ""; position: absolute; right: 0; left: auto; top: 0; background-image:url(../images/tab-left-bg-dark.png); height: 260px; width: 260px;;} */
.team-section-aboutus .heading-content{padding-bottom: 50px;}
.team-section-aboutus .heading-content h5 { font-weight: 600; color: #e94d24; text-transform: uppercase; margin-bottom: 0}
.team-section-aboutus .heading-content h2 {font-weight: 700}
.team-section-aboutus .heading-content p {font-size: 14px; line-height: 24px; display: none;}
.teammember-block .imageblock{margin-bottom: 30px;}
.teammember-block .imageblock img{filter:grayscale(1); max-width: 100%;}
.teammember-block .imageblock:hover img{filter:grayscale(0)}
.teammember-block .dis-content-block{text-align: center;}
.teammember-block .dis-content-block h4{font-weight: 700; margin-bottom: 0;}
.teammember-block .dis-content-block .designation,
.teammember-block .dis-content-block .email-add a{font-weight: 600; color: #444545; font-style: italic; text-transform: uppercase; font-size: 14px;}
.teammember-block .dis-content-block .email-add a{font-style: normal; text-transform: lowercase; font-size: 16px;}
.teammember-block .dis-content-block .email-add a:hover{color: #e94d24;}
.teammember-block .dis-content-block .email-add{margin: 20px 0 10px;}
.teammember-block .dis-content-block .social-media a{color: #d4d4d4; font-size: 32px;}
.teammember-block .dis-content-block .social-media a:hover{color: #103e69;}

.our-team-emp-section{position: relative; height: 140px; width: 100%;overflow: hidden;}
.our-team-emp-section .emp-team-slider{width: 100%;}
.our-team-emp-section .emp-team-slider ul{display: flex;}
.our-team-emp-section .emp-team-slider ul li{}
.our-team-emp-section .emp-team-slider ul li img{filter:grayscale(1); opacity: 0.3; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.our-team-emp-section .emp-team-slider ul li img:hover{filter:grayscale(0); opacity: 1; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
/* Our Team section end */

/* About US page End*/

/* Contact Us Page start*/
.page-template-contact-us .thanks-msg-section {text-align: center}

.contact-us,
.portfolio-listing {background-color: #1C82AD;}

.contact-details-section {position: relative; z-index: 9;}

.contact-inner-block {display: flex; background-color: #19466f; transform: translate(0, -150px); position: relative;  overflow: hidden; top:150px;}
.contact-inner-block:after {content: ""; position: absolute; right: 0; bottom: 0; background-image: url('../images/contact-page-bg.png'); height: 737px; background-repeat: no-repeat;
    z-index: 1; background-position: bottom right; width: 100%}
.contact-form-block {background-color: #fff;  padding: 50px ;}

.contact-form-block .contact-heading { margin-bottom: 30px; text-align: left; line-height: 32px;}

.contact-form-block,
.contact-details-block { width: 50%; position: relative; z-index: 9;}
.contact-details-block {padding: 45px}

.contact-details-col {display: flex; margin-bottom: 40px; padding-bottom: 25px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}

.icon-col {margin-bottom: 15px; width: 50%; text-align: center}
.icon-col .icon-display {border-radius: 100%; width: 52px; height: 52px; border: 2px solid rgba(255, 255, 255, 0.70); margin: 0 auto; display: flex; justify-content: center; align-items: center; margin-bottom: 15px;}

.icon-col .icon-display i {font-size: 26px; color: rgba(255, 255, 255, 0.70)}
.icon-col .content-display a { color: #fff; font-size: 14px; display: inline-block; width: 100%;}

.office-number span, .sales-number span{color: #fff; font-weight: 700;}
.sales-number{padding-top: 10px;}

.office-content-display .office-col {display: inline-block; width: 100%; margin-bottom: 30px;}
.office-content-display .office-col:last-of-type {margin-bottom: 0}

.office-content-display .office-col h3 {font-weight: 700; text-transform: uppercase;  color: #fff; line-height: 32px; font-size: 24px;}
.office-content-display .office-col p {color: #fff}
.office-content-display .office-col a {color: #fff}

.contact-map iframe{margin-bottom: -10px;}
.page-id-117 .thanks-msg-section{padding:60px 0px 50px;}
/* Contact Us Page End*/

/* Blog page start*/
.blog-listing {background-color: #0471c0;}

/*Blog tag category filter*/
.blog-filter{padding:15px 0 0 0;}
.blog-filter .card-body{padding: 0.25rem 0.25rem 0rem 0.25rem;}
.blog-filter .card-body ul li{padding: 0 0 5px 0; display: inline-block; list-style: outside none none;}
.blog-filter .card-body ul li label{margin-bottom: 0;}
.blog-filter .card-body ul li label a{color: #2b2b2b; padding: 6px 10px; display: inline-block; background:/*#e94d24*/ #fff; border: 1px solid #e94d24; border-radius: 3px; font-size: 14px; margin-bottom: 0; margin-right: 0;  transition: all .5s ease 0s; line-height: normal;}
.blog-filter .card-body ul li label:hover a{ color: #fff; background: #e94d24;}
.blog-listing-section{padding: 30px 0;}

/*Blog list*/
.blog-listing-parent {width: 100%; display: flex; flex-wrap: wrap}

.blog-listing-parent .blog-listing-block {margin-bottom: 35px; display: inline-block; width: 100%}
.blog-listing-parent .blog-listing-block .blog-listing-image {max-height: 250px; overflow: hidden;}
.blog-listing-parent .blog-listing-block .blog-listing-image img {width: 100%;}
.blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading {border-bottom: 1px solid #bec1c1; padding:15px 0px 15px 0px; margin-bottom: 10px;}
.blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading .catergory-display {font-size: 14px; text-transform: uppercase;color: #e94d24; margin-bottom: 15px; display: inline-block}

.blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading a h5,
.blog-listing-heading a {font-weight: 600; margin-bottom: 0; font-family: var(--altfonts); font-size: 20px; color: #1f1f1f;display: block;}
.blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading a h5{display: inline; background-repeat: no-repeat; background-image: linear-gradient(90deg,currentColor 0,currentColor 94%); transition: background-size .4s cubic-bezier(.215,.61,.355,1),opacity .5s ease; background-position: 100% 94%; background-size: 0 1px; position: relative; z-index: 3; padding-bottom: 2px;}

.blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading a h5:hover {background-position: 0 94%; background-size: 100% 1px; color: #e94d24;}

.blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading span,
.blog-listing-heading span a {color: #888a8a; font-size: 12px; font-weight: 400}

.blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-heading span a:hover {color: #e94d24}

.blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-text {font-size: 14px; color: #444545; line-height: 24px; padding:0 0px 5px;}
.blog-listing-parent .blog-listing-block .blog-listing-content .blog-listing-text .redirect-link {padding: 15px;}
.page-blog-details-content iframe{border: 0;}
.blog-listing-parent .blog-listing-block .blog-listing-content .redirect-link .fancy-link-block svg{width: 40px; height: 40px;}

/*Pagenation start*/
.previous-next-button {width: 100%; float: left; text-align: center; padding: 15px 0 30px 0; border: none; margin: 0; outline: none;}
.page-numbers.current {color: #fff; font-weight: 600; background: #e94d24; padding:8px 14px; border-radius: 4px; margin: 0 2px; outline: none;}
.previous-next-button a {border: 0; color: #fff; padding:8px 14px; font-weight: 600; background: #103e69; outline: none; display: inline-block; margin: 0 2px 2px; border-radius: 4px; line-height:normal;}
.previous-next-button a:hover{ background: #e94d24;}
.previous-next-button a:hover {color: #fff;}
.previous-next-button .page-link.dots{display: inline-block; border-radius: 4px; margin: 0 2px 2px; color:#103e69; padding: 7px 12px; line-height: normal;}

.previous-next-button a.next, .previous-next-button a.prev {color: #fff; font-weight: 500;}
.previous-next-button a.next:hover, .previous-next-button a.prev:hover {color: #fff;}
.page-link:focus{box-shadow: inherit;}
/*Pagenation end*/

/* Blog page End*/

/*Blog Detail page Start*/

.blogdetail {padding: 40px 0 !important;}
.blog-details-header-section {/*height: 50vh;*/ padding:/*150px 0 60px*/ 50px 0 51px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover}

.blog-details-header-section::after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 34, 108, 0.9); z-index: 1;}

.blog-details-block .fancy-link-block{padding-top: 10px; float: right;}
.blog-details-block .fancy-link-block a:hover{color:#e94d24;}

.blog-details-header-section .blog-detail-header-inner { position: relative; z-index: 9; display: flex; justify-content: center; align-items: center; flex-direction: column; width: 50%; height: 100%; color: #fff; display: none;}

.blog-details-header-section .blog-detail-header-inner h2 { text-transform: uppercase; font-weight: 600}
.blog-details-header-section .blog-detail-header-inner h5 {}
.blog-details-page-heading {position: relative; margin-bottom: 30px;}

.blog-details-page-heading h1, .blog-detail-header-inner h1{font-size: 35px; line-height: 44px; font-weight: 600; margin-bottom: 0}

.blog-details-page-heading .blog-date {color: #e94d24; font-size: 12px; line-height: normal}
.blog-details-page-heading .blog-date a {color: #e94d24;}

.blog-details-page-image {margin-bottom: 25px; position: relative;}
.blog-details-page-image img {width: 100%; max-width: 100%;border: solid 1px #eee; border-radius: 2px; padding: 4px;}
.blog-details-block .post-date{background: #000; display: inline-block; padding: 5px 10px; color: #fff; font-size: 12px; text-align: center; position: absolute; left: 5px; bottom: 5px;}
/*.post-date{font-size: 12px !important; text-align: center !important;}*/

.post-date .bdate{display: block; font-size: 25px; font-style: normal; font-weight: 700; margin: 0;}

.wp-block-image .alignleft{float: none;}
.wp-block-image img {max-width: 100%;border: solid 1px #eee; border-radius: 2px; padding: 4px;}

.post-author{margin-bottom: 20px;}

/* table of content start */
.wp-block-table-of-contents-block-table-of-contents-block {display: none !important;}

.page-blog-details-content .ez-toc-counter ul li a::before,
.page-blog-details-content .ez-toc-counter ul li::before {
    content: none !important;
}

.page-blog-details-content .ez-toc-counter ul li {
    padding-bottom: 8px !important;
    font-size: 100% !important;
}

.page-blog-details-content .ez-toc-counter ul li>a {
    line-height: 1.3;
    color: #e94d24 !important;
}

.page-blog-details-content .ez-toc-counter ul li:last-child {
    padding-bottom: 0 !important;
}

.page-blog-details-content .ez-toc-counter {
    width: 100% !important;
    padding: 15px 20px 15px 15px !important;
}

.page-blog-details-content .ez-toc-icon-toggle-span svg {
    color: #e94d24  !important;
    fill: #e94d24  !important;
}

.page-blog-details-content #ez-toc-container .ez-toc-js-icon-con {
    border-color:#e94d24 ;
}

/* table of content end */

/* Blog Detail left section */

.blog-details-block{margin: 0 auto;}
.page-blog-details-content {margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #f1f1f1}

.page-blog-details-content h1,

.page-blog-details-content h4,
.page-blog-details-content h6 {margin: 40px 0 20px 0}

.page-blog-details-content h2{margin: 20px 0 10px 0; font-weight:600; font-size: 30px; line-height: normal;}
.page-blog-details-content h3{margin: 20px 0 10px 0; font-weight:600; font-size: 22px; line-height: normal;}
.page-blog-details-content h4{margin: 20px 0 10px 0; font-weight:600; font-size: 20px; line-height: normal;}
.page-blog-details-content h5{font-family:'Open Sans', sans-serif; margin: 20px 0 10px 0; font-weight:700;}

blockquote {margin-top: 30px; margin-bottom: 30px; margin-left: 10px; padding-left: 15px; border-left: 3px solid #e94d24;}

.page-blog-details-content ul,
.page-blog-details-content ol {margin: 0 0 25px 15px; list-style: inherit; list-style-position: outside; list-style-image: none;}
.page-blog-details-content ol li{padding:0px 0 10px 15px; margin:0px; position: relative;}
.page-blog-details-content ol li:last-child{padding-bottom: 0;}
.page-blog-details-content a{color: #e94d24; line-break:anywhere;}
.page-blog-details-content a:hover{text-decoration: underline;}

.page-blog-details-content ul {list-style: none;padding: 0; margin: 0 0 20px 0;}
.page-blog-details-content ul li{padding:0px 0 10px 15px; margin:0px; position: relative;}
.page-blog-details-content ul li:before{content:"\ec77"; font-family:IcoFont; font-size: 6px; position: absolute; left: 0; top: 0;}
.page-blog-details-content ul li:last-child{padding-bottom: 0;}

/*Blog social Share with category ftr start */
.blog-post-share-social{display: flex; padding-bottom: 20px;}
.blog-post-share-social > div{-webkit-flex: 1 1 50%; -ms-flex: 1 1 50%;  flex: 1 1 50%;}

.page-blog-post-bottom {font-size: 14px;}
.page-blog-post-bottom .post-categories{position: relative; padding-left: 20px;}
.page-blog-post-bottom .tag-post{margin-top: 10px; position: relative; padding-left: 20px;}
.page-blog-post-bottom .post-categories i, .page-blog-post-bottom .tag-post i{color: #e94d24; position: absolute; left: 0; top: 5px;}
.page-blog-post-bottom .post-categories a, .page-blog-post-bottom .tag-post a{color: #284069; margin-left: 8px;}
.page-blog-post-bottom .post-categories a:nth-of-type(1), .page-blog-post-bottom .tag-post a:nth-of-type(1){margin-left: 0px;}
.page-blog-post-bottom .post-categories a:hover, .page-blog-post-bottom .tag-post a:hover{color: #e94d24;}

.social-share-blog-container h5{display: inline-block;}
.social-share-blog-container .wp-share-button{display: inline-block; margin: 0}
.social-share-blog-container .wp-share-button a{margin: 0 0 0 10px!important; padding: 0!important; width: 30px!important; height: 30px!important;}
.social-share-blog-container .wp-share-button i{color: #fff; width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.social-share-blog-container .wp-share-button .fa-facebook-f{background: #3c5b9b;}
.social-share-blog-container .wp-share-button .fa-linkedin-in{background: #0073b2; }
.social-share-blog-container .wp-share-button .fa-twitter{background: #2daae1;}
.social-share-blog-container .wp-share-button .fa-pinterest{background: #dc4d40;}

/*Blog social Share with category ftr end */

.page-blog-details-content ol {list-style-type: decimal;}
.drop-cap-later {float: left; font-size: 50px; line-height: auto;  margin: 0 20px 0 0;  text-align: center;  padding: 10px 0;  font-weight: 600;}
.list-style-disc {list-style-type: disc;}
.list-style-circle {list-style-type: circle;}

.list-style-square {list-style-type: square;}
.list-style-decimal {list-style-type: decimal;}
.list-style-decimal-leading-zero {list-style-type: decimal-leading-zero;}
.list-style-lower-roman {list-style-type: lower-roman;}
.list-style-upper-roman {list-style-type: upper-roman;}
.list-style-lower-greek {list-style-type: lower-greek;}
.list-style-lower-latin {list-style-type: lower-latin;}
.list-style-upper-latin {list-style-type: upper-latin;}
.list-style-armenian {list-style-type: armenian;}
.list-style-georgian {list-style-type: georgian;}
.list-style-lower-alpha {list-style-type: lower-alpha;}
.list-style-upper-alpha {list-style-type: upper-alpha;}
.list-style-none {list-style-type: none;}
.list-style-outside {list-style-position: outside;}
.list-style-inside {list-style-position: inside;}

.blog-sidebar-custom-widget .blog-custom-widget {}
.blog-sidebar-custom-widget .blog-custom-widget ul li {margin: 5px 0 5px 0}
.blog-sidebar-custom-widget .blog-custom-widget ul li a {color: #1f1f1f}
.blog-sidebar-custom-widget .blog-custom-widget ul li a:hover {color: #e94d24}
.blog-sidebar-custom-widget .blog-custom-widget .widget-title {font-weight: 600; font-size: 20px; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #f1f1f1}

/* contact form & Reply comment start */
.blog-details-contact{background: #f9f9f9; padding: 10px;}

/* blog details contact form start */
.blog-details-contact .comment-respond{border: solid 1px #eee; padding: 15px; width:100%; background: #fff;}
.blog-details-contact h3{margin-bottom: 10px; font-weight: 600; font-size: 25px; line-height: normal;}
.blog-details-contact h3 small{padding-left: 7px;}
.blog-details-contact p{padding-bottom: 0; vertical-align: top;}
.blog-details-contact p.comment-notes{margin-bottom: 15px; line-height: normal;}

.blog-details-contact  input:not([type=submit]){height: auto;}
.blog-details-contact .form-control{padding: 10px 14px; margin-top: 0; border-color: #ddd;}
.blog-details-contact  textarea{margin-bottom: 20px; height: 130px;}
.blog-details-contact .comment-form-cookies-consent{display: flex; align-items: start;}
.blog-details-contact .comment-form-cookies-consent input{margin-bottom: 0; margin-top: 6px; margin-right: 5px;}
.blog-details-contact .comment-form-cookies-consent label{margin-bottom: 0;}
.blog-details-contact  input[type=submit]{padding: 5px 10px; background: #e94d24; color: #fff; border: none; transition: ease-in-out all 0.5s;}
.comment-respond .form-submit{margin-bottom: 0;}
.blog-details-contact  input[type=submit]:hover{background: #000;}
.form-control:focus{box-shadow: none;}
.blog-details-contact .form-control:focus{border-color: #fc5356;}
.comment-form-comment textarea.error{margin-bottom: 0px; }
.blog-details-contact .comment-form input.error+.error, .comment-form-comment textarea.error+.error{ color: red; font-size: 12px; line-height: normal;}
/* blog details contact form end */

  /* blog contact comment start */
.blog-details-contact h2.comments-title{font-size: 20px; margin-bottom: 15px;}
.blog-details-contact li,.blog-details-contact ol{list-style: none;}
.blog-details-contact .comment-list{list-style: none; padding: 0; margin: 0 0 15px 0;}
.blog-details-contact .comment-list .comment-respond{margin-top: 15px;}
.blog-details-contact .comment-author.vcard{margin-bottom: 2px;}
.blog-details-contact .comment-author.vcard img{width: auto; height: 50px; margin-right: 5px; position: absolute; left: 0; top: 0; border-radius: 50%;}
.blog-details-contact .comment-author.vcard cite,.blog-details-contact .comment-author.vcard span{font-size: 17px; font-style: normal; font-weight: 500; line-height: normal;}
.blog-details-contact .comment-list a{color: #fc5356; transition: ease-in-out all 0.5s;}
.blog-details-contact .comment-list a:hover{color: #000;}
.blog-details-contact .comment-list  li.comment{position: relative; margin-bottom: 25px;}
.blog-details-contact .comment-list .comment-body{margin-left: 70px; background: rgba(0,0,0, 0.02); border-radius: 4px; padding: 15px; }
.blog-details-contact .comment-list .comment-body:before {content: ''; display: block; position: absolute; left: 60px; top: 13px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid rgba(0,0,0, 0.02);}
.blog-details-contact .comment-list .children > li { border-bottom: 0px; margin-bottom: 0px; margin-top: 15px; margin-left: 20px;}
.blog-details-contact .comment-list .reply a.comment-reply-link { font-size: 13px; position: absolute; right: 10px; margin-top: -20px; display: block;}
.blog-details-contact .comment-list .reply a.comment-reply-link:before { content: "\efd4"; font-weight: normal; font-family: 'IcoFont'; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); padding-right: 5px; font-size: 9px; position: relative; top: -1px;}
/* blog contact comment end */

/* contact form & Reply comment end */

/*Blog Detail page end*/

/* Portfolio Page start*/
.portfolio-listing-section {padding-bottom: 0}

/*Tab menu start*/
.work-filter-block {padding: 0 0 40px 0}
.work-filter-block ul {display: flex; justify-content: center}
.work-filter-block ul li a {font-size: 16px; font-weight: 600; font-family: var(--altfonts); margin: 0 15px; text-transform: uppercase; color: #1f1f1f}
.work-filter-block ul li a:hover, .work-filter-block ul li.active a{color: #e94d24}
/*Tab menu end*/

.portfolio-grid-container .portfolio-grid figure {margin-bottom: 0}
.portfolio-grid-container .portfolio-grid figure img {max-width: 100%; width:100%;}
.portfolio-grid-container .portfolio-grid a:hover figure figcaption {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.portfolio-grid .grid-item {position: relative;}
.portfolio-grid .grid-item figure figcaption {position: absolute; left: 0; top: 0; bottom: 0; right: 0;  opacity: 0;background-color: rgba(0, 34, 108, 0.8);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.portfolio-hover-text {padding: 15px 25px; padding: 15px 25px; background: #fff; position: absolute; top: auto; bottom: 0; left: 0; right: 0; min-height: 80px;}
.portfolio-hover-text h4 {color: #1f1f1f; font-weight: 600; margin-bottom: 0; font-size: 20px;}
.portfolio-hover-text .dev-category {font-size: 16px; color: #103e69}
.portfolio-hover-text .dev-category span{color: #e94d24; font-weight: 500;}
.portfolio-hover-text p {font-size: 14px; color: #1f1f1f; margin-bottom: 5px;}

/* Portfolio Page end*/

.grid-sizer,
.grid-item {width: 33%;}

/* Portfolio Details Page start*/
.portfolio-detail-page-inner a{color: #e94d24;}
.single-portfolio header {background-color: #0471c0;}
.single-portfolio header.header-appear {background-color: #fff;}
.portfolio-detail-header-section {margin-bottom: 50px; text-align: center;}
.portfolio-detail-header-section h4 {color: #103e69;font-weight: 700; font-size: 18px; margin-bottom: 0;}

.portfolio-detail-header-section h1 {font-size: 52px; text-transform: uppercase; color: #e94d24; font-weight: 700; letter-spacing: 0.06em; margin-bottom: 20px; line-height: 54px;}
.portfolio-detail-page-inner .portfolio-detail-header-section ul{columns: 5; text-align: left; margin-bottom: 0;}

.portfolio-banner-image {background-position: center center; background-repeat: no-repeat; background-size: cover; height: 640px; background-attachment: fixed;}

.portfolio-detail-page-inner p:last-child{margin-bottom: 0;}
.portfolio-detail-page-inner h6{font-weight: 600; font-size: 18px;}
.portfolio-detail-page-inner ul {list-style: none;padding: 0; margin: 0 0 20px 0;}
.portfolio-detail-page-inner ul li{padding-left:15px; margin:0px; position: relative; margin-bottom: 10px;}
.portfolio-detail-page-inner ul li:before{content:"\ec77"; font-family:IcoFont; font-size: 6px; position: absolute; left: 0; top: 0;}
.portfolio-detail-page-inner ul li:last-child{padding-bottom: 0;}

/*section padding*/
.portfolio-overview-section, .portfolio-chalanges, .the-solutaion, .solutaionbg, .portfolio-results{padding-top:60px; padding-bottom: 60px;}
.portfolio-detail-page-inner h2{margin-bottom: 20px;}

/*OVERVIEW section*/
.portfolio-overview-section {background-color: #f1f2f2; text-align: center;}
.portfolio-overview-section h2 {font-weight: 700; text-transform: uppercase; }

.heading-content h6 {font-weight: 600; color: #e94d24; text-transform: uppercase; margin-bottom: 0}
.heading-content h2 {font-weight: 700}
.heading-content p {font-size: 14px; line-height: 24px}

/*Chalanges section start*/
.portfolio-chalanges{width: 100%; text-align: center; background: #1f1f1f;	color: #fff;}
.challenge-sec{width:100%; float:left; padding-top:30px;}
.challenge-sec h3{color: #fff; margin:8px 0 0 0; font-size:16px; position:relative; font-weight: 700; text-transform: uppercase;}
.challenge-sec h3:before{content: ""; width: 125px; height: 2px; background: #e94d24; position: absolute; left: 0; right: 0; top:50px; margin: 0 auto;}
/*Chalanges section end*/

/*the-solutaion section start*/
.the-solutaion h2{text-align:center;  color: #373737; font-weight: 700; text-transform: uppercase;}
/*the-solutaion section end*/

/*solutaion section start*/
.solutaionbg{width:100%; background:#eee;}
.solutaion-img{width:100%; text-align: center;}
.solutaion-img img{width:100%;}

.type-sec{width:100%; float:left; padding-top:50px;}
.type-sec h2{font-size: 38px;color: #373737; border-bottom: 1px solid #999; line-height: normal; padding-bottom: 20px; margin-bottom: 25px;	font-weight: 700; text-transform: uppercase; }
.type-sec h5{font-size: 50px;color: #6e6e6e; margin-bottom: 0; text-transform: uppercase; line-height:45px;}
/*solutaion section end*/

/*Portfolio results section start*/
/*.mobile-img{width:100%; float:left; padding:180px 0 50px 0;}*/

.result-text{width:100%; float:left; text-align:center;}
.result-text h2{color:#373737; font-size:60px; font-weight:700; text-transform:uppercase; padding:50px 0 0;}
/*Portfolio results section end*/

/* Portfolio Details Page end*/

/*Testimonial page start*/
.testimonial_even, .testimonial_odd{min-height:300px;}
.testimonialsection{padding:0px; margin:0px; float:left; border-radius:15px; border:1px solid #f2f2f2;  background:#fcfdff; margin-bottom:90px; position:relative; z-index:9;
box-shadow:8px 10px 20px -0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:8px 10px 20px -0px rgba(0, 0, 0, 0.1);
-ms-box-shadow:8px 10px 20px -0px rgba(0, 0, 0, 0.1);
-o-box-shadow:8px 10px 20px -0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:8px 10px 20px -0px rgba(0, 0, 0, 0.1);}

.testimonialsection .card-body h3 {padding: 0px 0 15px 159px;  margin: -68px 0 35px 0; color: #04339a;  font-size: 25px; line-height: 24px;}
.testimonialsection .card-body p{padding:0px 0 15px 0; margin:0px; line-height:28px; font-size:18px; color:#000;}
.testimonialsection img.card-img-top{width:128px; height:128px; border:solid rgba(0, 0, 0, 0.2) 1px; border-radius:100%; display: inline-block;
box-shadow:12px 5px 10px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:12px 5px 10px 0px rgba(0, 0, 0, 0.1);
-ms-box-shadow:12px 5px 10px 0px rgba(0, 0, 0, 0.1);
-o-box-shadow:12px 5px 10px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow:12px 5px 10px 0px rgba(0, 0, 0, 0.1);
position:relative; left:30px; margin-top: -44px;}
/*Testimonial page end*/

/* Services pages start*/

/* all Services pages start*/
/*banner start*/
.small-btn {padding: 8px 32px; display: inline-block; text-transform: uppercase; font-family: var(--altfonts);  font-weight: 700; font-size: 18px;}
.small-btn:hover,
.small-btn:focus {color: #fff;}
/*banner end*/

.white-btn{background-color:#fff; color: #0471c0; border: 1px solid #fff}
.white-btn:hover{background-color:transparent; color: #fff;}
.squre-btn{border-radius: 0;}

.orange-btn {background-color: #e94d24; color: #fff;}
.roundshape-btn {z-index:1; border-radius: 1000px; overflow:hidden; position:relative; border-width:1px; border-style: solid;}
.roundshape-btn:after{content:"";position:absolute;top:50%;left:50%;background:#ffffff;height:2px;width:2px;transition:.5s ease-in-out;z-index:-1;border-radius:50px;opacity:0;}
.roundshape-btn:hover:after{opacity:1;transform: scale(100,50);}
.roundshape-btn:hover{color:#e94d24; }

/* all Services pages end*/

/* Services 1 pages start*/
.servicelavel1-banner{height: auto; position: relative; z-index: 2; overflow: hidden;}
.servicelavel1-banner:before{content: "";  position: absolute; bottom: -1px; height: 50px; background-color:#fff; width: 100%; z-index: 26;
    -webkit-clip-path: polygon(0 0%, 100% 97%, 100% 100%, 0 100%); -moz-clip-path: polygon(0 0%, 100% 97%, 100% 100%, 0 100%); clip-path: polygon(0 0%, 100% 97%, 100% 100%, 0 100%);   }

.service1-main-banner{padding-top: 80px; padding-bottom: 50px;}
.service1-main-banner .container > .row{align-items: center;}

.service-lavel-1-header-content{display: flex; align-items: center; min-height: 85vh; position: relative; z-index: 10;}
.service-lavel-1-header-content h1{font-size: 70px; font-weight: 700; color: #fff; text-transform: uppercase; width: 100%; margin-bottom: 20px; line-height: normal;}

/*.banner-images{position: absolute; right: 0; width: 100%; z-index:25;}*/

.banner-images{display: flex; justify-content: center;}
.banner-images img{max-width: 100%; width: 100%;}

/*IOT Page start*/
/*IOT banner start*/
.iot-service-level-1{height: auto;}
.iot-service-level-1:before{-webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%); -moz-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%);
}

/*IOT banner end*/

/*IOT Page enad*/

/*Web Development Pager start*/
/*banner start*/
.qa-service-level-1{background-image:url('../images/qa-banner-image.jpg'); background-size: cover;}
.qa-service-level-1:before{-webkit-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%); -moz-clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(0 100%, 100% 0, 100% 100%, 0% 100%);}
/*banner end*/
/*Web Development Pager end*/

/*Microsoft Technologies page start*/
/*banner*/
.microsoft-technology-service-level-1{background-image:url('../images/microsoft-technology-bg.jpg'); background-size: cover;}

/*Microsoft Technologies page end*/

/*Mobile Application Development page start*/
/*Banner*/
.mobile-development-service-level-1{background: #2d369f; /* Old browsers */
background: -moz-linear-gradient(-45deg, #2d369f 59%, #eecc47 59%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #2d369f 59%,#eecc47 59%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #2d369f 59%,#eecc47 59%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d369f', endColorstr='#eecc47',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/*Mobile Application Development page end*/

/*Hire Dedicated Developers page start*/
/*Banner*/
.hire-dedicate-dev-service-level-1:after{content: ""; background-image: url('../images/hire-developer-bg.png'); background-repeat: repeat; height: 100%; width: 100%; position:absolute; top: 0; left: 0; z-index: -1;}
/*Hire Dedicated Developers page end*/

/*Extra pages*/
/*e-commerce-retail-b2b page*/
section.services-overview-section.simple-para ul {list-style: disc; margin-left:30px; margin-bottom: 15px; }
section.services-overview-section.simple-para ul li {margin-bottom: 10px;}
section.services-overview-section.simple-para ul li:last-child {margin-bottom: 0;}

/* Services 1 pages end*/

/* Services 2 pages start*/
/*hero Banner2 start*/
.servicemain-page-header .mobileappdevelopment-content{padding-top: 80px;}
.mobileappdevelopment { padding: 0 0 /*100px */0; background: #0471c0; position: relative}
.mobileappdevelopment:before {content: ""; position: absolute; height: 40px; width: 100%; bottom: -39px; left: 0; background: #0471c0; clip-path: polygon(0 70%, 0 0, 100% 0);}
.mobileappdevelopment-content .heading-content .highlited-text {font-weight: 700; font-style: italic; color: #fff; position: relative; padding-left: 62px; margin-bottom: 25px; width: 100%;}
.mobileappdevelopment-content .heading-content .highlited-text:after{content:""; width:42px; height: 1px; background-color:#fff; display:inline-block; position:absolute;left:0; top: 13px;}
.mobileappdevelopment-content .heading-content .main-text {/* word-break:break-all; */ font-size:70px; font-weight: 700; text-transform: uppercase; color: #fff; margin-bottom:20px; line-height: normal; width: 100%;}

.servicemain-page-header .heading-content p{color: #fff;}

.servicemain-page-header .shape-svg-block {position: absolute; width:100%; left:0px; top:0px; display: none;}
.servicemain-page-header .shape-svg-block svg{width:100%}

/*Banner left Content part*/
.servicemain-page-header .mobileappdevelopment-content .container > .row{align-items: center;}
.mobileappdevelopment-content .heading-content-wrap { min-height: 70vh; display: flex; align-items: center;}

/*Banner right image part*/
.header-section-image {display: flex; align-items:center; /*height:100vh;*/}
.header-section-image img{ width:100%; max-width:100%;}
/*hero Banner2 end*/

/*services-list-tabbs-section start*/
.service-inner-listing {padding:70px 0; position: relative; background: #e94d24; height: 100%;}
.service-inner-listing:before {content: ""; position: absolute; left: -100%; width: 100%; height: 100%; top: 0; background: #e94d24; }
.services-list-tabbs-section {background: rgba(241, 242, 242, 1);}
.service-list-tab ul li {margin: 1px 0; width: 100%; display: inline-block;}
.service-list-tab ul li a {color: #fff; background: rgba(2,2,2,0.08); font-size: 20px; line-height: 28px; padding: 12px 8px 12px 30px; display: inline-block; width: 100%; position: relative;}
.service-list-tab ul li a.active:before { content: ""; width: 8px; background-color: #fff; display: inline-block; position: absolute; height: 100%; left: 0; top: 0;}
.service-list-tab ul li a.active {background-color: #d03b14}
.service-list-tab-content {position: relative; height: 100%;}
.service-name-heading {margin-bottom: 25px;}
.service-name-heading h2 {font-weight: 700; text-transform: uppercase; color: #fff; letter-spacing: 0.02em;}

.tab-content-block {display: none; float: left; padding:70px 0; animation: slide-down-tab 0.5s ease-out;}
.tab-content-block.active {display: block;}
.tab-content-block .tab-content h3 {font-weight: 700; margin-bottom: 25px;}
.tab-content-block .tab-content p {line-height: 28px; margin-bottom: 25px;}
.tab-content-block .tab-content .tab-content-link { position: relative; top: auto; bottom: 0; left:0px; padding:18px 22px 19px 20px; /*min-width:190px;*/ background-color: #103e69; display: inline-block; text-align: right; color: #fff; text-transform: uppercase; font-weight: 700;}
.tab-content-block .tab-content .tab-content-link:hover{background:#e94d24; }
.tab-content-block .tab-content .tab-content-link::before { content: ""; width: 35px; height: 2px; background-color: #fff; display: inline-block; margin-right: 15px; vertical-align: middle; transition: width 0.5s;}
.tab-content-block .tab-content .tab-content-link:hover::before{ width:5px;}

@keyframes slide-down-tab {
	0% {
		opacity: 0;
		transform: translatey(-20px);
	}

	100% {
		opacity: 1;
		transform: translatey(0);
	}
}

/*services-list-tabbs-section end*/

/* Services 2 pages end*/

/* Services 1 & Services 2 pages start*/
.simple-para h5 {color:#e94d24;font-weight: 600; text-transform: uppercase; margin-bottom: 0;}
.simple-para h2 {font-weight: 700; margin-bottom: 30px;}
.simple-para .content p {line-height: 26px; margin-bottom: 25px;}
.simple-para .content p:last-child{margin-bottom: 0;}

/*service business domain section*/
.service-business-domain-section {position: relative;}
.service-business-domain-section .section-heading-block {text-align: center;}

.service-domain-listing-wrap {}
.service-domain-listing .owl-item {opacity: 0.2;}
.service-domain-listing .owl-item.active {opacity: 1;}
.service-domain-listing .domain-item {text-align: center;}
.service-domain-listing .domain-item .domain-content {text-align: center;}
.service-domain-listing .domain-item .domain-content .icon-wrap {width: 120px; height: 120px; display: flex;align-items: center; justify-content: center; border-radius: 100%; border: 2px dashed #000000; margin: 0 auto 15px;}
.service-domain-listing .domain-item .domain-content .icon-wrap i {font-size: 64px;color: #103e69;}
.service-domain-listing .domain-item .domain-content .icon-wrap img {width:auto; transition: 0.5s ease-in-out;}
.service-domain-listing .domain-item .domain-content .icon-wrap a:hover img {transform: scale(0.8);}
.service-domain-listing .domain-item .domain-content .domain-service-name a {color:#000;}

/* hireDeveloper-section */
.hireDeveloper-section .section-heading-block .section-heding { text-transform: capitalize;}
.hire-developer-service-listing {margin-top: 35px;}
.hire-developer-service-listing ul {display: flex; justify-content: center;}
.hire-developer-service-listing ul li {margin: 0 15px;}
.hire-developer-service-listing ul li a {color: #ea5e3a;border: 1px solid #ea5e3a; border-radius: 10000px; padding: 6px 24px; display: inline-block; margin-bottom: 15px;}
.hire-developer-service-listing ul li a:hover {background-color: #ea5e3a; color: #fff;}

/*counter section*/
.counter-section{display: flex; position: relative; padding-top: 0; }
.page-id-6782 .counter-section {margin-bottom: 40px;}
.page-id-6763 .counter-section {
    margin-bottom: 40px;
}

.counter-section:after{content: ""; position: absolute; right: 0; top: auto; bottom: 0; left: auto; background-color:#103e69; z-index: 1; width: 25%; height: 168px;}
.counter-section .counter-item{display: inline-block; width: 46%; text-align: center;}
.counter-value{font-weight: var(--altfonts) !important; font-size: 42px; font-weight: 700 !important; margin-bottom: 15px; }
.count-title{font-weight: var(--altfonts) !important; font-size: 42px; font-weight: 700 !important; margin-bottom: 15px;}
.counter-item .counter-label{color: #e94d24; font-size: 18px; font-weight: 600;}

.typewriteing-block{background-color:#103e69; padding: 20px 50px; display: flex; align-items: center; height: 168px; position: relative; z-index: 4;}
.counter-text-block{ display: flex; align-items: center; height: 168px;}
.typewriteing-block .fancytext{font-size: 32px; color: #fff;}
.typewriteing-block .fancytext .cursor{font-weight: 700;}

/* Services 1 & Services 2 pages end*/

/* Services 3 pages start*/

/*Hero Banner3 start*/
.service-level-3-header{position: relative;}

.blur-effect-header-cover-bg-img{position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100vh;}
.service-level-3-header .banner-heding-content h1{font-size: 78px; line-height: 90px; font-weight: 700; color: #fff; text-transform: uppercase; /*margin-bottom: 18%;*/ }
.service-level-3-header .banner-heding-content .banner-para-content .row{align-items: center;}
.banner-heding-content{position: relative; height: 100vh; display: flex; align-items: flex-end;}

.blur-effect{filter:blur(4px); -webkit-filter: blur(4px);}
/*Hero Banner3 and*/

/*Banner btm text*/
.main-bottom-fixed-section{position: absolute; left: 0; right: 0; bottom: 0;}
.main-bottom-fixed-section .plate { background: white; display: flex; align-items: center; justify-content: space-between; position: relative;}
.main-bottom-fixed-section .bound { width: 87%; max-width: calc(1140 * 1px); margin: 0 auto;}
.main-bottom-fixed-section .plate:before, .main-bottom-fixed-section .plate:after { content: ""; display: block; position: absolute; bottom: 0; width: 1px; height: 100%;}
.main-bottom-fixed-section .plate:after {right: 0; background: white; -webkit-transform: translateX(100%); transform: translateX(100%); width: calc((100vw * 0.13) / 2);  -webkit-box-shadow: -1px 0 0 white; box-shadow: -1px 0 0 white;}
.plate-inner-block{padding:45px 45px 45px 25px;}
.plate-inner-block .row{align-items: center;}
.plate-content{padding-right: 0px; text-align: justify;}

/*WHY CHOOSE section*/
.overview-images-block{position: relative; padding: 40px;}
.overview-images-block .overview-images-inner{position: relative;}
.overview-images-block .overview-images-inner:before,
.overview-images-block .overview-images-inner:after{position: absolute; content: ""; z-index: 1;}
.overview-images-block .overview-images-inner:before{background-color:#68e10f; height: 170px; width: 170px; left: -40px; top: -40px; opacity: 0.2;}
.overview-images-block .overview-images-inner:after{background-image:url(../images/dotted-patern.png); background-repeat: no-repeat; width: 184px; height: 184px;top: auto; left: auto;
right: -40px; bottom: -40px;}
.overview-images-block .overview-images-inner .fixed-img-box{width:100%; max-height:475px; height:475px; overflow: hidden; background-color:#d03b14; position: relative; z-index: 2;}
.overview-images-block .overview-images-inner .fixed-img-box img{object-fit: cover; width:100%;}

.Service-about-clone-content-display{margin-top: 40px;}
.Service-about-clone-content-display h5{color: #e94d24; text-transform: uppercase; font-weight: 600;}
.Service-about-clone-content-display h3{font-weight: 700; margin-bottom:20px;}
.Service-about-clone-content-display p{color: #444545; line-height: 26px; margin-bottom: 30px;}

.quote-block{position: relative; padding:25px 35px; box-shadow:0 0px 10px rgba(31, 31, 31, .09); font-size: 20px; font-family: var(--altfonts); font-weight: 500; line-height: 30px; color: #1f1f1f;}
.quote-block:after{content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 5px; background-color:#e94d24}

/*Development service feature section*/
.development-service-feature-section{background-color:#0471c0; position: relative;}
.development-service-feature-section:after{content: ""; background-image:url('../images/tab-left-bg-small.png');background-repeat: no-repeat;  position: absolute; left: 0; top: 0; width:262px; height:447px;}
.development-service-feature-section .feature-content-block h2{color: #fff; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; }
.development-service-feature-section .feature-content-block p{color: #fff; text-align: justify;}
.development-service-feature-section .row{margin-bottom: 35px;}

.content-feature-list-block li{color: #fff; line-height: 26px; margin-bottom: 10px;}
.content-feature-list-block li:last-child{margin-bottom: 0px;}
.content-feature-list-block .doted-style.white-doted{color: #fff; }
.content-feature-list-block .doted-style{list-style: disc; padding-left: 100px;}

.mid-btn {padding:15px 25px; display: inline-block; text-transform: uppercase; font-family: var(--altfonts); font-weight: 700; font-size: 22px;}

/*The Solutions Section*/
.service-four-box-style .row{align-items: center;}

.box-flip-content{height: /*263px*/ 230px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 30px;}
.service-four-box-style .col-lg-6:nth-child(3) .box-flip-content, .service-four-box-style .col-lg-6:nth-child(4) .box-flip-content{margin-bottom: 0;}

.box-flip-content .box-oneside i{font-size: 48px; color: #e94d24; margin-bottom: 15px;}
.box-flip-content .box-oneside h5{font-weight:600;}
.box-flip-content .box-twoside h5{font-weight:600;}
.box-flip-content .box-twoside p{font-size: 14px; line-height: 22px; color: #fff;}
.box-flip-content .box-twoside p:last-child{margin-bottom: 0;}
.box-flip-content-inner{ position: relative; width: 100%; height: 100%; text-align: center; transition: transform 1s ease-in-out; transform-style: preserve-3d;}
.box-flip-content:hover .box-flip-content-inner {transform: rotateY(180deg);}
.box-oneside, .box-twoside { background-color:#f1f2f2; position: absolute; width: 100%; height: 100%; backface-visibility: hidden; display: flex; flex-direction: column; align-items: center;
justify-content: center; padding: 15px;}
.box-twoside {background-color: #e94d24; color: white; transform: rotateY(180deg);}

/*AngularJs Development page start*/


/*Why Choose AngularJS Development start*/
.page-template-service-new .ser-why-choose-new{padding-top: 0;}

.ser-why-choose{background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(245,250,255,1) 100%); padding-bottom: 140px;}

.ser-why-choose-main{margin-top: -80px;}
.ser-why-choose-box{box-shadow: 0 5px 5px 0px rgba(142 142 142 / 20%); background: #fff; padding: 30px; flex-direction: column;height: 100%;}
.ser-why-choose-box.bor-blue{border-top: solid 3px #103e69;}
.ser-why-choose-box.bor-orange{border-top: solid 3px #e94d24;}
.ser-why-icon{display: flex; align-items:center; padding-bottom: 21px;}
.ser-why-icon span{display: flex;  flex-shrink: 0; align-items:center; justify-content: center; width: 100px; height: 100px; margin-right: 28px; border-radius:50%; box-shadow:0px 0px 5px 0px rgba(142 142 142 / 20%); background: #fff;}
.ser-why-icon h4{font-size: 22px; line-height: 32px; font-weight: 700;margin-bottom: 0;}
.ser-why-choose-box p:last-child{margin-bottom: 0;}
/*Why Choose AngularJS Development end*/

/* AngularJS Development Services start  */
.angular-service-section.simple-para h2 {margin-bottom: 48px;}
.angular-service-section img{max-width: 100%; height: auto;}
.angular-service-box h4{font-size: 22px; line-height: 32px; font-weight: 700;margin-bottom: 10px;}
.angular-service-box p:last-child{margin-bottom: 0;}
.angular-service-box .angular-service-content{padding: 21px 0px 46px;}
/* AngularJS Development Services end  */

/* left right section start  */
.anguler-left-right-section{position: relative;z-index: 1;background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(241,242,242,1) 100%);}
.anguler-left-right-section .content{margin-bottom: 10px;}
.anguler-left-right-section::after{content: "";background: url(../images/left-right-shape-1.png)no-repeat ; position: absolute; left: 0;      top: 14%; height: 850px ; width: 790px; background-size: contain;z-index: -1;}
.anguler-left-right-section::before{content: "";background: url(../images/left-right-shape-2.png)no-repeat ; position: absolute; right: 0; bottom: 27%; height: 769px ; width: 503px; background-size: contain;z-index: -1;}

.left-right-content h4{font-weight: 700;margin-bottom: 12px;}
.left-right-content p:last-child{margin-bottom: 0;}
.left-right-img img{max-width: 100%; height: auto;}
/* left right section end  */

/* our work start  */
.anguler-ourwork-section img{max-width: 100%;}
/* our work end  */

/* faq section start  */
.anguler-faq-section .section-heading-block{margin-bottom: 0;display: block;}
.anguler-faq-section .section-heading-block.small-heading .section-heding {margin-bottom: 30px;}
.main-accordion { max-width: 820px;margin: auto;}
.main-accordion .acc-item { border-bottom: 1px solid #f1f2f2; padding: 27px 25px 27px 25px;position: relative;z-index: 1;}
.main-accordion .acc-btn button{ padding-right: 60px; font-family: var(--altfonts);border: 0;background-color: transparent;padding: 0 60px  0px 0;font-size: 20px; line-height: 26px; font-weight: 600;text-align: left;  width: 100%;}
.main-accordion .acc-item::before{z-index: -1;position: absolute;    right: 25px;   top: 20px;height:42px ; width:42px ;content: "\eac8";font-size: 35px; font-weight: 600;font-family: IcoFont !important;border-radius: 100%; display: flex;   justify-content: center;align-items: center;}
.main-accordion  .acc-item.active::before{ background-color: #e94d24; color: #fff; content: "\eacb";z-index: -1;}
.main-accordion .acc-btn button:focus{border: 0;outline: 0;box-shadow: none;}
.main-accordion .acc-item.active {background-color: #f1f2f2;}
.main-accordion .at-tab p:last-child{margin-bottom: 0;}
.main-accordion .acc-btn { width: 100%; }
.main-accordion .at-tab { display: none;  padding-top: 22px ;padding-right: 60px;}
/* faq section end  */
/*AngularJs Development page end*/
/*shopify Development page start*/

/* wow js code start  */
.wow.animated{animation-iteration-count: initial;}
/* wow js code end  */

/* shopify how we work section start  */
.how-we-work-section-shopify{background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(241,242,242,1) 100%);}
.how-we-work-section-shopify .left-title-area .redirect-link {padding-top: 15px;}
.how-we-work-section-shopify.simple-para  h2{margin-bottom: 20px;}
.how-we-work-section-shopify  .we-work-box h4{font-weight: 700;margin-bottom: 11px;}
.how-we-work-section-shopify  .we-work-box  p:last-child{margin-bottom: 0;}
.how-we-work-section-shopify .right-area-we-work .we-work-box{padding-left: 60px;position: relative;}
.how-we-work-section-shopify .right-area-we-work .we-work-box:not(:last-of-type){padding-bottom: 35px; }
.how-we-work-section-shopify .right-area-we-work .we-work-box:not(:last-of-type)::before{content: ""; top: 5px;left: 14px;height: 100%; width: 2px; background: #c4cdf6; position: absolute;}
.how-we-work-section-shopify .we-work-box .dots {z-index: 1; position: absolute;left: 0; top: 2px; height: 30px; width: 30px;background-color: #e9edfc;border-radius: 100%;display: flex;align-items: center;justify-content: center;}
.how-we-work-section-shopify .we-work-box .dots span{position: relative;background: #0471c0;border-radius: 100%;height: 12px; width: 12px;}
.how-we-work-section-shopify .right-area-we-work .dots:before {content: ""; position: absolute;left: -12px;top: -12px;right: -12px;bottom: -12px;border-radius: 50%; background: #e9edfc;z-index: -1; animation: callBlink 3s infinite ease-in-out;}
.how-we-work-section-shopify .right-area-we-work .dots:after { content: ""; position: absolute; left: -12px;top: -12px; right: -12px; bottom: -12px; border-radius: 50%; background: #e9edfc;z-index: -1; animation: callBlink 3s infinite ease-in-out; animation-delay: 0.8s;}
@keyframes callBlink {from {transform:scale(0.5);opacity:0.9}to {	transform: scale(1.3);	opacity: 0}}

/* shopify how we work section end  */

/*shopify Development page end*/

/* Services 3 pages end*/

/* mobilepages */

.service-child-service-listing {
    margin: /*25px 0*/ 10px 0 0;
    display: inline-block;
    width: 100%;
}

.service-child-service-listing ul {
    display: flex;
    flex-wrap: wrap;
}

.service-child-service-listing li {
    text-align: center;
    width: 20%;
    display: inline-block;
    margin-bottom: 20px;
}

.service-child-service-listing li a {
    text-align: center;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.service-child-service-listing li a .icon-group {
    width: 58px;
    height: 58px;
    border-radius: 100%;
    border: 1px dashed #103e69;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.service-child-service-listing li a .icon-group i {
    color: #103e69;
    font-size: 32px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.service-child-service-listing li a .child-service-name {
    font-size: 14px;
    color: #444545;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.service-child-service-listing li a:hover .icon-group,
.service-child-service-listing li a:focus .icon-group {
    border-color: #e94d24;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.service-child-service-listing li a:hover .icon-group i,
.service-child-service-listing li a:focus .icon-group i,
.service-child-service-listing li a:hover .child-service-name,
.service-child-service-listing li a:focus .child-service-name {
    color: #e94d24;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

/* Service Lavel 1 */
/* Counter Plugins */

/*  Contact Form Validation*/
div.wpcf7-response-output { border-color: #f00 !important; border-width: 1px !important; margin:10px 0 0 0 !important; padding: 0 !important; font-size: 14px; text-align: center; line-height: normal;}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {color: #f00;}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {color: #f7e700;}

.form-group {position: relative;}
.wpcf7-form-control-wrap {position: static;}

span.wpcf7-not-valid-tip {color: #f00; font-size: 1em; font-weight: normal; display: block; position: absolute; right:10px; left: auto; top:5px; font-size: 12px;}

/*Event page start*/
.clear{clear: both;}

/*Event Banner start*/
.life-sprypit-bg{width:100%; text-align:center; float:left; background:url(../images/life-sprybit-bg.jpg) no-repeat center top; background-size:cover;  align-items: center; display: flex;}
.life-sprypit-banner{min-height: 100vh; width: 100%; display: flex; align-items: center; padding-top: 98px; padding-bottom: 40px;}

.life-sprybit big{font-size:70px; text-transform:uppercase; color:#FFF; font-weight:bold; font-family: 'Montserrat', sans-serif; padding:0; margin:0px; display:block; position:relative; line-height:normal;}
.life-sprybit big:after{width:24px;  height:24px; bottom:15px; align-items: flex-end; background:#e94d24; position:absolute; border-radius:45px; content:'';}
.life-sprybit p{padding:20px 0 0px; margin:0px; /*font-size:14px;*/ color:#FFF;}
/*Event Banner end*/

.lifesprybit{width:100%; text-align:center; }
.lifesprybit h1{padding:0px; margin:0 0 30px 0; line-height: normal; font-size:42px; font-weight: 700;}
.event-section{ width:100%; padding:0px; margin:0px 0 30px 0; float:left; position:relative;}
.event-section img{max-width:100%;}
.event-section .follow-section{float:left; width:100%; background:#e94d24; position:relative; z-index:9; }
.event-section .follow-section span{float:left; color:#FFF; padding:12px 0 12px 21px; display:inline-block; font-size:16px; color:#FFF; font-weight:600;}
.event-section .follow-section ul{padding:0px 8px 0 0; margin:0px; float:right}
.event-section .follow-section ul li{padding:0px; margin:9px 0px 0 8px; display:inline-block;}
.event-section .follow-section ul li a{padding:0px; display:block; color:#FFF; font-size:16px; width:32px; height:32px; border-radius:45px; text-align:center; line-height:32px;
line-height:30px; background:#da441c;}
.event-section .follow-section ul li a:hover{background:#000}
.year-celebration{background:rgba(11, 82, 180, 0.92);  position: absolute; left: 0px;right: 0px; width: 100%;  height: 100%;  text-align: center; display:table; vertical-align:middle; transition:ease-in-out all 0.5s; -transition:ease-in-out all 0.5s; -ms-transition:ease-in-out all 0.5s; -o-transition:ease-in-out all 0.5s; -webkit-transition:ease-in-out all 0.5s; opacity:0;}
.event-section:hover .year-celebration{opacity:1;}
.year-celebration a{ font-size:24px; padding:0 15px; margin:0px; text-align:center; color:#FFF; font-family: 'Montserrat', sans-serif; line-height:normal; font-weight:600; display:table-cell; vertical-align:middle;}

.sprybit-life-social{background:#103e69; padding: 40px 0;}
.sprybit-life-social .container > .row{align-items: center;}
.sprybit-life{width:100%; font-family: 'Great Vibes', cursive; font-size:42px; color:#FFF; line-height:58px;}
.fb-continue{width:100%; text-align:center;}
.fb-continue a{outline:none;}
.fb-continue a img{max-width:100%;}

.life-sprybit{width:100%; text-align:left; float:left;}
.life-sprybit span{display:block; color:#e94d24; font-size:24px; font-weight:bold; font-style:italic; position:relative; padding-left:63px;  font-family: 'Montserrat', sans-serif;}
.life-sprybit span:before{ width:42px; left:0px; top:13px; height:1px; background:#fff; position:absolute; content:'';}

.EventFancyBox .fancybox-thumbs__list a:before{border:solid 3px #e94d24; }

/*Event page end*/

/*Free Estimation popup start*/
#extraLargeModal{padding-right: 0;}
.main-popup-wapper{padding:0px; margin:0px auto; max-width:100%; width:878px; right: 0px; left: 0px; background:#fbfbfb; border-radius:35px; display:table; overflow:hidden; position:relative;}
.main-popup .main-popup-wapper1{padding:0px; margin:0px auto; max-width:92%; width:878px; right: 0px; left: 0px; background:#fbfbfb; border-radius:22px; display:table; overflow:hidden; position:relative; z-index:99999; /*top:60px;*/}
.main-popup .modal-dialog {max-width: 100%;/* margin:6rem auto;*/ pointer-events: auto;}

.right-section1{width:44%; background:#f1f1f1; float:right; min-height:100%; height:100%; text-align:center; position:absolute; right:0px;}
.right-section1 .edit-icon{ margin:101px 0 74px 0;}
.animated {animation-duration: 2.5s; animation-fill-mode: both; animation-iteration-count: infinite;}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
  40% {transform: translateY(-30px);}
  60% {transform: translateY(-15px);}
}

.bounce {
  animation-name: bounce;
}

/*Free Estimation popup end*/

/*PRIVACY POLICY page start*/

.privacy-policy{ padding:0px; margin:0px;}
.privacy-policy h3 {padding: 0px 0 10px 0; margin: 0px; font-size: 24px; line-height: 30px;  font-weight: 600;}
.privacy-policy h4 {padding:0px 0 10px 0; margin: 0px; font-size:20px; line-height: 24px;  font-weight: 600;}
.privacy-policy p {margin-bottom:25px;}
.privacy-policy p:last-child {margin-bottom: 0; }
.privacy-policy .img-cont-pp{margin-bottom: 0; float: right; padding: 0 0px 10px 15px;}

.privacy-policy ul{padding:0px;  margin:10px 0 45px 0;}
.privacy-policy ul li {padding: 0px 0 0 30px; margin: 0px 0 15px 0; /*font-size: 18px;font-weight: 600;*/ line-height: normal;  position: relative;}
.privacy-policy ul li:before{ content:''; position:absolute; left:0px; top:1px; background:url(../images/bullet.png) no-repeat center center; width:20px; height:20px; background-size:100%;}
.privacy-policy ul li:last-child{margin-bottom: 0;}

/*PRIVACY POLICY page end*/

/*Footer Industries pages start*/
.industries-main-content{padding: 30px 0;}
.industries-main-content h5{color: #1f1f1f;}

.industries-four-box-style{padding: 0 !important;}
.heading-content .solution-sub-title {color: #000000; text-transform: capitalize; font-weight: 700;}

/*Footer Industries pages end*/

.right-section1 .close{font-size:20px; color:#fff; position:absolute; top:10px; right:10px; width:30px; height:30px; background:#e94d24; opacity:1;
cursor:pointer; border-radius:50px; line-height:25px; transition:ease-in-out all 0.5s; -moz-transition:ease-in-out all 0.5s; -ms-transition:ease-in-out all 0.5s;
-o-transition:ease-in-out all 0.5s; -webkit-transition:ease-in-out all 0.5s; display: flex;}

.right-section1 .close:hover{opacity:1 ;
transform:rotate(145deg);
-moz-transform:rotate(145deg);
-ms-transform:rotate(145deg);
-o-transform:rotate(145deg);
-webkit-transform:rotate(145deg);}

.right-section1 .close:hover img{opacity:1 ;
transform:rotate(145deg);
-moz-transform:rotate(145deg);
-ms-transform:rotate(145deg);
-o-transform:rotate(145deg);
-webkit-transform:rotate(145deg);
 transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}

.right-section1 .close img{width:14px;  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;}

/*--------------input animation-----------------*/
:root{--main-color:#353535;	--second-color:#000;	--input-color:#cfcfcf;}
.left-section1 form {padding:0px;}
.left-section1.left-section h2{font-size:22px; text-transform:uppercase; font-weight:600; padding:22px 0 8px 0px; margin:0px; color:#000;}
.left-section1 h2 span{color:#e94d24;}
.left-section1 .form-group .wpcf7-form-control-wrap .form-control{border-radius:0px; border-bottom-color:#bec1c1;}
.left-section1 .form-group .wpcf7-form-control-wrap .form-control:focus{box-shadow:none;}
.left-section1 p{ margin:0px;}
.left-section1 div.wpcf7-response-output { border: 2px solid red;   margin: 0; padding: 2px 0 5px 0 !important;}

.left-section1 input.wpcf7-submit.wpcf7-form-control:hover{background:#e94d24; box-shadow:none; color: #fff;}
.left-section1 input.wpcf7-form-control:focus{box-shadow:none !important;}
.left-section1 input.wpcf7-form-control {width:135px; padding:10px 0; margin: 0px;  background: none; border-radius: 45px; color: #000;  font-size: 18px; font-weight: 600; border: solid #e94d24 1px;}
.left-section1 span.wpcf7-not-valid-tip{right: 16px;}

.left-section1 .form-group {position: relative; padding:0px; width:100%; max-width: 100%; margin:0 0 10px 0;}
.left-section1 .form-group input {background-color: transparent !important; border: none; border-bottom: 1px solid var(--input-color); color: var(--second-color); font-size:14px;	padding:4px 0 3px 0; display: block; width: 100%;border-radius:0;}
.left-section1 .form-group label {color:#5b5b5b; font-size:14px; position: absolute; pointer-events: none;	transform: translateY(30px); transition: all 0.2s ease-in-out; left: 0px;
font-weight:600; top:-14px;}
.left-section1 .form-group input:valid,
.left-section1 .form-group input:focus {border-bottom-color:#bec1c1; outline: none;}
.left-section1 .form-group input:valid + label,
.left-section1 .form-group input:focus + label {color: var(--main-color); font-size: 14px; transform: translateY(0);}
.left-section1 input[type="button"] {background-color: var(--main-color);border: 2px solid var(--main-color);	border-radius: 2px;	box-sizing: border-box;
	color: #fff;cursor: pointer;font-size: 16px; padding: 15px 0; margin-top: 15px;	width: 100%;}
.left-section1 input[type="button"]:hover {background-color: #fff;	color: var(--main-color);}
.left-section1 input[type="button"]:active {border-color: #fff;}
.left-section1 input[type="button"]:focus {outline: none;}
.left-section1{width:56%; font-family: 'Open Sans', sans-serif; height:100%; padding:0 11px 20px 25px; float:left;}
.left-section1 button {width:170px; background: #e94d24; border-radius: 45px;  border: 0px; font-weight: 600; font-size: 20px; margin: 0px auto; display: block; margin-top: 5px;
    margin-bottom: 35px; height:50px; transition:ease-in-out all 0.5s; -moz-transition:ease-in-out all 0.5s; -ms-transition:ease-in-out all 0.5s;
	-o-transition:ease-in-out all 0.5s; -webkit-transition:ease-in-out all 0.5s;}
.left-section1 button:hover{width:185px; transition:ease-in-out all 0.5s; -moz-transition:ease-in-out all 0.5s; -ms-transition:ease-in-out all 0.5s;
	-o-transition:ease-in-out all 0.5s; -webkit-transition:ease-in-out all 0.5s;}
.left-section1 button:hover{background:#000;}
.left-section1 button:focus{box-shadow:none !important; background:#e94d24 !important;}
.left-section1 button:active{box-shadow:none !important; background:#e94d24 !important;}
.left-section1 button:active:focus{box-shadow:none !important;}
.left-section1 h2{font-size:22px; text-transform:uppercase; font-weight:600; padding:22px 0 8px 0px; margin:0px; color:#000; line-height: normal;}
.left-section1 h2 span{color:#e94d24;}
.left-section1 .form-group input.wpcf7-not-valid {border-color: #e94d24;}
/*-----------------*/
.left-section1 .form-group textarea {border: none; border-bottom:solid 1px #bec1c1; font-size:14px;	padding:8px 0 0px 0; display: block;	width: 100%; border-radius:0px;
outline:none; margin:0px; box-shadow:none; height:110px; resize:none; background:none;}
.left-section1 .form-group textarea:focus {border-bottom:#000 solid 1px; outline: none; box-shadow:none;}
.left-section1 .form-group textarea:valid + label,
.left-section1 .form-group textarea:focus + label {color: var(--main-color); font-size: 14px; transform: translateY(0);}

.categories-tag-blog{display: flex; align-items:flex-start; padding: 5px 10px; border-radius:0px; flex-direction: column;}

.categories-tag-title {display: inline-block; padding-right:0px;
    font-size: 24px; font-weight: 600;  padding: 0 0 20px 0;}

.categories-tag{float:left; padding:0px; margin:0px; display: inline-block;}
.categories-tag a {box-shadow: none;  background: #e94d24;  border: 0px;  border-radius: 25px;  line-height: 27px; font-size: 15px;  padding: 6px 24px; margin-right:10px;}

.categories-tag a:hover{box-shadow:none; background:#022d74; border:0px;}
.blog-listings{background: #0a5ca9; padding:10px 0; margin:0px;}
.categories-tag-links{margin-right: 10px; color: #fff; font-weight: 500;}
.categories-tag-links:hover{color: #fff;}
.categories-tag-links:after {content: "\eacb"; font-family: 'IcoFont'; font-size: 16px; font-weight: 600;}
.categories-tag-links.collapsed:after { content: "\eac8"; font-family: 'IcoFont'; font-size: 16px; font-weight: 600;}

.categories-listings{ padding:30px 0 0 0; margin:0px;}
.upload input,input.upload {border:0px !important;}
.service select{ border: 0px;  border-bottom:solid #000 1px;}
.service select:focus{border:solid #000 1px;}

/*Careers page start*/
.careers-main .header-main{text-align: center; margin-bottom: 25px;}
.careers-main .header-main .header-title{font-weight: 600; margin-bottom: 0;}
.careers-main .header-main p{margin-top:10px;}

/*Perks & Benefits start*/
.perks-benefits{padding-bottom: 0 !important;}
.perks-benefit-item{box-shadow: 0 0 19px 1px rgba(0,0,0,.03), 0 3px 10px rgba(0,0,0,.03); background: #fff; display: flex; align-items: center; padding: 15px; margin-bottom: 30px; transition: all 0.5s ease-in-out;}
.perks-benefits .col-md-6:nth-last-child(-n+2) .perks-benefit-item{margin-bottom: 0;}
.perks-benefit-item:hover{box-shadow: 0 0 19px 1px rgba(0,0,0,.05), 0 3px 10px rgba(0,0,0,.07); }
.perks-benefit-item .perks-icon {width: 90px; margin-right: 15px;}
.perks-benefit-item .perks-item-detail h3 {font-size: 22px; font-weight: 600; line-height: normal; margin-bottom: 5px;}
.perks-benefit-item .perks-item-detail p:last-child{margin-bottom: 0;}
/*Perks & Benefits end*/

/*Available Position start*/
.available-position{padding-bottom: 0 !important;}
.job-position-item{border: solid 1px #e7e7e7; border-top:0;  position: relative;}
.job-position-item:first-child{border-top: solid 1px #e7e7e7;}
.job-position-item:hover{box-shadow: 0 0 5px 1px rgba(0,0,0,.1), 0 5px 5px rgba(0,0,0,.05);}
.job-position-item:before {position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; border: 2px solid transparent; z-index: -1;  transition: all 0.5s ease-in-out;}
.job-position-item:hover:before {border-color:#e94d24; z-index: 1;}
.job-position-item .row > div {display: flex; align-items: center; justify-content: center;}

/*Job tech icon*/
.job-tech-icon{display: flex; border-right: solid 1px #e7e7e7; padding: 15px; height: 100%; z-index: 0; width: 100%; align-items: center; justify-content: center;}
.job-tech-icon img{max-width: 100%;}

/*Job position text*/
.job-position-text{padding:30px 0; display: flex; width: 100%; justify-content: flex-start;}
.job-position-text h4{font-weight: 600; margin-bottom: 0;}

/*Min-Experience*/
.job-exp-text{display: flex; width: 100%; justify-content: start;}
.job-exp-text h5{font-weight: 600; margin-bottom: 0; line-height: normal;}

/*Job Button*/
.job-right-text {display: flex; flex-flow: wrap;}
.job-right-text .btn-apply-job{border: solid 1px #e94d24; color: #e94d24; background: #fff; padding: 8px 15px; line-height: normal; transition: all 0.5s ease-in-out; text-transform: uppercase; position:relative; overflow:hidden; z-index: 1;}

.job-right-text .btn-apply-job:after{content:"";position:absolute;top:50%;left:50%;background:#e94d24;height:2px;width:2px;transition:.5s ease-in-out;z-index:-1;border-radius:50px;opacity:0;}
.job-right-text .btn-apply-job:hover:after{opacity:1;transform: scale(100,50);}
.job-right-text .btn-apply-job:hover{color:#fff; }

.job-right-text .btn-detail-job{border: solid 1px #103e69; color: #103e69; background: #fff; padding: 8px 15px; line-height: normal; transition: all 0.5s ease-in-out; margin-left: 15px; text-transform: uppercase; position:relative; overflow:hidden; z-index: 1;}
.job-right-text .btn-detail-job:after{content:"";position:absolute;top:50%;left:50%;background:#103e69;height:2px;width:2px;transition:.5s ease-in-out;z-index:-1;border-radius:50px;opacity:0;}
.job-right-text .btn-detail-job:hover:after{opacity:1;transform: scale(100,50);}
.job-right-text .btn-detail-job:hover{color:#fff; }

/*Job Popup start*/
.job-position-item .modal-dialog{overflow-y: initial !important;}
.job-content-popup .modal-open .modal{padding-right: 0;}
.job-content-popup .modal-header h4{font-weight: 600; line-height: normal;}
.job-content-popup .modal-header .close{font-size: 40px; padding: 11px 15px;}
.job-content-popup .modal-header .close:hover{color: #e94d24; transition: 0.70s; -webkit-transition: 0.70s; -moz-transition: 0.70s; -ms-transition: 0.70s; -o-transition: 0.70s; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);}
.job-content-popup .modal-header .close:focus{outline:inherit;}
.job-content-popup .modal-body{padding: 0; overflow-y: auto; max-height: calc(100vh - 200px);}
.job-content-popup .modal-body .modal-content-item{padding: 15px;}
.job-content-popup .modal-body .modal-content-item:nth-child(even){background: #f6f6f6;}
.job-content-popup .modal-body h5{font-weight: 600; line-height: normal;}
.job-content-popup .modal-body ul{margin-bottom: 20px; margin-left: 12px;}
.job-content-popup .modal-body ul:last-child{margin-bottom: 0;}
.job-content-popup .modal-body ul li{margin-bottom: 6px; position: relative; padding-left: 15px;}
.job-content-popup .modal-body ul li:before{content: ""; width: 6px; height: 6px; background: #959595; position: absolute; border-radius: 10px; left: 0; top: 8px;}
.job-content-popup .modal-body ul li:last-child{margin-bottom: 0px;}
/*Job Popup end*/
/*Available Position end*/

/*Job Application start*/
.job-App-form .wpcf7-form-control-wrap{position: relative;}

.job-App-form input:not(.btn-submit){border: solid 1px #ebebeb; padding: 16px 22px; width: 100%; margin-bottom: 15px;}
.job-App-form input::placeholder{color: #8b8b8b;}

.job-App-form select{border: solid 1px #ebebeb; padding: 16px 22px; color:#8b8b8b; width: 100%; margin-bottom: 15px; margin-top: 0; appearance: none; cursor: pointer; font-size: inherit; border-radius: 0;}
.job-App-form .exp-select{position: relative;}
.job-App-form .exp-select:after {color: #999; right: 16px; top: 2px; height: 34px; padding: 15px 0px 0px 8px; pointer-events: none; position: absolute; content: "\eac8"; font-family: IcoFont!important; font-weight: 600;border: 0; vertical-align: -1px;}
.job-App-form .exp-select option:not(:first-of-type) {color:#000;}

.job-App-form .codedropz-upload-handler{border-radius: 0; border-color: #ebebeb; margin-bottom: 0;}
.job-App-form .codedropz-upload-inner h3{font-size: 25px;}

.job-App-form .btn-submit{float: right; border: solid 1px #e94d24; color: #e94d24; background: #fff; padding: 15px 80px; text-transform: uppercase; transition: all 0.5s ease-in-out; margin-top: 14px;}
.job-App-form .wpcf7-spinner{float: right; margin-top: 30px;}
.job-App-form .btn-submit:hover{border: solid 1px #e94d24; color: #fff; background: #e94d24;}

.job-App-form input.wpcf7-not-valid:not(.btn-submit), .job-App-form select.wpcf7-not-valid, .job-App-form .col-md-12 .wpcf7-not-valid-tip{margin-bottom: 0;}
.job-App-form span.wpcf7-not-valid-tip{position: relative; right: auto; top: auto; margin-bottom: 15px;}
.job-App-form .wpcf7-response-output{padding: 5px !important;}
/*Job Application  end*/

/*Careers page end*/

/* cookies popup start */
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom{max-width: 415px; flex-direction: column; left: 15px; bottom: 15px; padding: 20px; border-top: 0; border-radius: 10px; background: #fff !important; box-shadow: 0 0px 24px 0 rgb(0 0 0 / 11%);}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-box-content{width: 100%; padding: 0; background: transparent; color: #1f1f1f;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn{white-space: initial; padding: 8px 14px; text-transform: uppercase; font-size: 13px; font-weight: 700;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-btns{padding: 0; margin-top: 15px; width: 100%; justify-content: space-between; background: transparent;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn:hover{opacity: 1;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-btns .modal-cacsp-btn-settings{width: 100%;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-btns .modal-cacsp-btn-settings:hover{background: #000; color: #fff; }
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-box-content{margin-bottom: 10px;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-accept{background-color: #e94d24; border: 1px solid #e94d24;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-accept:hover{background-color: #284069; border: 1px solid #284069;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-refuse{background-color: #284069; border: 1px solid #284069;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-refuse:hover{background-color: #e94d24; border: 1px solid #e94d24;}

/* cookies setting popup start */
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-box-header{background: #fff; color: #1f1f1f; padding: 20px 20px 0 20px;}
.modal-cacsp-position, .modal-cacsp-position *{color: #1f1f1f;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-box-content{padding: 20px;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li a.modal-cacsp-toggle-switch, .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li span.modal-cacsp-toggle-switch{padding-bottom: 0px;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li{padding: 20px;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns{padding: 20px;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-refuse-all{background-color: #284069; border: 1px solid #284069;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-refuse-all:hover{background-color: #e94d24; border: 1px solid #e94d24;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-accept-all{background-color: #e94d24; border: 1px solid #e94d24;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-accept-all:hover{background-color: #284069; border: 1px solid #284069;}
.modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn.modal-cacsp-btn-save:hover{background: #000; color: #fff;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li a.modal-cacsp-toggle-switch.modal-cacsp-toggle-switch-active span.modal-cacsp-toggle-switch-handle, .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li span.modal-cacsp-toggle-switch.modal-cacsp-toggle-switch-active span.modal-cacsp-toggle-switch-handle{background: #e94d24 !important;}
.modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li a.modal-cacsp-toggle-switch.modal-cacsp-toggle-switch-active span.modal-cacsp-toggle, .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li span.modal-cacsp-toggle-switch.modal-cacsp-toggle-switch-active span.modal-cacsp-toggle{background: #f4cecd !important;}
/* cookies setting popup end */

/* cookies popup end */

@media (max-width:991px){
.home-service-inner-wrapper nav .nav{display:flex!important;}

.show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay {opacity:0.9!important;}
.mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt {right: 15px !important; top: 20px !important;}
.mobmenu-content li a{padding:10px 0px 10px 5px!important;}
ul.sub-menu > li{ padding-left:0px !important;}
#mobmenuright > li > ul.sub-menu > li{ padding-left:0px !important; padding-right: 15px;}
ul.sub-menu li a {font-size: 14px!important;   padding: 5px 0 5px 10px!important;}
ul.sub-menu li ul li a{padding:5px 0 5px 25px!important;}
}

/* Animation Keyfram */
/* background Color change */
@keyframes stepprocessbarline {
    0% {
        transition: left 6000ms linear 0s; width: 140px; left: 109.499%; opacity: 1;
    }

    100% {
        transition: left 6000ms linear 0s; width: 140px; left: 109.499%; opacity: 1;
    }
}

@keyframes stepprocessbarline {
    0% {
        transition: left 6000ms linear 0s; width: 140px; left: 109.499%; opacity: 1;
    }

    100% {
        transition: left 6000ms linear 0s; width: 140px; left: 109.499%; opacity: 1;
    }
}

@keyframes fa-spin-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes fa-spin-2 {
    0% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes colorchange {
    0% {
        background: #00226c;
    }

    25% {
        background: #00028C;
    }

    50% {
        background: #002e94;
    }

    75% {
        background: #05004E;
    }

    100% {
        background: #00226c;
    }
}

@-webkit-keyframes colorchange {
    0% {
        background: #00226c;
        background: linear-gradient(321deg, rgba(0,34,108,1) 0%, rgba(45,68,119,1) 56%, rgba(108,127,170,1) 80%, rgba(155,166,193,1) 88%, rgba(212,217,230,1) 96%, rgba(255,255,255,1) 100%);
    }

    25% {
        background: #00028C;
        background: linear-gradient(321deg, rgba(4,52,157,1) 0%, rgba(4,52,157,1) 56%, rgba(63,102,189,1) 80%, rgba(108,138,199,1) 88%, rgba(180,193,219,1) 96%, rgba(255,255,255,1) 100%);
    }

    50% {
        background: #002e94;
    }

    75% {
        background: #05004E;
    }

    100% {
        background: #00226c;
        background: linear-gradient(321deg, rgba(0,34,108,1) 0%, rgba(45,68,119,1) 56%, rgba(108,127,170,1) 80%, rgba(155,166,193,1) 88%, rgba(212,217,230,1) 96%, rgba(255,255,255,1) 100%);
    }
}

/* Scroll Down */
@-webkit-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@-moz-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@-o-keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@keyframes elasticus {
    0% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }

    50% {
        -webkit-transform-origin: 0% 0%;
        -ms-transform-origin: 0% 0%;
        -moz-transform-origin: 0% 0%;
        -o-transform-origin: 0% 0%;
        transform-origin: 0% 0%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50.1% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    100% {
        -webkit-transform-origin: 0% 100%;
        -ms-transform-origin: 0% 100%;
        -moz-transform-origin: 0% 100%;
        -o-transform-origin: 0% 100%;
        transform-origin: 0% 100%;
        -webkit-transform: scale(1, 0);
        -ms-transform: scale(1, 0);
        -moz-transform: scale(1, 0);
        -o-transform: scale(1, 0);
        transform: scale(1, 0);
    }
}

@-webkit-keyframes mymove {
    from {
        top: 5%;
    }

    to {
        top: 95%;
    }
}

@keyframes mymove {
    from {
        top: 5%;
    }

    to {
        top: 95%;
    }
}

@keyframes morph {
    0% {
        border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    }

    100% {
        border-radius: 2% 68% 68% 68% / 35% 50% 0 35%
    }
}

@keyframes morph2 {
    0% {
        border-radius: 22% 58% 70% 30% / 45% 45% 55% 55%;
    }

    100% {
        border-radius: 52% 68% 68% 68% / 35% 80% 50% 35%
    }
}

@keyframes animate-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(0, 34, 108, 0.07), 0 0 0 0 rgba(0, 34, 108, 0.07);
    }

    40% {
        box-shadow: 0 0 0 50px rgba(0, 34, 108, 0.0), 0 0 0 0 rgba(0, 34, 108, 0.07);
    }

    80% {
        box-shadow: 0 0 0 50px rgba(0, 34, 108, 0.0), 0 0 0 30px rgba(0, 34, 108, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 34, 108, 0.0), 0 0 0 30px rgba(0, 34, 108, 0);
    }
}

/* Responsive CSS */
@media(min-width:992px) {
    .lg-none {display: none;}
}

@media(max-width:1600px) {
    .home-our-services-block .home-service-image {
        position: absolute;
        top: auto;
        bottom: -50px;
        width: 35%;
        left: auto;
/*
        display: flex;
        justify-content: flex-end;
        align-items: center;
*/
    }

    .home-our-services-block .home-service-image img {/*max-width: 80%;*/ height: auto;  }

    .servicelavel1-banner:before{
        -webkit-clip-path: polygon(0 0%, 100% 82%, 100% 100%, 0 100%);
        -moz-clip-path: polygon(0 0%, 100% 82%, 100% 100%, 0 100%);
        clip-path: polygon(0 0%, 100% 82%, 100% 100%, 0 100%);
    }
}

@media(max-width:1400px) {
    .home-our-services-block .home-service-image{bottom: auto;}
}

@media(max-width:1280px) {
    .services-list-tabbs-section {
        background: rgba(233, 75, 36, 1);
        background: -moz-linear-gradient(left, rgba(233, 75, 36, 1) 0%, rgba(233, 75, 36, 1) 41.1%, rgba(241, 242, 242, 1) 41.1%, rgba(241, 242, 242, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(233, 75, 36, 1)), color-stop(41.1%, rgba(233, 75, 36, 1)), color-stop(41.1%, rgba(241, 242, 242, 1)), color-stop(100%, rgba(241, 242, 242, 1)));
        background: -webkit-linear-gradient(left, rgba(233, 75, 36, 1) 0%, rgba(233, 75, 36, 1) 41.1%, rgba(241, 242, 242, 1) 41.1%, rgba(241, 242, 242, 1) 100%);
        background: -o-linear-gradient(left, rgba(233, 75, 36, 1) 0%, rgba(233, 75, 36, 1) 41.1%, rgba(241, 242, 242, 1) 41.1%, rgba(241, 242, 242, 1) 100%);
        background: -ms-linear-gradient(left, rgba(233, 75, 36, 1) 0%, rgba(233, 75, 36, 1) 41.1%, rgba(241, 242, 242, 1) 41.1%, rgba(241, 242, 242, 1) 100%);
    }
}

@media(min-width:1200px) {
    .desktop-toggle{display: flex;}
}

@media(max-width:1199px) {
    .footer-contact-form-block-inner {position: relative; top: auto;}

    /*.qa-service-level-1 .service-lavel-1-header-content, .iot-service-level-1 .service-lavel-1-header-content, .iot-service-level-1 .service-lavel-1-header-content{height: 70vh;}*/

    .services-overview-section.simple-para{padding-top: 100px;}

    .main-bottom-fixed-section .plate:before {
        left: 0;
        background: white;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        width: calc((100vw * 0.13) / 3.5);
        -webkit-box-shadow: 1px 0 0 white;
        box-shadow: 1px 0 0 white;
    }

    .mobile-toggle{display: flex;}
    .custome-ubermenu-style > .ubermenu-responsive-toggle{display: none;}

    /* Navigation Menu */
    .ubermenu-submenu{position: relative !important; margin: 0 !important;}
}

@media (min-width: 1142px){
    .main-bottom-fixed-section .plate:after {width: calc((100vw - calc(996 * 1px)) / 2);}
}

@media(max-width:1140px) {
    .slider-content-inner .slider-middle-text .slider-dark-text,
    .slider-content-inner .slider-middle-text .slider-line-text {
        font-size: 124px;
    }

    .slider-content-inner .slider-middle-text .slider-dark-text {
        line-height: 80px;
    }

    .slider-content-inner {
        padding: 0 8%;
    }
}

@media(max-width:1024px){
    .services-list-tabbs-section {
        background: rgba(233, 75, 36, 1);
        background: -moz-linear-gradient(left, rgba(233, 75, 36, 1) 0%, rgba(233, 75, 36, 1) 40.8%, rgba(241, 242, 242, 1) 40.8%, rgba(241, 242, 242, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(233, 75, 36, 1)), color-stop(40.8%, rgba(233, 75, 36, 1)), color-stop(40.8%, rgba(241, 242, 242, 1)), color-stop(100%, rgba(241, 242, 242, 1)));
        background: -webkit-linear-gradient(left, rgba(233, 75, 36, 1) 0%, rgba(233, 75, 36, 1) 40.8%, rgba(241, 242, 242, 1) 40.8%, rgba(241, 242, 242, 1) 100%);
        background: -o-linear-gradient(left, rgba(233, 75, 36, 1) 0%, rgba(233, 75, 36, 1) 40.8%, rgba(241, 242, 242, 1) 40.8%, rgba(241, 242, 242, 1) 100%);
        background: -ms-linear-gradient(left, rgba(233, 75, 36, 1) 0%, rgba(233, 75, 36, 1) 40.8%, rgba(241, 242, 242, 1) 40.8%, rgba(241, 242, 242, 1) 100%);}
    .hire-developer-service-listing ul{flex-wrap: wrap;}
    .hire-developer-service-listing ul li{width: 47%;}
    .hire-developer-service-listing ul li a{width: 100%;}
}

@media(min-width:1441px) and (max-width:1370px) {
/*.sprybit-life {font-size: 46px; padding: 40px 0 40px 0px; line-height: normal;}*/
.banner-images img{max-width:100%;}
.service-lavel-1-header-content h1{font-size:52px;}
}

@media(min-width:992px) and (max-width:1140px) {
/*.banner-images img{max-width:100%;}*/
.rounded-corosel .round-inner-col {left: -10%; width: 460px; height: 460px;}
/*.sprybit-life {font-size: 46px; padding: 40px 0 40px 0px; line-height: normal;}*/
/*.service-lavel-1-header-content h1{font-size:52px;}*/
}

@media(min-width:768px) and (max-width:991px) {
	.slider-content-inner .slider-middle-text .slider-dark-text,
    .slider-content-inner .slider-middle-text .slider-line-text {font-size: 102px;}
    .teammember-block .dis-content-block h4{font-size: 20px;}
	.small-mobile {max-width: 50%; flex: 50%;}
}

@media(max-width:992px){
    /* cookies popup start */
    .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom{padding: 12px;}
    .modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn{padding: 8px 9px;}
    .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-box-content { margin-bottom: 0px;}
    /* cookies popup end */
}

@media(max-width:991px) {
.mobmenu-content li a {padding: 10px 0px 10px 0px;}
.mobmenu-content li > .sub-menu li {padding-left: 15px;}

.sprybit-life {font-size: 35px; line-height: normal; padding:30px 0 30px 0px}

img {max-width: 100%;}
section.about-homepage:after, .md-none {display: none;}
.about-homepage .image-block {justify-content: space-between;}
.portfolio-design-style1 .owl-nav {width: 98%;}

    .blog-listing-parent .blog-listing-block .blog-listing-image{max-height: inherit;}
    .blog-details-page-image img{width: 100%;}
    .blog-sidebar-content{display: none;}
}

@media(max-width:768px) {
.slider-content-inner .slider-middle-text .slider-dark-text,
    .slider-content-inner .slider-middle-text .slider-line-text {
        font-size: 124px;
    }

    .slider-content-inner {
        padding: 0;
    }

    /*.section-left-block {
        display: none;
    }*/

    .homepage-slider-wrap .owl-dots {
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        top: auto;
        text-align: center;
        bottom: 0;
    }

    .homepage-slider-wrap .owl-dots .owl-dot:after,
    .homepage-slider-wrap .owl-dots .owl-dot.active .owl-dotdata-btn span {
        display: none;
    }

    .homepage-slider-wrap .owl-dots .owl-dot .owl-dotdata-btn {
        width: 1px;
        height: 20px;
        background-color: #fff !important;
        float: none;
        padding: 0;
    }

    .homepage-slider-wrap .owl-dots .owl-dot.active .owl-dotdata-btn {
        height: 32px;
    }

    .homepage-slider-wrap .owl-dots .owl-dot {
        width: auto;
        float: none;
        display: inline-block;
        margin: 0 1px;
        padding: 5px;
    }

    .home-our-services-block:before {
        display: none;
    }

    .home-our-services-block:after {
        width: 100%;
    }

    .home-our-services-block .home-service-image {
        width: 100%;
        position: relative;
        justify-content: center;
    }

    .home-our-services-block .homeservice-image-col {
        position: relative;
    }

    /* cookies popup start */
    .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-btns{margin-top: 0;}
    .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-box-content { margin-bottom: 15px;}
    .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom .modal-cacsp-btns .modal-cacsp-btn-settings{margin-bottom: 0;}
    /* cookies popup end */
}

@media(max-width:767px) {
.sprybit-life {font-size:30px; padding:35px 0 0 0px;}

.microsoft-technology-service-level-1 .service-lavel-1-header-content {height: auto; align-items: center;}
.mobile-development-service-level-1 .service-lavel-1-header-content { height:auto;}

/*.life-sprybit big:before {right: 0; bottom: 10px;}*/

    .slider-content-inner .slider-middle-text .slider-dark-text,
    .slider-content-inner .slider-middle-text .slider-line-text {font-size: 92px;}
    /*.portfolio-design-style1 .owl-nav{display: none;}*/

    span.wpcf7-not-valid-tip{left: 0; right: auto; top: auto; bottom: auto;}

    /* cookies setting popup start */
    .modal-cacsp-position .modal-cacsp-box .modal-cacsp-box-header{padding: 12px 12px 0px 12px;}
    .modal-cacsp-position .modal-cacsp-box .modal-cacsp-box-content {padding: 12px;}
    .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-settings .modal-cacsp-box-settings-list ul li {padding: 12px;}
    .modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns {padding: 12px;}
    /* cookies setting popup end */
}

@media (min-width:576px) and (max-width:768px) {
.sprybit-life {font-size: 28px; padding: 52px 0 51px 0px; line-height:28px;}
.small-mobile {max-width: 50%; flex: 50%;}
}

@media(max-width:575px) {
.lifesprybit h1{ font-size:28px; margin:0px 0 42px 0}
.fb-continue {padding: 0px 0 41px 0px;}
.sprybit-life {font-size: 28px; padding:35px 0 35px 0px; line-height:28px;}
.event-section img {max-width: 100%; width: 100%;}
section {padding: 50px 0;}
.services-overview-section.simple-para{padding-top: 50px;}
/*.footer-contact-details-inner {flex-wrap: wrap;}*/
/*.footer-contact-details-block .icon-text-group { width: 100%; justify-content: flex-start; padding: 15px 0; border-right: none;}*/

    .col-left,
    .col-right {justify-content: center; margin: 8px 0;}
    .footer-social-media {padding: 30px 0;}
    .section-heading-block .section-heding {font-size: 32px;}
    .home-our-services-block .tabpane-content-block .tabs-content-inner {height: auto; margin-bottom: 30px;}
    .home-our-services-block .home-service-image {position: relative; bottom: 0;}

    .home-our-services-block .fancy-link-block a {margin-top: 0;}

    .slider-content-inner .slider-middle-text .slider-dark-text,
    .slider-content-inner .slider-middle-text .slider-line-text {
        font-size: 60px;
    }

    .slider-content-inner .slider-middle-text .slider-dark-text {line-height: 0;}
    .slider-content-inner .slider-middle-text {margin-bottom: 40px;}
    .service-child-service-listing li{width: 33.333333%;}

    .header-menu{display: none;}
    .pagename-first-character{display: none;}
    .portfolio-detail-page-section {padding-top: 50px !important;}
    /*.portfolio-overview-section{padding: 50px 0;}*/

    /* cookies popup start */
    .modal-cacsp-position .modal-cacsp-box.modal-cacsp-box-show.modal-cacsp-box-bottom{padding: 10px; max-width: 308px; left: 5px; bottom: 5px; min-width: auto;}
    .modal-cacsp-position .modal-cacsp-box .modal-cacsp-btns .modal-cacsp-btn{padding: 6px 9px;}
    /* cookies popup end */
}

@media(max-width:460px) {
    .page-first-section h1:after{width: 12px; height: 12px;}
    .overview-images-block .overview-images-inner .fixed-img-box{height: auto;}
}

@media(max-width:360px){
    .service-child-service-listing li{width: 50%;}
    .development-service-feature-section .feature-content-block h2{font-size: 32px; line-height: 42px;}
}

@media(max-width:320px){
    .services-overview-section h2{font-size: 2em; line-height: 2.5rem;}
}

/* Custome Navigation Menu CSS */
.custome-ubermenu-style .ubermenu .ubermenu-item.ubermenu-item-level-0 > a{color: #fff; padding-bottom: 30px;}
.custome-ubermenu-style .ubermenu .ubermenu-item .ubermenu-submenu{background-color: #fff;}
.custome-ubermenu-style .ubermenu .ubermenu-item .ubermenu-submenu li a{color: #1f1f1f;}
.ubermenu-has-submenu-stack > a{font-weight: bold;}

.nopad{padding:0px;}
.nomar{padding:0px;}

.mob-menu-header-holder {position: fixed !important; top: 0;}

.footer-contact-form form .wpcf7-spinner{    position: absolute;    left: 0;    top: 15px;}

/* earth css */
.warning {width: 5em; max-width: 8vh; height: 5em; max-height: 8vh;	transform: translate(-50%, -50%); background-size: 80%; cursor: pointer;pointer-events: all; background-repeat: no-repeat; background-position: center center;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTIsMkwxLDIyaDIyTDEyLDJ6Ii8+PHBhdGggZmlsbD0iI0ZGMDAwMCIgZD0iTTEyIDFsLTEyIDIyaDI0bC0xMi0yMnptLTEgOGgydjdoLTJ2LTd6bTEgMTEuMjVjLS42OSAwLTEuMjUtLjU2LTEuMjUtMS4yNXMuNTYtMS4yNSAxLjI1LTEuMjUgMS4yNS41NiAxLjI1IDEuMjUtLjU2IDEuMjUtMS4yNSAxLjI1eiIvPjwvc3ZnPg==);
}

.earth-occluded .warning {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGw9IiNGRjAwMDAiIGQ9Ik0yNCAyM2gtMjRsMTItMjIgMTIgMjJ6bS0yMi4zMTUtMWgyMC42M2wtMTAuMzE1LTE4LjkxMi0xMC4zMTUgMTguOTEyem0xMC4zMTUtMmMuNDY2IDAgLjg0NS0uMzc4Ljg0NS0uODQ1IDAtLjQ2Ni0uMzc5LS44NDQtLjg0NS0uODQ0LS40NjYgMC0uODQ1LjM3OC0uODQ1Ljg0NCAwIC40NjcuMzc5Ljg0NS44NDUuODQ1em0uNS0xMXY4aC0xdi04aDF6Ii8+PC9zdmc+);
	opacity: 0.7;
}

#element::after { content: ""; position: absolute; top: 9.85%; left: 9.85%; bottom: 9.85%; right: 9.85%; box-sizing: border-box;border-radius: 50%;}

#wrapper {display: -webkit-flex; display: flex; position: relative; margin: 0 auto; width: 92%;	max-width: 100em; font-family: sans-serif; min-height: 100vh; -webkit-flex-direction: row;
	flex-direction: row; -webkit-flex-wrap: nowrap;	flex-wrap: nowrap;	-webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }

#earth-col {flex: 0 1 50vw;}
#breaking-news {flex: 0 1 25vw; text-align: right;}
#local-news {flex: 0 1 25vw;}

.news {transition: color 0.2s ease; padding: 0.25em 0;}
.news-highlight {color: red;}
.news + .news {border-top: 1px #D0D0D0 solid;}

/*p {line-height: 140%;}*/
/*
h3 {font-size: 1.1em; cursor: pointer; margin-bottom: -0.2em; line-height: 140%;}
h3:hover {color: red;}
*/

.has-news #please-click {display: none;}
#local-news .news {display: none;}
#local-news.has-news .news {display: block;}
#local-news.toggle-news .news:last-child {display: none;}

#glow {position: absolute; top: 50%; left: 50%; width: 107%; max-width: 110%; height: 106%; max-height: 130%; transform: translate(-50%, -50%); background: radial-gradient(ellipse at center, rgba(0,0,0,0.3) 30%,rgba(255,255,255,0.05) 55%,rgba(0,0,0,0.12) 58%,rgba(0,0,0,0) 70%); z-index: 200;pointer-events: none;}

.docs-tip {font-weight: bold; color: black; font-size: 1.2em; transform: translateX(-50%); padding: 0 0.25em; border-radius: 0.25em; background-color: RGBA(255,255,255,0.66);}

.my-overlay {background-color: white; padding: 0.2em 0.6em; border-radius: 0.5em; font-size: 1em; text-align: center;	max-width: 20em; filter: drop-shadow( 0 1px 2px black ); transform-origin: 50% 115%;	opacity: 1;	transition: opacity 1s ease;transition-delay: 0.25s;}

.show-overlays .my-overlay {opacity: 1;}
.my-overlay::after {content: ""; background-color: white; position: absolute; left: 50%; top: 100%; width: 0.5em; height: 0.5em; transform: translate(-0.25em, -0.25em) rotate(45deg);}

@media (max-width: 1399px) {
    #breaking-news,
	#local-news {font-size: 0.9em;}
}

@media (max-width: 1199px) {
	#wrapper {-webkit-flex-wrap: wrap; flex-wrap: wrap;	-webkit-align-items: flex-start; align-items: flex-start;		width: 100%;}
	#earth-col {-webkit-order: 0; order: 0;	flex: 0 1 100vw; max-width: 50em;	}
	#breaking-news,
	#local-news {font-size: 0.9em; flex: 0 1 46vw; width: 50vw;	box-sizing: border-box;}
	#breaking-news {-webkit-order: 1; order: 1;padding: 0 1.5em 0 0.5em;}
	#local-news {-webkit-order: 2; order: 2; padding: 0 0.5em 0 1.5em;}
}

@media (max-width: 511px) {
    #breaking-news,
	#local-news {font-size: 2.75vw;}
}