@charset "utf-8";
/*----- 
Fonts

Poppins font:
font-weight = 100 Thin, 200 ExtraLight, 300 Light, 400 Regular, 500 Medium, 600 SemiBold, 700 Bold, 800 ExtraBold, 900 Black
font-family: "Poppins", sans-serif; font-style: normal; font-weight: <weight>;

Fantasik font:
font-family: 'Fantasik'; font-weight: normal; font-style: normal;

-----*/

/*-----
Colors

#D90000 Red
#B3B3B3 Grey text
#1A1A1A Grey bg
#FDFCF7 Light cream body
#333333 Grey
-----*/

/*----- 
default css 
-----*/
@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: initial !important;
    }
}
/* browser scroll bar hide css start */
@-moz-document url-prefix() { /* Disable scrollbar Firefox */
    html{ scrollbar-width: none; }
}
body { /* remove default margin */ scrollbar-width: none; /* Also needed to disable scrollbar Firefox */ -ms-overflow-style: none;  /* Disable scrollbar IE 10+ */ overflow-y: scroll; }
body::-webkit-scrollbar { width: 0px; background: transparent; /* Disable scrollbar Chrome/Safari/Webkit */ }
/* browser scroll bar hide css end */

/* reset css start */
*:focus { outline: none; border: none; }
*, *::after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body {margin: 0; background: #FDFCF7; font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; color: #333333; line-height: 1.1; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; word-wrap: break-word; }
a { outline: 0px; border: 0px; cursor: pointer; color: #D90000; text-decoration: none; outline: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
a:hover { color: #333333; }
p { font-size: 18px; line-height: 28px; margin-bottom: 25px; }
/* p a, small a { font-weight: 500;} */
p a:hover, small a:hover {color: #333333; }
b, strong { font-weight: 500; }
small { color: #D90000; font-size: 15px; font-weight: 400; display: block; margin-bottom: 15px; }
p span, small span { color: #D90000; }
svg:not(:root) { overflow: hidden; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: ''; content: none; }
img { max-width: 100%; vertical-align: top; height: auto; }
audio, canvas, progress, video { display: inline-block; vertical-align: top; }
audio:not([controls]) { display: none; height: 0; }
ul, li, ol { list-style: none; margin: 0px; padding: 0px; }
ul li, ol li { position: relative; margin: 0px; padding: 0px; }
ol { counter-reset: item; }
ol li::before { content: counters(item, ".") ". "; counter-increment: item; }
hr { border: 0; height: 1px; background-color: #CCCCCC; width: 100%; opacity: 1; margin: 0px; padding: 0px; }
footer hr, .bg-grey hr { border: 0; height: 1px; background-color: #333333; width: 100%; opacity: 1; }
h1, h2, h3, h4, h5, h6, .lg-txt { color: #1A1A1A; line-height: 1.05; word-wrap: break-word; }
h1, h2, .lg-txt {font-family: "Fantasik"; font-weight: 400; font-style: normal; }
footer .lg-txt { font-size: 70px;}
h1, .lg-txt {  font-size: 80px; margin-bottom: 100px; }
h2 { font-size: 60px; margin-bottom: 50px; }
h3 {margin-bottom: 20px;}
h3, .stats-text, .para-txt { font-size: 28px; font-weight: 400; font-family: "Poppins", sans-serif; font-style: normal; line-height: 1.5; color: #333333; }
h3 span, .stats-text span, .para-txt span { color: #D90000;}
input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea, input[type="tel"], input[type="date"], select {box-shadow: 0px !important; -webkit-box-shadow: 0px !important; -ms-box-shadow: 0px !important; -moz-box-shadow: 0px !important; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0;}
textarea { resize: none; height: 90px; }
.form-control::placeholder{color:#D90000;font-weight:500;}
.form-control::-webkit-input-placeholder{color:#777777;font-weight:400;}
.form-control::-moz-placeholder{color:#777777;opacity:1;font-weight:400;}
.form-control::-ms-input-placeholder{color:#777777;font-weight:400;}
.form-control:focus::-webkit-input-placeholder{color:#333333;font-weight:400;}
.form-control:focus::-moz-placeholder{color:#333333;opacity:1;font-weight:400;}
.form-control:focus::-ms-input-placeholder{color:#333333;font-weight:400;}
select.form-control,select{line-height:1.2;padding-bottom: 25px;padding-top: 16px; background-image:url(../img/arrow-sm-down-grey.svg);background-repeat:no-repeat;background-position:calc(100% - 0px) 50%;}
/*reset css end*/

/*-----
theme css
-----*/
/*-- fantasik web font start --*/
@font-face {
    font-family: "Fantasik";
    src: url("../font/Fantasik.woff2") format("woff2"),
         url("../font/Fantasik.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/*-- fantasik web font start --*/

/*-- wow animation css end --*/
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
@-webkit-keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes fadeInUp {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-50px); transform: translateY(-50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-50px); transform: translateX(-50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-50px); -ms-transform: translateX(-50px); transform: translateX(-50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(50px); transform: translateX(50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }
}
@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); }
    100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
    100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
@-webkit-keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInLeft {
    from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
@-webkit-keyframes slideInRight {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; opacity: 0; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@keyframes slideInRight {
    from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; visibility: visible; }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
/*-- wow animation css end --*/

/* margin classes start */
.mt-10{margin-top: 10px}
.mt-20{margin-top: 20px;}
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }
.mt-150 { margin-top: 150px; }
.mt-200 { margin-top: 200px; }
.mt-250 {margin-top: 250px;}
.mb-10{margin-bottom: 10px}
.mb-20{margin-bottom: 20px;}
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-100 { margin-bottom: 100px; }
.mb-150 { margin-bottom: 150px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 {margin-bottom: 250px;}
.m-tb-50 { margin: 50px 0px; }
.m-tb-100 { margin: 100px 0px; }
.m-tb-150 { margin: 150px 0px; }
.m-tb-200 { margin: 200px 0px; }
/* margin classes end */

/* padding classes start */
.pt-10 { padding-top: 10px; }
.pt-20 { padding-top: 20px; }
.pt-30 { padding-top: 30px; }
.pt-40 { padding-top: 40px; }
.pt-50 { padding-top: 50px; }
.pt-100 { padding-top: 100px; }
.pt-150 { padding-top: 150px; }
.pt-200 { padding-top: 200px; }
.pt-250 { padding-top: 250px; }
.pb-10 { padding-bottom: 10px; }
.pb-20 { padding-bottom: 20px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-50 { padding-bottom: 50px; }
.pb-100 { padding-bottom: 100px; }
.pb-150 { padding-bottom: 150px; }
.pb-200 { padding-bottom: 200px; }
.pb-250 { padding-bottom: 250px; }
.p-tb-50 { padding: 50px 0px; }
.p-tb-100 { padding: 100px 0px; }
.p-tb-150 { padding: 150px 0px; }
.p-tb-200 { padding: 200px 0px; }
.p-tb-250 { padding: 250px 0px; }
/*padding classes end*/

/*-- common css start --*/
section {vertical-align: top;}
header {width: 100%;}
footer {width: 100%; background-color: #1A1A1A; color: #B3B3B3;}
footer a {display: block; color: #B3B3B3;}
footer a:hover {color: #FDFCF7;}
form small {color:#333333;}
.bg-cream {background:#FDFCF7;}
.bg-red {background:#D90000;}
.bg-grey {background:#1A1A1A; color: #B3B3B3;}
.clr-red {color:#D90000;}
.clr-grey {color:#B3B3B3;}
.clr-grey {color:#333333;}
.clr-light-grey {color:#B3B3B3;}
.para-txt { font-weight: 400; margin-bottom:30px; }
.bg-grey h1, .bg-grey h2, .bg-grey h3, .bg-grey .lg-txt, footer h1, footer h2, footer h3, footer .lg-txt { color: #FDFCF7; }
.bg-grey .para-txt {color: #B3B3B3;}
.bg-grey p, .bg-grey small, footer p, footer small, footer .para-txt { color: #B3B3B3; }
/* .slant-rectabgle {clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 94% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 92%, 94% 100%, 0% 100%);}
.slant-portrait {clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 93% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 93% 100%, 0% 100%);}
.slant-square {clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 93% 100%, 0% 100%); -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 94%, 93% 100%, 0% 100%);} */

/* btn-text start */
.btn-text{ position: relative; overflow: hidden; color: #D90000; transition: all 0.2s ease-in-out;}
.btn-text:hover {color: #D90000;}
.btn-text::before {content: ''; background: #D90000; z-index: 0; position: absolute; height: 1px; left: 0; bottom: -3px; width: 0%; transition: all 0.4s ease;}
.btn-text:hover::before {width: 100%;}
.btn-text::after {content: ''; background: url(../img/arrow-sm-red.svg); position: absolute; width: 12px; height: 12px; right: -25px; top: 10px; transition: all 0.2s ease;}
.btn-text:hover::after {right: -30px;}
/* btn-text end */

/* btn-text-white start */
.btn-text-white { position: relative; overflow: hidden; color: #FDFCF7; transition: all 0.2s ease-in-out;}
.btn-text-white:hover {color: #FDFCF7;}
.btn-text-white::before {content: ''; background: #FDFCF7; z-index: 0; position: absolute; height: 1px; left: 0; bottom: -3px; width: 0%; transition: all 0.4s ease;}
.btn-text-white:hover::before {width: 100%;}
.btn-text-white::after {content: ''; background: url(../img/arrow-sm-white.svg); position: absolute; width: 12px; height: 12px; right: -25px; top: 10px; transition: all 0.2s ease;}
.btn-text-white:hover::after {right: -30px;}
/* btn-text-white end */

/* btn-redgrey-sq start */
.btn-redgrey-sq { position: relative; overflow: hidden; z-index: 1; width: 120px; height: 120px; align-items: center; text-align: left; background-color: #D90000;color: #FDFCF7; padding: 15px 30px; display: inline-flex; align-items: center; line-height: 1.2; transition: all 0.1s ease-in-out;}
.btn-redgrey-sq img { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); opacity: 1;transition: all 0.2s ease-in-out;}
.btn-redgrey-sq:hover {color: #FDFCF7;}
.btn-redgrey-sq:hover img { opacity: 1;}
.btn-redgrey-sq:hover span {opacity: 0;}
.btn-redgrey-sq::after {content: ''; background: #ff0000; z-index: 0; position: absolute; height: 100%; left: -58%; top: 0; transform: skew(30deg); transition-duration: 0.6s; transform-origin: top left; width: 0; transition: all 0.3s ease;}
.btn-redgrey-sq:hover::after {height: 100%; width: 160%;}
.btn-redgrey-sq::before {content: ''; position: absolute; z-index: 1; bottom: 0px; right: 0px; border-bottom: 15px solid #FDFCF7; border-left: 15px solid transparent;}
.bg-grey .btn-redgrey-sq::before, footer .btn-redgrey-sq::before {border-bottom: 15px solid #1A1A1A;}
.btnspan span {position:relative; z-index: 1; transition: all 0.1s ease-in-out;}
/* btn-red-sq end */

/* btn-black start */
.btn-black{ position: relative; overflow: hidden; z-index: 1;background-color: #1A1A1A; font-size: 16px; color: #FDFCF7; padding: 10px 20px 10px 20px; display: inline-flex; align-items: center; transition: all 0.2s ease-in-out;}
.btn-black:hover {color: #FDFCF7;}
.btn-black::after {content: ''; background: #D90000; z-index: 0; position: absolute; height: 100%; left: -35%; top: 0; transform: skew(30deg); transition-duration: 0.6s; transform-origin: top left; width: 0; transition: all 0.4s ease;}
.btn-black:hover::after {height: 100%; width: 135%;}
.btn-black::before {content: ''; position: absolute; z-index: 1; bottom: 0px; right: 0px; border-bottom: 10px solid #FDFCF7; border-left: 10px solid transparent;}
.btn-black span::after{content: '';background-image: url(../img/arrow-sm-white.svg);background-repeat: no-repeat;
background-position:center;width: 12px;height: 12px;margin-left: 10px}
.btn-black span{display: inline-flex;align-items: center;}
/* btn-black end */


/* btn-text submit start */
.btn-submit{ position: relative;display: inline-flex;  transition: all 0.2s ease-in-out;background-color: #D90000;overflow: hidden;}
.btn-submit input[type="submit"]{ position: relative; overflow: hidden; z-index: 1;background-color: transparent;border: none;background-image: url(../img/arrow-sm-white.svg);background-repeat: no-repeat;
background-position:calc(100% - 20px) 50% ; color: #FDFCF7; padding: 15px 45px 15px 30px; display: inline-flex; align-items: center; transition: all 0.2s ease-in-out;}
.btn-submit:hover input[type="submit"]{color: #FDFCF7;}
.btn-submit::after {content: ''; background: #1A1A1A; z-index: 0; position: absolute; height: 100%; left: -35%; top: 0; transform: skew(30deg); transition-duration: 0.6s; transform-origin: top left; width: 0; transition: all 0.4s ease;}
.btn-submit:hover::after {height: 100%; width: 135%;}
.btn-submit::before {content: ''; position: absolute; z-index: 1; bottom: 0px; right: 0px; border-bottom: 15px solid #FDFCF7; border-left: 15px solid transparent;}
/* btn-text submit end */

/*-- common css end --*/


/*-- header css start --*/
header{padding: 20px 0px;position: fixed;top: 0px;left: 0px;width: 100%;z-index: 10;transition: all 0.3s ease;border-bottom: 1px solid #FDFCF7;}
header.sticky{padding: 15px 0px;border-bottom: 1px solid #ddd;background-color: #FDFCF7;}
.logo-desktop, .logo-white-desktop { display: block;}
.logo-mobile, .logo-white-mobile { display: none;}
.menuoffcanvas{transform: translateY(-100%);transition: all 0.5s ease; z-index:30;position:fixed;height:100%;width:100%;top:0;right:0;overflow:auto;will-change:transform;}
.menuoffcanvas.slide{transform:translateY(0);}
.navigationrow{padding: 70px 0px;}
.navmenu{ width: 35%; position: relative;}
.navmenu > ul{margin:0;padding:0;display: flex;flex-direction: column;align-items: flex-start;}
.navmenu > ul > li{position:relative;list-style:none;margin-bottom:10px;line-height:1;}
.navmenu > ul > li:last-child{margin-bottom: 0px;}
.navmenu > ul > li > a{color:#B3B3B3; display:inline-block;font-size:70px;line-height:1;position:relative;font-family: "Fantasik"; font-weight: 400; font-style: normal;transition: all 0.3s ease-in-out;}
.navmenu > ul > li > a:hover{padding-left: 60px;color: #FFFBF3;}
.navmenu > ul > li > a::before{content: '';opacity: 0;transition: all 0.3s ease-in-out; position: absolute;top: 18px;left: 0px; background-image: url(../img/arrow-menu.svg); background-position: center; background-repeat: no-repeat;width: 30px;height: 30px;}
.navmenu > ul > li > a:hover::before{opacity: 1;}
.navmenu > ul > li ul{display:none;margin-top: 10px;}
.navmenu > ul > li >ul > li {margin-bottom:20px;}
.navmenu > ul > li >ul > li:last-child{margin-bottom:0px;}
.navmenu > ul > li >ul > li > a{font-size:24px;position: relative;padding-bottom: 5px;color: #555555;}
.navmenu > ul > li:last-child{margin-right:0;}
.rightheader{display: inline-flex;align-items: center;}
.navbtn{padding: 0px;display:inline-flex;flex-wrap:wrap;justify-content: flex-end;background-color: transparent;border: none;width:30px;margin-left: 30px;}
.icnline{background-color:#D90000;position:relative;transition:all 0.3s ease;width:30px;height:2px;line-height:1;margin-bottom: 6px;display: block;}
.icnline:last-child, .icnline:first-child{width: 25px;}
.icnline:last-child{margin-bottom: 0px;}
.navbtn:hover .icnline:last-child, .navbtn:hover .icnline:first-child{width: 30px;}
.closeBtn { line-height: 1; z-index: 5;width: 20px; height: 20px; border: none; background-color: transparent; padding: 0; transform: rotate(45deg); display: inline-flex; align-items: center; justify-content: center; }
.closeBtn::after { background-color: #FFFBF3; width: 100%; height: 2px; content: ''; display: inline-block; vertical-align: middle; transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.closeBtn::before { background-color: #FFFBF3; height: 100%; width: 2px; position: absolute; top: 0; content: ''; transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.menuopen{overflow: hidden;}
.menuheader{padding: 20px 0px;align-items: center;}
.submenu-toggle{text-align:center;overflow:hidden;padding:8px;display: inline-block;vertical-align:top;line-height:0;cursor:pointer;margin-top: 12px;margin-left: 10px;}
.submenu-arrow-icon {background-image: url(../img/arrow-menu.svg); background-position: center; background-repeat: no-repeat; width: 34px; height: 20px; display: inline-block; transition: all 0.3s ease; }
.submenu-arrow-up {transform: rotate(-180deg); }
.menuoffcanvas {height: 100%; padding: 5px 0px 20px 0px;}
.menu-row { margin-top: 80px;}
.menu-video { margin-bottom: 50px;}
.menu-contact .para-txt { margin-bottom: 0px;}
.menu-contact a { display: block;}
.menu-contact a:hover { color: #FDFCF7; }

/* offcanvas work start */
.offcanvas-work { width: 55% !important; background-color: #FDFCF7; overflow-y: auto;transition: all 0.3s ease }
.offcanvas-work .offcanvas-body { padding: 60px 100px; }
.offcanvas-work .closeBtn { top: 30px; right: 30px; z-index: 10;right: 30px;top: 30px;position: absolute;}
.offcanvas-work .closeBtn::after, .offcanvas-work .closeBtn::before { background-color: #1A1A1A; }
.offcanvas-backdrop { opacity: 0.7; }
.fs-35 { font-size: 35px; }
/* offcanvas work end */
/*-- header end --*/

/*-- elements css start --*/
/* accordion css start */
.accordion, .accordion-item:first-of-type>.accordion-header .accordion-button, .accordion-item:first-of-type, .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed, .accordion-item:last-of-type { border-radius: 0px;}
.accordion {border-top: #DDDDDD solid 1px;}
.accordion-button { font-weight: 400; padding: 20px 0px;}
.accordion-button:hover {color: #D90000;}
.accordion-item {border: 0px; border-bottom: #DDDDDD solid 1px;}
.accordion-item, .accordion-button {background-color: transparent;}
.accordion-body { padding: 0px; }
.accordion-button.para-txt {margin-bottom: 0px;}
.accordion-button:not(.collapsed) {color: #D90000; background-color: transparent; box-shadow: none;}
.accordion-button:focus {box-shadow: none;}
.accordion-button::after { background-image: url(../img/arrow-sm-down-grey.svg); background-size:14px; background-position: center center;}
.accordion-button:not(.collapsed)::after { background-image: url(../img/arrow-sm-up-red.svg); transform: none;}
.qns .accordion-button { font-family: "Poppins", sans-serif; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px;}
.qns .accordion-body { padding-right: 40px;}
/* accordion css end */

.stats p {margin-bottom: 0px;}
.stats-text {margin-bottom: 0px;}
.portfolio-box h3 { margin-top: 20px;}
.work-btn-div {margin-top: 120px;}
.bg-grey small {color: #B3B3B3;}
.col-logo { width: 25%; height: 250px; border-right: #CCCCCC solid 1px; border-bottom: #CCCCCC solid 1px; padding: 20px;}
.col-logo img, .tech-box img {filter: grayscale(100%); transition: filter 0.2s ease-in-out; -webkit-transition: filter 0.2s ease-in-out; -moz-transition: filter 0.2s ease-in-out; -ms-transition: filter 0.2s ease-in-out;}
.clients-logo .col-logo:nth-last-child(-n+4){border-bottom: 0px;}
.col-logo:hover img, .tech-box:hover img {filter: grayscale(0%);}
.tech-box img { width: 50%;}
.clients .para-txt {margin-bottom: 100px;}
.quotesign { position: absolute; top: 8px; left: -70px;}
.client-avtar {margin-right: 15px;}
.client-name p, .client-name small {margin-bottom: 0px;}
.client-name small {display: inline-block;}
.service-row h3, .service-row p strong { color: #FDFCF7;}
.capabilities { margin-top: 30px;}
.capabilities small { margin-bottom: 20px; color: #FDFCF7;}
.capabilities p {margin-bottom: 2px;}
.textimonial-slider .slick-slide .para-txt {font-size: 22px;}
.textimonial-slider .slick-prev, .textimonial-slider .slick-next {top: -80px; transform: none;}
.textimonial-slider .slick-prev { left: auto; right: 50px;}
.textimonial-slider .slick-next {right: 0px;}
.box-3 { padding-bottom: 50px;}
.box-3-title h3 {margin-bottom: 0px;}
.box-3-title img {margin-right: 12px; flex-shrink: 0;}
.box-3 p {margin-bottom: 0px;}
.box-3 p strong {margin-bottom: 12px !important; display: block;}
.box-trans-gray p strong { display: block;}
.bold-text p { margin-bottom: 12px !important;}
.bold-digit {border-bottom: #2E2E2E 1px solid; margin-bottom: 25px;}
.bold-digit p { margin-bottom: 5px;}
.box-title-gray img {margin-right: 12px; flex-shrink: 0;}
.box-trans-gray h3 {margin-bottom: 0px;}
.box {padding-bottom: 30px;}
.box h3 {margin-bottom: 0px;}
.box p {margin-bottom: 0px;}
.box img { margin-right: 12px; flex-shrink: 0;}
.founder .para-txt {color: #FDFCF7;}
.founder-quote img { margin-bottom: 30px;}
.founder-quote p {color: #FDFCF7; margin-bottom: 5px;}
.founder-quote small {margin-bottom: 0px;}
.ctadiv .lg-txt {margin-bottom: 0px;}
.casestudy-title .lg-txt {margin-bottom: 50px;}
.sticky-service { position: sticky; top: 0px; padding-top: 180px; min-height: 100vh;}
.serv-img {width: 25%; margin-right: 100px;}
.service-info { width: 66.5%;}
.industries p {margin-bottom: 2px;}
.contact-link a:hover {color: #D90000;}
.contact-link a.para-txt { margin-bottom: 0px;}
.port-div:hover .port-overlay::after { opacity: 1;}
.port-div:hover h3 { text-decoration: underline;}
.port-overlay::after {content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgb(26, 26, 26, 0.5); background-image: url(../img/arrow-white-xl.svg); background-repeat: no-repeat; background-position: center center; z-index: 1; transition: all 0.3s ease-in-out; opacity: 0;}
.imgscale img.imgzoom { transform: scale(1); transition: all 0.3s ease-in-out;}
.imgscale:hover img.imgzoom {transform: scale(1.03);}
.about-para-img {background: url(../img/about-parallax.jpg) no-repeat center center fixed; background-size: cover; height: 1080px;}
.sm-col-text p {margin-bottom: 0px;}
.sitemap-link a { color: #333333; }
.sitemap-link a:hover { color: #D90000; }
.about-para h2 span {color: #333333; font-weight: 500; margin-bottom: 12px; display: block;}
.casestudy-stats .para-txt {margin-bottom: 0px; }

.fullwidth-img img { width: 100%; }
.grecaptcha-badge { opacity: 0 !important;}

/* tab css start */
.nav {border-bottom: #CCCCCC 1px solid;}
.nav-link { padding: 10px 30px 15px 30px; color: #333333; font-weight: 500;}
.nav-pills .nav-link { border-radius: 0px;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #D90000; background-color: #FDFCF7; border-bottom: #D90000 1px solid;}
.nav-link:focus, .nav-link:hover {color: #D90000;}
.tech-box { border: #CCCCCC 1px solid; padding: 25px; text-align: center; margin-bottom: 25px;}
.tech-box img { margin-bottom: 15px; flex-shrink: 0;}
.tech-box small {color: #999999; margin-bottom: 0px;}
/* tab css end */

/* form control start */
.form-field {margin-bottom: 40px;}
.form-label small { margin-bottom: 0px;}
.form-control {background: #FDFCF7; padding: 10px 10px 25px 0px; font-size: 20px; font-weight: 400; color: #333333; border: none; border-bottom: #CCCCCC 1px solid; border-radius: 0px;}
.form-control:hover, .form-control:focus {border-bottom: #D90000 1px solid; background-color: #FDFCF7; border-color: none; box-shadow: none;}
.form-note small { line-height: 18px;}
.js-form-status { margin-top: 0; font-size: 16px; min-height: 1.2em; }
.js-form-status.is-loading { display: flex; align-items: center; min-height: 28px; }
.js-form-status .form-spinner {
    width: 22px;
    height: 22px;
    border: 2px solid rgba(217, 0, 0, 0.2);
    border-top-color: #D90000;
    border-radius: 50%;
    animation: form-spin 0.7s linear infinite;
}
@keyframes form-spin {
    to { transform: rotate(360deg); }
}
.js-form-status.is-success {background: #d4edda; color: #155724; border: #c3e6cb 1px solid; border-radius: 4px; padding: 8px 10px; }
.js-form-status.is-error { background: #f8d7da; color: #721c24; border: #f5c6cb 1px solid; border-radius: 4px; padding: 8px 10px; }
.hp-field { position: absolute; left: -9999px; height: 0; overflow: hidden; }
/* form control end */
/*-- elements css end --*/

/*-- footer css start --*/
footer a.para-txt { margin-bottom: 0px;}
.f-cta-text .lg-txt {margin-bottom: 0px;}
.footer-connect p { margin-bottom: 15px;}
.footer-cta .para-txt {margin-bottom: 10px;}
.footer-cta p { margin-bottom: 10px;}
.footer-connect small, .footer-link small {margin-bottom: 25px; color: #FDFCF7;}
.footer-link a {margin-bottom: 10px;}
.social-link {z-index: 1;}
.logo-line {bottom: 0; right: 0; z-index: 0;}
/*-- footer css end --*/