@charset "utf-8";

/*font document*/

/* font-family: "Urbanist", sans-serif;*/

/*Thin 100 ||  ExtraLight 200 || Light 300 || Regular 400 || Medium 500 || Semi-bold 600 || Bold 700 || Extra-bold 800 || Black 900*/

/*common css start*/:root { scroll-behavior: initial; }
*:focus { outline: none; }
*:focus { outline: none; border: none; }
body { margin: 0px; padding: 0px; font-size: 18px; line-height: 28px; font-weight: 400; color: #4B5563; font-family: "Urbanist", sans-serif; letter-spacing: -0.18px;/* background-color: #F9FAFB;*/ }
p { margin-bottom: 15px; }
small { color: #4B5563; font-size: 14px; display: block; margin-bottom: 10px; }
a { color: #030712; cursor: pointer; 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; }
a:hover { text-decoration: none; background: linear-gradient(90deg, #E96457 0%, #C6358F 49.97%, #9E00CF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
ul, li { list-style: none; margin: 0px; padding: 0px; }
img { border: 0; vertical-align: top; height: auto; max-width: 100%; }
.left-padding { padding-left: calc(((100% - 1170px) - 30px) / 2); }
.right-padding { padding-right: calc(((100% - 1170px) - 30px) / 2); }
.mob .row [class*="col-"]:first-child { margin-top: -50px; }

/*Heading Css*/
h1, h2, h3, h4, h5, h6, .th1, .th2, .th3, .th4, .th5, .th6 { color: #030712; font-weight: 700; margin: 0px; padding: 0px; }
h1, h2, .th1, .th2 { font-size: 60px; margin-bottom: 20px; letter-spacing: -1.4px; line-height: 1.28; }
h3, .th3 { font-size: 40px; margin-bottom: 20px; }
h4, .th4 { font-size: 30px; margin-bottom: 20px; }
h5, .th5 { font-size: 24px; margin-bottom: 20px; }
h6, .th6 { font-size: 20px; margin-bottom: 20px; font-weight: 500; }

/*extra heading & text*/
.t72, .t72 h1, .t72 h2 { font-size: 72px; line-height: 1.1; letter-spacing: -1.44px; font-weight: 700; }
.t30 { font-size: 30px; line-height: 1.1; letter-spacing: -1.44px; }
.wordanimation .textword span { line-height: 1.25; }

/*font-weight*/
.fwm { font-weight: 500; }
.fws { font-weight: 600; }
.fwb { font-weight: 700; }

/*button start*/
ins { text-decoration: none; }
button:focus { outline: none; }
.btn-theme { letter-spacing: 0.72px; background-color: transparent; color: #030712; border-radius: 50px; padding: 16px 25px; display: inline-flex; align-items: center; font-size: 18px; font-weight: 700; text-transform: uppercase; outline: 0; position: relative; overflow: hidden; transition: all 0.3s ease-in-out; z-index: 1; line-height: 1 }
.btn-theme::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 50px; background: linear-gradient(90deg, #E96457 17.5%, #D1457D 40%, #BF2C9A 61.59%, #9E00CF 85%); mask: linear-gradient(white, white) content-box, linear-gradient(white, white); mask-composite: exclude;/* -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white); -webkit-mask-composite: destination-out;*/ z-index: -1; transition: all 0.3s ease-in-out; }
.btn-theme:hover { color: #F9FAFB; -webkit-text-fill-color: unset; }
.btn-theme::after { content: ''; background-image: url(../images/btn-arrow-black.svg); background-repeat: no-repeat; width: 17px; height: 16px; margin-left: 10px; transition: all 0.3s ease-in-out; z-index: 1; }
.btn-theme:hover:after { background-image: url(../images/btn-arrow-white.svg); }
.btn-theme span:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(90deg, #E96457 0%, #C6358F 49.97%, #9E00CF 100%); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease-in-out; z-index: -1; }
.btn-theme:hover span:after { transform: scaleX(1); }
.btn-theme-submit { position: relative; overflow: hidden; border-radius: 50px; display: inline-block; }
.btn-theme-submit input[type="submit"] { letter-spacing: 0.72px; background-color: transparent; color: #030712; padding: 16px 50px 16px 25px; display: inline-block; font-size: 18px; font-weight: 700; text-transform: uppercase; outline: 0; transition: all 0.3s ease-in-out; line-height: 1; border: none; background-image: url(../images/btn-arrow-black.svg); background-repeat: no-repeat; background-position: right 20px center; }
.btn-theme-submit input[type="submit"]:hover { color: #fff; background-image: url(../images/btn-arrow-white.svg); }
.btn-theme-submit::before { content: ""; position: absolute; inset: 0; padding: 2px; border-radius: 50px; background: linear-gradient(90deg, #E96457 17.5%, #D1457D 40%, #BF2C9A 61.59%, #9E00CF 85%); mask: linear-gradient(white, white) content-box, linear-gradient(white, white); mask-composite: exclude; z-index: -1; transition: all 0.3s ease-in-out; }
.btn-theme-submit:after { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(90deg, #E96457 0%, #C6358F 49.97%, #9E00CF 100%); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease-in-out; z-index: -1; }
.btn-theme-submit:hover::after { transform: scaleX(1); }
.bgblack  .btn-theme, .solid-btn  .btn-theme { color: #F9FAFB; }
.bgblack  .btn-theme::after, .solid-btn  .btn-theme::after { background-image: url(../images/btn-arrow-white.svg); }
.bgblack  .btn-theme:hover, .solid-btn .btn-theme:hover { background: transparent; -webkit-text-fill-color: unset; }
.bgblack .btn-theme span:after, .solid-btn .btn-theme span:after { transform: scaleX(1); }
.bgblack .btn-theme:hover span:after, .solid-btn .btn-theme:hover span:after { transform: scaleX(0); }
.form-control { border: none; border-bottom: 1px solid #ddd; border-radius: 0px; background-color: transparent; padding: 0px 0px 10px; font-size: 18px; color: #030712; }
.form-control:focus { box-shadow: none; background-color: transparent; border-bottom: 1px solid #000000; }
.form-control::-webkit-input-placeholder { color: #9CA3AF; font-weight: 400; }
.form-control::-moz-placeholder { color: #9CA3AF; opacity: 1; font-weight: 400; }
.form-control::-ms-input-placeholder { color: #9CA3AF; font-weight: 400; }
.form-control:focus::-webkit-input-placeholder { color: #4B5563; font-weight: 400; }
.form-control:focus::-moz-placeholder { color: #4B5563; opacity: 1; font-weight: 400; }
.form-control:focus::-ms-input-placeholder { color: #4B5563; font-weight: 400; }
textarea { height: 100px; resize: none; }

/*button end*/

/*bullet*/

/*bullet*/
.bullet-list ul { margin-bottom: 20px }
.bullet-list ul li ul { margin-bottom: 10px; margin-top: 8px }
.bullet-list ul li::before { content: ''; position: absolute; left: 0; top: 5px; background-image: url(../images/listicon.svg); width: 15px; height: 15px; }
.bullet-list ul:last-child { margin-bottom: 0px }
.bullet-list ul li { position: relative; padding-left: 25px; margin-bottom: 8px }

/*bullet-end*/

/*margin-top*/
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-30 { margin-top: 30px; }
.mt-50 { margin-top: 50px; }
.mt-100 { margin-top: 100px; }
.mt-250 { margin-top: 250px; }

/*margin-bottom*/
.mb-0 { margin-bottom: 0px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { 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-125 { margin-bottom: 125px; }
.mb-150 { margin-bottom: 150px; }
.mb-200 { margin-bottom: 200px; }
.mb-250 { margin-bottom: 250px; }
.mb-300 { margin-bottom: 300px; }

/*padding-top*/
.pt-10 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-30 { padding-top: 30px; }
.pt-50 { padding-top: 50px; }
.pt-100 { padding-top: 100px; }

/*padding-bottom*/
.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-50 { padding-bottom: 50px; }
.pb-70 { padding-bottom: 70px; }
.pb-80 { padding-bottom: 80px; }
.pb-90 { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }

/*padding-top-bottom*/
.ptb-100 { padding: 100px 0px; }

/*colors*/
.bgblack { background-color: #030712; }
.bgblack h2 { color: #F9FAFB; }
.textblack, .textblack a { color: #030712; }
.textwhite { color: #F9FAFB; }
.pmb0 > p:last-of-type { margin-bottom: 0px; }
.borderbottom { border-bottom: 1px solid #ddd; }

/*header-css-start*/
.mainheader { width: 100%; position: fixed; top: 0px; transition: all 0.3s ease; z-index: 20; /*background-color: #F9FAFB;*/ background-color: #fff; }
.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 > a { color: #030712; display: block; padding: 26px 0px; }
.navmenu>ul>li { position: relative; list-style: none; margin: 0px 40px; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; transition: all ease 0.3s; }
.navmenu > ul > li > a:hover, .navmenu > ul > li.current-menu-item > a, .navmenu>ul>li:hover>a, .navmenu > ul > li > ul > li:hover > a { background: linear-gradient(90deg, #E96457 0%, #C6358F 49.97%, #9E00CF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sub-menu-arrow { text-align: center; overflow: hidden; padding: 8px; vertical-align: top; line-height: 1; cursor: pointer; position: absolute; right: 0px; line-height: 0; top: 0px; }
.navmenu > ul > li  ul { display: none; }
.navmenu > ul > li > ul > li > a { font-size: 16px; color: #222222; }
.navmenu>ul>li:last-child { margin-right: 0px; }
header .logo { padding: 20px 0px; }
header .logo a { display: inline-block; }

/*header-css-end*/

/*footer-css-start*/
.footer-menu-title { color: #030712; }
.footerlinkcol a { color: #4B5563; }
.footerlinkcol li + li { margin-top: 15px; }
.socialicon a { margin-right: 20px; line-height: 1; display: inline-block; }
.socialicon a:last-child { margin-right: 0px; }
.socialicon a svg { fill: #4B5563; width: 20px; height: 20px; }
.socialicon a:hover svg { fill: #AD5171; }
.socialicon { text-align: right; }
.footermenu { margin: 100px 0px; }
.textblack a:hover, .footerlinkcol a:hover { background: linear-gradient(90deg, #E96457 0%, #C6358F 49.97%, #9E00CF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; }
.brandvector { position: absolute; }
.bottomrightvector { bottom: 0px; right: 0px; }
.toplefttvector { top: 0px; left: 0px; }

/*footer-css-end*/
.topbannersection { overflow: hidden; display: flex; justify-content: flex-end; }
.videoanimation { height: 100vh; overflow: hidden; width: 100%; position: relative; /*clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);*/ }
.videoanimation video { display: inline-block; vertical-align: middle; width: 100%; width: 100vw; height: 100vh; -o-object-fit: cover; object-fit: cover; }
.textcaption { position: absolute; top: 50%; right: 0px; text-align: right; z-index: 2; padding: 0px 12px; width: 100%; }
.textleftbanner { position: absolute; left: 48px; width: 27%; padding: 0px 12px }
.textword, .wordanimation { position: relative; display: inline-block; vertical-align: top; overflow: hidden; text-align: right; }
.textword span:first-child { position: relative; display: inline-block; vertical-align: top; }
.textword span { opacity: 0; position: absolute; right: 0px; animation: slide-out 1s; top: 0px; }
.textword span.active { opacity: 1; animation: slide-in 1s; }
.topbannersection .textcaption h2 { color: #fff; }
@keyframes slide-in {
	0% { opacity: 0; transform: translateY(100%); }
	60% { opacity: 1; transform: translateY(0%); }
	100% { opacity: 1; transform: translateY(0%); }
}
@keyframes slide-out {
	0% { opacity: 1; transform: translateY(0%); }
	60% { opacity: 0; transform: translateY(-100%); }
	100% { opacity: 0; transform: translateY(-100%); }
}
.videoanimation::before { content: ''; position: absolute; left: 0px; right: 0px; bottom: 0px; top: 0px; background: rgba(3, 7, 18, 0.60); z-index: 1; }
.line { overflow: hidden; padding-bottom: 0.09em; }
.textword span { background: linear-gradient(90deg, #E96457 48.46%, #DB516E 59.01%, #B119B1 72.38%, #9E00CF 81.57%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.videoanimation img { object-fit: cover; height: 100vh; }
.hm-work-left strong { font-size: 20px; color: #030712; }
.textleftbanner, .textcaption, .videoanimation { opacity: 0; }
.textcaption { transform: translateY(-100px); }
.sectionboader { display: flex; justify-content: center; line-height: 1; position: relative; }
.boader-shape { padding: 0px 20px; text-align: center; position: relative; z-index: 1; background: #ffffff; opacity: 0; transform: translateY(40px); transition: opacity 0.3s ease-out, transform 0.4s ease-out; }
.sectionboader:after { content: ''; position: absolute; height: 1px; width: 0%;	/*background: linear-gradient(90deg, #F9FAFB 0%, #E2E5E9 35.54%, #E2E5E9 64.7%, #F9FAFB 100%); */ background: linear-gradient(90deg, #F9FAFB 0%, #D1D5DB 35.54%, #D1D5DB 64.7%, #F9FAFB 100%); top: 50%; transform: translateY(-50%); transition: width 0.7s ease-out 0.4s; /* Starts earlier */ }
.sectionboader.wow.animated .boader-shape { opacity: 1; transform: translateY(0px); }
.sectionboader.wow.animated:after { width: 100%; }
.hmt-box-wrap { display: flex; flex-wrap: wrap; }
.hmt-box { width: 33.33%; padding: 0px 75px; border-left: 1px solid #D1D5DB; display: flex; flex-direction: column; flex: 1; }
.hmt-link { margin-top: auto; /* Pushes the link to the bottom */ }
.sectionboader { margin-top: 125px; }
.vectortopleft { left: 0px; top: 0px; }
.hm-work .vectortopleft { top: -100px; }
.vectortopright { top: 0px; right: 0px; }
.hmt-box:first-child { border-left: navajowhite; }
.toppageoffset { margin-top: 250px; }
.tflistthumbimg { margin-bottom: 30px; }
.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; justify-content: 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; border-radius: 100%; display: inline-block; }
.paginav span.arrow-previous, .paginav span.arrow-next { position: relative; display: inline-block; margin-right: 0px; }
.paginav a { border: 1px solid #030712; }
.paginav span.current, .paginav a:hover { border-color: #030712; background: #030712; 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-black.svg) center center no-repeat; background-size: 100%; }
.arrow-next::before { background: url(../images/blog-right-arrow-black.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%; }
.hm-work-right p strong { font-size: 20px; font-weight: 500; }
.tpd-row { padding: 0px 80px; width: 100%; }
.tpd-boximg, .tpd-box-style3 .tpd-boximg { margin-bottom: 20px; }
.tpd-row-inner { width: auto; display: flex; flex-wrap: wrap; margin: 0px -75px; }
.tpd-box-style3, .tpd-box { margin-bottom: 50px; }
.tpd-box { width: 33.33%; padding: 0px 75px; }
.tpd-box:nth-child(5n + 4) { width: 53%; padding-left: 200px; }
.tpd-box:nth-child(5n) { width: 41%; }
.style2 .tpd-box:nth-child(5n) { width: 53%; }
.style2 .tpd-box:nth-child(5n + 4) { width: 47%; }
.thankyoupage p { margin-bottom: 30px; }
.otpf-img { margin-bottom: 30px; }
.otpf-slider { margin: 0px -12px }
.otpf-slider .slick-slide { margin: 0px 10px; }
.td-singlecontent.th4 { margin-bottom: 0px; }
.blogfullrow-banner { position: relative; width: 100%; }
.blogfullrow-content { position: absolute; bottom: 0px; left: 0px; width: 100%; margin-bottom: 100px; }
.blogfullrow-banner, .blogfullrow-banner img { height: 100vh; }
.blogfullrow-banner img { object-fit: cover; }
.blogfullrow-banner img { width: 100%; }
.catagoryrow ul li a { display: inline-block; font-size: 20px; font-weight: 500; line-height: 1.5; letter-spacing: -0.2px; padding: 8px 22px; border-radius: 50px; background: transparent; color: #030712; }
.catagoryrow ul li a:hover, .catagoryrow ul  li.active a { background: #030712; color: #fff; -webkit-text-fill-color: #fff; }
.catagoryrow ul li { margin-right: 10px; }
.bloglist-box { margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #D1D5DB; }
.blogtitlecontent { display: flex; flex-wrap: wrap; flex-direction: column; justify-content: space-between; }
.date { color: #4B5563; font-size: 18px; font-weight: 400; line-height: 28px; letter-spacing: -0.18px; display: block; }
.bloglistingrow .paginav { justify-content: end; }
.blogfullrow-banner:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.50); content: ""; z-index: 0; }
.singlepostcontent ol { counter-reset: list-counter; }
.singlepostcontent > ol { padding-left: 0px; }
.singlepostcontent ol li { display: block; counter-increment: list-counter; }
.singlepostcontent ol li::before { content: counters(list-counter, ".") " "; }
.singlepostcontent h1, .singlepostcontent h2 { font-size: 46px; }
.blogdetailnav { display: inline-flex; justify-content: space-between; width: 100%; padding-top: 30px; border-top: 1px solid #D1D5DB; }
.bloglistingrow .vectortopright { top: -100px; }
.blogdetailnav a { position: relative; display: inline-block; text-decoration: none; }
.blogdetailnav a::after { content: ""; position: absolute; left: 0; bottom: 0; height: 1px; width: 100%; background: #000 }
.blogdetailnav a:hover::after { background: linear-gradient(90deg, #E96457 17.5%, #D1457D 40%, #BF2C9A 61.59%, #9E00CF 85%); }
.catagoryrow { display: flex; justify-content: flex-start; flex-direction: column; text-align: left; }
.catagoryrow ul { flex-direction: row; flex-shrink: 0; overflow-x: auto; margin-bottom: 50px; overflow-y: hidden; display: flex; }
.catagoryrow ul li { white-space: nowrap; }
.topinnersection .videoanimation::before { background: rgba(3, 7, 18, 0.40); }

/* letsconnect page css  start */
.imgleftclip { clip-path: polygon(50% 0px, 100% 0px, 100% 100%, 50% 100%); }
.imgrightclip { clip-path: polygon(0px 0px, 50% 0px, 50% 100%, 0px 100%); }
.bgblack h1, .bgblack h2, .bgblack h3, .bgblack h4, .bgblack h5, .bgblack { color: #fff; }
.titleMove { transform: translateX(300px); }

.vectrobottomright { bottom: 0px; right: 0px; }
.vectorbottomleft { bottom: 0px; left: 0px; }
.contactdetailcol h2 { margin-bottom: 50px; }
.contactdetailcol .borderbottom { padding-bottom: 30px; margin-bottom: 30px; }
.contactdetailcol .borderbottom span { display: block; color: #4B5563; margin-bottom: 10px; }
.contactdetailcol .borderbottom a, .contactdetailcol .borderbottom p { font-size: 20px; color: #000; }
.contactdetailcol .borderbottom:last-child { margin-bottom: 0px; padding-bottom: 0px; border-bottom: none; }
.contactinforow .vectrobottomright { bottom: -150px; }
.whowetext { padding-left: 120px; }

/* letsconnect page css  end */

/* who we are page css  start */
.topaboutherosticky { position: sticky; top: 250px; }
.whowetext { text-align: left; }
.whoweareheroelement .vectorbottomleft { left: 200px; }
.aboutbrandelem { align-items: center; justify-content: center; }
.h-spacer { height: 100vh; }
.h-spacer-50 { height: 50vh; }
.aboutbrandsticky { position: sticky; top: 100px; width: 100%; display: flex; height: 100vh; align-items: flex-end; justify-content: center; text-align: center; }
.brandtriangle { width: 55%; }
.textfadecaption { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; text-align: center; }
.titlecontent { opacity: 0; transform: scale(0.7); position: absolute; color: #fff; }
.aboutbrandsticky .container .titlecontent:first-child { position: relative; }
.titlecontent.active { opacity: 1; transform: scale(1); }
.brandcontentbox { display: flex; align-items: center; justify-content: center; }
.brandimscale { transform: scale(0.7); transform-origin: bottom; }
.contactfrmrow  .wpcf7-spinner { position: absolute; right: -70px; top: 15px }
.vismissionrow .row { justify-content: space-between; align-items: center; margin-bottom: 100px; }
.vismissionrow .container .row:last-child { margin-bottom: 100px; }
.vismissionrow .container .row:nth-child(odd) { flex-direction: row-reverse; }
.vismissionrow .container .row:nth-child(even) [class*="col-"]:first-child { text-align: right; }
.teamslider { margin: 0px -12px; }
.teamslider  .slick-slide { padding: 0px 12px; }
.teamcaption { width: 100%; transition: all 0.5s ease; position: absolute; bottom: 0px; padding: 20px; background: linear-gradient(90deg, #E96457 17.5%, #D1457D 40%, #BF2C9A 61.59%, #9E00CF 85%); }
.teamcaption h5 { margin-bottom: 0px; }
.teamcaption span { font-size: 18px; display: block; }
.teamcaption h5, .teambox { color: #fff; }
.textfade { display: none; margin-top: 10px; }
.teambox:hover .textfade, .teambox:hover .titlebox { animation-duration: 0.8s; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: block; }
.whychooseusrow { padding: 250px 0px; color: #fff; }
.whychoositems { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.keyborder { background-color: #353840; width: 100%; transform: scaleX(0); height: 1px; margin-top: -1px; transform-origin: right; }
.whychooskey { overflow: hidden; }
.whychooskey .whychoositems:first-child { padding-top: 1px; }
.keyitemcol { width: 70%; overflow: hidden; transform: translateX(100%); position: relative; }
.keyitemcol h5 { margin: 0px; padding: 30px 0px; }
.textshowscroll { padding-bottom: 30px; }
.textshowscroll  i { margin-bottom: 20px; display: block; }
.stikckyimgleft { position: sticky; top: 200px; }
.stickyshapecontent { overflow: hidden; clip-path: polygon(50% 0%, 50% 0, 50% 100%, 50% 100%); }
video { vertical-align: top; }
.mapvideoimg { margin-top: 50px; }

/* who we are page css  end */
.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; }
.titlecontent video { max-width: 500px; }
.contactfrmrow .wpcf7 form.invalid .wpcf7-response-output, .contactfrmrow  .wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.sent .wpcf7-response-output { width: 83.33%; margin-left: 8.33333333% }