@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;}
body{margin:0px; padding:0px; font-family: "Quicksand", sans-serif; font-size:16px; font-weight:normal; color:#000; background:#fff; min-height:100%;}
p{ margin:0px; padding:0px 0 25px 0; font-family: "Quicksand", sans-serif; font-size:18px; color:#000; line-height: 28px;font-weight: 500;}
h1{ margin: 0 0 30px; padding: 0; font-size:60px; line-height:64px;font-weight: 700;}
h2{ margin: 0 0 30px; padding: 0; font-size:30px; line-height:36px;font-weight: 700;}
h3{ margin: 0 0px 10px; padding: 0; font-size: 24px; line-height: 28px;font-weight: 500;}
h4{ margin: 0 0px 20px; padding: 0; font-size: 30px; line-height: 37px;font-family: 'Folders';color: #ed2071;}
h5{ margin: 0 0px 15px; padding: 0; font-size: 20px; line-height: 20px;}
h6{ margin: 0 0px 10px; padding: 0; font-size: 16px; line-height: 16px;}

ul {padding-left: 0; margin: 0;}

address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s; color: #e37818;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;color:#203444;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#000; border:none;}
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
img {max-width: 100%;height: auto;object-fit: cover; -webkit-object-fit: cover;}

.no-pad { padding:0px !important;}
.no-mag { margin:0px !important;}

/*	Reset style			*/
::-moz-selection { color: #fff; background: #efc06d;}
::selection {  color: #fff; background: #efc06d;}

/* form css */
.form-control::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder {color:#000;opacity:1}
.form-control::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="search"]::-moz-placeholder {color:#000;opacity:1}
.form-control:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder {color:#000;opacity:1}
.form-control:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="search"]:-moz-placeholder {color:#000;opacity:1}

.form-control, input[type="text"],input[type="tel"],input[type="email"],textarea,input[type="password"],input[type="number"], input[type="date"], input[type="time"],input[type="search"],select {display: block;width: 100%; font-size: 16px;color: #000;height: auto;padding: 24px 15px;margin-bottom: 25px;background: #fff;outline: none;border-radius: 5px;box-shadow: none;line-height: normal;border: 1px solid #d4d4d4;appearance: none;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;position: relative;}
textarea.form-control, textarea {height:190px; resize:none; overflow:hidden;border-radius: 5px;}
.form-control:focus,textarea.form-control:focus {outline:none;box-shadow:none; border: 1px solid #000; background-color:#fff; box-shadow: none;}

.date input[type="text"] { display: block; background: url(../images/calendar-icon.png) no-repeat  calc(100% - 15px) center; text-align: left; text-align: -webkit-left;}
.date input[type="date"] { display: block; background: url(../images/calendar-icon.png) no-repeat  calc(100% - 15px) center; text-align: left; text-align: -webkit-left;}
input[type="date"]::-webkit-calendar-picker-indicator { background: transparent; bottom: 0; color: transparent; cursor: pointer; height: auto; left: 0; position: absolute; right: 0; top: 0; width: auto; }
input[type="time"]::-webkit-calendar-picker-indicator {  display:block; inset: 0; background: #0000; position:absolute; transform: scale(12); width: auto; cursor: pointer; }
.time input[type="text"] { display: block; background: url(../images/time-icon.png) no-repeat  calc(100% - 15px) center #fff; text-align: left; text-align: -webkit-left;}
.time input[type="time"] { display: block; background: url(../images/time-icon.png) no-repeat  calc(100% - 15px) center #fff; text-align: left; text-align: -webkit-left;}
.date input::-webkit-date-and-time-value, .time input::-webkit-date-and-time-value {text-align: left;}

/* form css */
select{-webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; border: 1px solid #d9d9d9; border-radius: 0; box-shadow: none; background-image:url(../images/arrow.png); background-position:calc(100% - 15px) center; background-repeat: no-repeat;font-weight: normal;font-size: 16px;line-height: 26px; color: #000;height: auto;padding: 12px 15px; margin-bottom: 20px; cursor: pointer; background-color: #fff; background-size: 11px 10px;}
select:focus {border:1px solid #d9d9d9;outline: none; background-color: #fff;}
select option {color:#000; font-size:14px; font-weight:300;}

label {font-size: 16px;color: #313131;margin: 0px 0px 4px; padding: 0px;font-family: "Quicksand", sans-serif;font-weight: 500;}

/* button css */
.btn {position: relative;font-family: "Quicksand", sans-serif; font-size: 24px;line-height: 26px;padding: 20px 35px;color: #fff;outline: none;border: 0;border-radius: 35px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2662b+0,f15e33+17,f2533e+32,f25242+33,f0414e+51,ef355e+68,ef315d+71,ef3161+72,ed256d+90,ec226e+97,ee2072+100 */
    background: linear-gradient(to bottom,  rgba(242,102,43,1) 0%,rgba(241,94,51,1) 17%,rgba(242,83,62,1) 32%,rgba(242,82,66,1) 33%,rgba(240,65,78,1) 51%,rgba(239,53,94,1) 68%,rgba(239,49,93,1) 71%,rgba(239,49,97,1) 72%,rgba(237,37,109,1) 90%,rgba(236,34,110,1) 97%,rgba(238,32,114,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
.btn:focus, .btn:active:focus { outline:0;box-shadow:none; color:#000; border: 0;} 
.btn:hover { color:#fff; border: 0;box-shadow: 0 0 5px #ed246d, 0 0 10px #f2632f;}

.btn.brwn {background-color: #b5953e;color: #fff;}
.btn.brwn:focus, .btn.brwn:active:focus {color:#000;} 
.btn.brwn:hover { color:#000;}
 
/* own class for css */
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
.displaycellBot { display: table-cell; vertical-align: bottom;}
.tableWidth-full {width:100%;}
.tableWidth-half {width:50%; height:100%}

/* scroll top */
#btn-back-to-top {display: none;position: fixed;bottom: 20px;right: 20px;background-color: #e5781a; color: #fff; font-size: 15px; width: 45px; height: 45px; line-height: 45px;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; z-index: 100; text-align: center; border: none; border-radius: 50%;}
#btn-back-to-top:hover, #btn-back-to-top:focus{color:#fff; border:none; background-color: #e5781a;}

/*  banner  */
.banner-wrapper {background-color: #212b5e;padding: 105px 0 50px;}
.banner-pic img {width: 100%;height: 100%;}
.middle-banner {padding-right: 20px;}
.middle-banner h2 {font-size: 60px;line-height: 64px;font-weight: 700;color: #fff;margin: 0 0 30px;}
.middle-banner ul {list-style: none;margin: 0 0 30px;}
.middle-banner ul li {font-size: 18px;line-height: 20px;color: #fff;padding: 2px 0 5px 37px;background: url(../images/bullet-icon.png) no-repeat 0 0;margin: 0 0 10px;}
.middle-banner ul li a {color: #fff;}

.mainHd {background-color: #212b5e;padding: 18px 0 0;}
.mainHd-top {display: flex;align-items: center;justify-content: space-between;}
.logo {max-width: 440px;}
.hd-btn .btn {padding: 16px 40px;}

.brand-area {background-color: #fcf2f6;padding: 90px 0;}
.brand-logo ul {list-style: none;display: flex;justify-content: space-between;align-items: center;margin: 0 0 20px;}
.brand-logo ul li {margin: 0 13px;}
.brand-logo ul li img {margin: auto;}
.brand-logo ul li a {display: block;}

.wtwr-area {padding: 60px 0;position: relative;}
.wtwr-area::before {content: '';display: block;height: 90px;background-color: #fcf2f6;left: 0;right: 0;top: 0;position: absolute;z-index: 2;}
.wtwr-area::after {content: '';display: block;background-color: #f6f6f6;left: 0;right: calc(50% + 150px);top: 0;bottom: 0;position: absolute;z-index: 1;}
.wtwr-pic {position: relative;z-index: 5;}
.wtwr-pic::after {content: '';display: block;width: 90px;height: 127px;position: absolute;left: -30px;bottom: -30px;background: url(../images/pic2.png) no-repeat 0 0;}
.wtwr-cnt {position: relative;z-index: 5;text-align: center;padding: 0 0 0 60px;}

.cuntr-area {padding: 75px 0;background-color: #f6f6f6;border-bottom: 1px solid #e9e9e9;}
.cuntr-bx {display: flex;justify-content: center;}
.cuntr-icon {width: 75px;text-align: center;}
.cuntr-cont {width: calc(100% - 75px);padding-left: 4px;}
.cuntr-cont span {font-size: 60px;line-height: 62px;color: #f2652d;font-weight: 700;}
.cuntr-cont strong {font-size: 60px;line-height: 62px;color: #f2652d;font-weight: 700;} 

.wtwofr-area {padding: 75px 0;background-color: #f6f6f6;text-align: center;}
.wtwofr-tle {padding: 0 0 45px;}
.wtwofr-bx {margin: 0 0 20px;}
.wtwofr-icon {margin: 0 auto 30px; display: flex;justify-content: center;align-items: center; width: 82px;height: 82px;border-radius: 4px;background: linear-gradient(to bottom,  rgba(242,102,43,1) 0%,rgba(241,94,51,1) 17%,rgba(242,83,62,1) 32%,rgba(242,82,66,1) 33%,rgba(240,65,78,1) 51%,rgba(239,53,94,1) 68%,rgba(239,49,93,1) 71%,rgba(239,49,97,1) 72%,rgba(237,37,109,1) 90%,rgba(236,34,110,1) 97%,rgba(238,32,114,1) 100%);}

.crtrs-area {display: flex;justify-content: end;position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;}
.crtrs-cont {-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);position: absolute; right: 0;left: 0;top: calc(50%);transform: translateY(-50%);margin: 0 auto;}
.crtrs-cont h1 {color: #fff;}
.crtrs-area p {color: #fff;}
.crtrs-pic {max-width: 900px;}
.crtrs-pic img {width: 100%;height: 100%;}

.ft-main {padding: 55px 0 20px;background-color: #050a20;}
.copyRight {text-align: center;padding: 40px 0 0;}
.copyRight p {color: #fff;font-size: 14px;font-weight: 400;padding: 0;}
.ft-cnt p {color: #fff;}
.ft-cnt {padding-right: 60px;}
.ft-logo {width: 276px;margin: 0 0 20px;}

.gtcht-ft h2 {color: #fff;}
.gtcht-ft ul {list-style: none;padding: 0 0 10px;}
.gtcht-ft ul li {color: #fff;margin: 0 0 15px;}
.gtcht-ft ul li.loc {background: url(../images/loc.png) no-repeat 0 0;padding-left: 28px;}

/*  faq */
.faq-area {padding: 90px 0 70px;background-color: #f6f6f6;}
.faq_box {position: relative;}
.faq_item {position: relative; overflow: hidden;border-bottom: 1px solid #bebebe;margin: 0 0 25px;}
.faq_hd {cursor:pointer; position: relative; margin-bottom: 20px;}
.faq_hd::before {position: absolute; width: 22px; height: 24px;right: 4px; bottom: 0px; top: 7px; margin: auto; z-index: 1; display: inline-block;
text-rendering: auto;-webkit-font-smoothing: antialiased;  font: var(--fa-font-solid);content: "\2b"; color: #000;}
.faq_hd.closed::before {content: "\f068"; color: #000;}
.faq_hd h3 {font-weight:700; position: relative;  padding:5px 35px 5px 0;}
.faq_cont {display:none;padding-right: 35px;}

.testimo-area {position: relative;background-position: center;background-repeat: no-repeat;background-size: cover;padding: 50px 0;}
.testimo-area::before {content: '';display: block;width: 104px;height: 147px;position: absolute;left: 0;top: -50px;background: url(../images/pattern-2.png) no-repeat 0 0;}
.testimo-area::after {content: '';display: block;width: 104px;height: 147px;position: absolute;right: 0;bottom: -50px;background: url(../images/pattern-1.png) no-repeat 0 0;}
.testimo-item::after, .testimo-item::before {content: '';display: block;clear: both;}
.testimo-pic {padding-left: 15px;margin-bottom: 20px;float: right;max-width: 518px;}
.testimo-pic img {width: 100%;}
.testimo-cont {padding-right: 30px;float: left;width: calc(100% - 518px);padding-top: 150px;}
.testimo-cont p {color: #fff;}
.testimo-cont h2 {color: #fff;}
.lft-qt {width: 32px;height: 30px;display: inline-block;margin: 0 4px 0 0;}
.rht-qt {width: 32px;height: 30px;display: inline-block;margin: 0 0 0 4px;}

.testimo-slde .slick-dots {position: absolute; left:0; right:0; bottom:10px; list-style:none; margin:0;padding: 0; text-align:center;}
.testimo-slde .slick-dots li {display:inline-block; margin:0 3px;}
.testimo-slde .slick-dots li.slick-active button { background:#212b5e;}
.testimo-slde .slick-dots button { width:9px; height:9px; border:0; background:#fff; border-radius:50%; text-indent:-9999px; outline:none;}

.wtwdlst-area {padding: 120px 0 50px;background-color: #f6f6f6;}
.wtwdlst-tle {padding: 0 0 50px;}
.wtwdlst-bx {background-color: #212b5e;border-radius: 8px;padding: 40px;margin: 0 0 30px;background-position: left bottom;background-repeat: no-repeat;background-size: 190px 135px;position: relative;z-index: 3;}
.wtwdlst-bx h2 {color: #fff;}
.wtwdlst-bx p {color: #fff;font-weight: 400;}
.wtwdlst-btm {position: relative; background-image: url(../images/wtwdlt-lft.png); background-position: calc(30% - 5px) bottom; background-repeat: no-repeat;}
.wtwdlst-btm::before {content: '';display: block;width: 104px;height: 147px;background: url(../images/wtwdlt-rgt.png) no-repeat 0 0;position: absolute;right: -40px;top: 50px;z-index: 1;}

.csstd-area {padding: 30px 0 80px;background-color: #f6f6f6;}
.csstd-tle {text-align: center;padding: 0 0 30px;}
.csstd-bx {border-top: 6px solid #f2642e;border-radius: 8px;box-shadow: 0 0 10px #ddd, 0 0 20px #ddd;margin: 0 0 30px;text-align: center;background-color: #fff;padding: 20px 0;}
.csstd-icon {margin: 0 20px 20px;}
.csstd-cont {padding: 0 20px;}
.csstd-cont ul {list-style: none;}
.csstd-cont ul li {border-bottom: 1px solid #ddd;margin-bottom: 12px;}
.csstd-cont ul li:last-child {border-bottom: 0;}
.csstd-cont p {padding: 0 0 2px;color: #000;font-weight: 700;}
.csstd-cont h2 {margin: 0 0 10px;}
.eye-icn {margin: 0 auto 2px;width: 31px;}
.ytb-icn {margin: 0 auto 2px;width: 29px;}
.csstd-cont ul li:last-child h2 {color: #ed2071;}


/**	---------------- ==============	 Responsive style start	 ==============	---------------- **/
/***----------------------------------------------------------------------------------------***/
@media (min-width: 1366px){
.middle-banner h2 {font-size: 50px;line-height: 54px;}
.brand-lft h2 {font-size: 26px;line-height: 32px;}
h1 {font-size: 50px;line-height: 54px;}

}
/*******		end 1400px		*******/

@media (min-width: 1600px){
.container {width: 1410px;}

}
/*******		end 1600px		*******/

@media only screen and (max-width:1399px) {
.crtrs-cont h1 {font-size: 40px;line-height: 42px;}
.crtrs-txt {padding-right: 80px;}
.crtrs-pic {max-width: 800px;}
}
/*******		end 1399		*******/

@media only screen and (max-width:1365px) {
.middle-banner h2{font-size:40px;line-height:44px}
.middle-banner{padding-right:0}
.btn{font-size:22px}
.banner-wrapper{padding:70px 0 50px}
.brand-lft h2{font-size:24px;line-height:28px}
.brand-area{padding:90px 0 60px}
.cuntr-cont span{font-size:40px;line-height:42px}
.cuntr-cont strong{font-size:40px;line-height:42px} 

}
/*******		end 1365		*******/

@media only screen and (max-width:1199px) {
.crtrs-cont h1 {font-size: 35px;line-height: 38px;}
.crtrs-txt {padding-right: 30px;}
.crtrs-pic {max-width: 660px;}
.testimo-pic {max-width: 420px;}
.testimo-cont {width: calc(100% - 420px);}
.wtwdlst-btm::before {right: -20px;}
.wtwdlst-bx {padding: 20px;}
}
/*******		end 1199		*******/

@media only screen and (max-width: 991px) {
.banner-wrapper{padding:50px 0}
.banner-pic{margin:0 0 30px}
.brand-area{text-align:center;padding:70px 0}
.wtwr-cnt{padding:15px 0 0}
.wtwr-area::before,.wtwr-area::after,.wtwr-pic::after{display:none}
.crtrs-cont{-ms-transform:none;-webkit-transform:none;position:static;transform:none;text-align:center}
.crtrs-area{flex-direction:column}
.crtrs-pic{margin:0 auto 30px}
.crtrs-txt{padding-right:0}
.testimo-pic {padding-left: 0;margin: 0 auto 20px;float: none;max-width: 400px;}
.testimo-cont {padding-right: 0;float: none;width: 100%;padding-top: 0;text-align: center;}
.testimo-slde .slick-dots {bottom: -20px;}
.testimo-area::before, .testimo-area::after {display: none;}
.wtwdlst-btm::before {display: none;}
.wtwdlst-btm {background: none;}
}
/*******		end 991		*******/ 

@media only screen and (max-width: 767px) {
.middle-banner .btn{font-size:18px;padding:15px 25px;margin:auto}
.middle-banner{text-align:center}
.middle-banner ul{text-align:left;margin:0 0 15px}
.banner-wrapper{padding:35px 0}
.middle-banner h2{font-size:30px;line-height:34px;margin:0 0 20px}
.mainHd-top{flex-direction:column}
.logo{max-width:300px;margin:0 auto 15px}
.hd-btn .btn{font-size:18px;padding:10px 30px}
h2{font-size:20px;line-height:24px;margin:0 0 15px}
.brand-area{padding:35px 0}
.brand-lft h2{font-size:20px;line-height:24px;margin:0 0 15px}
.brand-logo ul{margin:0}
.brand-logo ul li{margin:11px 0}
.wtwr-area{padding:35px 0}
.cuntr-area{padding:35px 0 15px}
.cuntr-bx{flex-direction:column;text-align:center;margin:0 0 20px}
.cuntr-icon{width:70px;margin:0 auto 7px}
.cuntr-cont{width:100%;padding-left:0}
.cuntr-cont span{font-size:30px;line-height:32px}
.cuntr-cont strong{font-size:30px;line-height:32px}
.wtwofr-area{padding:35px 0 10px}
.wtwofr-icon{margin-bottom:15px}
.wtwofr-tle{padding:0 0 20px}
.crtrs-cont h1{font-size:24px;line-height:30px;margin:0 0 14px}
p{padding:0 0 20px;font-size:16px;line-height:22px}
.ft-main{padding:35px 0 20px}
.copyRight{padding:20px 0 0}
.ft-cnt{padding-right:0;text-align:center}
.ft-logo{width:270px;margin:0 auto 15px}
.gtcht-ft ul{text-align:left}
.gtcht-ft ul li{color:#fff;margin:0 0 10px;font-size:15px}
.gtcht-ft{text-align:center}
.gtcht-ft .btn{font-size:20px;padding:15px 19px}
.copyRight p{line-height:16px}
.faq-area{padding:35px 0 20px}
.faq_item{margin:0 0 20px}
.faq_hd{margin-bottom:10px}
.faq_cont{padding-right:10px}
.title-bx{text-align:center}
h4{margin-bottom:10px}
h3{font-size:22px;line-height:26px}
.wtwdlst-area {padding: 35px 0 20px;}
.wtwdlst-tle {padding: 0 0 20px;text-align: center;}
.csstd-area {padding: 10px 0 30px;}
.csstd-tle {padding: 0 0 20px;}
}
/*******	 end 767		*******/