@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: 'Source Sans Pro', sans-serif; font-size:21px; font-weight:400; color:#000000; background:#fff; min-height:100%;}
p{ margin:0px; padding:0px 0 35px 0; font-family: 'Source Sans Pro', sans-serif; font-size:21px; font-weight:400; color:#000000; line-height:33px;}
h1{ margin: 0; padding: 0; font-size:40px; line-height:50px; font-family: 'Source Sans Pro', sans-serif;}
h2{ margin: 0; padding: 0; font-size:40px; line-height:50px; font-family: 'Source Sans Pro', sans-serif;}
h3{ margin: 0; padding: 0; font-size:32px; line-height:36px; font-family: 'Source Sans Pro', sans-serif;}
h4{ margin: 0; padding: 0; font-size:29px; line-height:34px; font-family: 'Source Sans Pro', sans-serif;}
h5{ margin: 0; padding: 0; font-size: 18px; line-height: normal; font-family: 'Source Sans Pro', sans-serif;}
h6{ margin: 0; padding: 0; font-size: 15px; line-height: normal; font-family: 'Source Sans Pro', sans-serif;}

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: #2a2b69;}
a:hover, a:focus, a:active{ text-decoration:none; border: 0px; outline: none; transition: all .5s;color:#0a8401;}

a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
.clear{ clear:both;}
.clearfix:before,
.clearfix:after { content: " "; display: table;}
.clearfix:after { clear: both;}
.clearfix { *zoom: 1;}
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: #f0b300;}
::selection {  color: #fff; background: #f0b300;}

/* 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 {color:#ffffff;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 {color:#ffffff;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 {color:#ffffff;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 {color:#ffffff;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"], select { display: block; width: 100%; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 18px; color: #fff; height: auto; background: rgb(255 255 255 / 30%); padding:28px 25px; margin-bottom:27px; outline: none; border-radius:0px; box-shadow: none; line-height: normal; border: 2px solid #fff; 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;     height: 87px;}
textarea.form-control, textarea {height:170px; resize:none; overflow:hidden;}
.form-control:focus,textarea.form-control:focus {outline:none;box-shadow:none; border:none; background-color:#eceae6; 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: none; border-radius: 0px; box-shadow: none; background-image:url(../images/down-arrow-select.png); background-position:calc(100% - 15px); background-repeat: no-repeat; font-size: 14px; color: #222221; height: auto; padding: 14px 35px 14px 20px; font-family: 'Source Sans Pro', sans-serif; line-height: normal; font-weight: 400; text-transform: none; cursor: pointer; background-color: #f4f5f4; background-size: 16px;}
select:focus {border:none;outline: none; background-color: #f4f5f4;}
select option {color:#1f1f1f; font-size:14px; font-weight:400;}

label { font-size: 18px; line-height: 22px; color: #221b0c; margin: 0px 0px 15px; padding: 0px; font-weight: 400;}

/* button css */
.btn {position: relative;font-size: 27px;line-height: normal;padding:18px 50px; letter-spacing: 4px; color: #fff;outline: none;border: none;border-radius: 0;background-repeat: no-repeat;background-size: 100% 100%; -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; border-radius: 0px; background:#f0b300; font-family: 'Source Sans Pro', sans-serif;border:none;text-transform: uppercase;font-weight: 600; border-radius:0px;}
.btn:focus, .btn:active:focus { outline:0;box-shadow:none; color:#fff; background-color: #dd0080;}
.btn:hover { color:#fff; background-color: #dd0080;}
 
/* own class for css */
.padTopbtm{padding:90px 0;}
.displayTable{display:table;height:100%;width:100%; position:relative;}
.displayCell{display:table-cell;vertical-align:middle}
.tableWidth-full {width:100%;}
.tableWidth-half {width:50%; height:100%}

/* search box toggle */
.searchbox{position:absolute; width:300px; max-width: 300px; right:15px; bottom:0; opacity:0; height: 40px; visibility: hidden; transition: all .3s ease-in-out; z-index: 10;border-top:none; background-color: #fff;     border-radius: 0px; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;}
.searchbox input[type="search"] {width: 300px;float: left;border: none;height: 40px;padding: 0 82px 0 15px;font-size:14px;     border: 1px solid #ccc;     border-radius: 0px; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;}
.searchbox input[type="search"]:focus{outline:none;}
.searchbox .closesearch {width: 80px;float: none;display: inline-block;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;background-color:#003163;color: #fff;line-height: 30px;border: none;  border-radius: 0px; appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none; transition: all .5s;}
.searchbox.open{bottom: -40px;opacity: 1;visibility: visible;}
.searchbox .closesearch:hover {background-color:#f56100;}

/* scroll top */
.scrollTop { position: fixed; width: 59px; bottom: 3%; right: 2%; background-color: #1c9cc1; color: #fff; font-size: 18px; line-height: 59px; opacity: 0; visibility: hidden; -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: 0px;}
.scrollTop i { position:relative; top:1px;}
.scrollTop:hover, .scrollTop:focus{color:#e15337; border:none; background-color: #fff;}
.scrollTop.pop{opacity:1; visibility: visible;}

/* traingele toggle */
.triangle-box {width: 0;height: 0;border-style: solid;border-width: 0 50px 45px 0;border-color:transparent #003163 transparent transparent; position:absolute; right:0; top:0; z-index:3; cursor:pointer; display:none;}
.triangle-box.active {border-color:transparent #4eb748 transparent transparent;}
.triangle-box i {color:#fff; font-size:14px;}
.triangle-box .fa-plus {margin:9px 0 0 30px;}
.triangle-box .fa-minus {display:none;margin:9px 0 0 30px;}
.triangle-box.active .fa-plus {display: none;}
.triangle-box.active .fa-minus {display: block;}

/* wrapper */
.wrapper { position: relative;}
.wrapper h1 { padding: 0px 0px; font-weight: 600; color: #3a3939; margin: 0px 0px 40px; position: relative; text-transform: uppercase;}
.wrapper h2 { padding: 0px 0px; font-weight: 600; color: #3a3939; margin: 0px 0px 40px; position: relative; text-transform: uppercase;}

/* header */
.mainHd {width:100%; z-index:99; padding:0px; margin:0px; background-color:transparent; position: absolute; left: 0px; top: 0px; right: 0px; overflow: hidden;}
.logo {max-width: 209px;position: relative; margin:20px 0px 0px; padding: 0px; height: 100%;}
.logo a { display:block; width: 100%; position: relative; z-index: 1; margin:0px 0px;}
.right-call-heading { float: right; background-color: #0a3a7f; padding: 22px 15px; position: relative;}
.right-call-heading span { display: inline-block; vertical-align: middle;margin-right: 15px; position: relative; top: 8px;}
.right-call-heading a, .right-call-heading p { color: #fff; font-size: 27px; line-height: 30px; display: inline-block; vertical-align: middle; margin: 0px; padding: 0px;}
.right-call-heading::after { content: ' ';position: absolute; right: -100vw; top: 0px; bottom: 0px; width: calc(100vw + 100%); background: #0a3a7f; z-index: -1;}
.right-call-heading::before { content: ' '; position: absolute; left: -52px; width: 0; height: 0; border-style: solid; border-width: 0px 52px 100px 0; top: 0px; border-color: transparent #0a3a7f transparent transparent;}
.right-call-heading a:hover { color: #f0b300;}

/* banner-home */
.banner-wrapper {position: relative; width:100%;}
.banner {position:relative; height: 800px;}
.banner-img { width:100%; height: 100%; position:relative;}
.banner-img img { width:100%; height: 100%; position:relative;}
.middle-banner { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); bottom: auto; position: absolute; right: auto; text-align: center; 
top:calc(50% + 55px); transform: translateY(-50%); width: 100%; text-align:left; margin: 0px; z-index:1;}
.middleTextBan { width: 100%; position: relative; margin: 0px; padding:0px 0px; text-align: center;}
.special-offer { max-width: 502px; margin: 0px auto 20px;}
.offer-list { width: 100%;}
.offer-list ul { list-style: none; margin: 0px; padding: 0px;}
.offer-list ul li { display: block; background-color: #0a3a7f; box-sizing:border-box; margin: 0px 15px 5px; padding: 5px 86px; text-align: left; position: relative;}
.offer-list ul li::before {content: ' ';position: absolute;top: 0px;bottom: 0px;width: 14px;background-image: url(../images/left-ribbon.png);background-size: 100% 100%;left: -13px;}
.offer-list ul li::after {content: ' ';position: absolute;top: 0px;bottom: 0px;width: 14px;background-image: url(../images/right-ribbon.png);background-size: 100% 100%;right: -13px;}
.offer-list ul li span { display: inline-block; vertical-align: middle; margin-right: 17px;}
.offer-list ul li p { margin: 0px; padding: 0px; color: #fff; font-size: 27px; line-height: 30px; display: inline-block; vertical-align: middle;}
.middle-banner .row [class*="col-"]:first-child { float: right;}
.mid-ban-img { width: 100%; margin-top: 90px;}

/*  Footer   */
.mainFt {background-color: #202020;padding: 50px 0;text-align: center;}
.mainFt .container {width: 975px;}
.ft-log {max-width: 203px;margin: 0 auto 40px;}
.ft-contact {margin-bottom: 65px;}
.ft-contact ul {list-style: none;}
.ft-contact ul li {margin-bottom: 10px;font-size: 21px;}
.ft-contact ul li a {display: inline-block; color: #fff;}
.ft-contact ul li a:hover {display: inline-block; color: #1c9cc1;}
.ft-cont {background-color: #1c9cc1;padding: 15px 15px 5px;margin-bottom: 20px;}
.ft-cont p {padding-bottom: 10px;font-size: 14px;line-height: 22px;color: #ffffff;}
.copyRight p {padding-bottom: 10px;font-size: 14px;color: #ffffff;}

/* what-get-box */
.what-get-section { width: 100%; padding: 75px 0px; margin: 0px; text-align: center;}
.what-get-section p { font-size: 21px; line-height: 33px;}
.what-get-section h4 { font-size: 29px; color: #990052;}
.what-get-section h4 a { font-weight: 700;  color: #990052;}
.what-get-section h4 a:hover { color: #f0b300;}
.what-get-box { width: 100%; -webkit-box-shadow: 3px 3px 21px 14px rgba(0,0,0,0.16);
-moz-box-shadow: 3px 3px 21px 14px rgba(0,0,0,0.16);
box-shadow: 3px 3px 21px 14px rgba(0,0,0,0.16); border: 2px solid #f0b300; margin: 0px 0px 70px;}
.left-logo-bg { width: 100%; background-color: #0a3a7f; text-align: center; position: relative;}
.left-logo-bg::after {content: ' ';
position: absolute;
width: 53px;
height: 97px;
right: -50px;
bottom: 65px;
background: url(../images/after-top-right.png);
background-repeat: no-repeat;
background-size: 100% 100%;}
.logo-mid { display: inline-block;}
.logo-mid h1 { font-size: 45px; line-height: 45px; color: #ffff; font-family: 'Roboto', sans-serif; font-weight: 700; margin: 0px 0px 35px;}
.rig-get-bx { width: 100%; box-sizing: border-box; padding: 50px 20px;}
.rig-get-bx .row [class*="col-"]:first-child { float: right;}
.what-get-details { width: 100%; text-align: left;}
.what-get-details ul { margin: 0px; padding: 0px; list-style: none;}
.what-get-details ul li { margin: 0px 0px 20px; padding: 0px;}
.what-get-details ul li:last-child { margin-bottom: 0px;}
.what-get-details ul li p { margin: 0px; padding: 0px;}
.what-get-details ul li p::before {content: ' ';
position: relative;
width: 24px;
height: 22px;
background-image: url(../images/circle-trick.png);
background-size: 24px;
display: inline-block;
vertical-align: middle;
margin-right: 15px;
margin-top: 0px;}

/* customer */
.customer-message-section { width: 100%; background-color: #eaeaea; padding: 95px 0px 0px; text-align: center;     position: relative;
  z-index: 1;}
.customer-message-section h2 {margin:0px 0px 60px}
.custom-bx-each { width: 100%; box-sizing: border-box; padding:127px 70px 75px; margin-top: 96px; background-color: #fff; -webkit-box-shadow: 7px 7px 10px 9px rgba(0,0,0,0.28);
-moz-box-shadow: 7px 7px 10px 9px rgba(0,0,0,0.28);
box-shadow: 7px 7px 10px 9px rgba(0,0,0,0.28);     position: relative;}
.customer-user { width: 170px; height: 170px; background-color: #fec605; margin: 0px auto 30px; border-radius: 50%; position: absolute; left: 0px; right: 0px; top: -90px; box-sizing: border-box; padding: 20px;}
.customer-user img { display: inline-block;}
.custom-bx-each p { font-size: 21px; line-height: 33px;}
.custom-bx-each h4 { font-size: 31px; font-weight: 700;}
.customer-slide { margin: 0px 0px -190px;}
.customer-slide .slick-list { margin-left: -25px; margin-right: -25px; padding: 0px 0px 35px;}
.customer-slide .slide-item { padding-left: 25px; padding-right: 25px;}
.customer-slide .slick-arrow { position: absolute; top: 70px; bottom: 0px; margin: auto; font-size: 0px; width: 79px; height: 79px; border-radius: 0%; background-color:#a60059; border:none; z-index: 1; -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;}
.customer-slide .slick-arrow:hover { background-color:#0a3a7f;}
.customer-slide .slick-next.slick-arrow::before {display: inline-block; font-style: normal;font-variant: normal; text-rendering: auto;
-webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f054"; font-size: 30px; color: #fff;}
.customer-slide .slick-prev.slick-arrow::before {display: inline-block; font-style: normal;font-variant: normal; text-rendering: auto;
-webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f053"; font-size: 30px; color: #fff;}
.customer-slide .slick-next.slick-arrow { right: -40px;}
.customer-slide .slick-prev.slick-arrow { left: -40px;}
  

/*Vision Section*/
.vision{padding: 60px 0 73px; background-color: #990052; text-align: center;}
.vision p, .vision h2{color: #fff;}
.vision p{font-size: 18px; line-height:22px}
.vision p:last-child{padding-bottom: 0;}

/*Vision Yellow*/
.vision-yellow{ background-color: #fbff93; padding: 40px 0; text-align: center;}
.vision-yellow h3{font-weight: 700; color: #a230a0; margin: 0 0 10px 0; font-size: 41px; line-height: 48px;}
.vision-yellow p{font-weight: 700; color: #a230a0; line-height: 18px; font-size: 32px; line-height: 45px; }
.vision-yellow p:last-child{padding:0}
.vision-yellow p a{color: #00b050;}
.vision-yellow p a:hover{color: #a230a0;}
.vision-yellow .underline{text-decoration: underline;}

.vision-yellow .underline a{color: #a230a0;} /*dev added this*/

.split-txt span:nth-child(1){color: #a230a0;}
.split-txt span:nth-child(2){color: #00893e;}
.split-txt span:nth-child(3){color: #ff0000;}
.split-txt span:nth-child(4){color: #f67604;}
.split-txt span:nth-child(5){color: #00b0f0;}
.split-txt span:nth-child(6){color: #00b0f0;}
.split-txt span:nth-child(7){color: transparent;}
.split-txt span:nth-child(8){color: #0070cb;}
.split-txt span:nth-child(9){color: #c5596d;}
.split-txt span:nth-child(10){color: #f67604;}
.split-txt span:nth-child(11){color: #00b050;}
.split-txt span:nth-child(12){color: #385623;}

/*Vision Logo*/
.vision-logo{padding: 55px 0}
.vision-logo ul{margin: 0; list-style: none;}
.vision-logo ul li {width: 24%; height: auto; float: left; margin: 0 1.3% 0 0; -webkit-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1); box-shadow: 0px 3px 5px 2px rgba(0,0,0,0.1); border: 1px solid #e6e6e6;     background-color: #fff;}
.vision-logo ul li:last-child{ margin: 0; }
.vision-logo ul li img{width: 100%;}

/* vision-logo secondLogo */
.vision-logo.secondLogo { background-color: #fea403; padding: 270px 0px 65px;}

/**	---------------- ==============	 Responsive style start	 ==============	---------------- **/
/***----------------------------------------------------------------------------------------***/

@media only screen and (max-width:1480px){



}
/*******		end 1480		*******/

@media only screen and (max-width:1440px){
  .offer-list ul li p {font-size: 20px;line-height: 22px;}
}

@media only screen and (max-width:1299px){

  .banner { height: 650px;}
  .offer-list ul li { padding: 5px 60px;}
  .vision{padding: 40px 0 53px;}

}
/*******		end 1299		*******/

@media only screen and (max-width: 991px) {

  h1, h2 { font-size: 34px; line-height: 38px;}

  .wrapper h1, .wrapper h2 {  margin: 0px 0px 25px;}

  .logo { margin: 10px 0px 0px;}
  .banner { height: auto;}
  .middle-banner { -ms-transform: translateY(0%); -webkit-transform: translateY(0%); bottom: auto; position: relative; right: auto; text-align: center; top: calc(0px); transform: translateY(0%);text-align: center;}
  .middle-banner .row [class*="col-"]:first-child { float: none;}
  .mid-ban-img { margin: 0px;}
  .banner-img { position: absolute; inset: 0px; z-index: 2;}
  .middle-banner {  padding: 160px 0px 30px;  background: transparent; z-index: 3;}
  .offer-list ul li { text-align: center;}

  .left-logo-bg { padding: 30px;}
  .left-logo-bg::after { display: none;}
  .rig-get-bx .row [class*="col-"]:first-child { float: none;}
  .what-get-details { text-align: center;}
  .what-get-details { margin: 0px 0px 20px;}
  .rig-get-bx { padding: 20px;}
  .what-get-details ul li { margin: 0px 0px 10px;}
  .what-get-box { margin: 0px 0px 35px;}
  .what-get-section { padding: 40px 0px;}

  .customer-slide { padding: 0px 50px;}
  .customer-slide .slick-prev.slick-arrow {  left: 0;}
  .customer-slide .slick-next.slick-arrow {  right: 0;}
  .custom-bx-each { padding: 110px 60px 50px;}

  .customer-message-section { padding: 40px 0px 0px;}
  .vision-logo.secondLogo { padding: 130px 0px 40px;}
  .customer-slide { margin: 0px 0px -100px;}

  .mainFt .container {  width: 750px;}

  .vision-yellow p br{display: none;}
  .vision-yellow p { font-size: 27px; line-height: 32px; }
  .vision-logo { padding: 40px 0; }
  .vision-logo ul{text-align: center;}
  .vision-logo ul li { display: inline-block; float: none;   vertical-align: top; width: 48%; margin: 15px 10px 0 0; }
  .vision-logo ul li:nth-child(2n){margin-right: 0;}
  .vision-logo ul li:nth-child(1), .vision-logo ul li:nth-child(2){margin-top: 0;}
  .vision-logo ul li:last-child{margin-top: 15px;}


}
/*******		end 991		*******/

@media only screen and (max-width: 767px) {

.wrapper h1, .wrapper h2 {
margin: 0px 0px 20px;
font-size: 24px;
line-height: 28px;
}

p {padding:0px 0 20px 0; font-size:16px; line-height: 22px;}

.btn { font-size: 16px; line-height: normal; padding: 10px 35px; letter-spacing: 1px;}

.mainHd { position: static; padding: 25px 0px;
  text-align: center;}
.logo { margin: 0px auto 20px;}
.right-call-heading::before { display: none;}
.right-call-heading::after { display: none;}
.right-call-heading { float: none;display: inline-block;padding: 10px;}
.right-call-heading span {  top: 0; width: 26px;}
.right-call-heading a, .right-call-heading p { font-size: 18px; line-height: 20px;}

.offer-list ul li { padding: 5px 10px;}
.offer-list ul li p { font-size: 16px;line-height: 20px;}
.offer-list ul li span { margin-right: 10px;width: 20px;  margin-top: -2px;}

.left-logo-bg {padding: 15px;}
.logo-mid h1 {font-size: 34px;line-height: 36px;margin: 0px 0px 15px;}
.what-get-section p {font-size: 15px;line-height: 22px; padding: 0px 0 20px 0;}
.what-get-details ul li p::before { width: 14px; height: 14px; background-size: 100%; background-repeat: no-repeat; background-position: center; margin-right: 6px;}
.what-get-details { margin: 0px 0px 10px;}

.mainFt .container {  width: 100%;}
.ft-cont p br {display: none;}
.ft-contact {margin-bottom: 25px;}
.ft-contact ul li {margin-bottom: 2px;font-size: 20px;}
.copyRight p {line-height: 18px;}
.mainFt {padding: 30px 0 25px;}
.ft-log {margin: 0 auto 28px;}

.vision-yellow p {font-size: 21px; line-height: 26px;}
.vision-logo ul li { width: 100%; margin: 0 0 20px 0;}
.vision-logo ul li:last-child{margin: 0;}
 
.middle-banner {padding: 30px 0px;}
.what-get-section h4 { font-size: 18px; line-height: 24px;}
.what-get-section { padding: 30px 0px;}

.vision { padding: 30px 0;}
.vision p { font-size: 16px;}

.vision-yellow { padding: 30px 0px;}
.vision-yellow h3 { font-size: 20px;line-height: 24px;}
.vision-yellow p { font-size: 16px;line-height: 22px;}

.customer-message-section h2 br { display: none;}
.customer-slide { margin: 0px 0px; padding: 0px;}
.custom-bx-each {
padding: 100px 15px 20px;
}
.custom-bx-each p {
font-size: 16px;
line-height: 22px;
}
.custom-bx-each h4 {
font-size: 20px;}

.vision-logo.secondLogo { padding: 30px 0px;}
.customer-message-section { padding: 30px 0px;}

.customer-slide .slick-list {
  padding: 0px 0px 65px;
  margin: 0px;
}
.customer-slide .slick-arrow {
 top: initial;
  bottom: 0px;
  margin: auto;
  width: 45px;
  height: 45px;
  left: 0px;
  right: 0px;
}
.customer-slide .slick-next.slick-arrow {
  right: -60px;
}
.customer-slide .slick-prev.slick-arrow {
  left: -60px;
}
.customer-slide .slide-item { padding: 0px 5px;}
.custom-bx-each {-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;}
.customer-user {
  width: 140px;
  height: 140px;
  margin: 0px auto 30px;
  border-radius: 50%;
  position: absolute;
  left: 0px;
  right: 0px;
  top: -60px;
  padding: 20px;
}
.customer-user img {  width: 70px;}
.custom-bx-each { margin-top: 65px;}

}
/*******	 end 767		*******/

@media only screen and (max-width: 639px) {


}
/*******	 end 639		*******/