/*start*/
/*
font-family: 'Frank Ruhl Libre', serif;
font-family: 'Poppins', sans-serif;
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figcaption,figure,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
border:0;font-size:100%; outline:0; vertical-align:baseline; margin:0; padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block; *zoom:1;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:none;}
a {background:transparent; color:#242424; outline:none; text-decoration:none; vertical-align:baseline; margin:0; padding:0; -webkit-transition:all .5s ease-in;
-moz-transition:all .5s ease-in; 
-ms-transition:all .5s ease-in; 
-o-transition:all .5s ease-in; 
transition:all .5s ease-in; text-decoration:none}
a:hover { text-decoration:none; color: #e74236;}
abbr[],dfn[title] {border-bottom:1px dotted; cursor:help;}
input,select {vertical-align:middle;}
html {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
button,html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance:button; -webkit-border-radius: 0; cursor:pointer;}
button[disabled],input[disabled] {cursor:default;}
select::-ms-expand {display: none;}
select{background-image: url(../images/select-arrow.png); background-repeat: no-repeat; background-position: right 10px center;     appearance: none; -webkit-    appearance: none;}
input[type="checkbox"],input[type="radio"] {box-sizing:border-box; padding:0;}
input[type="search"] {-moz-box-sizing:content-box; -webkit-appearance:textfield; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
input::-moz-focus-inner {border:0;padding:0;}
div,textarea{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing: border-box; -ms-box-sizing:border-box;}
input[type="text"], input[type="name"], input[type="email"], input[type="date"], input[type="tel"]{ outline:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -webkit-appearance: none; font-weight:400; border:none; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none;}
input[type="text"]:focus, input[type="name"]:focus, input[type="email"]:focus, input[type="date"]:focus, input[type="tel"]:focus{ outline:none;}
textarea {overflow:auto;vertical-align:top; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; -webkit-appearance: none; font-weight:400; border:none;}
textarea:focus{outline:none;}
:-moz-placeholder{opacity: 1 !important;}
::-moz-placeholder{opacity: 1 !important;}
:-ms-input-placeholder{opacity: 1 !important;}
h1,h2,h3,h4,h5,h6 {font-weight:400;}
img{max-width: 100%;height: auto;width: auto\9; /* ie8 */border:none;}
*{margin:0px; padding:0px;}
nav ul {list-style:none;}
ul{list-style:none;}
strong{ font-weight:700;}
em{ font-style:italic;}
div{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{background:#fff; font-size:16px;color:#40403e; margin:0;  -webkit-text-size-adjust: 100%; 
    text-align:center; line-height:1; font-family: 'Calibri'; font-weight: normal;}
.container{max-width: 1066px; margin: 0 auto;}
@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Italic.woff2') format('woff2'),
        url('../fonts/Calibri-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-BoldItalic.woff2') format('woff2'),
        url('../fonts/Calibri-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Bold.woff2') format('woff2'),
        url('../fonts/Calibri-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-Light.woff2') format('woff2'),
        url('../fonts/Calibri-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri.woff2') format('woff2'),
        url('../fonts/Calibri.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Calibri';
    src: url('../fonts/Calibri-LightItalic.woff2') format('woff2'),
        url('../fonts/Calibri-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}


.logo-bar{position: relative;float: left; width: 100%;}
.wrapper{float: left; width: 100%; background-color: #fff;}
.header{float: left; width: 100%; padding: 24px 0 0 0; background-color: #fff;position: fixed;    z-index: 9;    background: #fff;    top: 0;   font-size: 0;}
.header .logo{float: left; width: 100%; padding: 0 10px; margin-bottom: 21px; position: relative;}
.header .logo .phone-email div{position: absolute; top: 50%; transform: translateY(-50%);font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 400; line-height: 31px;}
.header .logo .phone-email div a{color: #000;}
.header .logo .phone-email div a:hover{color: #e74236;}
.header .logo .phone-email div a,.header .logo .phone-email div svg{display: inline-block; vertical-align: middle;}
.header .logo .phone-email div svg{margin-right: 10px;}
.header .logo .phone-email div.phone{left: 10px;} 
.header .logo .phone-email div.email{right: 10px;} 
.header .menu{float: left; width: 100%; padding: 0 10px; margin-bottom: 0; font-size: 0; background-color: #f5f5f5;}
.header .menu ul{float: left; width: 100%; text-align: center;}
.header .menu ul li{display: inline-block; float: none; margin-right: 0px; width: 177px;}
.header .menu ul li:last-child{margin-right: 0;}
.header .menu ul li a{font-size: 20px; color: #454545; line-height: 20px; font-weight: 300; padding: 25px 30px; display: inline-block; width: 100%; box-sizing: border-box;}
.header.sticky .menu ul li{width: 177px;}
.header .menu ul li a:hover,.header .menu ul li a.active{background-color: #e74236; color: #fff; text-decoration: underline; font-weight: 700;}
.header.sticky .logo img{max-width: 200px;}
.header.sticky {padding: 19px 0 0 0;}
.header.sticky .menu{background-color: #f5f5f5;}
.header.sticky .logo {margin-bottom: 16px;}

.career-div,.slider-text,.slider-image,.slider,.thank-div{margin-top: 249px;}

.mob-menu, .mob-icon{display: none;}
.mob-menu ul{display: none;}
#menu .mm-navbar{background-color: #E74236;}
#menu .mm-navbar .mm-title{color: #fff;}
#menu .mm-navbar .mm-title{color: #fff;}
#menu .mm-close::after{border-bottom-color: #fff; border-right-color: #fff;}
#menu .mm-close::before{border-left-color: #fff; border-top-color: #fff;}
#menu .mm-listview > li:not(.mm-divider)::after {left: 0;}
#menu .mm-listview > li{text-align: left;}
#menu .mm-listview > li > a:hover{color: #E74236;}
.slider{float: left;width: 100%;height: 510px;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;
background-color: #fff;}
.home-video-banner {position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: hidden;z-index: 1; display: none;}
.home-video-banner iframe {position:absolute;top:0;left:0;width:100%;height:100%}
@media (min-aspect-ratio:16/9) {    
    .home-video-banner iframe {height: 300%;top: -100%;width: 110%;left: -10%;}
}
@media (max-aspect-ratio:16/9) {
.home-video-banner iframe { height:315%; top:-115% }
}
@media (max-aspect-ratio:8/6) {
 .home-video-banner iframe { width:300%; left:-100%; height:120%; top:0 }
}
.slider .overlay {position: absolute;left: 0;top: 0;height: 100%;width: 100%;background-color: #000;opacity: 0.02;z-index: 1;}
.slider iframe{width: 100%; height: 100%; float:left;}

.middle-container{float: left; width: 100%;}
.about-us-div{float: left; width: 100%; position: relative; padding: 53px 0 0 0;}
.about-us-div .corporeation{position: absolute; top: 0; right: 35px;}
.about-us-div .corporeation:before{content: ""; width: 2px; height: 75px; display: inline-block; position: absolute; top: 0; left: 19px; background-color:#e74236; }
.about-us-div .corporeation:after{content: ""; width: 2px; height: 75px; display: inline-block; position: absolute; top: 0; right: 20px; background-color:#e74236; }
.about-us-div .corporeation .border{border:2px solid #e74236; border-radius: 4px; line-height: 22px; padding: 22px 0 26px 0;  font-family: 'Poppins', sans-serif; font-weight: 500; width: 335px; color: #e74236; font-size: 14px; margin-top: 75px; position: relative;}
.about-us-div .corporeation .border:before{content: ""; height: 4px; width: 4px; background-color: #e74236; border-radius: 4px; display: inline-block; position: absolute; top: 5px; left: 5px;}
.about-us-div .corporeation .border:after{content: ""; height: 4px; width: 4px; background-color: #e74236; border-radius: 4px; display: inline-block; position: absolute; bottom: 5px; left: 5px;}
.about-us-div .corporeation .border span:before{content: ""; height: 4px; width: 4px; background-color: #e74236; border-radius: 4px; display: inline-block; position: absolute; top: 5px; right: 5px;}
.about-us-div .corporeation .border span:after{content: ""; height: 4px; width: 4px; background-color: #e74236; border-radius: 4px; display: inline-block; position: absolute; bottom: 5px; right: 5px;}

.testi-section{float: left; max-width: 700px; text-align: left;}
.testi-section h2{font-family: 'Frank Ruhl Libre', serif; font-weight: 700; font-size: 50px; line-height: 60px; color: #242424;}
.testi-section p{font-family: 'Frank Ruhl Libre', serif; font-weight: 400; font-size: 22px line-height:60px; color: #242424; margin-top: 7px;}

.about-outer{float: left; width: 100%;}
.about-outer .about-1{width: 31%; float: left; text-align: left; padding: 65px 0 0 0;}
.about-outer .about p{font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 25px; color: #242424; }
.about-outer .about-1 p{margin-bottom: 242px;}
.about-outer .about p.light{font-weight: 300; font-size: 14px; margin-bottom: 19px;}
.about-outer .about-1 .call-btn a{ background-image: linear-gradient(to bottom, #e74236, #ec4c3f, #f15549, #f55d52, #fa665b);
 border-radius: 25px; text-align: center; color: #fff; line-height: 49px; display: inline-block; width: 100%;display: inline-block;
vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.about-outer .about-1 .call-btn a::before { content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0; background-image: linear-gradient(to bottom, #1c437d, #1c4887, #1c4c90, #1c519a, #1c56a4);border-radius: 25px;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}


.about-outer .about-1 .call-btn a:hover::before{-webkit-transform: scaleY(1);
transform: scaleY(1);}
.about-outer .about-1 .call-btn a svg{display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 8px;}
.about-outer .about-2{float: left;width: 69%; text-align: left; padding-left: 32px;}
.about-outer .about-2 .abt-lft{float: left;width: 48%;}
.about-outer .about-2 .abt-rgt{float: right;width: 48%;}
.about-outer .about-2 .abt-rgt .break,.about-outer .about-2 .abt-lft .break{display: block;}
.about-outer p.head{font-family: 'Frank Ruhl Libre', serif; font-size: 18px; font-weight: 500; line-height: 60px; color: #293C69; text-transform: uppercase;}
.about-outer p.head:before{content: ""; height: 2px; width: 85px; display: inline-block; background-color: #293C69; vertical-align: middle; margin-right: 10px;}
.about-outer .about-2 h2{font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; line-height: 28px; color: #293C69; margin-bottom: 20px;}
.about-outer .about-2 p{margin-bottom: 20px;}
.about-outer .about-2 p.head{margin-bottom:0;}

#whyus{position: relative; top: -150px; float: left;width: 100%;}
#h-contact-div{position: relative; top: -150px;float: left;width: 100%;}
#protection-div{position: relative; top: -150px; float: left;width: 100%;}
.whyus-section{float: left; width: 100%; text-align: left; padding-top: 64px; padding-bottom: 85px;}
.whyus-section p.head{float: left; width: 100%;}
.why-lft{float: left; width: 45%; margin-top: 12px;}
.why-lft ul{display: flex; flex-wrap: wrap; margin: -15px; justify-content: center;}
.why-lft ul li{padding: 15px; text-align: center; float: left; width: 33.33%; box-sizing: border-box;}
.why-lft ul li .box{border: 2px solid #E74236; height: 100%; border-radius: 4px;-webkit-box-shadow: 3px 3px 10px 0px rgba(231,66,54,0.2);
-moz-box-shadow: 3px 3px 10px 0px rgba(231,66,54,0.2);
box-shadow: 3px 3px 10px 0px rgba(231,66,54,0.2); padding: 21px 20px 10px 20px; box-sizing: border-box; position: relative;}
.why-lft ul li .box:before {content: ""; display: inline-block;position: absolute;bottom: 0;left: 0;right: 0;background-color: #E74236;
  overflow: hidden; width: 0; height: 100%; transition: .5s ease;}
.why-lft ul li .box:hover:before{width: 100%;}
.why-lft ul li .box:hover p{color: #fff;}
.why-lft ul li .box:hover svg path{fill: #fff; stroke: #fff;}
.why-lft ul li p{font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 20px; text-transform: capitalize; color: #293C69;position: relative;z-index: 1;}
.why-lft ul li svg{height: 41px; margin-bottom: 17px;position: relative;z-index: 1;}
.why-outer{float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: left; align-items: center;}
.why-rgt{float: right; width: 55%; text-align: center; padding-left: 60px; box-sizing: border-box; position: relative;}
.why-rgt p{font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; line-height: 28px; color: #293C69;}
.why-rgt svg{margin-bottom: 7px;}
.why-rgt p b{font-weight: 700;}
.why-rgt:after{content: ""; width: 126px; height: 2px; background-color: #E74236; display: inline-block; position: absolute; right: 0; bottom: -80px}
.why-rgt p:after{content: ""; width: 94px; height: 2px; background-color: #E74236; display: inline-block; position: absolute; right: 0; bottom: -65px;}

.h-product-section{float: left; width: 100%; background-image: url(../images/product-bg.jpg); background-repeat: no-repeat; background-position: center;text-align: left; padding: 31px 0 50px 0; background-size: cover;}
.h-product-section p.head{font-family: 'Frank Ruhl Libre', serif; font-size: 18px; font-weight: 500; line-height: 60px; color: #293C69; text-transform: uppercase; color: #fff; margin-bottom: 26px;}
.h-product-section p.head:before{content: ""; height: 2px; width: 85px; display: inline-block; background-color: #fff; vertical-align: middle; margin-right: 10px;}
.h-product-section .content{max-width: 726px; float: left; width: 100%;}
.h-product-section .content p{font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 14px; color: #fff; line-height: 28px;}
.h-product-section .content h2{font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 25px; line-height: 35px; color: #fff;}
.h-product-section .content h2 span{font-weight: 700; text-decoration: underline;}
.h-product-section .content ul{float: left; width: 100%; margin-top: 62px;}
.h-product-section .content ul li{float: left; width: auto; padding: 0 35px; display: flex; flex-wrap: wrap; justify-content: center;}
.h-product-section .content ul li figure{display: table; table-layout: fixed;vertical-align: middle; width: 58px; height: 58px; border-radius: 100%; background-color: #fff;}
.h-product-section .content ul li figure:hover{background-color: #293c69;}
.h-product-section .content ul li figure:hover svg path{fill: #fff !important}
.h-product-section .content ul li p{float: left; width: 100%; text-align: center;font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 14px; color: #fff; line-height: 20px; margin-top: 9px;}
.h-product-section .content ul li figure span{height: 100%; width: 100%; display: table-cell; text-align: center; vertical-align: middle;}
.h-product-section .btn-row{float: left; width: 100%; margin-top: 50px;}
.h-product-section .btn-row a{  background-color: #fff;
    float:right;font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 14px; width: 212px; background-color: #fff; border-radius: 25px; line-height: 49px; display: inline-block; text-transform: capitalize; text-align: center; color: #E74236;
    -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.h-product-section .btn-row a::before { content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0; border-radius: 25px;
   background-image: linear-gradient(to bottom, #1c437d, #1c4887, #1c4c90, #1c519a, #1c56a4); -webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;   -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.h-product-section .btn-row a:hover::before{-webkit-transform: scaleY(1);transform: scaleY(1);}
.h-product-section .btn-row a:hover{color: #fff;}

.h-lubrication-div{float: left; width: 100%; text-align: left; padding: 50px 0 60px 0;}
.h-lubrication-div p.head{font-family: 'Frank Ruhl Libre', serif; font-size: 18px; font-weight: 500; line-height: 60px; color: #293C69; text-transform: uppercase;margin-bottom: 16px;}
.h-lubrication-div p.head:before{content: ""; height: 2px; width: 85px; display: inline-block; background-color: #293C69; vertical-align: middle; margin-right: 10px;}
.h-lubrication-div .resp-tabs-list{margin-bottom: 25px; float: left; width: 100%;}
.h-lubrication-div .resp-tabs-list .resp-tab-active {border: 0px solid #c1c1c1;padding: 0 !important;margin-bottom: 0 !important}
.h-lubrication-div .resp-tabs-list .resp-tab-item{padding: 0; border: 0; font-family: 'Poppins', sans-serif; font-weight: 400; text-transform: capitalize; font-size: 20px; color: #293C69; border-bottom: 2px solid transparent; margin-right: 110px; line-height: 20px;}
.h-lubrication-div .resp-tabs-list .resp-tab-item:last-child{margin-right: 0;}
.h-lubrication-div .resp-tabs-list .resp-tab-item.resp-tab-active{color: #E74236; border-bottom-color: #E74236; font-weight: 700;}
.h-lubrication-div .resp-tab-content {border: 0px solid #c1c1c1;padding: 0; min-height: 240px;width: 100%;}
.h-lubrication-div .resp-tab-content,.h-lubrication-div .resp-tab-content p{font-family: 'Poppins', sans-serif; font-weight: 500; line-height: 20px; font-size: 16px; color: #242424;}

.know-more-section{float: left; width: 100%; border-radius: 8px;background-image: linear-gradient(to bottom, #e74236, #ec4c3f, #f15549, #f55d52, #fa665b); display: flex; flex-wrap: wrap; align-items: center; padding: 24px 29px; box-sizing: border-box;}
.know-more-section a{  background: #fff;
    float:right;font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 14px; width: 212px; background-color: #fff; border-radius: 25px; line-height: 49px; display: inline-block; text-transform: capitalize; text-align: center; color: #E74236;
    -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.know-more-section a::before { content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0; border-radius: 25px;
   background-image: linear-gradient(to bottom, #1c437d, #1c4887, #1c4c90, #1c519a, #1c56a4);  -webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;   -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.know-more-section a:hover::before{-webkit-transform: scaleY(1);transform: scaleY(1);}
.know-more-section a:hover{color: #fff;}
.know-more-section p{width: calc(100% - 212px);font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; line-height: 30px; color: #fff; padding-right: 80px;box-sizing: border-box;}

.h-contact-div{float: left; width: 100%;background-image: linear-gradient(to bottom, #e74236, #ec4c3f, #f15549, #f55d52, #fa665b); text-align: left; padding: 50px 0 84px 0;}
.h-contact-div p.head{font-family: 'Frank Ruhl Libre', serif; font-size: 18px; font-weight: 500; line-height: 60px; color: #fff; text-transform: uppercase;margin-bottom: 36px;}
.h-contact-div p.head:before{content: ""; height: 2px; width: 85px; display: inline-block; background-color: #fff; vertical-align: middle; margin-right: 10px;}

.contact-box{float: left; width: 100%; background-color: #fff;-webkit-box-shadow: -3px -3px 6px 0px rgba(0,0,0,0.16);
-moz-box-shadow: -3px -3px 6px 0px rgba(0,0,0,0.16);box-shadow: -3px -3px 6px 0px rgba(0,0,0,0.16); padding: 30px; box-sizing: border-box;}
.contact-box h2{font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 20px; line-height: 30px;color: #242424; float: left; width: 100%; margin-bottom: 30px;}
.contact-box .cnt-left{float: left; width: 50%; border-right: 1px solid #cccccc; padding-right: 32px; box-sizing: border-box;}
.contact-box .cnt-right{float: left; width: 50%; padding-left: 32px; box-sizing: border-box;}
.contact-box .cnt-left .fields{margin: 0 -15px;}
.contact-box .cnt-left .fields .field{float: left; width: 50%; padding: 0 15px; margin-bottom: 17px;}
.contact-box .cnt-left .fields .error{color: red}
.contact-box .cnt-left .fields .field:nth-child(2n+1){clear: both;}
.contact-box .cnt-left .fields .field label{color: #293C69; font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 20px; float: left; width: 100%; text-transform: capitalize; margin-bottom: 6px;}
.contact-box .cnt-left .fields .field textarea,.contact-box .cnt-left .fields .field select,.contact-box .cnt-left .fields .field input{float: left; width: 100%;font-family: 'Poppins', sans-serif; font-size: 14px; border: 1px solid #CCCCCC; border-radius: 4px; height: 32px; padding: 0 15px; box-sizing: border-box;}
.contact-box .cnt-left .fields .field textarea{padding: 15px; box-sizing: border-box; height: 105px;}
.contact-box .cnt-left .fields .field.message{width: 100%;}
.contact-box .cnt-left .fields .form-row{padding: 0 15px; float: left; width: 100%; margin-bottom: 17px;}
.contact-box .cnt-left .button-row{padding: 0 15px;}

.contact-box .cnt-left .button-row button{background-image: linear-gradient(to bottom, #e74236, #ec4c3f, #f15549, #f55d52, #fa665b);
    float:right;font-family: 'Poppins', sans-serif; border: 0; font-weight: 500; font-size: 14px; width: 212px; background-color: #fff; border-radius: 25px; line-height: 49px; display: inline-block; text-transform: capitalize; text-align: center; color: #E74236;
    -webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s; color: #fff;}
.contact-box .cnt-left .button-row button::before { content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 25px;
  background-image: linear-gradient(to bottom, #1c437d, #1c4887, #1c4c90, #1c519a, #1c56a4); 
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}
.contact-box .cnt-left .button-row button:hover::before{-webkit-transform: scaleY(1);transform: scaleY(1);}
.contact-box .cnt-left .button-row button:hover{color: #fff;}

.contact-box .cnt-right img{margin-top: -43px;}
.contact-box .cnt-right p{float: left; width: 100%;font-family: 'Poppins', sans-serif; font-size: 14px; font-weight: 500; line-height: 20px; color: #242424; margin-top: 20px;}
.contact-box .cnt-right .cnt-details{float: left; width: 100%; margin-top: 5px; }
.contact-box .cnt-right .cnt-details .cntlft{float: left; width: 34%;}
.contact-box .cnt-right .cnt-details .cntlft svg{padding-bottom: 50px; float: left; margin-right: 11px; margin-top: 4px;}
.contact-box .cnt-right .cnt-details .cntlft p{font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 20px; color: #242424; font-weight: 400; margin-top: 0;}
.contact-box .cnt-right .cnt-details .cntrgt{float: left; width: 65%;padding-left: 40px;}
.contact-box .cnt-right .cnt-details .cntrgt svg{float: none; display: inline-block; vertical-align: middle; margin-right: 10px;}
.contact-box .cnt-right .cnt-details .cntrgt p{font-family: 'Poppins', sans-serif; font-size: 14px; line-height: 20px; color: #242424; font-weight: 400; margin-top: 0;display: inline-block; vertical-align: middle; margin-bottom: 10px;}


.testimonial-div{float: left; width: 100%; text-align: left; padding: 42px 0 100px 0;}
.testimonial-div .testi-div{float: left; width: 100%;}
.testimonial-div .testi-div p.head{font-family: 'Frank Ruhl Libre', serif; font-size: 18px; font-weight: 500; line-height: 60px; color: #293C69; text-transform: uppercase;margin-bottom: 10px;}
.testimonial-div .testi-div p.head:before{content: ""; height: 2px; width: 85px; display: inline-block; background-color: #293C69; vertical-align: middle; margin-right: 10px;}
.testi-box{background-color: rgba(231,66,54,0.2); border-radius: 4px; text-align: center; padding: 19px 0 21px 0; float: left;width: 100%;}
.testi-box h2{font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; color: #293C69; text-transform: uppercase; }
.testi-box ul .owl-item{text-align: center;}
.testi-box ul li{font-family: 'Poppins', sans-serif; font-size: 20px; font-weight: 500; line-height: 30px; color: #242424; max-width: 830px; display: inline-block; position: relative; padding: 0 50px;}
.testi-box ul li:before{content: ""; display: inline-block; width: 40px;height: 37px; 
background-image: url("../images/testi-left-quote.png");background-repeat: no-repeat;background-position: center; position: absolute; left: 0; top: -11px;}
.testi-box ul li:after{content: ""; display: inline-block; width: 40px;height: 37px; 
background-image: url("../images/testi-right-quote.png");background-repeat: no-repeat;background-position: center; position: absolute; right: 0; bottom: 11px;}
.testi-box .owl-carousel .owl-stage-outer{padding: 20px 0;}
.testi-box .owl-carousel .owl-dots{float: left; width: 100%; text-align: center; margin-top: 26px;}
.testi-box .owl-carousel .owl-dots .owl-dot{float: none; width: 10px; display: inline-block; margin-right: 10px;}
.testi-box .owl-carousel .owl-dots .owl-dot span{width: 10px; height: 10px; border-radius: 10px; border: 1px solid #293C69; background-color: #fff; float: left;}
.testi-box .owl-carousel .owl-dots .owl-dot.active span{background-color: #293C69;}


.testimonial-div .testcase-div{float: left; width: 100%; padding-top: 40px;}
.testimonial-div .testcase-div p.head{font-family: 'Frank Ruhl Libre', serif; font-size: 18px; font-weight: 500; line-height: 60px; color: #293C69; text-transform: uppercase;margin-bottom: 10px;}
.testimonial-div .testcase-div p.head:before{content: ""; height: 2px; width: 85px; display: inline-block; background-color: #293C69; vertical-align: middle; margin-right: 10px;}
.testimonial-div .testcase-div ul{margin: 0; font-size: 0;}
.testimonial-div .testcase-div ul li{padding: 0 18px; float: left; width: 25%; box-sizing: border-box;}
.testimonial-div .testcase-div ul li:first-child{padding-left: 0;}
.testimonial-div .testcase-div ul li:nth-child(4n){padding-right: 0;}
.testimonial-div .testcase-div ul li a{display: inline-block; text-transform: uppercase;font-family: 'Poppins', sans-serif; font-size: 20px; line-height: 56px; font-weight: 500;color: #293C69; border-radius: 8px;background-color: rgba(231,66,54,0.2); width: 100%; text-align: center; }
.testimonial-div .testcase-div ul li a:hover{background-color: rgba(231,66,54,1); color: #fff;}

.footer{float: left; width: 100%; padding: 0 20px; background-image: url(../images/footer-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; box-sizing: border-box; padding-top:65px; padding-bottom: 33px;}
.footer .copyright{float: left; width: 32%; text-align: left;}
.footer .copyright h2{font-family: 'Poppins', sans-serif; font-weight: 700; text-transform: uppercase; font-size: 25px; line-height: 25px; color: #fff; margin-bottom: 35px;}
.footer .copyright p.copy{font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; line-height: 20px; color: #fff; margin-bottom: 41px;}
.footer .copyright p.copy b{margin-bottom: 13px; float: left; width: 100%;}
.footer .design-by{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 15px; line-height: 20px; color: #fff;}
.footer .design-by a{font-weight: 500; color: #EA5F55;}
.footer .design-by a:hover{color: #fff;}

.footer .offer-sec{float: left; width: 40%; text-align: left; padding-right: 100px;}
.footer h2{font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 25px; line-height: 25px; color: #9F9F9F; margin-bottom: 40px;}
.footer .offer-sec ul{float: left; width: 100%;}
.footer .offer-sec ul li{float: left; width: 44%; text-align: left; margin-bottom: 23px;}
.footer .offer-sec ul li a{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 20px; line-height: 20px; color: #fff;}
.footer .offer-sec ul li a:hover{color: #EA5F55;}

.footer .touch-div{float: left; width: 28%; text-align: left;}
.footer .touch-div p{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 18px; color: #fff;line-height: 30px;}
.footer .touch-div p a{color: #fff;}
.footer .touch-div p a:hover{color: #EA5F55;}
.footer .touch-div p svg{margin-right: 9px;}

#return-to-top { float: right;display: flex;text-align: center; flex-wrap: wrap;justify-content: center; margin-top: 32px;}
#return-to-top span {height: 60px;width: 60px;background: #fff;border-radius: 100%;display: flex;justify-content: center;align-items: center;}
#return-to-top p{font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 15px; color: #fff; line-height: 20px;width: 100%; margin-top: 5px;}
#return-to-top:hover span{background: #EA5F55;}
#return-to-top:hover span svg path{fill: #fff !important}
#return-to-top:hover p{color: #EA5F55;}


.slider-text{float: left; width: 100%; background-color:#E74236; padding: 155px 20px 175px 20px; box-sizing: border-box;}
.slider-text h1{font-size: 40px;font-family: 'Poppins', sans-serif; font-weight: 500; line-height: 50px; color: #fff;}
.slider-text h1 span{display: block; font-weight: 700;}

.down-arrow{float: left; width: 100%;}
.down-arrow.luc{padding: 50px 0;}
.down-arrow svg{-webkit-animation-name: floating-arrow;
animation-name: floating-arrow;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;}

@-webkit-keyframes floating-arrow {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    65% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 35px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

@keyframes floating-arrow {
    from {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
    65% {
        -webkit-transform: translate(0, 20px);
        transform: translate(0, 35px)
    }
    to {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0)
    }
}

.protection-div{float: left; width: 100%; background-color: #fafafa; text-align: center; padding: 33px 0 45px 0;}
.protection-div .inner-div{width: 100%; max-width: 530px; display: inline-block;}
.protection-div h2{color: #293C69; font-size: 25px;font-family: 'Poppins', sans-serif; font-weight: 700; line-height: 25px; margin-bottom: 22px;}
.protection-div h2 span{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 20px;}
.protection-div ul{padding: 0 65px; text-align: left;}
.protection-div ul li{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 35px; color: #242424; vertical-align: middle;}
.protection-div ul li svg{display: inline-block; vertical-align: middle; margin-right: 7px;}

.protection-tabing{float: left; width: 100%; text-align: left; padding: 44px 0 20px 0;}
.protection-tabing p{color: #AAAAAA;font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 25px;}
.protection-tabing .resp-tabs-list{margin-bottom: 25px; margin-top: 38px; float: left; width: 100%;}
.protection-tabing .resp-tabs-list .resp-tab-active {border: 0px solid #c1c1c1;padding: 0 !important;margin-bottom: 0 !important}
.protection-tabing .resp-tabs-list .resp-tab-item{padding: 0; border: 0; font-family: 'Poppins', sans-serif; font-weight: 400; text-transform: capitalize; font-size: 20px; color: #293C69; border-bottom: 2px solid transparent; margin-right: 110px; line-height: 20px;}
.protection-tabing .resp-tabs-list .resp-tab-item:last-child{margin-right: 0;}
.protection-tabing .resp-tabs-list .resp-tab-item.resp-tab-active{color: #E74236; border-bottom-color: #E74236; font-weight: 700;}
.protection-tabing .resp-tab-content {border: 0px solid #c1c1c1;padding: 0; min-height: 240px;width: 100%;}
.protection-tabing .resp-tab-content,.protection-tabing .resp-tab-content p{font-family: 'Poppins', sans-serif; font-weight: 500; line-height: 20px; font-size: 16px; color: #242424;}

.metshiel-text-bg{float: left; width: 100%; position: relative;}
.metshiel-text-bg .metshield-text{float: left; width: 100%;}
.metshiel-text-bg .metshield-text h2{font-size: 207px; line-height: 231px;font-family: 'Poppins', sans-serif; font-weight: 700; color: #fff; opacity: 0.2; text-shadow: 0 0 3px #293C69;}
.metshiel-text-bg .text-on{position: absolute; top: 50%; width: 100%; text-align: center; left: 0; transform: translateY(-50%);}
.metshiel-text-bg .text-on p{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; color: #242424; padding: 42px 0 55px 0;}
.metshiel-text-bg .text-on p span{display: block;}

.best-mate-div{float: left; width: 100%; text-align: center; padding: 100px 0;}
.best-mate-div .mate-box{float: none; width: 100%; max-width: 568px; border: 1px dashed #293C69; display: inline-block;box-shadow: 3px 3px 3px 0px rgba(231,66,54,0.2);
-webkit-box-shadow: 3px 3px 3px 0px rgba(231,66,54,0.2);-moz-box-shadow: 3px 3px 3px 0px rgba(231,66,54,0.2); padding: 24px 20px 29px 20px; box-sizing: border-box;}
.best-mate-div .mate-box figure{margin-bottom: 13px;}
.best-mate-div .mate-box h2{font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 16px; line-height: 25px; color: #293C69; text-transform: uppercase; margin-bottom: 9px;}
.best-mate-div .mate-box p{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; margin-bottom: 15px;}
.best-mate-div .mate-box p span{display: block;}
.best-mate-div .mate-box p.italic{font-style: italic; font-weight: 500; margin-bottom: 20px;}
.best-mate-div .mate-box .call-btn a{background-image: linear-gradient(to bottom, #e74236, #ec4c3f, #f15549, #f55d52, #fa665b);  border-radius: 25px; text-align: center; color: #fff; line-height: 49px; display: inline-block; width: 100%;display: inline-block; max-width: 335px;
vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.best-mate-div .mate-box .call-btn a::before { content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0; border-radius: 25px;
     background-image: linear-gradient(to bottom, #1c437d, #1c4887, #1c4c90, #1c519a, #1c56a4);
    -webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;   -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.best-mate-div .mate-box .call-btn a:hover::before{-webkit-transform: scaleY(1);transform: scaleY(1);}
.best-mate-div .mate-box .call-btn a svg{display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 8px;}

body.career .menu{background-color: #f5f5f5;}
#menu .mm-listview > li > a.active{color:#E74236; }

.open-position-div{float: left; width: 100%; padding: 59px 0 100px 0;}
.open-position-div h1{font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 25px; line-height: 20px; color: #293C69; text-transform: capitalize; margin-bottom: 20px;}
.open-position-div p{color: #242424;font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 20px; }
.open-position-div p span{display: block;}
.open-position-div .down-arrow{padding: 35px 0 45px 0; float: left; width: 100%;}
.open-position-div ul{display: flex; flex-wrap: wrap; margin: -15px; clear: both;}
.open-position-div ul li{padding: 15px; float: left; width: 33.33%; box-sizing: border-box;}
.open-position-div ul li .box{border: 1px solid #707070; border-radius: 4px; position: relative; text-align: left; height: 100%; min-height: 180px; padding: 20px 26px;}
.open-position-div ul li .box::before {content: "";display: inline-block;position: absolute;bottom: 0;left: 0;right: 0;background-color: #E74236;
overflow: hidden;width: 10px; border-radius: 4px 0 0 4px;height: 100%;transition: .5s ease; z-index: -1;}
.open-position-div ul li .box:hover:before{width: 100%;}
.open-position-div ul li .box h2{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 20px; line-height: 20px; z-index: 1; color: #293C69; margin-bottom: 24px;}
.open-position-div ul li .box p{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 12px; line-height: 18px; z-index: 1;color: #242424;}
.open-position-div ul li .box:hover h2,.open-position-div ul li .box:hover p{color: #fff;}


.slider-image{float: left; width: 100%; background-color: #e74236; height: auto; font-size: 0;}
.friction-div{float: left; width: 100%; padding: 50px 0 120px 0;}
.friction-div .container{position: relative; text-align: left; padding-left: 25px;}
.friction-div .container:before{background-image: linear-gradient(to bottom, #e74236, #ec4c3f, #f15549, #f55d52, #fa665b); content: ""; width: 10px; height: 100%; position: absolute; left: 0; top: 0; display: inline-block;}
.friction-div p.small{font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 16px; line-height: 25px; color: #AAAAAA; font-style: italic; padding-top: 7px; padding-bottom: 8px;}
.friction-div p {   color: #242424;   font-family: 'Poppins', sans-serif;   font-weight: 400;   font-size: 20px;   line-height: 30px;}
.friction-div h1{font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 22px; line-height: 30px; color: #293C69; padding-top: 10px; padding-bottom: 20px;}

.speciality-div{float: left; width: 100%; text-align: left; padding-bottom: 37px;}
body.product .benefits-div h2,body.product .speciality-div h2,body.product .how-div h2{font-size: 207px; line-height: 231px;font-family: 'Poppins', sans-serif; font-weight: 700; color: #fff; opacity: 0.2 !important; text-shadow: 0 0 3px #293C69;position: absolute;width: auto;right: -30px; text-transform: uppercase;}
.speciality-div h3 svg,.speciality-div h3{vertical-align: top;}
.speciality-div h3 svg{ margin-right: 9px;}
body.product,body.product .middle-container{overflow-x: hidden;}
.speciality-div h3 {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 25px; line-height: 28px; color: #293C69; margin-bottom: 34px;}
.speciality-div h4 {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 18px; line-height: 30px; color: #293C69; margin-bottom: 2px;}
.speciality-div p {font-family: 'Poppins', sans-serif; font-weight:400; font-size: 16px; line-height: 30px; color: #242424; margin-bottom: 16px;}
.speciality-div ul{float: left; width: 100%}
.speciality-div ul li{font-family: 'Poppins', sans-serif; font-weight:400; font-size: 16px; line-height: 25px; color: #242424; background-image: url(../images/ul-arrow.png); background-repeat: no-repeat; margin-bottom: 13px; background-position: top 5px left; padding-left: 23px;}
.speciality-div .secret-div{float: left; width: 100%; text-align: center;background-image: linear-gradient(to bottom, #e74236, #ec4c3f, #f15549, #f55d52, #fa665b); border-radius: 8px; padding:15px 60px 28px 60px; margin-top: 60px; border: 1px solid #E74236; box-shadow: 3px 3px 3px 0px rgba(231,66,54,0.2);}
.speciality-div .secret-div h4,.speciality-div .secret-div p{color: #fff; line-height: 25px;}
.speciality-div .secret-div p{margin: 0;}


.how-div{float: left; width: 100%; text-align: center; background: #fafafa; position: relative; padding: 65px 0 50px 0;}
.how-div h3 svg,.how-div h3{vertical-align: top;}
.how-div h3 svg {   margin-right: 7px;   margin-top: -4px;}
body.product .middle-container .how-div h2{right: auto; left: 0; top: auto; bottom: 50px;}
.how-div h3 {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 25px; line-height: 28px; color: #293C69; margin-bottom: 17px;}
.how-div p {font-family: 'Poppins', sans-serif; font-weight:400; font-size: 16px; line-height: 30px; color: #242424; margin-bottom: 13px; max-width: 900px; width: 100%; display: inline-block; float: none;}
.how-div .call-btn{float: left; width: 100%; margin-top: 20px;}
.how-div .call-btn a{  background-image: linear-gradient(to bottom, #e74236, #ec4c3f, #f15549, #f55d52, #fa665b);
     border-radius: 25px; text-align: center; color: #fff; line-height: 49px; display: inline-block; width: 100%;display: inline-block; max-width: 335px;
vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);
position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.how-div .call-btn a::before { content: "";position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;right: 0; border-radius: 25px;
    -webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;
   background-image: linear-gradient(to bottom, #1c437d, #1c4887, #1c4c90, #1c519a, #1c56a4); transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;   -webkit-transition-timing-function: ease-out;    transition-timing-function: ease-out;}
.how-div .call-btn a:hover::before{-webkit-transform: scaleY(1);transform: scaleY(1);}
.how-div .call-btn a svg{display: inline-block; vertical-align: middle; margin-top: -2px; margin-right: 8px;}

.benefits-div{float: left; width: 100%; position: relative; text-align: left; padding: 60px 0 45px 0;}
.benefits-div h3 svg {   margin-top: 0;   float: left;   margin-right: 17px;   margin-top: -4px;}
body.product .benefits-div h2{top: -15px;}
.benefits-div h3 svg,.benefits-div h3{vertical-align: middle;}
.benefits-div h3 {font-family: 'Poppins', sans-serif; font-weight: 500; font-size: 25px; line-height: 35px; color: #293C69; margin-bottom: 29px; float: left; width: 100%;}
.benefits-div ul{display: flex; flex-wrap: wrap; margin: -20px; justify-content: center; clear: both;}
.benefits-div ul li{padding: 20px; text-align: center; float: left; width: 20%; box-sizing: border-box; }
.benefits-div ul li .box{border: 2px solid #E74236; height: 100%; border-radius: 4px;-webkit-box-shadow: 3px 3px 10px 0px rgba(231,66,54,0.2);
-moz-box-shadow: 3px 3px 10px 0px rgba(231,66,54,0.2);
box-shadow: 3px 3px 10px 0px rgba(231,66,54,0.2); padding: 25px 10px 10px 10px; box-sizing: border-box; position: relative;min-height: 140px;}
.benefits-div ul li .box:before {content: ""; display: inline-block;position: absolute;bottom: 0;left: 0;right: 0;background-color: #E74236;
  overflow: hidden; width: 0; height: 100%; transition: .5s ease;}
.benefits-div ul li .box:hover:before{width: 100%;}
.benefits-div ul li .box:hover p{color: #fff;}
.benefits-div ul li .box:hover svg path{fill: #fff; stroke: #fff;}
.benefits-div ul li .box:hover svg g{stroke: #fff;}
.benefits-div ul li p{font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 20px; text-transform: capitalize; color: #293C69;position: relative;z-index: 1; font-weight: 400;}
.benefits-div ul li svg{height: 41px; margin-bottom: 17px;position: relative;z-index: 1;}
.benefits-div .text-content{float: left; width: 100%; position: relative; margin-top: 47px;}
.benefits-div .text-content p{font-family: 'Poppins', sans-serif; font-weight:500; font-style: italic; font-size: 16px; line-height: 35px; color: #242424; margin-bottom: 13px;}
.benefits-div .text-content ul{float: left; width: 100%; text-align: left; margin: 0;}
.benefits-div .text-content ul li{font-family: 'Poppins', sans-serif; font-weight:500; font-size: 16px; line-height: 25px; color: #242424; background-image: url(../images/ul-arrow.png); background-repeat: no-repeat; margin-bottom: 13px; background-position: top 5px left; float: left; width: 100%; padding:0 0 0 23px; text-align: left;}

.thank-div{padding: 30px 0;}
.thank-div h1{font-family: 'Poppins', sans-serif;font-weight: 500;font-size: 25px;line-height: 28px;color: #293C69;margin-bottom: 34px;}
.thank-div p{font-family: 'Poppins', sans-serif; font-weight:500; font-style: italic; font-size: 16px; line-height: 25px; color: #242424;}





.play-bt {
    width: 64px;
    height: 64px;
    padding: 0;
    background: url(../images/play-btn.png) no-repeat 0px;
    position: absolute;
    margin-left: 0;
    margin-top: 0;
    z-index: 99;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 0;
    background-size: cover;
    background-color: #fff;
    border-radius: 100%;
}

.pause-bt{
    width: 50px;
    height: 50px;
    padding: 0; background: url(../images/pause-btn.png) no-repeat 0px;
     position: absolute;
    margin-left: 0;
    margin-top: 0;
    z-index: 99;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-size: cover;
    background-color: #fff;
    border-radius: 100%; display: none; z-index: 0;}
.thank-div{min-height: 400px;}