@charset "utf-8";
/* CSS Document */

@import url('animate.css');
@import url('owl.carousel.css');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Roboto:wght@300;400;500;700&display=swap');


@font-face {
    font-family: 'SF Pro Display';
    src: url('../font/SFProDisplay-Black.eot');
    src: url('../font/SFProDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('../font/SFProDisplay-Black.woff2') format('woff2'),
        url('../font/SFProDisplay-Black.woff') format('woff'),
        url('../font/SFProDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../font/SFProDisplay-Bold.eot');
    src: url('../font/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/SFProDisplay-Bold.woff2') format('woff2'),
        url('../font/SFProDisplay-Bold.woff') format('woff'),
        url('../font/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../font/SFProDisplay-Heavy.eot');
    src: url('../font/SFProDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../font/SFProDisplay-Heavy.woff2') format('woff2'),
        url('../font/SFProDisplay-Heavy.woff') format('woff'),
        url('../font/SFProDisplay-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../font/SFProDisplay-Light.eot');
    src: url('../font/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../font/SFProDisplay-Light.woff2') format('woff2'),
        url('../font/SFProDisplay-Light.woff') format('woff'),
        url('../font/SFProDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../font/SFProDisplay-Medium.eot');
    src: url('../font/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/SFProDisplay-Medium.woff2') format('woff2'),
        url('../font/SFProDisplay-Medium.woff') format('woff'),
        url('../font/SFProDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('../font/SFProDisplay-Regular.eot');
    src: url('../font/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/SFProDisplay-Regular.woff2') format('woff2'),
        url('../font/SFProDisplay-Regular.woff') format('woff'),
        url('../font/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'SF Pro Display', sans-serif !important;
    font-size: 14px;
    color: #3a3a3a;
    font-weight: 400;
    position: relative;
    background-color: #ffffff !important;
} 

* {
    margin: 0px;
    padding: 0px;
}

.clearfix {
    zoom: 1;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}

.clearfix:after {
    clear: both;
}

.clr,
.clear {
    clear: both;
}

header,
footer,
aside,
article,
section,
nav,
figure {
    position: relative;
    
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
}

ul,
li,
ol {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    outline: none !important;
}

a:hover,
a:focus {
    text-decoration: none !important;
    outline: none;
}

img {
    border: 0;
    outline: none;
    max-width: 100%;
}

input[type="text"],
input[type="password"],
select,
textarea,
input[type="button"] {
    max-width: 100%;
}
     
table {  width: 100%; }
p { margin: 0; padding: 0; }
.fltL { float: left; }
.fltR { float: right !important; }
.padding_none { padding: 0 !important;}
.border_none{border:none !important}
.navbar-toggle {  background-color: #fff !important; }
.icon-bar { background-color: #000 !important; }
.p_right0{ padding-right:0px !important }
.p_left0{ padding-left:0px !important }




header{padding:15px 0}
header .navbar{padding:0}
header .navbar .navbar-brand{padding:0;margin:0;max-width:140px}
header .navbar .navbar-collapse{justify-content:end}
header .navbar .navbar-nav .nav-item .nav-link{color:#5A5B61;font-size:14px;padding:10px 15px;font-weight:500;letter-spacing:.5px;position:relative}
header .navbar .navbar-nav .nav-item .nav-link.dropdown-toggle:after{content:'\f107';font-family:FontAwesome;color:#000;position:absolute;top:10px;right:0;font-size:15px;border:none;font-weight:600;opacity:0}
header .navbar .navbar-nav .nav-item.active .nav-link{color:#AC0F14}
header .navbar .navbar-nav .nav-item .dropdown-menu{padding:0;border-radius:6px;min-width:240px;overflow:hidden;margin:0;border:none;box-shadow:0 4px 10px 0 #ebebeb}
header .navbar .navbar-nav .nav-item .dropdown-menu li{margin:0}
header .navbar .navbar-nav .nav-item .dropdown-menu li a{padding:13px 20px;font-size:14px;font-weight:500;color:#000;display:block}
header .navbar .navbar-nav li .dropdown-menu li a:hover{background:#57517a;color:#fff}
header .navbar .navbar-nav:last-child{margin:0 0 0 200px}
header .navbar .navbar-nav:last-child .nav-item .nav-link{border:2px solid #5A5B61;border-radius:5px;padding:10px 15px;color:#5A5B61;font-weight:500;letter-spacing:.5px}
header .navbar .navbar-nav .nav-item .nav-link span{}

.SliderArea{position:relative}
.SliderArea .carousel-indicators{bottom:20px}
.SliderArea .carousel-indicators li{margin:0 5px;width:10px;height:10px;border-radius:10px;border:none;opacity:.25}
.SliderArea .carousel-indicators li.active{opacity:1}
.SliderArea .carousel-item img{width:100%}
.SliderArea .SliderContent{position:absolute;top:50%;text-align:center;color:#fff;left:50%;transform:translate(-50%,-50%)}
.SliderArea .SliderContent h4{font-size:35px;line-height:50px;font-weight:400;margin:0 0 15px 0}
.SliderArea .SliderContent h4 span{display:block;font-size:33px;font-weight:600;letter-spacing:.5px}
.SliderArea .SliderContent a{background-color:#fff;padding:13px 35px;display:inline-block;border-radius:5px;color:#19191B;font-weight:500;letter-spacing:.5px;transition:0.5s all ease-in-out}
.SliderArea .SliderContent a:hover{background-color:#AC0F14;color:#fff}

.AboutArea{padding:50px 0}
.AboutArea .AboutRight h4{font-size:35px;line-height:50px;font-weight:800;margin:0 0 15px 0;color:#19191B;letter-spacing:1px}
.AboutArea .AboutRight h4 span{color:#AC0F14}
.AboutArea .AboutRight p{font-size:16px;line-height:34px;font-weight:500;margin:0 0 20px 0}
.AboutArea .AboutRight a{color:#19191B;font-weight:700;letter-spacing:.5px;transition:0.5s all ease-in-out}
.AboutArea .AboutRight a img{width:30px;margin:0 0 0 8px}
.AboutArea .AboutRight a:hover{color:#AC0F14;font-weight:500}

.ServiceArea{background-color:#E7E7EE;padding:50px 0;text-align:center}
.ServiceArea .ServiceHead h3{font-size:35px;line-height:50px;font-weight:700;margin:0 0 15px 0;color:#19191B;letter-spacing:1px}
.ServiceArea .ServiceHead h3 span{color:#AC0F14}
.ServiceArea .ServiceHead p{font-size:15px;line-height:24px;font-weight:400;color:#5A5B61}
.ServiceArea .ServiceBox{margin:50px 0 0 0;background-color:#fff;padding:40px 20px;border-radius:5px;transition:0.5s all ease-in-out;height: 350px;}
.ServiceArea .ServiceBox .Icon{display:inline-block;width:85px;height:85px;position:relative}
.ServiceArea .ServiceBox .Icon img{max-height:60px;transition:0.5s all ease-in-out}
.ServiceArea .ServiceBox .Icon img:first-child{z-index:9;position:relative}
.ServiceArea .ServiceBox .Icon img:last-child{position:absolute;left:30px;top:20px}
.ServiceArea .ServiceBox h4{font-size:18px;font-weight:700;margin:20px 0 10px 0;color:#19191B}
.ServiceArea .ServiceBox p{font-size:15px;line-height:26px;font-weight:400;margin:0}
.ServiceArea .ServiceBox a{color:#19191B;font-weight:500;display:inline-block;height:0;opacity:0;transition:0.5s all ease-in-out;margin:15px 0 0 0}
.ServiceArea .ServiceBox a img{width:25px;margin:0 0 0 7px}
.ServiceArea .ServiceBox:hover{background-color:#0B0650;color:#fff}
.ServiceArea .ServiceBox:hover .Icon img:first-child{filter:brightness(0) invert(1)}
.ServiceArea .ServiceBox:hover .Icon img:last-child{opacity:.3}
.ServiceArea .ServiceBox:hover h4{color:#fff}
.ServiceArea .ServiceBox:hover a{display:inline-block;height:45px;opacity:1;color:#fff}
.ServiceArea .ServiceBox:hover a img{filter:brightness(0) invert(1)}

.TestimonialArea{background-color:#F3F9FD;padding:50px 0;text-align:center}
.TestimonialArea .TestimonialHead{margin:0 0 20px 0}
.TestimonialArea .TestimonialHead h3{font-size:35px;line-height:50px;font-weight:700;margin:0 0 15px 0;color:#19191B;letter-spacing:1px}
.TestimonialArea .TestimonialHead h3 span{color:#AC0F14}
.TestimonialArea .TestimonialHead p{font-size:15px;line-height:24px;font-weight:500;color:#5A5B61}
.TestimonialArea .TestimonialBody .carousel-item{padding:30px}
.TestimonialArea .TestimonialBody .TestimonialBox{background-color:#fff;padding:30px 50px;text-align:left;min-height:420px;position:relative;border-radius:4px;box-shadow:0 10px 24px 0 #12161C1A}
.TestimonialArea .TestimonialBody .TestimonialBox p {
    font-size: 21px;
    line-height: 34px;
    font-weight: 600;
    color: black;
    font-family: "Red Hat Display";
    font-style: italic;
}
.TestimonialArea .TestimonialBody .TestimonialBox aside{position:absolute;bottom:50px}
.TestimonialArea .TestimonialBody .TestimonialBox aside h4{font-size:20px;margin:0 0 10px 0;color:#000;font-weight:600;letter-spacing:1px;font-family: "Red Hat Display";}
.TestimonialArea .TestimonialBody .TestimonialBox aside h6{color:#5A5B61;font-weight:400;font-size:14px;letter-spacing:.5px;font-family: "Red Hat Display";}
.TestimonialArea .TestimonialBody .TestimonialBox .Icon{position:absolute;right:30px;bottom:30px;width:120px}
.TestimonialArea .TestimonialBody{padding:0 0 20px 0}
.TestimonialArea .TestimonialBody .carousel-indicators li{margin:0 5px;width:10px;height:10px;border-radius:10px;border:none;background-color:#D5D5E8}
.TestimonialArea .TestimonialBody .carousel-indicators li.active{opacity:1;background-color:#0B0650}

.TouchArea{padding:70px 0;background-image:url(../images/Touch.png);background-size:cover}
.TouchArea .TouchLeft{color:#fff}
.TouchArea .TouchLeft h3{font-size:36px;font-weight:600;margin:0 0 6px 0}
.TouchArea .TouchLeft p{font-size:18px;letter-spacing:.5px}
.TouchArea .TouchRight{position:relative}
.TouchArea .TouchRight .TouchImage{position:absolute;left:0;right:0;top:50px}
.TouchArea .TouchRight .TouchForm{background-color:#fff;padding:35px;border-radius:5px;width:77%;margin:auto;position:relative}
.TouchArea .TouchRight .TouchForm .form-group{position:relative;margin:0 0 35px 0}
.TouchArea .TouchRight .TouchForm .form-group .form-control{height:auto;box-shadow:none;padding:15px;border:1px solid #DEDEE5;font-size:13px;font-weight:500;color:#000!important;border-radius:7px}
.TouchArea .TouchRight .TouchForm .form-group .form-control::placeholder{color:#fff;opacity:1}
.TouchArea .TouchRight .TouchForm .form-group .form-control:-ms-input-placeholder{color:#fff}
.TouchArea .TouchRight .TouchForm .form-group .form-control::-ms-input-placeholder{color:#fff}
.TouchArea .TouchRight .TouchForm .form-group label{position:absolute;top:10px;left:10px;padding:3px 10px;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;margin:0;color:#12141D;font-size:14px;font-weight:500;background-color:#fff}
.TouchArea .TouchRight .TouchForm .form-group .form-control:focus~label{transform:scale(1) translateY(-25px) translateX(3px)}
.TouchArea .TouchRight .TouchForm .form-group .form-control:not(:placeholder-shown)~label,
.TouchArea .TouchRight .TouchForm .form-group .form-control:-webkit-autofill~label{transform:scale(1) translateY(-25px) translateX(3px)}
.TouchArea .TouchRight .TouchForm button{width:100%;border:1px solid #AC0F14;background-color:#fff;color:#AC0F14;font-weight:600;font-size:15px;padding:13px 0;border-radius:5px;letter-spacing:.5px}

footer .Footer{padding:50px 0}
footer .Footer .Foot figure{max-width:170px;margin:0}
footer .Footer .Foot p{font-size:15px;line-height:28px;font-weight:400;color:#5A5B61;margin:10px 0 0 0}
footer .Footer .Foot h4{color:#19191B;font-weight:700;font-size:17px;margin:0 0 15px 0}
footer .Footer .Foot ul li{margin:0 0 10px 0}
footer .Footer .Foot ul li a{font-size:15px;font-weight:500;color:#5A5B61}
footer .Footer .Foot ul li a:hover{color:#ac0f14}
footer .Footer .Foot h6{position:relative;padding:0 0 0 30px;margin:0 0 15px 0;font-size:15px;line-height:24px}
footer .Footer .Foot h6 span{position:absolute;top:0;left:0;width:18px}
footer .Footer .Foot aside a{display:inline-block;margin:0 15px 0 0;width:20px}
footer .CopyRight{background-color:#19191B;text-align:center;padding:15px 0}
footer .CopyRight p{color:#fff;letter-spacing:.5px}

.CertifiedArea{padding:60px 0;position:relative}
.CertifiedArea:before{content:'';position:absolute;background-color:#E7E7EE;width:100%;height:300px;top:0}
.CertifiedArea .CertifiedHead{background-color:#0B0650;padding:40px;border-radius:15px;position:relative;margin:0 0 40px 0}
.CertifiedArea .CertifiedHead .CertifiedLeft{width:90%;border-radius:10px;overflow:hidden}
.CertifiedArea .CertifiedHead .CertifiedRight{color:#fff}
.CertifiedArea .CertifiedHead .CertifiedRight h5{font-size:24px;margin:0 0 15px 0;font-weight:600;letter-spacing:.5px}
.CertifiedArea .CertifiedHead .CertifiedRight h6{font-size:16px;line-height:25px;font-weight:400;letter-spacing:.5px}
.CertifiedArea .CertifiedHead .CertifiedRight h4{font-size:45px;line-height:65px;font-weight:700;letter-spacing:1px;margin:0 0 15px 0}
.CertifiedArea .CertifiedHead .CertifiedRight p{font-size:16px;line-height:33px;font-weight:300;letter-spacing:.4px}
.CertifiedArea .CertifiedHead figure{margin:50px 0 0 0}
.CertifiedArea .CertifiedBody article{margin:0 0 45px 0}
.CertifiedArea .CertifiedBody article h4{font-size:22px;font-weight:600;margin:0 0 15px 0}
.CertifiedArea .CertifiedBody article p{font-size:16px;line-height:34px;font-weight:400;color:#5A5B61}
.CertifiedArea .CertifiedBody article ul{display:flex;flex-wrap:wrap;margin:0 -10px}
.CertifiedArea .CertifiedBody article ul li{width:33.33%;padding:10px}
.CertifiedArea .CertifiedBody article ul li aside{background-color:#E7E7EE;padding:30px 20px;text-align:center;border-radius:5px}
.CertifiedArea .CertifiedBody article ul li aside h6{color:#19191B;font-size:20px;font-weight:700;line-height:29px;min-height:70px;display:flex;justify-content:center;align-items:center}
.CertifiedArea .CertifiedBody article ul li aside p{line-height:27px;min-height:80px}
.CertifiedArea .CertifiedFooter{background-color:#0B0650;padding:40px;display:flex;border-radius:10px;align-items:center;justify-content:space-between}
.CertifiedArea .CertifiedFooter p{font-size:16px;line-height:31px;font-weight:400;color:#fff;font-style:italic;letter-spacing:.5px}
.CertifiedArea .CertifiedFooter a{background-color:#fff;padding:15px 45px;display:inline-block;border-radius:5px;color:#19191B;font-weight:500;letter-spacing:.5px;transition:0.5s all ease-in-out}
.CertifiedArea .CertifiedFooter a:hover{background-color:#AC0F14;color:#fff}

.FormArea{padding:70px 0 30px;background-image:url(../images/Touch.png);background-size:cover}
.FormArea .FormHead{text-align:center;margin:0 0 50px 0;color:#fff}
.FormArea .FormHead h3{font-size:35px;line-height:50px;font-weight:700;margin:0 0 15px 0;letter-spacing:1px}
.FormArea .FormHead p{font-size:15px;line-height:24px;font-weight:400;letter-spacing:.5px}
.FormArea .FormBox{margin:0 0 50px 0}
.FormArea .FormBox figure{height:340px;border:10px;overflow:hidden}
.FormArea .FormBox figcaption h4{color:#fff;font-size:20px;line-height:32px;margin:0 0 10px 0;letter-spacing:.5px;min-height:70px}
.FormArea .FormBox figcaption ul{display:flex;justify-content:space-between}
.FormArea .FormBox figcaption ul li{width:47%}
.FormArea .FormBox figcaption ul li a{background-color:#fff;padding:13px 35px;display:block;border-radius:5px;color:#19191B;font-weight:500;letter-spacing:.5px;transition:0.5s all ease-in-out;text-align:center}
.FormArea .FormBox figcaption ul li a:hover{background-color:#AC0F14;color:#fff}

.QuoteArea{padding:60px 0;position:relative}
.QuoteArea:before{content:'';position:absolute;background-color:#E7E7EE;width:100%;height:300px;top:0}
.QuoteArea .QuoteBox{background-color:#0B0650;padding:40px;border-radius:15px;position:relative}
.QuoteArea .QuoteBox .QuoteLeft{color:#fff}
.QuoteArea .QuoteBox .QuoteLeft h4{font-size:45px;margin:0 0 40px 0;font-weight:700;letter-spacing:1px;line-height:70px}
.QuoteArea .QuoteBox .QuoteLeft h6{padding:0 0 0 55px;position:relative;font-size:18px;margin:0 0 30px 0;letter-spacing:.5px;font-weight:400;line-height:35px}
.QuoteArea .QuoteBox .QuoteLeft h6 span{position:absolute;left:15px;width:20px;filter:brightness(0) invert(1)}
.QuoteArea .QuoteBox .QuoteLeft aside{margin:40px 0 0 0}
.QuoteArea .QuoteBox .QuoteLeft aside a{display:inline-block;margin:0 20px 0 0;width:22px;filter:brightness(0) invert(1)}
.QuoteArea .QuoteBox .QuoteRight{background-color:#fff;padding:35px;border-radius:5px;width:77%;margin:auto;position:relative}
.QuoteArea .QuoteBox .QuoteRight .form-group{position:relative;margin:0 0 35px 0}
.QuoteArea .QuoteBox .QuoteRight .form-group .form-control{height:auto;box-shadow:none;padding:15px;border:1px solid #DEDEE5;font-size:13px;font-weight:500;color:#000!important;border-radius:7px}
.QuoteArea .QuoteBox .QuoteRight .form-group .form-control::placeholder{color:#fff;opacity:1}
.QuoteArea .QuoteBox .QuoteRight .form-group .form-control:-ms-input-placeholder{color:#fff}
.QuoteArea .QuoteBox .QuoteRight .form-group .form-control::-ms-input-placeholder{color:#fff}
.QuoteArea .QuoteBox .QuoteRight .form-group label{position:absolute;top:10px;left:10px;padding:3px 10px;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;margin:0;color:#12141D;font-size:14px;font-weight:500;background-color:#fff}
.QuoteArea .QuoteBox .QuoteRight .form-group .form-control:focus~label{transform:scale(1) translateY(-25px) translateX(3px)}
.QuoteArea .QuoteBox .QuoteRight .form-group .form-control:not(:placeholder-shown)~label,
.QuoteArea .QuoteBox .QuoteRight .form-group .form-control:-webkit-autofill~label{transform:scale(1) translateY(-25px) translateX(3px)}
.QuoteArea .QuoteBox .QuoteRight button{width:100%;border:1px solid #AC0F14;background-color:#fff;color:#AC0F14;font-weight:600;font-size:15px;padding:13px 0;border-radius:5px;letter-spacing:.5px}