/* Theme Name: Nextline Skelton Theme URI: https://www.nextline.in Description: Html 5 responsive theme Version: 6.1 Author: Haris Author URI: https://harisk.me */ @charset "UTF-8"; /************************************************************************************************* RESET ***************************************************************************************************/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;-moz-appearance:button;appearance:button;}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance: textfield;appearance: textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}* {margin: 0;padding: 0;list-style-type: none;} /************************************************************************************************* COMMON ***************************************************************************************************/ body{--wp-dark-mode-scale: 1} html[xmlns] .clearfix {display: block;} * html .clearfix {height: 1%;} body{margin:0;padding:0;width:100%;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff; font-family: "Poppins", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; } .container{width:100%;margin:0 auto;padding-left: 60px; padding-right: 60px;} .container-fluid{width:100%;padding:0 20px} .row-e, .col{-ms-flex-preferred-size:0;flex-basis:0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%} .row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-15px;margin-right:-15px} .row>*{padding-left:15px;padding-right:15px;-webkit-box-sizing:border-box;box-sizing:border-box} [class*=col-]{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;max-width:100%;width: 100%;} .col-100 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-90 { -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } .col-80 { -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .col-70 { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .col-66 { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; max-width: 66.6666%; } .col-60 { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .col-50 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-40 { -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .col-33 { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; } .col-30 { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .col-25 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-20 { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .col-10 { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } @media (min-width: 768px) { .col-md-100 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-md-90 { -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } .col-md-80 { -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .col-md-70 { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .col-md-66 { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; max-width: 66.6666%; } .col-md-60 { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .col-md-50 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-md-40 { -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .col-md-33 { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; } .col-md-30 { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .col-md-25 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-md-20 { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .col-md-10 { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } } @media (min-width: 1024px) { .col-lg-100 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; } .col-lg-90 { -ms-flex-preferred-size: 90%; flex-basis: 90%; max-width: 90%; } .col-lg-80 { -ms-flex-preferred-size: 80%; flex-basis: 80%; max-width: 80%; } .col-lg-70 { -ms-flex-preferred-size: 70%; flex-basis: 70%; max-width: 70%; } .col-lg-66 { -ms-flex-preferred-size: 66.6666%; flex-basis: 66.6666%; max-width: 66.6666%; } .col-lg-60 { -ms-flex-preferred-size: 60%; flex-basis: 60%; max-width: 60%; } .col-lg-50 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } .col-lg-40 { -ms-flex-preferred-size: 40%; flex-basis: 40%; max-width: 40%; } .col-lg-33 { -ms-flex-preferred-size: 33.3333%; flex-basis: 33.3333%; max-width: 33.3333%; } .col-lg-30 { -ms-flex-preferred-size: 30%; flex-basis: 30%; max-width: 30%; } .col-lg-25 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } .col-lg-20 { -ms-flex-preferred-size: 20%; flex-basis: 20%; max-width: 20%; } .col-lg-10 { -ms-flex-preferred-size: 10%; flex-basis: 10%; max-width: 10%; } } .row-e,.row-full,.row-eighty,.row-five,.row-four,.row-fourty,.row-half,.row-ninety,.row-seventy,.row-sixty,.row-ten,.row-thirty,.row-three{position:relative;width:100%;min-height:1px} .p-0{padding:0!important}.p-5{padding:5px}.p-10{padding:10px}.p-15{padding:15px}.p-20{padding:20px}.p-30{padding:30px}.pt-0{padding-top:0!important}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-30{padding-top:30px}.pb-0{padding-bottom:0!important}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-15{padding-bottom:15px}.pb-20{padding-bottom:20px}.pb-30{padding-bottom:30px}.pl-0{padding-left:0!important}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pl-30{padding-left:30px}.pr-0{padding-right:0!important}.pr-5{padding-right:5px}.pr-10{padding-right:10px}.pr-15{padding-right:15px}.pr-20{padding-right:20px}.pr-30{padding-right:30px}.m-0{margin:0!important}.m-5{margin:5px}.m-10{margin:10px}.m-15{margin:15px}.m-20{margin:20px}.m-30{margin:30px}.mt-0{margin-top:0!important}.mt-5{margin-top:5px}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.mt-20{margin-top:20px}.mt-30{margin-top:30px}.mb-0{margin-bottom:0!important}.mb-5{margin-bottom:5px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.mb-30{margin-bottom:30px}.ml-0{margin-left:0!important}.ml-5{margin-left:5px}.ml-10{margin-left:10px}.ml-15{margin-left:15px}.ml-20{margin-left:20px}.ml-30{margin-left:30px}.mr-0{margin-right:0!important}.mr-5{margin-right:5px}.mr-10{margin-right:10px}.mr-15{margin-right:15px}.mr-20{margin-right:20px}.mr-30{margin-right:30px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-right:auto;margin-left:auto}.w-100{width:100%!important}.h-100{height:100%!important} @media (min-width: 768px) { .p-md-0{padding:0!important}.p-md-5{padding:5px}.p-md-10{padding:10px}.p-md-15{padding:15px}.p-md-20{padding:20px}.p-md-30{padding:30px}.pt-md-0{padding-top:0!important}.pt-md-5{padding-top:5px}.pt-md-10{padding-top:10px}.pt-md-15{padding-top:15px}.pt-md-20{padding-top:20px}.pt-md-30{padding-top:30px}.pb-md-0{padding-bottom:0!important}.pb-md-5{padding-bottom:5px}.pb-md-10{padding-bottom:10px}.pb-md-15{padding-bottom:15px}.pb-md-20{padding-bottom:20px}.pb-md-30{padding-bottom:30px}.pl-md-0{padding-left:0!important}.pl-md-5{padding-left:5px}.pl-md-10{padding-left:10px}.pl-md-15{padding-left:15px}.pl-md-20{padding-left:20px}.pl-md-30{padding-left:30px}.pr-md-0{padding-right:0!important}.pr-md-5{padding-right:5px}.pr-md-10{padding-right:10px}.pr-md-15{padding-right:15px}.pr-md-20{padding-right:20px}.pr-md-30{padding-right:30px}.m-md-0{margin:0!important}.m-md-5{margin:5px}.m-md-10{margin:10px}.m-md-15{margin:15px}.m-md-20{margin:20px}.m-md-30{margin:30px}.mt-md-0{margin-top:0!important}.mt-md-5{margin-top:5px}.mt-md-10{margin-top:10px}.mt-md-15{margin-top:15px}.mt-md-20{margin-top:20px}.mt-md-30{margin-top:30px}.mb-md-0{margin-bottom:0!important}.mb-md-5{margin-bottom:5px}.mb-md-10{margin-bottom:10px}.mb-md-15{margin-bottom:15px}.mb-md-20{margin-bottom:20px}.mb-md-30{margin-bottom:30px}.ml-md-0{margin-left:0!important}.ml-md-5{margin-left:5px}.ml-md-10{margin-left:10px}.ml-md-15{margin-left:15px}.ml-md-20{margin-left:20px}.ml-md-30{margin-left:30px}.mr-md-0{margin-right:0!important}.mr-md-5{margin-right:5px}.mr-md-10{margin-right:10px}.mr-md-15{margin-right:15px}.mr-md-20{margin-right:20px}.mr-md-30{margin-right:30px} } .order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1} .order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2} .order-3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3} .order-4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4} .d-flex,.flex, .is-layout-flex{display:-webkit-box;display:-ms-flexbox;display:flex} .is-layout-flex{margin-right: -15px; margin-left: -15px;} .is-layout-flex > div.wp-block-column{padding-right: 15px;padding-left: 15px;-ms-flex-preferred-size: 0;flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1;} .d-inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex} .d-inline{display:-moz-inline-stack;display:inline-block;zoom:1;} .d-block{display:block} .d-none{display: none;} .d-inline-block{display:inline-block} .align-items-center,.flex_align_center{-webkit-box-align:center;-ms-flex-align:center;align-items:center} .align-items-end{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end} .align-items-start{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start} .flex_jsb,.justify-content-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between} .justify-content-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start} .justify-content-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:end} .justify-content-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center} .flex-wrap,.wrap{-ms-flex-wrap:wrap;flex-wrap:wrap} .flex-no-wrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap} .flex-column {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;} header ul li{list-style-type: none;} header ul{margin-left: 0;} ul, ol{margin-left: 20px;margin-top: 0;} ul li{list-style-type:disc} ol li{list-style-type:decimal} .no-list li{list-style-type: none !important;position: relative;} .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar} table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent;border-collapse:collapse} table td,table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6} table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6} .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)} .embed-container, .wp-block-embed is-type-video .wp-block-embed__wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed, .wp-block-embed is-type-video .wp-block-embed__wrapper iframe, .wp-block-embed is-type-video .wp-block-embed__wrapper object, .wp-block-embed is-type-video .wp-block-embed__wrapper embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .relative, .position-relative{position:relative;} .position-fixed{position: fixed;} .position-absolute{position: absolute;} .position-static{position: static;} .position-sticky{position:-webkit-sticky;position:-moz-sticky;position:-ms-sticky;position:-o-sticky;position:sticky;top:10px} .text-capital{text-transform:capitalize;} .text-uppercase{text-transform:uppercase;} .text-center{text-align:center;} .text-left{text-align:left} .text-right{text-align: right;} .text-justify{text-align: justify;} p, ul, ol{margin-bottom: 20px;} p, li{font-weight: 400;font-size: 15px;} .shadow{-webkit-box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);} /* clear floats */ .container:after, .container:before{display: table;content: " ";clear: both;} .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display:block; } .clear , .cb{ clear: both; } .float-left{float:left;} .float-right{float:right;} img{max-width:100%;height:auto;vertical-align:bottom; } a, a:hover{text-decoration:none;-webkit-transition:all .4s ease-in-out;-o-transition:all .2s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} *, *:after, *:before { -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smooth:antialiased; text-rendering:optimizeLegibility; } input:focus { outline:0; border:1px solid #04A4CC; } /*Core*/ .alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} p .alignnone{margin-bottom: 0;} ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-webkit-selection { background:#04A4CC; color:#FFF; text-shadow:none; } ::-moz-selection { background:#04A4CC; color:#FFF; text-shadow:none; } .parallax{background-size: cover;background-repeat: no-repeat;background-attachment: fixed;background-position: top center;} .abs-center{position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0;} .abs-exact{ margin: 0 auto; left: 50%; top:50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .overlay {position: relative; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .6); padding: 60px 0; } .overlay.position-absolute{top:0;left:0;position: absolute;} .o-hidden, .overflow-hidden{overflow:hidden;} .com60, .CommonPadding{padding:60px 0;} .com80{padding:80px 0;} .com80x60{padding:80px 0 60px 0;} .com100x60{padding:100px 0 60px 0;} *:focus { outline:none} .nextline-logo{width:85px;} .dummy{padding: 0 !important;border:0 !important;margin: 0 !important;-webkit-box-shadow: none !important;box-shadow: none !important;width: 0 !important;height: 0 !important;} .text-second-line{word-spacing: 9999999px;} .imgAbsolute{ position: absolute; left:0; top:0; height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } button{ cursor: pointer; border: none; background: none; padding: 0; font-family: inherit; } :root{ --mColor:#EC2427; --sColor: #FAF9F9; --lColor: #F3F0EC; } a{ color: #000; } a:hover{ color: var(--mColor); } /************************************************************************************************* Header ***************************************************************************************************/ .header { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; color: #000; padding: 20px 0; -webkit-animation: stickyNavbar 0.5s linear; animation: stickyNavbar 0.5s linear; -webkit-filter: drop-shadow(0px 4px 19px rgba(0, 0, 0, 0.07)); filter: drop-shadow(0px 4px 19px rgba(0, 0, 0, 0.07)); } .header.top{ background-color: #fff; } .header.top .main-menu li a, header.top .lang{ color: #000; } .header.top .main-menu li.menu-item-has-children>a:before { border: solid #000; border-width: 0 2px 2px 0; } .lang{ color: #fff; } .main-menu li.current-menu-item a { color: var(--mColor) !important; border-bottom: 2px solid #d4b06a;; } .main-menu li { position: relative; } .main-menu li a { display: block; font-size: 14px; margin: 0 10px; font-weight: 500; color: #fff; } /* Remove bottom border from dropdown/submenu links */ .main-menu .sub-menu li a { border-bottom: none !important; } /* Also remove it from the active/current submenu item */ .main-menu .sub-menu li.current-menu-item a, .main-menu .sub-menu li.current_page_item a { border-bottom: none !important; } .main-menu .sub-menu li a { padding: 8px 0; } .menu-item-has-children { margin-right: 15px; } .main-menu li.menu-item-has-children>a:before { position: absolute; content: ""; line-height: 1; right: -5px; top: 5px; transform: rotate(45deg); border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; transition: 0.6s; } .main-menu li ul.sub-menu a { color: #000; font-size: 15px; font-weight: 500; padding: 7px 0; } .main-menu li ul.sub-menu a:hover{ color: var(--Scolor); } .menu-item-has-children li a{ display: flex; align-items: center; } .main-menu .sub-menu, .dropIn { padding: 19px 0; background-color: #fff; position: absolute; left: 37px; top: 25px; width: 184px; margin-top: 5px; opacity: 0; visibility: hidden; z-index: 9999; box-shadow: 0 0px 30px 0 rgba(0, 0, 0, 0.1); transition: all ease 0.3s; pointer-events: none; margin-left: 40px; padding: 10px 20px; } .main-menu li:hover > .sub-menu, .dropDown:hover .dropIn{ margin-top: 0; opacity: 1; visibility: visible; transition: all ease 0.3s; pointer-events: all; margin-left: 0; } .dropIn{ right: 0; left: auto; cursor: pointer; width: fit-content; min-width: 200px; padding: 0 0 20px 0; border-top: 2px solid var(--Mcolor); } .dropIn a, .dropIn span{ display: block; white-space: nowrap; font-size: 14px; padding: 0; } .dropIn span{ text-transform: capitalize; padding: 15px 20px; border-bottom: 1px solid #ccc; margin-bottom: 10px; } .dropIn a{ padding: 8px 20px; } .logo img{ width: 150px; } .comBtn { display: inline-flex; background-color: var(--mColor); color: #fff; padding: 15px 30px; font-size: 15px; font-weight: 500; border: 1px solid var(--mColor); align-items: center; line-height: 1; justify-content: center; border-radius: 4px; } .comBtn:hover { background-color: #fff; color: var(--mColor); border: 1px solid var(--mColor); } .comBtn:hover svg path { fill: var(--mColor); } .comBtn.scnd { background-color: #fff; color: var(--mColor); border: 1px solid var(--mColor); } .comBtn.scnd:hover { background-color: var(--mColor); color: #fff; border: 1px solid var(--mColor); } .comBtn.scnd:hover svg path { fill: #fff; } .subTitle { display: block; font-size: 13px; padding-bottom: 5px; font-weight: 600; text-transform: uppercase; } .comHeading{ font-size: 45px; font-weight: 700 !important; line-height: 1.1 !important; letter-spacing: -1px !important; } .redTxt { color: var(--mColor); } .cmnBr { border-radius: 5px; } .bglight{ background-color: #f9f9f975; } .bgmutedLight{ background-color: var(--sColor); } .bgImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; } .overlay { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: rgb(0 0 0 / 50%); padding: 0; } .deskImg{ display: block; } .mobImg{ display: none; } .HomeTopSection { min-height: 100vh; color: #fff; } .HomeTopSection h1 { font-size: 45px; font-weight: 700; line-height: 1.1; letter-spacing: -1px; margin: 0; } .achievementsSection { background-color: var(--lColor); } .borderLine { border-right: 2px solid #C4883B5E; } .borderLine:last-child { border-right: none; } .avmntNo { font-size: 40px; font-weight: 700; line-height: 1; padding-bottom: 5px; } .avmntTxt{ font-size: 13px; line-height: 1.1; font-weight: 500; } .chairmansSection .subTitle { font-size: 15px; color: #e9b349; } .chairmansSection{ color: #fff; padding: 150px 0; } .chairmanText { font-size: 20px; line-height: 1.2; } .chairmanName { font-size: 14px; color: #e9b349; } .chairmansSection .col-md-40 { margin-top: 70px; } .timeline { position: relative; margin: 60px auto 0; padding-top: 60px; margin-bottom: 60px; } .timeline::before{ content:""; position:absolute; left:50%; top:0; bottom:0; width:1px; background:#000; transform:translateX(-50%); z-index:1; } .timelineItem { position: relative; width: 50%; margin-bottom:-40px; z-index: 2; } .timelineItem::before { content: ""; position: absolute; width: 24px; height: 24px; border-radius: 50%; border: 6px solid #d91c24; background: #fff; top: 70px; z-index: 2; } .timelineItem:nth-child(odd) { margin-right: auto; padding-right: 70px; } .timelineItem:nth-child(even) { margin-left: auto; padding-left: 70px; margin-top: 20px; } .timelineItem:nth-child(odd)::before { right: -12px; } .timelineItem:nth-child(even)::before { left: -12px; } .timelineCard { background: #fff; border-radius: 5px; padding: 25px; box-shadow: 0 10px 30px rgb(0 0 0 / .04); } .timelineItem:nth-child(even) .timelineCard { flex-direction: row-reverse; } .timelineIcon, .decadeIcon { width: 80px; height: 80px; border-radius: 50%; background: var(--sColor); display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .timelineYear, .decadeYear { display: block; color: var(--mColor); font-size: 30px; font-weight: 900; } .timelineContent h3, .decadeContent h3 { line-height: 1.2; text-transform: uppercase; font-weight: 500; } .portfolioSection .row{ margin-top:50px; } .itemNo{ display:block; font-size:18px; color:#d4b06a; } .timeline{ position:relative; } /* Gray line */ /* .timeline::before{ content:""; position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:100%; background:#bdbdbd; } */ .timelineProgress{ position:absolute; left:50%; top:0; transform:translateX(-50%); width:2px; height:0; background:#e30613; z-index: 1; transition:height .1s linear; } .rewardSection { padding: 120px 0; } .rewardRow span { font-size: 14px; line-height: 1; font-weight: 500; } .whykmTradingSection .col-md-50:first-child{ padding-right: 40px; } .whykmContent h3{ font-size:22px; font-weight:600; line-height:1.1; transition: all 0.3s; } .whykmContent{ color:#757575; } .whykmContent h3 { border-top: 2px solid #9c9c9c; padding-top: 20px; } .sliderIn img{ margin: 0 auto; } .whykmContent .col-md-25:hover h3{ border-top-color: #000; } .whykmContent .col-md-25:hover h3, .whykmContent .col-md-25:hover p{ color:#000; } .whykmContent .col-md-25 img, .whykmContent .col-md-25 p{ transition: all 0.3s; } .whykmContent .col-md-25:hover img{ filter: brightness(0) saturate(100%) invert(20%) sepia(98%) saturate(3218%) hue-rotate(347deg) brightness(99%) contrast(94%); } .circleDiv { background-color: var(--mColor); padding: 7px; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; object-fit: contain; } .awardSlider .slick-next, .awardSlider .slick-prev { position: absolute; top: 40%; cursor: pointer; color: var(--mColor); z-index: 9; } .awardSlider .slick-prev { left: -30px; } .awardSlider .slick-next { right: -30px; } .awardSlider .slick-list { margin: 0 -15px; } .awardSlider .slick-slide { margin: 0 15px; } footer li a, footer a{ color: #000; } .footerContent { border-bottom: 1px solid #000; padding-bottom: 60px; } footer address { font-style: normal; font-size: 15px; max-width: calc(100% - 30px); } .iconTxt, .excellenceCard { font-size: 22px; } .footerIcons a { width: 35px; height: 35px; border: 1px solid #000; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 10px; } .borderLine:nth-child(2), .whyKmAnim:nth-child(2) { -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .borderLine:nth-child(3), .whyKmAnim:nth-child(3) { -webkit-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .borderLine:nth-child(4), .whyKmAnim:nth-child(4) { -webkit-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .PortfolioCard img { border-radius: 5px 5px 0 0; } .PortfolioCard .cardIn{ background-color: #fff; padding: 15px; border-radius: 0 0 5px 5px; } .PortfolioCard h3 { font-size: 20px; font-weight: 500; } .HomeExclusiveBrandsSection .subTitle { font-size: 22px; letter-spacing: 8px; font-weight: 400; } .HomeExclusiveBrandsSection h2{ font-family: "Cormorant Garamond", serif; font-size: 85px; font-weight: 400; line-height: .9; color: #221D16; text-transform: uppercase; } .HomeExclusiveBrandsSection p { font-size: 18px; margin-bottom: 50px; position: relative; color: #4E4A45; } .HomeExclusiveBrandsSection p::after{ content: ""; position: absolute; left: 0; bottom: -22px; width: 95px; height: 2px; background: #B57A1F; } .HomeExclusiveBrandsSection .staticCard{ border-right: 1px solid #B89463; } .HomeExclusiveBrandsSection .col-md-33:last-child .staticCard{ border-right: none; } .HomeExclusiveBrandsSection .centerDiv img{ width: 46px; height: 46px; object-fit: contain; } .HomeExclusiveBrandsSection .centerDiv h3{ margin-top: 12px; font-size: 18px; line-height: 1.5; font-weight: 500; color: #3A332B; text-transform: uppercase; } .HomeExclusiveBrandsSection .comBtn { width: fit-content; padding: 16px 30px; border-radius: 30px; background: #A36A21; border: 1px solid #A36A21; color: #fff; text-transform: uppercase; } .HomeExclusiveBrandsSection .comBtn:hover{ background-color: transparent; color: #A36A21; } .HomeExclusiveBrandsSection .comBtn:hover svg path { fill: #A36A21; } /************************************************************************************************* About Us ***************************************************************************************************/ .BreadCrumbsSection { padding: 150px 0 30px 0; } .BreadCrumbsSection .comHeading { color: #fff; font-size: 35px; margin-bottom: 10px; } #crumbs , #crumbs a { color: #fff; } #crumbs .current { color: var(--mColor); } .privilege img { width: 140px; } .abtOverview img { width: 100%; height: 400px; object-fit: cover; } .brandFilter { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } .brandFilter button { padding: 10px 16px; border: 1px solid #eee; border-radius: 5px; font-size: 13px; background: #fff; cursor: pointer; transition: .3s; } .brandFilter button.active{ background: var(--mColor); color: #fff; } .brandFilter button:hover { background: #000; color: #fff; } .brandGrid{ display:grid; grid-template-columns:repeat(5,1fr); gap:20px; } .brandItem { display: flex; align-items: center; justify-content: center; padding: 20px; border: 1px solid #eee; background-color: #fff; } .brandItem img { height: 90px; object-fit: contain; width: 180px; } /*brands*/ .mobImg{ display: none; } .HomeRewardSection{ padding: 30px 0; } .abtOverview { padding-bottom: 100px; position: relative; overflow: hidden; } .abtOverview .col-md-50.position-relative { position: relative; } .abtOverview .col-md-50.position-relative > img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: cover; } .abtOverview .imgTopContent { position: absolute; width: 88%; max-width: 600px; left: 8%; bottom: -42px; z-index: 5; display: flex; align-items: stretch; background-color: #ed1c24; color: #ffffff; padding: 18px 20px; box-sizing: border-box; } .abtOverview .imgTopContent > div { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 8px 15px; } .abtOverview .imgTopContent > div + div { border-left: 1px solid rgba(255, 255, 255, 0.7); } .imgContent { border-right: 1px solid #fff; } .abtOverview .imgContent:last-child { border-right: unset; } .groupOutletSection { background: var(--sColor); padding: 100px 0; } .groupOutletSection .col-md-50:first-child { background: #ffffff; padding: 55px 50px; } .groupOutletSection .col-md-50:first-child > .d-flex { position: relative; display: flex; align-items: flex-start; gap: 25px; padding-bottom: 40px; } .groupOutletSection .col-md-50:first-child > .d-flex:last-child, .branchesArchive { padding-bottom: 0; } .groupOutletSection .outletIcon { width: 74px; min-width: 74px; height: 74px; border-radius: 50%; background: #F7E8E9; display: flex; align-items: center; justify-content: center; position: relative; z-index: 2; flex: 0 0 74px; } .groupOutletSection .groupIcon { width: 32px !important; height: 32px !important; max-width: none !important; object-fit: contain; display: block; flex-shrink: 0; } .groupOutletSection .col-md-50:first-child > .d-flex:first-child .outletIcon { background: #F7E8E9; } .groupOutletSection .col-md-50:first-child > .d-flex:not(:last-child) .outletIcon::after { content: ""; position: absolute; top: 74px; left: 50%; width: 1px; height: 190px; border-left: 1px dashed #b8c8c9; transform: translateX(-50%); } .groupOutletSection .col-md-50:first-child > .d-flex > div:last-child { flex: 1; min-width: 0; } .groupOutletSection .col-md-50:last-child { flex: 1; } .storyName{ color: var(--mColor); font-size: 20px; font-weight: 600; } .outletMainContent .position-sticky, .StorySection .position-sticky { top: 100px; } .page-id-15 .ourCompany a { display: none; } .groupLogisticsIncontent{ position: absolute; color: #fff; } .groupLogistics { position: relative; min-height: 900px; display: flex; align-items: center; justify-content: center; overflow: hidden; padding: 80px 0; } .groupLogistics > img.w-100 { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; z-index: 0; } .groupLogistics::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.10); z-index: 1; } .groupLogistics > .container { position: relative; z-index: 2; width: 100%; } .groupLogisticsIncontent { position: relative !important; } .groupLogisticsIncontent .row { display: flex; justify-content: center; align-items: center; gap: 20px; } .groupLogisticsIncontent .col-md-33 { max-width: calc(33.333% - 14px); padding: 35px 30px !important; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box; background: rgba(10, 15, 17, 0.55); border: 1px solid rgba(255, 255, 255, 0.25); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); } .groupLogisticsIncontent .col-md-33 h3 { color: #fff; font-size: 21px; line-height: 1.3; font-weight: 600; margin: 0 0 15px; } .groupLogisticsIncontent .col-md-33 p { color: rgba(255, 255, 255, 0.88); line-height: 1.6; margin: 0; } .groupLogisticsIncontent .col-md-33::after { content: ""; position: absolute; bottom: 0; left: 50%; width: 90px; height: 5px; background: #D1161D; transform: translateX(-50%); border-radius: 5px 5px 0 0; } .loyaltyTop .capTxt { text-transform: uppercase; font-weight: 500; font-size: 18px; } .memberIcon { height: 60px; width: 60px; object-fit: cover; } .loyaltyTop .col-md-33 { border-right: 2px solid #00000030; } .loyaltyTop .col-md-33:last-child { border-right: unset; } .loyaltyCardImg { height: 350px; width: 600px; object-fit: contain; } .rewardSummarySection { padding: 40px 0; } .rewardSummaryTableWrap { width: 100%; overflow-x: auto; border: 1px solid #e5e5e5; } .rewardSummaryTable { width: 100%; border-collapse: collapse; min-width: 650px; margin-bottom: 0; background: #fff; } .rewardSummaryTable th { background: #102b52; color: #fff; padding: 14px 18px; font-weight: 600; border-right: 1px solid rgba(255, 255, 255, 0.2); } .rewardSummaryTable th:last-child { border-right: 0; } .rewardSummaryTable td { padding: 14px 18px; color: #444; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; } .rewardSummaryTable td:first-child { text-align: left; font-weight: 500; } .rewardSummaryTable td:last-child { border-right: 0; } .rewardSummaryTable tbody tr:last-child td { border-bottom: 0; } .rewardSummaryTable tbody tr:nth-child(even) { background: #fafafa; } .rewardSummaryTable tbody tr:hover { background: #f5f5f5; } .loyaltyWathiqRewardSection img{ height: 60px; width: auto; } .RewardAppIcon { border: 1px solid #C79A3D; padding: 10px; } .loyaltyWathiqRewardSection .rewardMobImg{ height: 700px; width: auto; } .rewardMobWrap { position: relative; overflow: visible; } .rewardMobWrap::before { content: ""; position: absolute; width: 450px; height: 450px; background: #162F70; border-radius: 50%; top: 47%; left: 50%; transform: translate(-50%, -50%); z-index: 0; } .rewardMobImg { position: relative; z-index: 1; } .contactDetails { border: 1px solid #d4e0e4; display: flex; flex-wrap: wrap; } .contactDetails > .col-md-50 { border-right: 1px solid #d4e0e4; border-bottom: 1px solid #d4e0e4; } .contactUsSection .row.mt-30 > .col-md-50:nth-child(2n) { border-right: 0; } .contactUsSection .row.mt-30 > .col-md-50:nth-child(n+3) { border-bottom: 0; } .contactInnerBox { padding: 35px; } .contactInnerBox img { width: 50px; height: 50px; object-fit: contain; flex: 0 0 70px; } .contactUsSection .col-md-50:nth-child(2) img{ width: 40px; height: 40px; } .contactUsSection .col-md-50:nth-child(3) img{ width: 38px; height: 38px; } .contactUsSection .col-md-50:last-child img{ width: 44px; height: 44px; } .contactUsSection .col-md-50:nth-child(2) .contactInnerBox{ padding-top: 48px; } .contactInnerBox span { margin-bottom: 5px; font-size: 16px; } .contactInnerBox p { font-size: 17px; font-weight: 500; } .page-id-13 .ourCompany a { display: none; } .featureIcon img { height: 50px; width: 60px; object-fit: contain; filter: brightness(0) saturate(100%) invert(20%) sepia(97%) saturate(3375%) hue-rotate(350deg) brightness(94%) contrast(93%); } .blogSection .col-md-33 img, .insightsSection .col-md-33 img { width: 100%; height: 270px; object-fit: cover; border-radius: 5px 5px 0 0; } .blogSection h3, .insightsSection h3{ font-size: 20px; } .blogSection .openTxt, .insightsSection .openTxt { font-size: 14px; background-color: var(--mColor); color: #fff; padding: 5px 10px; border-radius: 4px; position: absolute; top: 17px; left: 7%; } .blogSection .col-md-33 a, .insightsSection .col-md-33 a{ text-decoration: underline; color: var(--mColor); } .blogCardContent, .insightsSection .blogCardContent { background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 25px; border-radius: 0 0 5px 5px; height: 100%; } .whyMainImg { height: 500px; width: 100%; object-fit: cover; } .blogCardContent span{ font-size: 14px; } .blogSection .row{ display: flex; flex-wrap: wrap; align-items: stretch; } .blogSection .blogCard, .insightsSection .blogCard { display: flex; flex-direction: column; } .blogSection .blogCardContent, .insightsSection .blogCardConten { flex: 1; display: flex; flex-direction: column; } .blogSection .blogCardContent > a, .insightsSection .blogCardContent > a { margin-top: auto; } .GallerySlider { width: 100%; overflow: hidden; } .GallerySlider .slick-track { display: flex; align-items: stretch; } .GallerySlider .SlideIn { padding: 0 10px; box-sizing: border-box; } .GalleryCard { width: 100%; overflow: hidden; } .GalleryCard img { display: block; width: 100%; height: 280px; object-fit: cover; border-radius: 10px; } .GallerySlider .slick-slide { height: auto; } .GallerySlider .slick-slide > div { height: 100%; } .GallerySlider .slick-arrow, .GallerySlider .slick-dots { display: none !important; } .single-post .postMeta { display: none; } .searchIcon, .locationIcon { position: absolute; left: 28px; top: 38%; transform: translateY(-50%); z-index: 2; color: #697078; font-size: 31px; pointer-events: none; } .locationIcon { font-size: 46px; } .jobSearchForm .comBtn { height: 57px; } .jobIcon { height: 35px; width: 35px; object-fit: contain; } .jobRoleBg { background-color: #F7E8E9; padding: 17px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .featureTxt { border: 1px solid #c0c0c0; padding: 5px 10px; font-size: 15px; border-radius: 4px; } .careerDetailCard h3, .joinUsCard h3{ font-size: 20px; } .careerDetailCard .col-md-25, .whyKmSection .col-md-25 { background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 30px 20px; border-radius: 5px; max-width: calc(25% - 15px); } .appShowcase { background: #fafafa; padding: 50px 0; } .joinUsCard { background-color: #000; color: #fff; padding: 40px 30px; border-radius: 5px; } .joinUsCard .comBtn.scnd{ border: unset; } .roleContent .subTitle{ font-size: 17px; color: var(--mColor); } .roleContent{ border-left: 4px solid var(--mColor); padding-left: 20px; } .careerDetailContent .col-md-30 { padding-bottom: 50px; } .joinUsCard { top: 150px; } .applyPositionSection { background-color: #F5F0E9; } .destinationCardContent { padding: 20px 30px 30px 30px; background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 0 0 20px 20px; } .groupDestination .col-md-33 img{ border-radius: 20px 20px 0 0; } .groupOutletSection .col-md-50:first-child h3, .groupDestination h3 { margin: 4px 0 12px; font-size: 24px; line-height: 1.2; font-weight: 600; } .groupDestination{ background-color: var(--sColor); } .outletMainImg{ width: 100%; height: 500px; object-fit: cover; } .packIcon { height: 45px; width: 45px; object-fit: contain; } .packingFourContent h3{ font-size: 21px; font-weight: 600; line-height: 1; margin: 10px 0; } .packingFourContent span { font-size: 15px; line-height: 1.2; display: block; } .fourPackContent { border-right: 1px solid #00000033; padding-right: 25px; margin-right: 25px; } .packingFourContent .fourPackContent:nth-child(2), .groupOutletSection .groupThreeContent:nth-child(2), .rewardsLevel .col-md-25:nth-child(2), .rewardValueSection .col-md-33:nth-child(2), .careerJobRole .col-md-33:nth-child(2), .careerDetailCard .col-md-25:nth-child(2), .whyKmSection .col-md-25:nth-child(2), .logiTimeline .logitimelineItem:nth-child(2) { -webkit-transition-delay: 300ms; -o-transition-delay: 300ms; transition-delay: 300ms; } .packingFourContent .fourPackContent:nth-child(3), .groupOutletSection .groupThreeContent:last-child, .rewardsLevel .col-md-25:nth-child(3), .rewardValueSection .col-md-33:last-child, .careerJobRole .col-md-33:nth-child(3), .careerDetailCard .col-md-25:nth-child(3), .whyKmSection .col-md-25:nth-child(3), .logiTimeline .logitimelineItem:nth-child(3){ -webkit-transition-delay: 600ms; -o-transition-delay: 600ms; transition-delay: 600ms; } .packingFourContent .fourPackContent:last-child, .rewardsLevel .col-md-25:last-child, .careerJobRole .col-md-33:nth-child(4), .careerDetailCard .col-md-25:nth-child(4), .whyKmSection .col-md-25:nth-child(4), .logiTimeline .logitimelineItem:nth-child(4){ border-right: unset; -webkit-transition-delay: 900ms; -o-transition-delay: 900ms; transition-delay: 900ms; } .careerJobRole .col-md-33:nth-child(5), .logiTimeline .logitimelineItem:last-child{ border-right: unset; -webkit-transition-delay: 1200ms; -o-transition-delay: 1200ms; transition-delay: 1200ms; } .careerJobRole .col-md-33:nth-child(6){ border-right: unset; -webkit-transition-delay: 1500ms; -o-transition-delay: 1500ms; transition-delay: 1500ms; } .rewardLevelCard h3{ font-size: 20px; font-weight: 600; } .highlightText{ font-size: 26px; } .highlightSubTxt, .rewardsLevel .subTitle, .groupThreeContent span, .logisticpointsDiv span{ font-size: 15px; } .rewardLevelCard { background-color: #17314E; color: #fff; padding: 30px; max-width: calc(25% - 20px); } .rewardLevelCard p{ border-bottom: 1px solid #ffffff69; padding-bottom: 20px; } .BreadCrumbsSection{ background-color: #000; } .rewardsLevel .rewardLevelCard:nth-child(2){ background-color: #454545; } .rewardsLevel .rewardLevelCard:nth-child(3){ background-color: #A07619; } .rewardsLevel .rewardLevelCard:last-child{ background-color: #202020; } .WathiqStoresSec { background-color: #fff; border: 1px solid #e5e5e5; padding: 20px; } .watiqStoreNames { margin: 0 auto 15px; align-items: center; padding: 10px 15px; border: 1px solid #e3ddd2; border-radius: 50px; font-size: 12px; line-height: 1.2; display: inline-flex; margin-right: 10px; background: #f8f5ef; } .wathiqEquation{ color: #17345f; font-family: Georgia, "Times New Roman", serif; font-size: 19px; line-height: 1.5; font-weight: 600; } .valueFirst, .valueScnd{ font-size: 55px; } .rewardValueSection { background-color: #102B52; color: #fff; } .rewardValueSection img{ height: 35px; width: 35px; object-fit: contain; } .rewardValueSection .col-md-33 { background-color: #fff; color: #000; padding: 30px; max-width: calc(33.3333% - 15px); } .rewardValueSection .col-md-33:nth-child(2) img{ height: 43px; width: 43px; margin-bottom: 5px; } .rewardValueSection .col-md-33:last-child img{ height: 50px; width: 50px; margin-bottom: 5px; } .joinSteps { position: relative; padding-top: 100px; } .joinSteps::before { content: ""; position: absolute; top: 65px; left: 0; right: 0; height: 1px; background: #ddd; z-index: 0; } .joinStep { position: relative; z-index: 2; } .stepNumber { width: 70px; height: 70px; margin: -70px auto 30px; border-radius: 50%; background: #fff; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; color: #D1161D; font-size: 16px; font-weight: 500; transition: all .35s ease; } .joinCard { height: 100%; padding: 35px; border: 1px solid #ddd; transition: all .35s ease; } .joinIcon { width: 45px; height: 45px; margin-bottom: 25px; display: flex; align-items: center; justify-content: flex-start; } .joinIcon img { transition: transform .35s ease; } .joinStep:hover .stepNumber { background: #D1161D; border-color: #D1161D; color: #fff; transform: translateY(-3px); } .joinStep:hover .joinCard { background: #fff; border-color: #ddd; transform: translateY(-8px); box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); } .joinStep:hover .joinIcon img { transform: translateY(-3px); } .joinStep:first-child .stepNumber { background: #D1161D; border-color: #D1161D; color: #fff; } .joinStep:first-child .joinCard { background: #fff; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08); } .joinSteps:hover .joinStep:first-child .stepNumber { background: #fff; border-color: #ddd; color: #D1161D; transform: none; } .joinSteps:hover .joinStep:first-child .joinCard { background: #fafafa; box-shadow: none; transform: none; } .joinStep:hover .stepNumber { background: #D1161D !important; border-color: #D1161D !important; color: #fff !important; transform: translateY(-3px); } .joinStep:hover .joinCard { background: #fff !important; box-shadow: 0 20px 45px rgba(0, 0, 0, 0.08) !important; transform: translateY(-8px); } .FounderschairmansSection { position: relative; width: 100%; min-height: 100vh; } .FounderschairmansSection .chairmanBg { position: sticky; top: 0; width: 100%; height: 100vh; z-index: 0; overflow: hidden; } .FounderschairmansSection .chairmanBg .bgImg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .FounderschairmansSection .chairmanBg .deskImg { display: block; } .FounderschairmansSection .chairmanBg .mobImg, .StorySection { display: none; } .FounderschairmansSection .chairmanOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); z-index: 1; } .FounderschairmansSection .chairmanContent { position: relative; z-index: 2; margin-top: -100vh; padding-top: 80px; padding-bottom: 100px; color: #fff; } .FounderschairmansSection .chairmanContent .col-md-50 { max-width: 50%; } .FounderschairmansSection .chairmanDescription { color: #fff; } .FounderschairmansSection .chairmanContent .subTitle { color: #D1161D; } .FounderschairmansSection .chairmanContent .comHeading { color: #fff; } .FounderschairmansSection .chairmanName { color: #C79946; margin-top: 25px; } .abtVisionMissionContent{ position: absolute; z-index: 1; color: #fff; top: 21%; } .vmIcon img{ height: 40px; width: 40px; object-fit: contain; } .vmIcon{ background-color: var(--mColor); display: inline-flex; padding: 12px; border-radius: 50%; } .visionMissionContent { background-color: #fff; border: 1px solid #000; padding: 25px 30px; } .visionMissionContent h3{ font-size: 22px; } .careerSearchForm { display: grid; grid-template-columns: 1fr 1fr 280px; gap: 25px; margin-top: 30px; } .careerSearchField { height: 55px; display: flex; align-items: center; border: 1px solid #ddd; background: #f7f7f7; padding: 0 10px; } .careerSearchField .searchIcon, .careerSearchField .locationIcon { flex-shrink: 0; display: flex; align-items: center; color: #607080; margin-right: 15px; } .careerSearchField input[type="text"], .careerSearchField select { width: 100%; height: 100%; border: 0; outline: none; background: transparent; font-size: 16px; color: #555; } .careerSearchField input::placeholder { color: #607080; } .careerSearchField select { cursor: pointer; appearance: auto; } .careerSearchForm button { border: 0; border-radius: 5px; background: #ed1c24; color: #fff; font-size: 17px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; } .careerSearchForm button:hover { background: #c9151b; } .careerJobsList { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 50px; } .jobCard { background: #fff; padding: 28px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; } .jobCard:hover { transform: translateY(-5px); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10); } .jobRoleBg { width: 64px; height: 64px; border-radius: 50%; background: #fbe7e8; display: flex; align-items: center; justify-content: center; } .jobIcon { width: 30px; height: 30px; object-fit: contain; } .jobCardTop h3 { font-size: 20px; font-weight: 700; margin: 20px 0; line-height: 1.3; } .jobCardMeta { flex-wrap: wrap; gap: 8px; } .jobCardMeta .featureTxt { display: inline-block; padding: 7px 10px; border: 1px solid #d5d5d5; border-radius: 4px; } .jobCardBottom { margin-top: 25px; font-size: 15px; } .jobCardBottom svg { flex-shrink: 0; } .jobCardBottom a { display: inline-flex; align-items: center; gap: 5px; color: #222; text-decoration: none; transition: all 0.3s ease; } .jobCardBottom a:hover { color: #ed1c24; } .jobCardBottom a svg { transition: transform 0.3s ease; } .jobCardBottom a:hover svg { transform: translateX(3px); } .noJobResults { grid-column: 1 / -1; text-align: center; padding: 50px 20px; font-size: 18px; color: #666; } .wpcf7-spinner{ display: none; } .abtExcellenceSection { overflow: hidden; } .excellenceHead { display: grid; grid-template-columns: 1.1fr 0.9fr; align-items: end; gap: 80px; margin-bottom: 55px; } .excellenceHeadLeft { max-width: 750px; } .excellenceHeadLeft .subTitle { display: block; margin-bottom: 18px; } .excellenceHeadLeft .comHeading { margin: 0; font-size: 55px; line-height: 1.08; } .excellenceHeadRight { max-width: 500px; padding-bottom: 5px; } .excellenceHeadRight p { margin: 0; font-size: 17px; line-height: 1.8; color: #6b7480; } .excellenceCards { margin-left: -10px; margin-right: -10px; } .excellenceItem { padding-left: 10px; padding-right: 10px; margin-bottom: 20px; } .excellenceCard { position: relative; height: 560px; overflow: hidden; background: #ddd; } .excellenceImg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; transition: transform 0.5s ease; } .excellenceCard:hover .excellenceImg { transform: scale(1.04); } .excellenceOverlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient( to bottom, rgba(15, 30, 75, 0) 25%, rgba(12, 28, 75, 0.25) 50%, rgba(8, 24, 70, 0.95) 100%); transition: opacity 0.4s ease; } .excellenceContent { position: absolute; left: 0; right: 0; bottom: 0; z-index: 5; background: transparent; padding: 20px 20px 0 20px; color: #fff; max-height: 140px; overflow: hidden; transition: max-height 0.5s ease, padding 0.5s ease, background-color 0.4s ease, box-shadow 0.4s ease; } .excellenceNumber { display: inline-flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 600; color: #fff; transition: color 0.3s ease, border-color 0.3s ease; } .excellenceContent p { color: #6b7480; opacity: 0; transform: none; transition: opacity 0.35s ease 0.15s; } .excellenceCard:hover .excellenceContent { max-height: 430px; background: #fff; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12); } .excellenceCard:hover .excellenceNumber { color: var(--mColor); } .excellenceCard:hover .excellenceContent h3 { color: #171b22; } .excellenceCard:hover .excellenceContent p { opacity: 1; transform: none; } .excellenceCard:hover .excellenceOverlay { opacity: 0.8; } .logisticsCards{ height: 100%; } .groupLogistics .row { align-items: stretch; } .groupLogistics .cmnBr { display: flex; } .logisticsCards { width: 100%; height: 100%; display: flex; flex-direction: column; } .timelineSection { display: none; } .applicationForm .contactForm{ background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 50px; border-radius: 10px; } .decadeSection { overflow: hidden; padding: 70px 0; position: relative; } .decadeLayout { display: flex; flex-direction: column; align-items: center; width: 100%; } .decadeIntro { width: 100%; text-align: center; margin-bottom: 55px; } .decadeSliderWrap { width: 100%; position: relative; padding: 30px 46px; overflow: hidden; } .decadeLine { position: absolute; left: 0; right: 0; top: 50%; height: 1px; background: #d71920; transform: translateY(-50%); z-index: 1; } .decadeSlider { position: relative; width: 100%; z-index: 2; } .decadeSlider .slick-list { margin: 0; overflow: visible; } .decadeSlider .slick-track { display: flex; align-items: stretch; } .decadeSlide { position: relative; height: 475px !important; padding: 0 16px; } .decadeCard { position: absolute; left: 16px; right: 16px; height: 230px; width: 380px; gap: 14px; object-fit: contain; border-radius: 4px; padding: 18px 16px !important; display: flex; align-items: center; justify-content: center; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06); z-index: 3; overflow: hidden; } .decadeSlide:nth-child(odd) .decadeCard { bottom: 50%; margin-bottom: 45px; } .decadeSlide:nth-child(even) .decadeCard { top: 50%; margin-top: 45px; } .decadeContent { min-width: 0; flex: 1; padding: 0 15px 0 0; } .decadeDot { position: absolute; width: 12px; height: 12px; left: 75%; top: 50%; transform: translate(-50%, -50%); background: #ffffff; border: 2px solid #d71920; border-radius: 50%; z-index: 10; } .decadeSection .decadeSlider button.slick-arrow { all: unset; box-sizing: border-box; position: absolute; display: none !important; align-items: center; justify-content: center; width: 42px; height: 42px; top: 50%; transform: translateY(-50%); background-color: #d71920; border-radius: 50%; z-index: 20; cursor: pointer; opacity: 1; font-size: 0; line-height: 0; color: transparent; overflow: hidden; } .decadeSection .decadeSlider button.slick-prev { left: -17px; } .decadeSection .decadeSlider button.slick-next { right: -17px; } .decadeSection .decadeSlider button.slick-arrow::before { content: ""; display: block; width: 8px; height: 8px; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; } .decadeSection .decadeSlider button.slick-prev::before { transform: rotate(-135deg) translate(1px, -1px); } .decadeSection .decadeSlider button.slick-next::before { transform: rotate(45deg) translate(-1px, -1px); } .decadeSection .decadeSlider button.slick-disabled { opacity: 0.3; pointer-events: none; } .decadeSection .decadeSlider .slick-dots { display: none !important; } .decadeCard { background: #ffffff !important; } .constructionPoints .logisticpointsDiv:last-child{ align-items: start; } .logisticsSection { min-height: 500px; overflow: hidden; } .logisticsSection .logisticsBg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: 0; } .logisticsSection .logisticsOverlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 30%, rgba(255, 255, 255, 0.75) 39%, rgba(255, 255, 255, 0.35) 51%, rgba(255, 255, 255, 0) 58%); } .logisticsSection .container { position: relative; z-index: 2; } .logisticsDescription p { color: #536579; line-height: 1.6; } .logisticsSection .whiteText { color: #fff; margin: -30px; text-align: center; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45); } .logisticsTimelineSection { background: #fff; padding: 45px 0; overflow: hidden; } .logisticsTimelineSection .container { position: relative; } .logisticsTimelineSection .logitimelineIntro { position: relative; padding-left: 18px; padding-right: 35px; border-left: 1px solid #c7d0d9; } .logisticsTimelineSection .logitimelineIntro:before { content: ""; position: absolute; left: -1px; top: 0; width: 2px; height: 15px; background: #df1f26; } .logisticsTimelineSection .logitimelineWrapper { padding-left: 20px; } .logisticsTimelineSection .logiTimeline { position: relative; width: 100%; height: 80px; display: flex; align-items: flex-start; justify-content: space-between; padding: 0; margin: 0; } .logisticsTimelineSection .logitimelineLine { position: absolute; top: 9px; left: 9%; right: 9%; width: auto; height: 1px; background: #aebdca; z-index: 1; margin: 0; padding: 0; border: 0; } .logisticsTimelineSection .logitimelineLine:after { content: ""; position: absolute; right: -1px; top: -5px; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 9px solid #aebdca; background: transparent; } .logisticsTimelineSection .logitimelineItem { position: relative; width: 17%; margin: 0; padding: 0; text-align: center; z-index: 2; } .logisticsTimelineSection .logitimelineItem .logitimelineDot { display: block; position: relative; width: 8px !important; height: 8px !important; min-width: 8px !important; min-height: 8px !important; max-width: 8px !important; max-height: 8px !important; margin: 6px auto 12px !important; padding: 0 !important; background: #aebdca !important; border: 0 !important; border-radius: 50% !important; box-shadow: none !important; transform: none !important; z-index: 3; } .logisticsTimelineSection .logitimelineItem:nth-of-type(2) .logitimelineDot { width: 20px !important; height: 20px !important; min-width: 16px !important; min-height: 16px !important; max-width: 10px !important; max-height: 10px !important; margin-top: 5px !important; margin-bottom: 11px !important; background: #df1f26 !important; border: 0 !important; box-shadow: 0 0 0 5px rgba(223, 31, 38, 0.12) !important; } .logisticsTimelineSection .logitimelineYear { display: block; color: #718193; font-size: 19px; line-height: 1.25; font-weight: 500; margin: 0 0 2px; padding: 0; } .logisticsTimelineSection .logitimelineItem:nth-of-type(2) .logitimelineYear { color: #df1f26; font-weight: 700; } .logisticsTimelineSection .logitimelineTitle { display: block; color: #718193; font-size: 15px; line-height: 1.25; font-weight: 500; margin: 0; padding: 0; } .logisticsTimelineSection .logiTimeline .logitimelineItem:nth-child(2) { margin: -3px; } .logisticsTimelineSection .logitimelineItem:nth-of-type(2) .logitimelineTitle { color: #df1f26; font-weight: 700; } .logisticsTimelineSection .logitimelineDescription { display: block; color: #718193; font-size: 13px; line-height: 1.35; margin: 4px 0 0; padding: 0; } .logisticsTimelineSection .logitimelineItem:nth-of-type(2) .logitimelineDescription { color: #df1f26; } .logisticsTimelineSection .logitimelineIntro .comHeading { max-width: 480px; } .logisticsTimelineSection .logitimelineItem:last-child .logitimelineDot { background: unset !important; } .networkContent { display: flex; flex-direction: column; width: 100%; height: 100%; border: 1px solid #dcdcdc; padding: 15px; border-radius: 10px; } .networkContent > img { display: block; width: 100%; height: 155px; object-fit: cover; margin-bottom: 14px; } .networkContent > img.mb-10 { display: block; width: 100%; height: 175px; object-fit: cover; margin: 0 0 14px; border-radius: 0; } .numberBg { flex: 0 0 40px; background-color: var(--mColor); color: #fff; width: 40px; height: 40px; padding: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; margin-right: 12px; } .networkContent h3 { font-size: 18px; } .networkContent .numberBg + div > span { font-size: 14px; color: #718093; } .networkContent > p { margin: 0; font-size: 14px; line-height: 1.5; } .networkContent > .d-flex:last-child { margin-top: auto; padding-top: 20px; display: flex; align-items: center; } .networkContent > .d-flex:last-child > .d-flex { border-right: 1px solid #c7cdd3; white-space: nowrap; } .networkContent > .d-flex:last-child > .d-flex:last-child { margin-right: 0; padding-right: 0; border-right: 0; } .networkDetailsIcon { width: 18px; height: 18px; object-fit: contain; margin-right: 5px; } .networkContent > .d-flex:last-child span { font-size: 14px; line-height: 1; color: #667382; } .warehouseNetwork .row { display: flex; flex-wrap: wrap; align-items: stretch; } .warehouseNetwork > .container > p { margin-bottom: 25px; } .networkContent > .d-flex.mb-10 { display: flex; align-items: center; margin-bottom: 12px; } .industrialSection .insudtryMainImg img { display: block; width: 100%; height: 100%; min-height: 280px; object-fit: cover; } .industrialSection .fourPackContent { padding-right: 15px; margin-right: 15px; } .industrialSection .packingFourContent { display: flex; align-items: flex-start; margin-top: 22px !important; padding-top: 0 !important; } .industrialSection .fourPackContent:first-child { padding-left: 0; border-left: 0; } .industrialSection .fourPackContent:last-child { padding-right: 0; } .industrialSection .packIcon { display: block; width: auto; height: 40px; margin-bottom: 10px !important; } .industrialSection .fourPackContent h3 { font-size: 17px; font-weight: 700; line-height: 1.3; color: var(--navy); margin-bottom: 4px; } .industrialSection .fourPackContent span { display: block; font-size: 12px; line-height: 1.5; color: var(--muted); } /************************************************************************************************* Store Locator ***************************************************************************************************/ .branch-image img { width: 100%; height: 250px; object-fit: cover; border-radius: 5px 5px 0 0; } .branch-content { background-color: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; padding: 20px; border-radius: 0 0 5px 5px; } .districtFilter{ cursor: pointer; } .StoreImageSlider .slick-arrow{ position: absolute; z-index: 1; cursor: pointer; } .StoreImageSlider .slick-prev { top: 50%; left: -30px; } .StoreImageSlider .slick-next{ top: 50%; right: -30px; } .storeImageIn img{ height: 400px; width: 100%; object-fit: cover; } .StoreImageSlider .slick-slide { margin: 0 15px; } .StoreImageSlider .slick-list { margin: 0 -15px; } .filter-locations { flex-wrap: wrap; gap: 15px 25px; padding: 18px 22px; border: 1px solid #e5e5e5; border-radius: 8px; background: #fff; } .filter-locations .filter-title { font-size: 18px; font-weight: 700; text-transform: uppercase; } .filter-locations .filter-group { gap: 10px; } .filter-locations .filter-label { font-weight: 500; } .country-toggle { display: inline-flex; border: 1px solid #ddd; border-radius: 6px; overflow: hidden; } .country-toggle .country-btn { min-width: 90px; padding: 9px 22px; border: 0; background: #fff; color: #222; font-weight: 500; cursor: pointer; transition: background .2s, color .2s; } .country-toggle .country-btn + .country-btn { border-left: 1px solid #ddd; } .country-toggle .country-btn.active { background: #EF1C23; color: #fff; } .filter-locations select { height: 42px; padding: 0 14px; border: 1px solid #ddd; border-radius: 6px; background: #fff; min-width: 220px; } .no-stores { text-align: center; padding: 40px 0; } .logisticsContentSection .logisticImg { height: 750px; width: auto; } .logisticsContentSection .logisticNewImg{ height: 600px; width: auto; } .logisticsContentSection p{ margin-bottom: 10px; } /************************************************************************************************* Slick Slider ***************************************************************************************************/ .slick-slider{ position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list{ position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus{ outline: none; } .slick-list.dragging{ cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list{ -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track{ position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after{ display: table; content: ''; } .slick-track:after{ clear: both; } .slick-loading .slick-track{ visibility: hidden; } .slick-slide{ display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide{ float: right; } .slick-slide img{ display: block; } .slick-slide.slick-loading img{ display: none; } .slick-slide.dragging img{ pointer-events: none; } .slick-initialized .slick-slide{ display: block; } .slick-loading .slick-slide{ visibility: hidden; } .slick-vertical .slick-slide{ display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .ProductPortfolioSlider{ cursor: pointer; } .ProductPortfolioSlider .slick-slide{ margin: 0 10px; } .ProductPortfolioSliderLR .slick-track, .ProductPortfolioSliderRL .slick-track{ display: flex; } .ProductPortfolioSliderLR .slick-track .slick-slide, .ProductPortfolioSliderRL .slick-track .slick-slide{ height: auto !important; } .ProductPortfolioSliderLR .slick-track .slick-slide .PortfolioCard, .ProductPortfolioSliderRL .slick-track .slick-slide .PortfolioCard{ height: 100%; background-color: #fff; border-radius: 0 0 10px 10px; } .ProductPortfolioSliderLR p{ font-size:14px; } /************************************************************************************************* Back To Top ***************************************************************************************************/ .dew-top.dew-is-visible, .dew-top.dew-fade-out, .no-touch .dew-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -o-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; } .dew-top.dew-is-visible { visibility: visible; opacity: 1; } .dew-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 64px; right: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgb(31, 31, 31) url(images/top-arrow.svg) no-repeat center 50%;visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -o-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; cursor: pointer;} /************************************************************************************************* Page Nav *************************************************************************************************** .iv-pagenavi span.pages {margin-right: 10px;} .iv-pagenavi span, .iv-pagenavi a {display: inline-block; background-color: #d33649; color: #fff; margin-right: 5px; padding: 5px 8px; font-size: 14px; } .iv-pagenavi span.current{background-color:#80101e} /************************************************************************************************* Forms ***************************************************************************************************/ input[type="text"], input[type="email"], input[type="number"], input[type="password"], textarea, select { background: #ffff; border: 1px solid #e1e1e1; border-radius: 5px; color: #666666; font-size: 15px; font-weight: 300; margin: 0; padding: 13px; width: 100%; } .contactUsFormSection textarea{ height: 160px; } .wpcf7-spinner { display: none; } input[type="submit"] { display: inline-flex; background-color: var(--mColor); color: #fff; padding: 15px 30px; font-size: 15px; font-weight: 500; border: 1px solid var(--mColor); align-items: center; line-height: 1; border-radius: 4px; margin-top: 20px; cursor: pointer; } .privacyDescription { margin-top: 25px; margin-bottom: 0; color: #777; font-size: 14px; line-height: 1.4; font-weight: 400; max-width: 700px; } .contactForm .wpcf7-form > p:empty { display: none !important; } .contactForm .wpcf7-form > p { margin: 0 !important; padding: 0 !important; } .jobSearchForm { display: flex; align-items: stretch; gap: 20px; width: 100%; max-width: 100%; } .jobSearchForm > * { min-width: 0; } .jobSearchForm .jobTitleField { position: relative; flex: 1 1 0; min-width: 0; } .jobSearchForm .jobLocationField { position: relative; flex: 0 1 38%; min-width: 0; } .jobSearchForm input[type="submit"], .jobSearchForm button { flex: 0 0 auto; max-width: 100%; white-space: nowrap; } .jobSearchForm input, .jobSearchForm select { width: 100%; max-width: 100%; box-sizing: border-box; } .jobSearchForm .wpcf7-form-control-wrap { display: block; width: 100%; max-width: 100%; min-width: 0; } .jobSearchField { position: relative; } .jobSearchField input, .jobSearchField select { width: 100%; height: 55px; box-sizing: border-box; border: 1px solid #ddd; background: #f5f6f7; font-size: 16px; } .jobTitleField input { padding: 0 20px 0 55px; width: 770px; } .jobLocationField select { padding: 0 40px 0 55px; width: 530px; } /************************************************************************************************* RESPONSIVE Menu ***************************************************************************************************/ .nav { visibility: visible; display: block; } .mobileMenu{ display: none; } .hamburger { position: relative; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer; display: none; z-index: 1000; } .hamburger:before { content: ""; position: absolute; width: 50px; height: 50px; border: 2px solid #fff0; border-radius: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out; } .hamburger .line { width: 35px; height: 2px; background-color: #fff; display: block; margin: 6px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } header.top .hamburger .line { background-color: #000; } .menu-is-active .hamburger .line:nth-child(1) { -webkit-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); } .menu-is-active .hamburger .line:nth-child(2) { opacity: 0; } .menu-is-active .hamburger .line:nth-child(3) { -webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); } /* keep lines white even when active, in case header.top switches to black on scroll */ .menu-is-active .hamburger .line { background-color: #fff !important; } .menu-is-active .hamburger .line:nth-child(2) { opacity: 0; } body.menu-is-active { position: fixed; width: 100%; overflow: hidden; } /************************************************************************************************* RESPONSIVE ***************************************************************************************************/ @media only screen and ( max-width: 1024px ){ } @media only screen and (max-width: 820px), only screen and (max-device-width: 1024px) and (min-device-width: 768px), only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait){ .container{ padding-left: 20px; padding-right: 20px; } .mbLast:last-child{ margin-bottom: 0; } .HomeTopSection h1, .comHeading { font-size: 36px !important; } .achieveIn{ justify-content: start; } .deskImg, .groupOutletSection .col-md-50:first-child > .d-flex:not(:last-child) .outletIcon::after{ display: none; } .mobImg, .mdBlock{ display: block; } .chairmansSection { padding: 200px 0 60px 0; } .timeline { padding-top: unset; padding-bottom: unset; margin-top: 40px; margin-bottom: unset; padding-right: 20px; } .timeline::before{ left:20px; transform:none; } .timelineItem{ width:100%; margin:0 0 30px; padding-left:60px !important; padding-right:0 !important; } .timelineItem:nth-child(even){ margin-top:0; } .timelineItem::before{ left:8px !important; right:auto !important; top:55px; } .timelineCard{ flex-direction:row !important; padding:20px; gap:18px; } .timelineIcon{ width:70px; height:70px; } .timelineIcon img{ max-width:40px; } .timelineYear{ font-size:26px; } .timelineProgress { left: 20px; } .brandFilter { justify-content: center; gap: 10px; } .brandGrid { grid-template-columns: repeat(2,1fr); gap: 15px; } .loyalty { display: block !important; padding: 60px 0 !important; } .HomeRewardSection { padding: 60px 0 0 0; } .copy { padding-left: 20px; padding-right: 20px; } .stats { flex-direction: column; margin-bottom: 0 !important; } .stat { padding: 0 !important; border-right: unset !important; margin-bottom: 5px; text-align: left !important; display: flex; align-items: center; } .stat:last-child { margin-bottom: 0; } .HomeTopSection { min-height: 75vh; } .mrgnBtm, .jobSearchField p{ margin-bottom: 0; } .mrgnBtm10, .ourCompany p, .footerRightContent, .searchTitleSec h2{ margin-bottom: 10px; } .mrgnBtm20, .careerImage { margin-bottom: 20px; } .HomeRewardSection .comBtn, .groupPackingUnit .col-md-40, .careerImage{ margin-top: 10px; } .pdgBtm, .careerDetailContent .col-md-30{ padding-bottom: 0; } .mrgnTop, .careerJobRole .comBtn, .contactDetails { margin-top: 0; } .pdgTop, .joinSteps{ padding-top: 0; } .outletMainContent{ padding-left: 20px; } .rewardValueSection .text-center{ text-align: start; } .loyaltyWathiqRewardSection{ padding-bottom: 60px; } .pointsSec .d-flex{ padding-bottom: 0; padding-top: 0; } .groupOutletSection .col-md-50:first-child > .d-flex { padding-bottom: 30px; } .HomeTopSection .comBtn{ margin-top: 10px; } .careerJobRole .row:last-child{ margin-top: 30px; } .portfolioSection .col-md-60, .card-stage, .abtEvolutionSection .row, .groupLogisticsIncontent, .rewardsLevel .row, .rewardValueSection .row, .careerJobRole .row:last-child, .careerDetailCard .row, .whyKmSection .row { padding: 0 20px; } .stat img{ margin-right: 10px; } .footerContent, .footer { padding-bottom: 20px; } .footerContent .col-md-33 ul li{ margin-bottom: 10px; margin-top: 10px; } .footerContent .col-md-33, .fourPackContent, .rewardsLevel .col-md-25, .rewardValueSection .col-md-33, .careerDetailCard .col-md-25, .pointsSec, .whyKmSection .col-md-25 { margin-bottom: 15px; } .dew-top { overflow: hidden; z-index: 9; } .abtEvolutionSection .col-md-33, .groupLogistics .col-md-33, .rewardsLevel .col-md-25, .rewardValueSection .col-md-33, .careerJobRole .col-md-33, .careerDetailCard .col-md-25, .whyKmSection .col-md-25 { max-width: 100%; } .abtOverview, .groupPackingUnit, .groupLogistics { overflow: hidden; } .abtOverview .imgTopContent { width: 403px; padding: 26px 11px; bottom: -13%; left: 5%; } .groupOutletSection .row{ flex-direction: column-reverse; } .groupThreeContent, .jobSearchForm, .searchTitleSec{ display: block !important; } .groupOutletSection { padding: 60px 0; } .packingFourContent { display: block; text-align: center; } .fourPackContent { border-right: unset; } .valueFirst, .valueScnd { font-size: 32px; } .joinSteps::before { display: none; } .joinStep { margin-bottom: 50px; } .stepNumber { margin: 0 0 20px; } .joinCard { min-height: auto; } .loyaltyWathiqRewardSection img { height: 40px; } .careerDetailCard .col-md-25 .d-flex img{ height: 45px; width: 45px; object-fit: contain; } .jobTitleField input, .jobLocationField select { width: 400px; } .searchIcon, .locationIcon { top: 60%; } .contactInnerBox { padding: 20px; } .contactInnerBox img { width: 45px; height: 45px; } .contactUsSection .col-md-50:nth-child(2) img { width: 35px; height: 35px; } .contactUsSection .col-md-50:nth-child(3) img { width: 33px; height: 33px; } .contactUsSection .col-md-50:last-child img { width: 40px; height: 40px; } .contactInnerBox p { font-size: 15px; } .contactDetails > .col-md-50:last-child .contactInnerBox { border-top: 1px solid #d4e0e4; } .contactUsSection .col-md-50:nth-child(2) .contactInnerBox, .contactMapImg{ padding-top: 20px; } .evolutionIcon { top: 44%; left: 40%; } .abtPhilosophy .col-md-40 .PhilosophyContent:first-child, .abtPhilosophy .col-md-40 .PhilosophyContent:last-child { padding: 30px; } .fourPackContent { padding-right: 0; margin-right: 0; } .highlightText { font-size: 30px; } .jobSearchForm { flex-direction: column; gap: 12px; } .jobSearchForm .jobTitleField, .jobSearchForm .jobLocationField { width: 100%; max-width: 100%; flex: none; } .jobSearchForm input, .jobSearchForm select, .jobSearchForm button, .jobSearchForm input[type="submit"] { width: 100%; max-width: 100%; } .main-menu li.menu-item-has-children>a:before { display: none; } .mobileMenu{ display: block; } .menu-is-active .header.top, .menu-is-active .header{ animation: none; padding: 5px 0; } .hamburger { display: block; margin-left: auto; z-index: 1000; } .lang{ margin-left: 35px; } .header{ padding: 10px 15px; } .top .logo img{ width: 100px; } .nav { position: fixed; top: 0; left: 0; width: 370px; max-width: 80vw; height: 100vh; background: #000; z-index: 999; overflow-y: auto; padding: 40px 25px 40px; box-sizing: border-box; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1); display: block; } body.menu-is-active .nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); visibility: visible; } .main-menu { position: static; -webkit-transform: none; -ms-transform: none; transform: none; width: 100%; text-align: left; font-size: 18px; font-weight: 200; display: block; margin: 0; padding: 0; list-style: none; cursor: default; } .menu-item { position: relative; display: block; opacity: 0; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; margin-bottom: 15px; } .menu-item a { display: block !important; font-size: 16px !important; color: #fff; margin: 5px 0; border-bottom: 1px solid rgba(255,255,255,0.3); padding-bottom: 4px; padding-right: 0; position: relative; } body.menu-is-active .menu-item { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); -webkit-transition: opacity 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease; } body.menu-is-active .menu-item:nth-child(1) { transition-delay: 0.15s; } body.menu-is-active .menu-item:nth-child(2) { transition-delay: 0.2s; } body.menu-is-active .menu-item:nth-child(3) { transition-delay: 0.25s; } body.menu-is-active .menu-item:nth-child(4) { transition-delay: 0.3s; } body.menu-is-active .menu-item:nth-child(5) { transition-delay: 0.35s; } body.menu-is-active .menu-item:nth-child(6) { transition-delay: 0.4s; } body.menu-is-active .secMenu .menu-item:nth-child(1) { transition-delay: 0.5s; } body.menu-is-active .secMenu .menu-item:nth-child(2) { transition-delay: 0.55s; } .lang{ margin-top: 20px; } .careerSearchForm button { padding: 15px 30px; } .careerJobsList { grid-template-columns: repeat(1, 1fr); margin-top: 30px; } .contactDetails > .col-md-50 { border-right: unset; } .mobileMenu .main-menu .menu-item-has-children { position: relative; } .mobileMenu .main-menu .menu-item-has-children:hover > .sub-menu { display: none !important; } .mobileMenu .main-menu .menu-item-has-children > .sub-menu { display: none !important; position: static !important; width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 5px 0 5px 25px !important; background: transparent !important; box-shadow: none !important; border: 0 !important; transform: none !important; } .mobileMenu .main-menu .menu-item-has-children.submenu-open > .sub-menu { display: block !important; } .mobileMenu .main-menu .sub-menu li { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .mobileMenu .main-menu .sub-menu li a { display: block !important; width: 100% !important; padding: 8px 0 !important; margin: 0 !important; color: #fff !important; background: transparent !important; border: none !important; text-decoration: none !important; font-size: 16px !important; line-height: 1.4 !important; } .mobileMenu .main-menu .sub-menu li a:hover { background: transparent !important; border: none !important; } .md-d-none{ display: none; } .mobileMenu .mobile-dropdown-toggle { position: absolute; top: -1px; right: 0%; width: 30px; height: 30px; padding: 0; margin: 0; background: transparent; border: 0; cursor: pointer; z-index: 10; } .mobileMenu .mobile-dropdown-toggle:before { content: ""; position: absolute; width: 8px; height: 8px; top: 7px; left: 8px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg); transition: transform 0.3s ease; } .mobileMenu .menu-item-has-children.submenu-open .mobile-dropdown-toggle:before { transform: rotate(225deg); top: 11px; } .howJoinSection .joinStep:nth-child(2), .howJoinSection .joinStep:last-child{ margin-top: 70px; } .FounderschairmansSection { min-height: auto; } .FounderschairmansSection .deskImg { display: none; } .FounderschairmansSection .mobImg { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; } .FounderschairmansSection .chairmanContent { padding: 60px 20px; } .FounderschairmansSection .chairmanContent .container { padding: 0; } .FounderschairmansSection .chairmanContent .row, .filterTxt { display: block; } .FounderschairmansSection .chairmanContent .col-md-50 { width: 100%; max-width: 100%; } .logisticsSection .whiteText { text-align: start; padding-left: 30px; padding-right: 20px; color: #000; text-shadow: unset; } .logisticsContent .col-md-90 > p.mrgnBtm + p { margin-bottom: 5px !important; } .logisticsSection .logisticsOverlay { background: linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.95) 74%, rgba(255, 255, 255, 0.75) 79%, rgba(255, 255, 255, 0.35) 88%, rgba(255, 255, 255, 0) 102%); } .logisticsTimelineSection .logitimelineYear { font-size: 14px; } .logisticsTimelineSection .logitimelineTitle { font-size: 12px; } .logisticsTimelineSection .logitimelineDescription { font-size: 13px; } .networkLocation, .networkHouse{ margin-right: 20px; padding-right: 20px; } .industrialSection .packingFourContent { display: grid; } .industrialSection .fourPackContent { padding: 20px 0 !important; margin: 0; } .industrialSection .fourPackContent:first-child { padding-top: 0 !important; } .industrialSection .fourPackContent:last-child { border-bottom: 0; } .industrialSection .packIcon { margin-left: auto; margin-right: auto; } .storeImageIn img{ padding: 0 20px; } .StoreImageSlider .slick-prev { left: -7px; } .StoreImageSlider .slick-next { right: -12px; } } @media only screen and (max-width: 920px){ } @media only screen and (max-width: 767px){ } @media all and (max-width: 620px){ } @media all and (max-width: 520px){ } @media all and (max-width: 480px){ } [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}