@charset "utf-8";
/* font-family: "Mona Sans", serif;
font-weight
100 : thin
200: Extra light
300: light
400: regular
500: medium
600: semibold
700: bold
800 : Extra bold
900 : Black */

:root { scroll-behavior: initial;}
*:focus { outline: none;}
figure{margin-bottom: 0px;}
body { margin: 0px; padding: 0px; font-family: "Mona Sans", serif;  font-weight: 400; font-size: 18px; color: #444444;
line-height: 26px;background-color: #FFFFFF;}
p { margin-bottom: 20px; }
b, strong { font-weight: 700; }
a { color: #E0E31C; text-decoration: none; outline: none; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease;cursor: pointer; }
a:hover { color: #444444; text-decoration: none; }
h1,h2,h3,h4,h5,h6 {color: #222222; font-family: "Mona Sans", serif;  font-weight: 500; line-height: 1.1; margin: 0px; padding: 0px; }
h1, h2 { font-size:80px; margin-bottom: 20px;letter-spacing: -3px; }
h3 { font-size: 50px; margin-bottom: 20px;letter-spacing: -1px; }
h4 { font-size: 36px; margin-bottom: 15px;letter-spacing: -2px; }
h5 { font-size: 24px; margin-bottom: 10px; }
h6 { font-size: 24px; margin-bottom: 10px; }
/* common css end */

/*form start*/
input[type="submit"],
input[type="button"],
button[type="submit"],
button[type="button"] { outline: none; }
label { display: inline-block; max-width: 100%;}
textarea { resize: none; height: 110px; border-radius: 20px; }
.form-control{font-family: "Mona Sans", serif; display: block; width: 100%; height: auto; padding: 0px 0px 15px; font-size: 18px; line-height: 1;
  color: #333333;border: none; border-bottom:1px solid #BFBFBF; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; border-radius: 0px;font-weight: 400; }
.form-control:focus,
.input-text:focus { color: #333; border-color: #003566; background-color: transparent; outline: 0; -webkit-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; box-shadow: none; }
.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; }
textarea.form-control, textarea{height: 100px;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; }
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] {appearance: none; -moz-appearance: textfield;-webkit-appearance: none; }
input[type="date"]::-webkit-inner-spin-button { display: none; }
input[type="date"]::-webkit-calendar-picker-indicator { color: rgba(0, 0, 0, 0); opacity: 1; background-image: none; background: transparent; }
input[type="radio"],
input[type="checkbox"] { cursor: pointer; }
img{max-width: 100%;height: auto;}
.form-group{margin-bottom: 20px;z-index: 1;}
.form-check-input[type=checkbox]{border-radius: 0px;}
.form-check-input{margin-top: 8px;border-radius: 0px;border-color: #000;}
.form-check-input:focus{border-color: #000;box-shadow: none;}
.form-check-input:checked:focus{border-color: #0d6efd;}
.img-scale{overflow: hidden;vertical-align: top;}
.img-scale img{transition: all 0.3s ease;transform: scale(1);}
.img-scale:hover img{transition: all 0.3s ease;transform: scale(1.1);}
/*form end*/

/*bullet start*/
ul,
ol { margin: 0; padding: 0; list-style: none; }
.bullet-list ul li{ position: relative; padding-left: 30px; }
.bullet-list ul li::before {content: '';height: 15px;width: 17px; left: 0px; position: absolute; top: 7px; background-image: url(../images/bullet-arrow.svg);background-position: left;background-repeat: no-repeat;}

/*bullet end*/
/*button start*/
ins{text-decoration: none;}
button:focus { outline: none; }
.btn-theme{ background-color: #E0E31C;color: #000;border:none;display: inline-flex;align-items: center; font-size: 17px;font-weight: 500;outline: 0px;position: relative;-o-transition: all 0.3s ease; transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; line-height: 1;padding: 17px 25px;letter-spacing: 1.5px; }
.btn-theme:hover{color: #fff;background-color: #003566;border-color: #fff;}
.btn-theme::after{content: '';background-image:url(../images/btn-arrow-black.svg);background-repeat: no-repeat; width: 16px;height: 14px;margin-left: 10px;margin-top: 1px;}
.btn-theme:hover::after{content: '';background-image:url(../images/btn-arrow-white.svg);background-repeat: no-repeat; width: 16px;height: 14px;margin-left: 10px;}
.btn-theme-submit{background-color: #E0E31C;color: #000;border:none;display: inline-flex;align-items: center; font-size: 17px;font-weight: 500; outline: 0px;position: relative;-o-transition: all 0.3s ease; transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; line-height: 1;padding: 17px 47px 17px 25px;letter-spacing: 1.5px;background-image:url(../images/btn-arrow-black.svg);background-repeat: no-repeat;background-position: right 20px center; }
.btn-theme-submit:hover{color: #fff;background-color: #003566;border-color: #fff;background-image:url(../images/btn-arrow-white.svg);}

.btn-theme-arrow{background-color: #E0E31C;display: inline-flex;align-items: center;justify-content: center; width: 80px;height: 80px;cursor: pointer;transition: all 0.3s ease;}
.btn-theme-arrow::before{width: 26px;height: 24px;background-image: url(../images/btn-arrow-blue.svg);content: '';background-repeat: no-repeat;}
.btn-theme-arrow:hover {background-color: #003566;}
.btn-theme-arrow:hover::before{background-image: url(../images/btn-white-arrow.svg);}
.btn-line{font-size: 18px;color: #6D94B8;padding-bottom: 5px;position: relative;display: inline-block;}
.btn-line::before, .btn-line::after{content: '';position: absolute;bottom: 0px;left: 0px;height: 1px;width: 100%;transition: all 0.3s ease;transform-origin: left;}
.btn-line:hover{border-color: #fff;}
.btn-line::before{background-color: #6D94B8;}
.btn-line::after{background-color: #fff;transform: scaleX(0);}
.btn-line:hover::after{transform: scaleX(1);}
.btn-line-blue{font-size: 18px;color: #003566;padding-bottom: 5px;position: relative;display: inline-block;font-weight: 500;}
.btn-line-blue::before, .btn-line-blue::after{content: '';position: absolute;bottom: 0px;left: 0px;height: 1px;width: 100%;}
.btn-line-blue::before{background-color: #003566;transition: all 0.3s ease;transform: scaleX(1);transform-origin: right;}
.btn-line-blue:hover{color: #000;}
.btn-line-blue::after{background-color:#000;transform: scaleX(0);transition: all 0.4s ease 0.1s;transform-origin: left;}
.btn-line-blue:hover::after{transform: scaleX(1);}
.btn-line-blue:hover::before{transform: scaleX(0);}

/* typography css */
.text-100, .text-100 h1, .text-100 h2, .text-100 h3{font-size: 100px;line-height: 1.2;letter-spacing: -3px;}
.text-80, .text-80 h1, .text-80 h2  .text-80 h3, .text-80 h4{font-size: 80px;line-height: 1.2;letter-spacing: -3px;}
.text-50, .text-50 h2, .text-50 h3, .text-50 h4{font-size: 50px;letter-spacing: -1.5px;}
.text-48, .text-48 h2, .text-48 h3, .text-48 h4{font-size: 48px;letter-spacing: -1.5px;}
.text-40, .text-40 h2{font-size: 40px;line-height: 60px;}
.text-36, .text-36 h1, .text-36 h2, .text-36 h3{font-size: 36px;line-height: 1.2;letter-spacing: -1px;}
.text-24{font-size: 24px;line-height: 1.2;}
.borderbottom{border-bottom: 1px solid #BFBFBF;}
.border-radius-15{border-radius: 15px;}
.fw-500{font-weight: 500;}
.fw-600{font-weight: 600;}
.fw-700{font-weight: 700;}
.fw-800{font-weight: 800;}
.text-black{color: #000;}
.text-white{color: #fff;}


/* section margin Top */
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-25 { margin-top: 25px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-60 { margin-top: 60px; }
.mt-50 { margin-top: 50px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }
.mt-120 { margin-top: 120px; }
.mt-150 { margin-top: 150px; }

/* Section margin bottom */
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-24 { margin-bottom: 24px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-60 { margin-bottom: 60px; }
.mb-50 { margin-bottom: 50px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }
.mb-120 { margin-bottom: 120px; }
.mb-150 { margin-bottom: 150px; }
.mb-180 { margin-bottom: 180px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 { margin-bottom: 250px; }
.mb-270 { margin-bottom: 270px; }
.mb-300 { margin-bottom: 300px; }
.mb-400 { margin-bottom: 400px; }
.pb-10 { padding-bottom: 10px; }
.pb-15 { padding-bottom: 15px; }
.pb-20 { padding-bottom: 20px; }
.pb-25 { padding-bottom: 25px; }
.pb-30 { padding-bottom: 30px; }
.pb-40 { padding-bottom: 40px; }
.pb-60 { padding-bottom: 60px; }
.pb-50 { padding-bottom: 50px; }
section.d-inline-block{vertical-align: top;}
.lastmbnone :last-child{margin-bottom: 0px;}

/* homepage css start */
.h-spacer{height: 100vh;}

.rightvectorbottom{right: 50px;bottom: 0px;position: absolute;}
.topherosection  .rightvectorbottom{right: 0px;}

.rightvectontop{right: 50px;top: 0px;position: absolute;}
.leftvectontop {left: 50px;top: 0px;position: absolute;}
.brandbottomright{right: 50px;bottom: 0px;position: absolute;}
.brandbottomleft{left: 50px;bottom: 0px;position: absolute;}
.bordeboxcol{border: 1px solid #DDDDDD;}
.bluebgelem{background-color: #003566;color: #fff;}
.bluebgelem h2, .bluebgelem h1, .bluebgelem h3, .bluebgelem h4{color: #fff;}
.bluebgelem .btn-theme:hover{background-color: #fff;color: #000;}
.bluebgelem .btn-theme:hover::after{background-image: url(../images/btn-arrow-black.svg);}
.logo{padding: 30px 0px;}
.logo a{position: relative;display: inline-flex;align-items: center;}
.logo a img, .logo{transition: all 0.3s ease;}
.stickylogo{position: absolute;left: 0px;opacity: 0;}
.sticky .logo{padding: 10px 0px;}
.sticky .stickylogo, .innerheader .stickylogo{opacity: 1;}
.sticky .unstickylogo{opacity: 0;}
.mainheader{position: fixed;top: 0px;width: 100%;z-index: 30;transition: all 0.3s ease;}
.mainheader.sticky{background-color: #fff;}
.navigatemain{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;position: relative;z-index: 1;color: #fff;}
a.menu-toggle {width: 24px;display: none;flex-wrap: wrap;align-items: center;justify-content: end;}
.icnline { background-color: #fff; transition: all 0.3s ease; width: 100%; height: 2px; margin-bottom: 5px;vertical-align: middle; line-height: 1; }
.icnline:last-child{margin-bottom: 0px;}
.mainheader.sticky .icnline, .innerheader .icnline{background-color:#444444;}
.navmenu >ul { margin: 0px; padding: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.navmenu > ul > li { position: relative; list-style: none; padding:30px 20px; margin-bottom: 0px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; width: initial; }
.mainheader.sticky .navmenu > ul > li{padding: 20px}
.navmenu > ul > li.lastmenu{display: none;}
.navmenu > ul > li.menu-item-has-children,.mainheader.sticky .navmenu > ul > li.menu-item-has-children {padding-right: 30px;}
.navmenu > ul > li.menu-item-has-children::before {margin-top: 12px; content: ''; width: 11px; height: 7px; display: inline-block; transition: all 0.2s ease; vertical-align: top;right: 10px; position: absolute; background-image: url(../images/chevron-down-white.svg);background-repeat: no-repeat; background-position: left center;}
.navmenu > ul > li > a {color: #fff; display: inline-block; font-size: 17px; position: relative;font-weight: 500;}
.sticky.mainheader .navmenu > ul > li > a,
.innerheader .navmenu > ul > li > a{color: #444444;}
.sticky.mainheader .navmenu > ul > li.menu-item-has-children::before,
.innerheader .navmenu > ul > li.menu-item-has-children::before{ background-image: url(../images/chevron-down-black.svg)}
.navmenu > ul > li ul { left: 0%; display: none; position: absolute; top: 100%; width: 250px; margin: 0px; background: #FFFFFF; padding:10px 20px; box-shadow: 0px 3px 7px -2px rgba(0, 0, 0, 0.2) }
.navmenu > ul > li:hover ul{display: block;}
.navmenu > ul > li ul li ul { top: 0px; left: 100%;}
.navmenu > ul > li > ul > li { padding: 10px 0px 10px 0px;margin-bottom: 0px; position: relative;border-bottom:1px solid #C2BBB1}
.navmenu > ul > li > ul li:last-child { border: none; }
.navmenu > ul > li > ul li::before { top: 25px; }
.navmenu > ul > li > ul li a { display: block; color: #000; position: relative;text-transform:capitalize;font-size:16px; }
.navmenu > ul > li > ul li a:hover{padding-left: 10px;}
.navmenu > ul > li > a:hover,
.sticky.mainheader .navmenu > ul > li > a:hover,
.navmenu > ul li.current-menu-item > a,
.navmenu > ul li.current-menu-ancestor > a,
.navmenu > ul > li > ul li a:hover{ color: #E0E31C;}
.closebtn { z-index: 5; position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; border: none; background-color: transparent; padding: 0px; transform: rotate(45deg);display: inline-flex;align-items: center;justify-content: center; }
.closebtn::after { background-color: #333333; 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: #333333; height: 100%; width: 2px; position: absolute; top: 0px; content: '';transition:all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1); }
.sub-menu-arrow {text-align: center; overflow: hidden;padding: 8px 10px;margin-left: 0px;display: inline-block;vertical-align: top;line-height: 1;cursor: pointer;position: absolute;right: -15px; }
.navarrow { display: inline-block; vertical-align: top; position: relative; width: 14px; height: 14px;}
.navarrow::before { content: ''; width: 14px; height: 14px;background-size: 14px; display: inline-block; transition: all 0.2s ease;
    vertical-align: top; position: absolute; background-image: url(../images/mobile-arrow-drop.svg);background-repeat:  no-repeat; background-position: left center; left: 0px; }
.navarup::before { transform: rotate(180deg); }
.MenuClose{display: none;}
.menuright .btn-theme{margin-left: 10px;}
.black-overlay{background-color: rgba(0, 0, 0, 0.5);bottom: 0px;left: 0px;right: 0px;top: 0px;position: fixed;display: none;}
.borderbox{border: 1px solid #D0D0CE;padding:50px;text-align: center;}
.topherosection{height: 100vh;overflow: hidden;}
.topvideosfull{width: 100%;overflow: hidden;position: relative;}
.topvideosfull > img, .topvideosfull > video{display: inline-block; vertical-align: middle; width: 100vw; height: 100vh; max-width: none;
    min-height: 100vh; min-width: 100vw; -o-object-fit: cover; object-fit: cover;}
.topvideosfull::before{content: '';bottom: 0px;left: 0px;right: 0px;top: 0px;position: absolute;background-color: rgba(0, 0, 0, 0.20);}
.topbannercaption{position: absolute;bottom: 0px;width: 100%;left: 0px;padding-bottom: 100px;}
.scrollbtn a{color: #fff;position: relative;display: inline-flex;align-items: center;gap: 15px;font-size: 36px;font-weight: 500;padding-bottom: 10px;}
.scrollbtn a::before{content: '';background-image: url(../images/scroll-down-arrow.svg);background-repeat: no-repeat; width: 35px;height: 36px;transform: translateY(0);transition: all  0.3s ease;}
.scrollbtn a:hover::before{transform: translateY(10px);}
.topvideosfull .rightvectorbottom{bottom: -100px;}
.abouthomecontent .brandbottomleft{bottom: -150px;left: 100px;}
.industryimg {margin-bottom: 20px;}
.industrycol h4{display: inline-flex;position: relative;align-items: start;margin-bottom: 0px;gap: 20px;}
.industrycol h4::after{content: '';background-image: url(../images/btn-arrow-blue.svg);background-repeat: no-repeat;width: 26px;height: 24px;margin-top: 11px;transition: all 0.3s ease;opacity: 0;transform: translateX(-10px);flex-shrink: 0;}
.industrycol:hover h4{color: #003566;}
.industrycol:hover h4::after{opacity: 1;transform: translateX(0);}
.titlechange span{color: #003566;font-weight: 700;display: none;}
.titlechange span.active{display: inline-block;}
.marqeesecrow{display: flex;}
.marqeesecrow .bordeboxcol{min-width: 488px;padding: 70px 30px;margin: 0px 12px;text-align: center;background-color: #fff;}
.textmarqueecol{animation: textMarqRightToLeft 10s linear infinite; animation-play-state: running;}
@keyframes textMarqRightToLeft {
    0% { transform: translate3d(calc(0% * -1), 0, 0) }
    to { transform: translate3d(calc(-100% - 0%), 0, 0) }
}

@keyframes textMarqLeftToRight {
    0% { transform: translate3d(calc(0% * 1), 0, 0) }
    to { transform: translate3d(calc(100% - 0%), 0, 0) }
}
.countercol{padding-bottom: 20px;}
.countertext{color: #003566;margin-bottom: 50px;}
.tabsectionrow{padding: 250px 0px;overflow: hidden;}
.tabsectionrow .rightvectorbottom{right: -190px;}
.hovertextrow{align-items: flex-start;}
.imgslider{position: relative;background-color: #fff;height: 360px;}
.imgslider h4{margin-bottom: 20px;min-height: 110px;}
.logohover:first-child{position: relative;}
.logohover{position: absolute;top: 0px;opacity: 0;left: 0px;overflow: hidden;height: 100%;width: 100%;
    transition:opacity 1s cubic-bezier(.165,.84,.44,1);display: flex;align-items: center;justify-content: center;}
.logohover.hoverselected {opacity: 1;z-index: 5;}
.imglistinghover {justify-content: space-between;margin-bottom: 150px;}
.mobileimg{display: none;}
.logotabaction{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.hovertext{width: 33.33%;margin-bottom: 20px; position: relative;cursor: pointer;transition: all 0.2s ease;font-size: 24px;color: #6D94B8;}
.hovertext span{border: 1px solid transparent; padding: 5px 10px;line-height: 1;display: inline-block;transition: all 0.3s ease;}
.hovertext.hoverselected, .hovertext:hover {color: #fff;}
.hovertext.hoverselected span, .hovertext:hover span{border: 1px solid #fff;}
.stickyhrwrapper {will-change: transform; position: sticky; top: 10vh;display: flex;flex-direction: column; align-items: start; overflow: hidden;}
.stickymainwrapper{width: 100%;display: inline-flex;position: relative;flex-wrap: wrap;}
.buildsysteamrow .h-spacer{height: 130vh;}
.horizontawrapper{display: flex;flex-direction: row; padding-left: 200px;padding-right: 192px;}
.horizontalcontent {min-width: 700px;margin-right: 24px;position: relative;}
.horizontalcontent a{display: block;}
.horizontalcontent .btn-theme-arrow{position: absolute;bottom: 0px;right: 0px;opacity: 0;transition: all 0.3s ease;}
.horizontalcontent a:hover .btn-theme-arrow{opacity: 1;}
.horizontawrapper .slick-dots{text-align: left;padding:0px 45px;bottom: -10px;left: 0px}
.productimg{position: relative;margin-bottom: 20px;}
.nav-link, .nav-pills .nav-link{position: relative; text-align: left;background-color: transparent;font-size: 30px;line-height: 30px; font-weight: 500;padding: 40px;border-radius: 0px;color: #fff;border-bottom: 1px solid #fff;border-right: 1px solid #fff; transition: all 0.3s ease;background-color: #003566;width: 50%;height: 292px;display: flex;flex-direction: column;justify-content: space-between;}
.nav-link:nth-child(2n), .nav-pills .nav-link:nth-child(2n){border-right: none;}
.nav-link:nth-last-child(2), .nav-pills .nav-link:nth-last-child(1){border-bottom: none;}
.nav-link, .nav-pills .nav-link strong{font-weight: 500;}
.nav-link, .nav-pills .nav-link span{text-align: right;font-size: 18px;}
.btntabknomore{margin-top: 50px;}
/* .nav-link::before{content: '';background-image: url(../images/btn-arrow-blue.svg);background-repeat: no-repeat;background-size: 22px; position: absolute;top: 44px;left: 30px;width: 22px;height: 20px;transform: translateX(-20px);opacity: 0;transition: all 0.3s ease;}
.nav-pills .nav-link.active::before{transform: translateX(0);opacity: 1;} */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link,.nav-pills .nav-link:hover{background-color: #E0E31C;color: #222222;border-radius: 0px;border-bottom-color:#E0E31C;}
.containerpadding{padding-left: calc(((100% - 1512px) - 24px) / 2)}
.wedesignrow .rightvectontop {top: 100px;right: 100px;}
.twocolumnslider .slick-arrow{top: auto;transform: none;bottom: -40px;}
.twocolumnslider [class*="col-"]{padding: 0px 12px;}
.twocolumnslider [class*="col-"]:last-child{padding-right: 0px;}
.twocolumnslider img{width: 100%;}
.twocolumnslider .slick-prev{left: 0px;}
.twocolumnslider .slick-next{right: auto;left: 30px;}
.rightcontentcol h2{margin-bottom: 50px;}
.rightcontentcol {padding: 150px;}
.sliderleftcol{width: 44.5%;padding: 0px 12px;margin-top: 200px;}
.sliderightcol{width: 55.5%;padding-left:12px ;}
/* .rightslider {margin-right: -195px;} */
.newsthmubimg{overflow: hidden;display: block;}
.newstitlecontent{min-height: 100%;border-bottom: 1px solid #ddd;}
.newstitlecontent h3{margin-bottom:50px;}
.datecol span{color: #555555;font-size: 18px;}
.datecol{margin-bottom: 30px;}
.newseventlatest .row{margin-bottom: 70px;}
.newseventlatest .row:last-child{margin-bottom: 0px;}
.newseventlatest .row:nth-child(even){flex-direction: row-reverse;}
.stickyshapecontent {overflow: hidden;clip-path: polygon(50% 0%, 50% 0, 50% 100%, 50% 100%);}
.imgvidclipmaskdown {overflow: hidden;clip-path: polygon(0% 0%, 0.3% 0%, 0% 100%, 0% 100%);}
.bloghomerow .horizontalcontent{min-width: 872px;margin-right: 100px;}
.bloghomerow .horizontalcontent:last-child{margin: 0px;}
.bloghomerow .stickyhrwrapper{top: 20vh;}
.bloghomerow .horizontawrapper{padding-right: 210px;}
.blogcontent{display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}
.bloghomerow .datecol{width: 30%;}
.blogtitlehome{width: 70%;}
.bloghomerow .h-spacer{height: 130vh;}
.calltoactionrow a{background-color: #E0E31C;padding: 70px 0px;color: #222222;}
.calltoactionrow .marqeesecrow{background-color: #E0E31C;transition: all 0.3s ease;white-space: nowrap;}
.calltoactionrow .textmarqueecol{animation-duration: 25s;}
.calltoactionrow .projectext {margin: 0px 50px;}
.letstalk{position: absolute;left: 0px;top: 0px;text-align: center;width: 100%;padding: 70px 0px;opacity: 0;transition: all 0.3s ease;}
.calltoactionrow a:hover .marqeesecrow{opacity: 0;}
.calltoactionrow a:hover .letstalk{opacity: 1;}
/* homepage css end */

/* footer start*/
.footermain{color:#6D94B8;padding: 100px 0px;}
.footermain h5{color: #fff;margin-bottom: 20px;}
.footermain a, .copyright a{color:#6D94B8;}
.footermain a:hover, .copyright a:hover{color: #fff;}
.footerlinkcol{display: flex;justify-content: space-between;}
.footerlinkcol ul li{margin-bottom: 15px;font-size: 18px;line-height: 1;}
.footerlinkcol ul li:last-child{margin-bottom: 0px;}
.footermenu{margin-bottom: 40px;}
.footerlinkright{width: 30%;}
.copyright{font-size:18px;}
.footersocial{margin-top: 50px;align-items: center;}

.socialicon{margin-right: 100px;}
.socialicon a{margin-right: 20px;line-height: 1;display: inline-flex;justify-content: center;align-items: center; border: 1px solid #6D94B8;width: 40px;height: 40px;}
.socialicon a:hover{background-color: #E0E31C;border: 1px solid #E0E31C;}
.socialicon a svg{fill: #6D94B8;width: 20px;height: 20px;}
.socialicon a:hover svg{fill: #000;}
.socialcolleft{display: flex;align-items: center;flex-wrap: wrap;}
.socialcolleft .btn-line{position: relative;}
.socialcolleft .btn-line img{position: absolute;top: 5px;left: -30px;}
.footermain .rightvectorbottom{right: 0px;}
/* footer end */

/* 404 page & thakyou page css start */
.thankyoupage{padding-top: 250px;}
/* 404 page & thakyou page css end */




/* blog page css */
.bloglistingrow .datecol, .blogcolbox  .datecol{margin-bottom: 10px;}
.blogcolbox{margin-bottom: 50px;}
.blogthmubimg{margin-bottom: 20px;}
.leftminusimgcol, .blogthmubimg{position: relative;}
.leftminusimgcol .btn-theme-arrow,
.blogthmubimg .btn-theme-arrow{position: absolute;right: 0px;bottom: 0px;opacity: 0;}
.leftminusimgcol a:hover .btn-theme-arrow,
.blogcolbox a:hover .btn-theme-arrow{opacity: 1;}
.loadmorebtn{width: 100%;text-align: center;display: inline-block;padding-top: 50px;}
.paginav {display: -webkit-box; display: -ms-flexbox; display: flex;
    -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.paginav a, .paginav span {text-decoration: none; margin: 0px; margin-right: 10px; text-align: center; font-size: 18px;
     width: 50px; height: 50px; line-height: 50px;}
.paginav span.arrow-previous, .paginav span.arrow-next {position: relative; display: inline-block; margin-right: 0px; }
.paginav a { border: 1px solid #003566;}
.paginav span.current, .paginav a:hover {border-color: #003566;background-color: #003566;color: #fff;}
.arrow-previous::before, .arrow-next::before{height: 15px; width: 17px; content: ''; transition: all 0.3s ease;display: inline-block; }
.arrow-previous::before {background: url(../images/blog-left-arrow-orange.svg) center center no-repeat;background-size: 100%;}
.arrow-next::before {background: url(../images/blog-right-arrow-orange.svg) center center no-repeat;background-size: 100%;}
.arrow-previous:hover:before { background: url(../images/blog-left-arrow-white.svg) center center no-repeat; background-size: 100%; }
.arrow-next:hover:before { background: url(../images/blog-right-arrow-white.svg) center center no-repeat; background-size: 100%; }
.blogdetailrow .datecol{margin-bottom: 10px;}
.blogimgcontent{margin-bottom: 50px;}
.blogdetailcontent h2{font-size: 30px;letter-spacing: -1px;}
.blogdetailcontent h3{font-size: 24px;letter-spacing: -1px;}
.blogdetailcontent h4{font-size: 20px;letter-spacing: -1px;}
.blogdetailcontent ul{margin-bottom: 20px;}
.blogdetailcontent ul li, .blogdetailcontent ol li{margin-bottom: 5px;}
.blogdetailcontent ol > li:last-child{margin-bottom: 0px}
.blogdetailcontent ol { margin-bottom: 20px; counter-reset: item; display: inline-block; width: 100%; }
.blogdetailcontent ol li { margin-bottom: 10px; }
.blogdetailcontent ol li ol, .blogdetailcontent ol li ul { padding-left: 20px; margin: 10px 0px; }
.blogdetailcontent ol li::before { content: counters(item, ".") ". "; counter-increment: item; }
.blogdetailcontent ol li ul li::before { content: ''; }
.blogdetailcontent p img{margin: 20px 0px;}
.blogdetailnav{display: inline-flex;justify-content: space-between;border-top: 1px solid #DDDDDD;padding-top: 30px;width: 100%;margin-top: 80px;}
.otherblog .blogcolbox{margin-bottom: 0px;}
/* blog page css end */


.toppageoffset {margin-top: 250px;}

/* contact & Careers page css start */
.contactfrmrow .brandbottomright{bottom: -150px;}
.contactifnorow .borderbottom {padding-bottom: 70px;margin-bottom: 70px;}
.contactifnorow .borderbottom:last-child{margin-bottom: 0px;}
.infotitle{color: #003566;}
.infodetail{display: flex;flex-wrap: wrap;}
.cntdetail{display: inline-flex;align-items: center;margin-right: 50px;font-size: 24px;}
.addresscontact{display: inline-flex;align-items: flex-start;font-size: 24px;line-height: 1.3;color: #222222; flex-direction: column;}
.addresscontact i{flex-shrink: 0;margin-right: 20px;}
.cntdetail:last-child{margin-right: 0px;}
.cntdetail a{color: #222222;}
.cntdetail a:hover{color: #003566;}
.cntdetail i{margin-right: 20px;}
.addresscontact, .infodetail{width: 50%;}
.gbtn{text-transform: uppercase;font-size: 16px;letter-spacing: 2px;font-weight: 600;}
.gbtn::after{content: '';background-image: url(../images/btn-arrow-orange.svg);background-position: center;background-size: 10px;width: 10px;height: 10px;display: inline-block;vertical-align: middle;margin-left: 10px;margin-top: -2px;}
.jointitle{color: #D9D3CA;}
.onlytitlerow .brandbottomright{bottom: -300px;}
.alignbottomrow{align-items: flex-end;}

.careersidebar{transition: all 0.5s linear;width: 100%;position: fixed;top: 0px;right: -100%;height: 100%;background-color: #FFFFFF;z-index: 100;overflow: hidden;}
.careersidebar.slide{right: 0%;}
.OverlayCareers{z-index: 100;}
.careersidebar .closebtn::after, .careersidebar .closebtn::before{background-color: #fff;}
.careersfrm h4{color: #fff;}
.stepgrowcol{width: 50%;padding: 0px 12px;color: #6D94B8;margin-bottom: 30px;}
.stepgrowcol span{font-size: 40px;display: block;margin-bottom: 30px;}
.stepgrowcol h4{letter-spacing: -1px;}
.joinusimg{flex-shrink: 0;padding: 0px 12px;}
.joinusitem a{display: flex;align-items: center;justify-content: space-between;padding: 30px 0px;color: #444444;}
.joinusitem a:hover{padding: 30px;background-color: #E0E31C;color: #444444;}
.titlepost{flex-grow: 1;}
.arrowbtn{flex-shrink: 0;margin-left: 30px;}
.careersfrm{padding: 100px 0px 100px 100px;background-color: #003566;height: 100vh;z-index: 1;position: relative;}
.careersfrm::before{content: '';background-color: #003566;top: 0px;bottom: 0px;right: -50%;width: 50%; position: absolute;z-index: -1;}
.maincontainer{display: flex;height: 100%;}
.maincontainer .row{flex-grow: 1;}
.careersfrm .form-control{border-bottom: 1px solid #6D94B8;color: #fff;}
.careersfrm .form-contro:focus { color: #fff; border-color: #fff;}
.careersfrm .form-control::-webkit-input-placeholder { color: #6D94B8;font-weight: 400; }
.careersfrm .form-control::-moz-placeholder { color: #6D94B8; opacity: 1;font-weight: 400; }
.careersfrm .form-control::-ms-input-placeholder { color: #6D94B8;font-weight: 400; }
.careersfrm .form-control:focus::-webkit-input-placeholder { color: #fff;font-weight: 400; }
.careersfrm .form-control:focus::-moz-placeholder { color: #fff; opacity: 1;font-weight: 400; }
.careersfrm .form-control:focus::-ms-input-placeholder { color: #fff;font-weight: 400; }
.careersfrm .brandbottomright{right: -150px;bottom: -150px;}
.careersfrm .uploadBox label{border-bottom: 1px solid #6D94B8;}
.careersfrm .uploadBox label span.filename{color: #6D94B8;}
.careersfrm .uploadBox label span, .careersfrm .uploadBox label span{color: #fff;}
.uploadBox input[type="file"] {display: none;}
.uploadBox label { width: 100%; display: flex;justify-content: space-between;padding: 0px 0px 15px;border-bottom: 1px solid #BFBFBF;white-space: nowrap;cursor: pointer;font-size: 16px;line-height: 20px;}
.uploadBox label span{font-size:18px;font-weight: 700;color: #fff;}
.uploadBox label span.filename{color: #fff;font-size: 16px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-transform: none;width: 70%;letter-spacing: 0px;font-weight: 400;}
.uploadBox label.selected span.filename{color: #fff;}
.careersfrm .btn-theme-submit:hover{background-color: #FFFFFF;background-image: url(../images/btn-arrow-black.svg);color: #000;}
.postcontent{padding: 100px 0px;max-height: 100vh;overflow: auto;}
.postcontent h4{color: #003566;}
.postcontent h5{padding-top: 15px;}
.titlevacancy{margin-bottom: 20px;}
.postcontent ul{margin-bottom: 20px;}
/* contact & Careers page css end */


/* Pre engeenring page start */
.RoofVector .brandbottomleft{bottom:-150px}
.iconcontenrow .row [class*="col-"]{margin-bottom: 50px;}
.iconcol{padding-bottom: 50px;min-height: 100%;}
.iconcol i {display: block;margin-bottom: 50px;}
.buildengcol .btn-theme-arrow {position: absolute;bottom: 0px;right: 0px;opacity: 0;transition: all 0.3s ease;}
.buildengcol a:hover .btn-theme-arrow{opacity: 1;}
.bulidindusrow .horizontalcontent{min-width: 616px;}
.bulidindusrow .h-spacer{height: 130vh;}
.rightimgminusrow{overflow: hidden;}
.minusimgright{margin-right: -196px;}
.bgelementrow{padding: 250px 0px 200px;color: #6D94B8;overflow: hidden;}
.minustopimg{margin-top: -150px;}
.bgelementrow .leftvectontop{left: 50px;}
.industrybuildrow .brandbottomright{bottom: -150px;}
.buildsyscol .btn-theme-arrow{bottom: 0px;right: 0px;position: absolute;}
.buildsyscol a:hover .btn-theme-arrow{background-color: #003566;}
.buildsyscol a:hover .btn-theme-arrow::before{background-image: url(../images/btn-white-arrow.svg);}
.engproductcol h4{position: relative;display:inline-flex;align-items: center;margin-bottom: 0px;align-items: center;}
.engproductcol h4::after{opacity: 0; content: '';background: url(../images/btn-arrow-blue.svg) no-repeat center;width: 25px;height: 22px;margin-left: 20px;margin-top: 7px;transform: translateX(-10px);transition: all 0.3s ease;}
.engproductcol a:hover h4{color: #003566;}
.engproductcol a:hover h4::after{opacity: 1;transform: translateX(0);}
.advantagesrow{padding: 200px 0px;}
.adviconcol{display: flex;justify-content:space-between;flex-wrap: wrap;}
.smiconcolumn {width: 41%;margin-bottom: 50px;}
.smiconcolumn h4{letter-spacing: -1px;}
.adviconcol i{margin-bottom: 30px;}
.adviconcol .smiconcolumn:nth-last-child(2),
.adviconcol .smiconcolumn:nth-last-child(1) {margin-bottom: 0px;}
.adviconcol .smiconcolumn:nth-last-child(2) .borderbottom,
.adviconcol .smiconcolumn:nth-last-child(1) .borderbottom {border: none;padding-bottom: 0px;}
.keysystemsorw .borderbox{padding: 10px;}
.keyframesiderbig {margin-bottom: 40px;}
.keyframeslidernav{margin: 0px -5px;}
.keyframeslidernav .slick-track {margin: 0px;}
.keyframeslidernav .slick-slide{padding: 0px 5px;opacity: 0.5;cursor: pointer;}
.keyframeslidernav .slick-current{opacity: 1;}
.bracingrow .borderbox{padding: 10px}
.stickycoltext{top: 100px;position: sticky;}
.boximgright .borderbox{margin-bottom:50px;padding: 10px;}
.boximgright .borderbox:last-child{margin-bottom:0px;}
.otherslider .slick-slide{padding: 0px 12px;}
.otherslider .slick-arrow{margin-top: -15px;}
.otherslider {margin: 0px -12px;}
.imgleftcol{position: relative;}
.stickyleftimg{position: sticky;top: 25vh;}
.stickyleftimg .keyframeimg:first-child {position: relative;}
.keyframeimg {transition: all 0.3s ease; position: absolute; top: 0px; left: 0px; transform-origin: top; opacity: 0;overflow: hidden; display: inline-block;vertical-align: top;}
.keyframeimg.active, .keyrightcontent.active {opacity: 1;}
.keyrightcontent {padding-bottom: 300px;opacity: 0.3;transition: all 0.3s ease;}
.imgroofing{position: relative;}
.imgroofbox:first-child{position: relative;}
.imgroofbox{position: absolute;top: 0px;left: 0px;opacity: 0;transition: all 0.3s ease;margin-bottom: 30px;}
.imgroofbox.colorselected{opacity: 1;}
.colorbox{width: 100%;height: 130px;cursor: pointer;}
.colorcolbox span{padding: 12px;display: block;}
.colorcolbox {border: 1px solid #fff;}
.colorcolbox.colorselected{border: 1px solid #ddd;}
.colorgridbox{display: grid;gap: 24px;grid-template-columns: 1fr 1fr 1fr;align-items: flex-start;}
.iconcol h5{margin-bottom: 15px;}
.rightimgleftcontent .row{flex-direction: row-reverse;}
.wallcladingsysrow .iconcol{padding-bottom: 0px;}
.accessorieselem .stickyleftimg{top: 15vh;}
.accessorieselem .keyrightcontent:first-child{margin-top: 250px;}
.accessorieselem .keyrightcontent:last-child{padding-bottom: 250px;}
.accessorieselem .keyrightcontent{padding-bottom: 150px;}
.accessorieselem .keyrightcontent .borderbottom{padding-bottom: 50px;}
.accessorieselem .textrightcol ul{margin-bottom: 20px;margin-top: 5px;}
.accessorieselem .textrightcol ul:last-child{margin-bottom: 0px;}
/* Pre engeenring page end */

/* infrastructure & Commissioning css start */
.infrarowelem .brandbottomright{bottom: -250px;}
.manpowerelement .keyrightcontent {padding: 50px 0px;margin-bottom: 50px; border-bottom: 1px solid #BFBFBF;}
.manpowerelement .keyrightcontent i{margin-bottom: 30px;display: block;}
.imgcoversize{position: relative;width: 100%;}
.imgcoversize::before{content: '';position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.70);}
.infracountrow{position: absolute;left: 0px;bottom: 0px;width: 100%;padding-bottom: 100px;color: #fff;}
.infracountrow .borderbottom{padding-bottom: 20px;min-height: 100%}
.infracountrow .row [class*="col-"]{margin-bottom: 20px;}
.fullcoverimgrow video{vertical-align: top;}
.imgleftsqure{position: relative;}
.squereimgbox:first-child {position: relative;}
.squereimgbox.tabactive {opacity: 1;}
.squereimgbox {position: absolute; top: 0px; left: 0px; opacity: 0;transition: all 0.3s ease;margin-bottom: 30px;}
.tabitemcol{width: 50%;margin-bottom: 25px;cursor: pointer;}
.tabitemcol .borderbottom{padding-bottom: 25px;display: flex;align-items: center;line-height: 1;transition: all 0.3s ease;}
.tabitemcol.tabactive .borderbottom{border-color: #003566;}
.numbertext{flex-shrink: 0;margin-right: 20px;line-height: 1;color: #003566;min-width: 90px;font-weight: 500;}
.tabitemcol span{flex-grow: 1;font-weight: 500;transition: all 0.3s ease;}
.tabitemcol.tabactive span{color: #003566;}
.tabitemcol:nth-child(odd){padding-right: 24px;}
.nubercoltext{display: flex;align-items: center;}
.poweringprjrow .stickyshapecontent{position: relative;}
/*.poweringprjrow .stickyshapecontent::before{content: '';position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.60);}*/
.designicon{border-bottom: 1px solid #BFBFBF;padding-bottom: 30px;margin-bottom: 30px;padding-right: 20px;min-height: 226px;position: relative;}
.designicon::before{content: '';position: absolute;left: 0px;bottom: -10px;width: 20px;height: 20px;background-color: #003566;border-radius: 100%;}
.designengrow .stickyhrwrapper{top: 15vh;}
.designengrow .horizontalcontent{min-width: 488px;margin: 0px;}
.designengrow .horizontalcontent:last-child{margin-right: 24px;}
.designengrow .horizontalcontent h4{margin-bottom: 0px;}
.designengrow .horizontalcontent i{margin-bottom: 50px;display: block;}
.designengrow .horizontalcontent p{padding-right: 20px;margin-bottom: 0px;}
.designengrow .h-spacer{height: 145vh;}
.logoslider{margin: 0px -12px;}
.logoslider .slick-slide{padding: 0px 12px;text-align: center;}
.logoslider .bordeboxcol{padding: 25px;}
.leftimgrightcontent ul li{margin-bottom: 15px;}
.leftimgrightcontent .brandbottomleft{bottom: -200px;}
.contentshow{display: none;padding-top:30px;}
.contentshow p{margin-bottom: 0px;}
.tabcontentimg{display: none;}
.tab-nav-custom li:first-child .contentshow{display: block;}
.tab-nav-custom li:first-child{border-top: 1px solid #BFBFBF;}
.tab-nav-custom li{border-bottom: 1px solid #BFBFBF;position: relative;transition: all 0.3s ease;padding: 36px 0px 37px 0px;list-style: none;}
.tab-nav-custom li a{font-size: 36px;font-weight: 500;color: #222222;display: block;position: relative;padding-right: 35px;letter-spacing: -2px;}
.tab-nav-custom li a::before{content: '';background-image: url(../images/plus-icon.svg);background-position: center;background-repeat: no-repeat;width: 20px;height: 20px;position: absolute;top: 3px;right: 0px;}
.tab-nav-custom li.active a::before{background-image: url(../images/minus-icon.svg);}
/* infrastructure & Commissioning css end */


/* About page css start */
.missionrow{padding: 250px 0px;}
.missionrow .tabitemcol{width: 100%;color: #6D94B8;margin-bottom: 50px;padding-right: 0px !important;}
.missionrow .tabitemcol h3{color: #6D94B8;}
.missionrow .tabitemcol .borderbottom{flex-wrap: wrap;display: block;line-height: inherit;padding-bottom: 50px;padding-right: 120px;border-bottom: 1px solid #6D94B8; position: relative;}
.missionrow .tabitemcol .borderbottom::before{opacity: 0;transform: translateX(-10px); content: '';position: absolute;right: 0px;bottom: 50px;width: 24px;height: 21px;background-image: url(../images/btn-arrow-yellow.svg);background-repeat: no-repeat;background-position: center;}
.missionrow .tabitemcol span{display: block;color: #6D94B8;margin-bottom: 20px;}
.missionrow .tabitemcol span,
.missionrow .tabitemcol.tabactive .borderbottom::before,
.missionrow .tabitemcol .borderbottom,
.missionrow .tabitemcol,
.missionrow .tabitemcol h3{transition: all 0.3s ease;}
.missionrow .tabitemcol.tabactive span,
.missionrow .tabitemcol.tabactive,
.missionrow .tabitemcol.tabactive h3{color: #fff;}
.missionrow .tabitemcol.tabactive .borderbottom{border-color: #fff;}
.missionrow .tabitemcol.tabactive .borderbottom::before{opacity: 1;transform: translateX(0);}
.missionrow [class*="col-"] .tabitemcol:last-child{margin-bottom: 0px;}
.missionrow [class*="col-"] .tabitemcol:last-child .borderbottom{border: none;padding-bottom: 0px;}
.missionrow [class*="col-"] .tabitemcol:last-child .borderbottom::before{bottom: 0px;}
.titlecenter{text-align: center;}
.titlecenter img{margin-bottom: 20px;}
.titlecenter h3{margin-bottom: 10px;}
/* About page css end */

.accordion-item{border: none;background-color: transparent;border-bottom: 1px solid #555;}
.accordion-button{background-color: transparent;padding: 30px 0px;font-size: 24px;line-height: 1;color: #222222;transition: all  0.3s ease;justify-content: space-between;}
.accordion-item:first-of-type .accordion-button,
.accordion-item:first-of-type,
.accordion-item:last-of-type{border-radius: 0px}
.accordion-button:focus, .accordion-button:not(.collapsed){box-shadow: none;background-color: #E0E31C;color: #222222;padding: 30px;}
.accordion-body{padding: 30px 30px 15px;}
.cmscontentcol p, .cmscontentcol ul{margin-bottom: 15px;}
.accordion-button:not(.collapsed)::after{background-image: url(../images/minus-icon.svg);transform: none;}
.accordion-button::after{background-image: url(../images/plus-icon.svg);background-size: 16px;width: 16px;height: 16px;margin-left: 20px;}
.accordionright{width: 60%;}
.acctitleleft{width: 40%;}
.accrightcol .row{margin-bottom: 100px;}
.accrightcol .row:last-child{margin-bottom: 0px;}
.acctitleleft{margin-top: 20px;}
.catagorysticky{margin-top: 30px;position: sticky;top: 100px;}
.catagorysticky ul li{margin-bottom: 15px;}
.catagorysticky ul li a{color: #444444;}
.catagorysticky ul li a:hover,.catagorysticky ul li.active a{color: #003566;}

.clientlogo{border:1px solid #ddd;flex-shrink: 0;padding: 30px;margin: 0px 10px;text-align: center;}
.marquee__content{display: flex;flex-shrink: 0;}
.marquee {white-space: nowrap;}
.marquee__inner {display: flex;flex-direction: row;}
.footer-address-box strong { color: #fff;display:block; }
.contactinfo { display: flex; }
.contactinfo p:last-child { margin-left: 20px;
}
.addressdetail strong {
    display: block;
}

.addresswrap {
    width: 100%;
    display: flex;
    margin-bottom: 30px;
}

.addresswrap:last-child{margin-bottom: 0px;}

.footer-whtasapp {position: fixed; bottom: 10px; right: 20px; opacity: 0; transition: all 0.3s ease;width: 40px;}
.footer-whtasapp.sticky-wa {z-index: 2; opacity: 1;}
.footer-whtasapp  a{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;background-color:#E0E31C;border-radius: 100%;margin-bottom: 10px;}
.footer-whtasapp  a svg{fill:#003566;transition: all 0.3s ease;width: 20px;}
.footer-whtasapp  a:hover{background-color:#003566;}
.footer-whtasapp  a:hover svg{fill:#FFFFFF;}
.leftimgcenter{align-items: center;}


/* Modal popup css */
.modal-content{border: none;border-radius: 0px;box-shadow: none;}
.modal-body{padding: 50px;}
.modal-body h4, .offcanvas-body h4{margin-bottom: 10px;}
.fromlineicon{position: absolute;bottom: 0px;right: 0px;width: 80px;}
.offcanvas.offcanvas-end{width: 50%;}
.offcanvas-body{padding: 100px;flex-grow: inherit;}
.offcanvas-body .fromlineicon{width: 180px;}
.wpcf7-spinner{margin-top: 13px;vertical-align: top;position: absolute;}
.wpcf7 form.sent .wpcf7-response-output {line-height: 24px; background: #DFF0D8; border: 1px solid #C3E6CB; margin: 20px 0 0; padding: 7px 12px; color: #155724;position: relative; z-index: 1;border-radius: 5px; font-size: 16px; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {line-height: 24px; background: #F8D7DA; border: 1px solid #F5C6CB; margin: 20px 0 0; padding: 7px 15px; color: #721C24; position: relative; z-index: 1;border-radius: 5px; font-size: 16px; }
span.wpcf7-not-valid-tip { position: relative; text-align: left; font-size: 14px;}


.vc_row{margin: 0px !important}
.vc_column_container>.vc_column-inner{padding: 0px !important}
@keyframes textMarqRight {
  0% { transform: translate3d(0, 0, 0); }
   100% { transform: translate3d(-50%, 0, 0); }
}

@keyframes scrolldown {
	0% { transform: translateY(0px) }
	50% { transform:translateY(5px) }
  100% { transform:translateY(0px) }
}

.ploader {
    width: 100%;
    text-align: center;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#pageloader {
    top: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #FFFFFF;
}

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

#pageloader {top: 0px; position: fixed; width: 100%; height: 100%; z-index: 9999; background: #FFFFFF; }
.ploader {width: 100%; text-align: center; top: 50%; position: absolute; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }