﻿/*#General Styles
================================================== */
@font-face { font-family: 'Century Gothic'; src: url('../fonts/CenturyGothic-Bold.eot'); src: url('../fonts/CenturyGothic-Bold-1.eot') format('embedded-opentype'), url('../fonts/CenturyGothic-Bold.woff2') format('woff2'), url('../fonts/CenturyGothic-Bold.woff') format('woff'), url('../fonts/CenturyGothic-Bold.ttf') format('truetype'), url('../fonts/CenturyGothic-Bold.svg') format('svg'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Proxima Nova Rg'; src: url('../fonts/ProximaNova-Regular.eot'); src: url('../fonts/ProximaNova-Regular-1.eot') format('embedded-opentype'), url('../fonts/ProximaNova-Regular.woff2') format('woff2'), url('../fonts/ProximaNova-Regular.woff') format('woff'), url('../fonts/ProximaNova-Regular.ttf') format('truetype'), url('../fonts/ProximaNova-Regular.svg') format('svg'); font-weight: normal; font-style: normal; font-display: swap; }


:root {
    --color1: #000000;
    --color2: #7E59F2;
    --color3: #23004E;
    --color4: #ffffff;
    --color5: #42403B;
    --color6: #E1E1E1;
    --color7: #FFE107;
    --color8: #F1ECFE;
    --Century: 'Century Gothic';
    --Proxima: 'Proxima Nova Rg';
    --normal: 400;
    --bold: 700;
}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; scroll-behavior: smooth; }
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);font-variant-ligatures: none;}
.up html, body.up, .up div, .up span, .up applet, .up object, .up iframe, .up a, .up img, .up select, .up input, .up option { margin: 0; padding: 0; border: 0; outline: 0; }
.up html { -webkit-text-size-adjust: none; scroll-behavior: smooth;}
.up button, .up input, .up select, .up textarea { font-size: 100%; margin: 0; vertical-align: baseline; box-shadow: none; }
.up input[type="button"], .up input[type="submit"] {appearance: none; -webkit-appearance: none !important; }
.up a { text-decoration: none; }
.up img { border: 0 none; max-width: 100%; vertical-align: top; }
.up a { outline: none; cursor: pointer; }
.up a:hover { text-decoration: none; }
/* :focus { border: 1px solid red !important; } */
.up sup {font-size: 90%;position: relative;top: 0.3em;line-height: 0.8;}
.up sup.reg {font-size: 55%;top: 0;}
.up .clear { clear: both; }
.up img { max-width: 100%; }
.up button:focus {outline:0;}
.up .text-transform { text-transform: uppercase; }
.up .preloader { display: none; }
.up img { vertical-align: bottom; }
.up .bg {background-repeat: no-repeat;background-size: cover;background-position: left center;}

/*Placeholder opacity cross browsers*/
input::-webkit-input-placeholder { color: var(--color6); opacity:1;} /* WebKit browsers */
input:-moz-placeholder { color:var(--color6); opacity:1;} /* Mozilla Firefox 4 to 18 */
input::-moz-placeholder { color: var(--color6); opacity:1;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder { color: var(--color6); opacity:1;} /* Internet Explorer 10+ */
textarea::-webkit-input-placeholder { color:var(--color6); opacity:1;} /* WebKit browsers */
textarea:-moz-placeholder { color: var(--color6); opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: var(--color6); opacity:1;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder { color: var(--color6); opacity:1;} /* Internet Explorer 10+ */
button::-moz-focus-inner, input[type="submit"]::-moz-focus-inner {border: 0;}

textarea::-webkit-input-placeholder { color:var(--color6); opacity:1;} /* WebKit browsers */
textarea::-moz-placeholder { color: var(--color6); opacity:1;} /* Mozilla Firefox 4 to 18 */
textarea::-moz-placeholder { color: var(--color6); opacity:1;} /* Mozilla Firefox 19+ */
textarea::-ms-input-placeholder { color: var(--color6); opacity:1;} /* Internet Explorer 10+ */


:is(.up h1,.up h2,.up h3,.up h4,.up h5,.up h6) {font-family: var(--Century);letter-spacing: 0em;}
.up h1 {font-size: 55px;color: var(--color3);font-weight: var(--bold);line-height: 1.311;}
.up h2 {font-size: 55px;color: var(--color1);font-weight: var(--bold);line-height: 1.311;}
.up h3 {font-size: 35px;color: var(--color3);font-weight: var(--bold);line-height: 1.3111;}
.up h4 {font-size: 30px;color: var(--color2);font-weight: var(--normal);line-height: 1.4;}
.up h5 {font-size: 25px;color: var(--color2);font-weight: var(--normal);line-height: 1.468;font-family: var(--Proxima);}
.up h6 {font-size: 20px;color: var(--color5);font-weight: var(--normal);line-height: 1.499;}
.up p  {font-size: 15px;color: var(--color5);font-weight: var(--normal);line-height: 1.47;font-family: var(--Proxima);}

/* ~~~~~ Flex Container ~~~~~ */
.up .flex-container { width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
.up .flex-end {justify-content: flex-end; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end }
.up .flex-start {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.up .flex-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.up .flex-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding-left: 15px; padding-right: 15px; }
/* ~~~~~ / Flex Container ~~~~~ */

/* #Page Structure
=============================== */
body.up { margin: 0; padding: 0; font-size: 15px; color: #060202; background: #fff; font-family:var(--Proxima); font-weight: 400;overflow-x: hidden;}
.up .wrapper { width: 100%; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s;overflow-x: hidden;}
.up .main {max-width: 1372px;padding: 0 15px;margin: 0 auto;}
.up a, .up button { transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; }
.up .btn_all a {background-color: var(--color7);border: 1px solid var(--color7);color: var(--color3);font-size: 15px;line-height: 1;padding: 20px 50px;font-family: var(--Proxima);font-weight: var(--normal);border-radius: 5px;letter-spacing: 0em;display: inline-block;vertical-align: middle;}
.up .btn_all a:hover { background-color: var(--color5);border-color: var(--color5);color: var(--color1);}
.up .ctaLink a {font-size: 15px;color: var(--color2);font-weight: var(--normal);line-height: 1.4993;font-family: var(--Proxima);text-decoration: underline;}
.up .ctaLink a:hover {color: var(--color3);}

.up .mid-container{width:100%;}
.up .get-bg img {display: none;}

/* Header Style
=============================== */
.up header {width: 100%;display: block;position: absolute;top: 0;left: 0;right: 0;padding: 45px 0px;z-index: 999;}
.up header .logo {max-width: 217px;}
.up header .logo img {width: 100%;}

/* Banner Style
=============================== */
.up .bannerSec {display: block;width: 100%;background-color: var(--color8);}
.up .bannerSec .bannerLeft {width: 45%;padding: 235px 60px 86px;} 
.up .bannerSec .bannerRight {width: 55%; border-radius: 0px 0px 0px 45px;position: relative;z-index: 0;overflow: hidden;}
.up .bannerSec .bannerRight::before {content: "";width: 100%;height: 100%;background: rgba(126, 89, 242, 0.45);position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;}
.up .bannerSec h1 {margin-bottom: 20px;}
.up .bannerSec h5 {margin-bottom: 59px;}
.up .bannerSec .btn_all a:hover {background-color: var(--color3); border-color: var(--color3); color: var(--color4);}


/* Client Listing Style
=============================== */
.up .clientListSec {width: 100%;display: block;padding: 100px 0px;background-color: var(--color8);}
.up .clientListSec .topTxt {margin-bottom: 55px;}
.up .clientListSec .topTxt h3 {text-align: center;}
.up .clientListSec ul { list-style: none; display: flex; justify-content: center; align-items: center; }
.up .clientListSec li {margin: 0 35px;display: flex;justify-content: center;align-items: center;} 
.up .clientListSec li img { width: 100%; max-width: 164px; max-height: 71px; }

/* Quote Section Style
=============================== */
.up .quoteBxSec {width: 100%;display: block;padding: 0px 0px;background-color: var(--color8);}
.up .quoteBlue {border-radius: 20px;background-color: var(--color3);padding: 5.45em 30px;}
.up .quoteBlue img { max-width: 109px; width: 100%; margin: 0 auto 24px; display: block; }
.up .quoteBlue h2 { color: var(--color4); text-align: center; margin: 0 auto 15px; font-size: 35px;}
.up .quoteBlue h5 { text-align: center; }

/* Medicines Style
=============================== */
.up .medicinesSec {width: 100%;display: block;padding: 100px 0px 270px;background-color: var(--color4);}
.up .medicinesSec .topTxt {margin-bottom: 40px;}
.up .medicinesSec .topTxt h4 {text-align: center;color: var(--color3);margin-bottom: 40px;}
.up .medicinesSec .innerblk { width: 91.58%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
.up .medicinesSec .medicineLeft .txtContent {margin: 0 0 40px;}
.up .medicinesSec .medicineLeft { width: 38.324%; padding: 12px 0 0; }
.up .medicinesSec .medicineLeft h3 {margin: 0 0 32px;color: var(--color2);}
.up .medicinesSec .medicineLeft h6 {margin: 0 0 25px;font-weight: 400;font-family: var(--Proxima);}
.up .medicinesSec .mediBlueBx {background: var(--color3);border-radius: 0px 20px 20px 2px;padding: 29px 33px;max-width: 360px;}
.up .medicinesSec .mediBlueBx img { width: 100%; max-width: 90px; margin: 0 0 31px; }
.up .medicinesSec .mediBlueBx h6 { color: var(--color4); font-family: var(--Century); margin: 0 0 13px; }
.up .medicinesSec .mediBlueBx p { color: var(--color4); }
.up .medicinesSec .medicineRight { width: 52.2%; }
.up .medicinesSec .starBlk { display: flex; flex-wrap: wrap; justify-content: space-between; }
.up .medicinesSec .starBx { width: 46.6%; margin-bottom: 60px; }
.up .medicinesSec .starBx:nth-last-child(-n + 2) {margin-bottom: 0;}
.up .medicinesSec .starBx img {width: 100%;max-width: 90px;margin: 0 0 28px;}
.up .medicinesSec .starBx h6 {color: var(--color5);font-family: var(--Century);margin: 0 0 11px;}
.up .medicinesSec .starBx p {font-size: 20px;color: var(--color5);font-weight: var(--normal);line-height: 1.499;}

/* Form Section Style
=============================== */
.up .formSec {width: 100%;display: block;padding: 85px 0px;background: var(--color2);border-radius: 2px;}
.up .formSec .innerblk { width: 91.58%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; }
.up .formSec .formLeft {width: 50%;}
.up .formSec .formRight {width: 50%;}
.up .formSec .topTxt {margin-bottom: 35px;}
.up .formSec .topTxt h3 {text-align: left;color: var(--color4);margin-bottom: 15px;}
.up .formSec .topTxt h6 {text-align: left;color: var(--color4);font-family: var(--Proxima);}
.up .formSec .starBlk {display: flex;flex-wrap: wrap;justify-content: flex-start;}
.up .formSec .starBx {width: 100%;margin-bottom: 72px;display: flex;justify-content: flex-start;align-items: flex-start;max-width: 555px;}
.up .formSec .starBx:last-child {margin-bottom: 0;}
.up .formSec .starBx .starImg {max-width: 90px;margin: 0 0 28px;}
.up .formSec .starBx .starImg {width: 100%;max-width: 100px;margin: 0;}
.up .formSec .starBx .starContent { width: 100%; padding: 0 0 0 22px; }
.up .formSec .starBx h5 {color: var(--color4);font-family: var(--Century);margin: 0 0 11px;}
.up .formSec .starBx h6 {font-weight: var(--normal);line-height: 1.499;text-align: left;color: var(--color4);font-family: var(--Proxima);}
.up .form {background: #fdfdfd;width: 100%;padding: 46px 50px 120px;max-width: 552px;margin: -253px 0 0 0;border-top: 17px solid var(--color7);border-radius: 0 20px 0 20px;box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.up .notes { border-bottom: 1px solid #d4d4d4; padding-bottom: 20px; font-weight: 600; margin-bottom: 20px; }
.up .notes h2 { color: #252525; margin-bottom: 10px; font-size: 22px; }
.up .notes p { color: #636363; font-size: 14px; }
.up .notes p span { color: red; font-weight: 600; }
.up .form-field {width: 100%;margin-bottom: 55px;display:block;}
.up .form-field:last-child { margin-bottom: 0px; }
.up .form-field label {font-weight: var(--bold);color: var(--color5);font-family: var(--Century);font-size: 20px;line-height: 1.499;margin-bottom: 8px;display: block;}
.up .form-field .form-control {color: var(--color3);font-size: 20px;height: 55px;width: 100%;font-weight: var(--normal);font-family: var(--Proxima);border: 1px solid #BCB3B3;padding: 3px 19px;-webkit-appearance: none;appearance: none;}
.up .form-field select.form-control {padding-right: 50px;}
.up .form-field textarea.form-control {height: 100px;padding-top: 10px;padding-bottom: 10px;}
/*Select style for all the browser*/
.up .form-field input#date {-webkit-appearance:none;appearance:none;-moz-appearance:none;cursor:pointer;background: url(../images/icon__calendar_check_.png) no-repeat 95.4% center;background-size: 28px auto;-webkit-background-size: 28px auto;padding-right: 50px;}
.up select.form-control {-webkit-appearance:none;appearance:none;-moz-appearance:none;cursor:pointer;background: url(../images/arrowDown.svg) no-repeat 94% center;background-size:15px auto;-webkit-background-size: 15px auto;}
.up select::-ms-expand{ display:none;}
/*Style for button*/
.up .btn {border: medium none;cursor: pointer;font-size: 14px;font-weight: 600;height: 56px;letter-spacing: 0px;line-height: 37px;padding: 10px 30px;text-transform: inherit;width: 230px;transition: all ease-in-out 0.3s;}
.up .btn-group {text-align: center;margin-top: 80px;}
.up .btn-submit{font-family: var(--Proxima);font-size: 20px;line-height: 1.2;color: var(--color3);background-color: var(--color7);border-radius: 5px;border: 1px solid var(--color7);font-weight: var(--normal);}
.up .btn-submit:hover {background-color: var(--color1);border-color: var(--color1);color: var(--color4);}
.up .btn-reset:hover{ background-color: var(--color2);}
/*..............Error style..............*/
.up span.error{color:red;display:block;font-size:13px;margin-top:5px;}
.up form .cust_check:not(:last-child) {margin-bottom: 5px;}
.up form .cust_check input[type=checkbox] { display: none; }
.up form .cust_check input[type=checkbox]:checked + label:before { background-color: var(--color7); border-color: var(--color7); color: var(--color1); }
.up form .cust_check input[type=checkbox] + label {display: block;cursor: pointer;padding: 0 0 0 35px;position: relative;z-index: 0;font-weight: 400;font-size: 20px;font-family: var(--Proxima);margin: 0;}
.up form .cust_check input[type=checkbox] + label.active:before { transform: scale(0); }
.up form .cust_check input[type=checkbox] + label:before {content: "ÃƒÆ’Ã†â€™Ãƒâ€ Ã¢â‚¬â„¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â";border: 1px solid #BCB3B7;border-radius: 0;display: inline-block;width: 24px;height: 24px;color: transparent;transition: 0.2s;font-size: 17px;text-align: center;vertical-align: middle;position: absolute;top: 2px;left: 0;}
.up form .cust_check input[type=radio] { display: none; }
.up form .cust_check input[type=radio]:checked + label:after {background-color: var(--color7);content: "";border: 1px solid var(--color7);display: inline-block;width: 12px;height: 12px;position: absolute;top: 8px;left: 6px;border-radius: 100%;}
.up form .cust_check input[type=radio] + label {display: block;cursor: pointer;padding: 0 0 0 35px;position: relative;z-index: 0;font-weight: 400;font-size: 20px;font-family: var(--Proxima);margin: 0;}
.up form .cust_check input[type=radio] + label.active:before { transform: scale(0); }
.up form .cust_check input[type=radio] + label:before {content: "";border: 1px solid #BCB3B7;border-radius: 0;display: inline-block;width: 24px;height: 24px;color: transparent;transition: 0.2s;font-size: 15px;text-align: center;vertical-align: middle;position: absolute;top: 2px;left: 0;border-radius: 100%;}

input:focus {outline: none;}
#ui-datepicker-div { display: none; background-color: #fff; box-shadow: 0 0.125rem 0.5rem rgba(0,0,0,0.1); margin-top: 0.25rem; border-radius: 0.5rem; padding: 0.5rem; }
table { border-collapse: collapse; border-spacing: 0; } 
.ui-datepicker-calendar thead th { padding: 0.25rem 0; text-align: center; font-size: 0.75rem; font-weight: 400; color: #78909C; }
.ui-datepicker-calendar tbody td { width: 2.5rem; text-align: center; padding: 0; }
.ui-datepicker-calendar tbody td a { display: block; border-radius: 0.25rem; line-height: 2rem; transition: 0.3s all; color: #546E7A; font-size: 0.875rem; text-decoration: none; }
.ui-datepicker-calendar tbody td a:hover { background-color: #E0F2F1; } 
.ui-datepicker-calendar tbody td a.ui-state-active { background-color: #009688; color: white; }
.ui-datepicker-header a.ui-corner-all { cursor: pointer; position: absolute; top: 0; width: 2rem; height: 2rem; margin: 0.5rem; border-radius: 0.25rem; transition: 0.3s all; }
.ui-datepicker-header a.ui-corner-all:hover { background-color: #ECEFF1; }
.ui-datepicker-header a.ui-datepicker-prev { left: 0; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-size: 0.5rem; background-position: 50%; transform: rotate(180deg); }
.ui-datepicker-header a.ui-datepicker-next { right: 0; background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg=='); background-repeat: no-repeat; background-size: 10px; background-position: 50%; }
.ui-datepicker-header a>span { display: none; }
.ui-datepicker-title { text-align: center; line-height: 2rem; margin-bottom: 0.25rem; font-size: 0.875rem; font-weight: 500; padding-bottom: 0.25rem; }
.ui-datepicker-week-col { color: #78909C; font-weight: 400; font-size: 0.75rem; }


/* Blog CSS
=========================*/ 
.up .blogSec {width: 100%;display: block;padding: 91px 0px;background: var(--color4);}
.up .blogSec .blogSlider .row { display: flex; flex-wrap: wrap; justify-content: space-between;}
.up .blogSec .blogSlider .row:not(:last-child) {margin-bottom: 100px;}
.up .blogSec .blogSlider .blogImg {width: 59.8%;position: relative;z-index: 0; border-radius: 0px 45px 45px 0px;overflow: hidden;background-position: center center;}
.up .blogSec .blogSlider .blogImg::before {content: "";width: 100%;height: 100%;background: rgba(126, 89, 242, 0.5);position: absolute;top: 0;left: 0;right: 0;bottom: 0;object-fit: cover;}
.up .blogSec .blogSlider .blogContent {width: 40.2%;padding: 51px 45px 51px 100px;}
.up .blogSec .blogSlider .txtInner {max-width: 428px;width: 100%;margin: 0;}
.up .blogSec .blogSlider .txtContent {margin-bottom: 43px;}
.up .blogSec .blogSlider .txtContent h3 { color: var(--color2); margin-bottom: 22px; }
.up .blogSec .blogSlider .blogLink a {font-size: 20px;color: var(--color3);font-weight: var(--normal);line-height: 1.499;font-family: var(--Proxima);display: flex;align-items: center;justify-content: flex-start;}
.up .blogSec .blogSlider .blogLink a img { display: inline-block; margin-left: 13px; transition: all 0.3s ease-in-out;}
.up .blogSec .blogSlider .blogLink a:hover img {margin-left: 18px;}
.up .blogSec .blogSlider .row.rowRev {flex-direction: row-reverse;}
.up .blogSec .blogSlider .row.rowRev .blogContent {padding: 51px 100px 51px 45px;}
.up .blogSec .blogSlider .row.rowRev .txtInner {margin-left: auto;}
.up .blogSec .blogSlider .row.rowRev .blogImg {border-radius: 45px 0 0 45px;background-position: center center;}

/* FAQ CSS
=========================*/ 
.up .faqSec {width: 100%;display: block;padding: 98px 0px;background: var(--color3);}
.up .faqSec .topTxt {margin-bottom: 100px;}
.up .faqSec .topTxt h4 {text-align: center;color: var(--color4); }
.up .faqSec .faq_main {max-width: 1131px;margin: 0 auto;}
.up .faqSec .faq_blk:not(:last-child) {margin-bottom: 74px;}
.up .faqSec .faq_qus {position: relative;cursor: pointer;background-color: var(--color4);padding: 24px 100px 24px 191px;border-radius: 59px;}
.up .faqSec .faq_qus:before {content: "";background: transparent url('../images/arrowUp.svg') no-repeat center right;width: 22px;height: 16px;background-size: 22px;position: absolute;right: 54px;top: 50%;transform: translateY(-50%) rotate(180deg);}
.up .faqSec .faq_blk.open .faq_qus:before{transform: translateY(-50%) rotate(0deg)}
.up .faqSec .faq_qus:after {content: attr(number);color: var(--color3);font-size: 45px;font-weight: 700;font-family: var(--Century);position: absolute;top: 50%; left: 80px; transform: translateY(-50%);left: 80px;}
.up .faqSec .faq_qus h4 {color: var(--color2);font-weight: 700;font-family: var(--Century);}
.up .faqSec .faq_ans { width: 100%; padding: 30px 65px; margin-top: 20px;}
.up .faqSec .faq_ans h6 {color: var(--color4);font-family: var(--Proxima);font-weight: 400;}
.up .faqSec .faq_blk.closed .faq_ans { display: none; }

/* Pricing CSS
=========================*/ 
.up .pricingSec {width: 100%;display: block;padding: 105px 0px 50px;background: var(--color4);}
.up .pricingSec .topTxt {width: 80.478%;margin: 0 auto 65px;}
.up .pricingSec .topTxt h4 {text-align: center;color: var(--color1);margin-bottom: 25px;}
.up .pricingSec .topTxt h5 {text-align: center;color: var(--color1);margin-bottom: 15px;}
.up .pricingSec .pricingBx_main {display: flex;flex-wrap: wrap;justify-content: center;}
.up .pricingSec .pricingBx_item {width: 100%;max-width: 425px;border: 1px solid var(--color1);border-radius: 15px;margin: 0 25px;padding: 15px 16px 26px;}
.up .pricingSec .pricingBx_top {display: flex;justify-content: space-between;align-items: flex-end;padding: 0 0 10px;margin: 0 0 20px;border-bottom: 1px solid var(--color1);}
.up .pricingSec .pricingLeft { max-width: 212px; }
.up .pricingSec .pricingLeft h5 {color: var(--color1);line-height: 1.27;}
.up .pricingSec .pricingRight {max-width: 150px;}
.up .pricingSec .pricingRight h3 {color: var(--color1);line-height: 1.66;font-size: 22px;}
.up .pricingSec .pricingRight p { color: var(--color1);}
.up .pricingSec .pricingBxContent {margin-bottom: 50px;}
.up .pricingSec .pricingBx_bottom { padding: 0 10px; }
.up .pricingSec .pricingBx_bottom p {color: var(--color1);line-height: 1.5247;}
.up .pricingSec .pricingBx_bottom p:not(:last-child) {margin-bottom: 9px;}
.up .pricingSec .pricingBx_bottom .btn_all {text-align: center;}
.up .pricingSec .pricingBx_bottom .btn_all a {text-align: center;padding: 20px 80px;font-size: 15px;}
.up .pricingSec .pricingBx_bottom .btn_all a:hover {background-color: var(--color3);border-color: var(--color3);color: var(--color4);}
.up .pricingSec .pricingBx_item.dark {background-color: var(--color3);color: var(--color3);}
.up .pricingBx_item.dark .pricingBx_top {border-bottom: 1px solid var(--color4);margin: 0 0 10px;}
.up .pricingBx_item.dark h5 {color: var(--color4);}
.up .pricingBx_item.dark .pricingRight h3 {color: var(--color7);}
.up .pricingBx_item.dark .pricingRight p {color: var(--color4);}
.up .pricingBx_item.dark .blogLink { margin-bottom: 20px; }
.up .pricingBx_item.dark .blogLink a {color: var(--color7);padding: 0;display: flex;align-items: center;justify-content: flex-start;font-size: 10px;line-height: 1.73;}
.up .pricingBx_item.dark .blogLink a img { display: inline-block; margin: 0 8px 0 0; }
.up .pricingBx_item.dark .blogLink a:hover {color: var(--color4);}
.up .pricingBx_item.dark .pricingBxContent { margin-bottom: 17px; }
.up .pricingBx_item.dark .pricingBx_bottom p {color: var(--color4);}
.up .pricingBx_item.dark .btn_all a:hover {background-color: var(--color4);border-color: var(--color4);color: var(--color1);}


/* Testimonial CSS
=========================*/ 
.up .testSec {width: 100%;display: block;padding: 52px 0px 100px;background: var(--color4);}
.up .testSec .testBx {background-image: url('../images/testImg.png');position: relative;z-index: 1;border-radius: 20px;overflow: hidden;display: flex;justify-content: center;align-items: center;padding: 18.4em 5em 12em;flex-wrap: wrap;}
.up .testSec .testBx::before {content: "";background: rgba(35, 0, 78, 0.7);width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}
.up .testSec .testBx h2 { width: 100%; color: var(--color4); text-align: center; margin-bottom: 50px; }
.up .testSec .testBx .btn_all {text-align: center;}
.up .testSec .testBx .btn_all a {font-size: 20px;padding: 18px 83px;}
.up .testSec .testBx .btn_all a:hover {background-color: var(--color4);border-color: var(--color4);color: var(--color1);}

/* Footer Style
=============================== */
.up footer{width: 100%;display: block;background-color: var(--color2);padding: 102px 0;}
.up footer .fList_blk {display: flex;justify-content: space-between;margin-bottom: 47px;}
.up footer .foot_left {width: 66.6%;}
.up footer .foot_right {width: 28.2%;}
.up footer .footList {display: flex;flex-wrap: wrap;justify-content: flex-start;margin-bottom: 102px;}
.up footer .footList_item { width: 25%; padding: 0 30px 0 0; }
.up footer .footList_title { margin: 0 0 19px; }
.up footer .footList_title h5 {color: var(--color4);line-height: 1.73;font-family: var(--Century);font-weight: 700;}
.up footer ul { list-style: none; margin: 0; padding: 0; }
.up footer ul li { color: var(--color4); line-height: 1.73; font-size: 15px; font-family: var(--Proxima);}
.up footer ul li:not(:last-child) {margin-bottom: 10px;}
.up footer a { color: var(--color4); }
.up footer p {color: var(--color4); line-height: 1.73; font-size: 15px; font-family: var(--Proxima);}
.up footer p:not(:last-child) {margin-bottom: 10px;}
.up footer .footList_content {margin-bottom: 45px;}
.up footer .footLink a {font-size: 20px;color: var(--color3);font-weight: var(--normal);line-height: 1.499;font-family: var(--Proxima);display: flex;align-items: center;justify-content: flex-start;}
.up footer .footLink a img { display: inline-block; margin-left: 13px; transition: all 0.3s ease-in-out;}
.up footer .footLink a:hover img {margin-left: 18px;}
.up footer a:hover {color: var(--color1) !important;}
.up footer .form {background: transparent;padding: 0;margin: 0;border: none;box-shadow: none;max-width: 538px;}
.up footer .form-field {margin-bottom: 0px;}
.up footer form {display: flex;align-items: center;position: relative;z-index: 0;}
.up footer .form-field label {display: none;}
.up footer .form-field .form-control {border: 1px solid var(--color2);border-radius: 5px;border-right: none;padding: 3px 30px;background: transparent;height: 57px;}
.up footer .btn-submit {width: 230px;height: 57px;background-color: var(--color4); border: 1px solid var(--color4);}
.up footer .btn-group {position: absolute;right: 0;top: 0;margin: 0;padding: 0;}
.up footer .footSocial {display: flex;justify-content: flex-end;align-items: center;position: relative;z-index: 0;margin: 0 0 11px;}
.up footer .footSocial::before {content: "";width: calc(100% - 233px);height: 2px;background: var(--color4);position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.up footer .footSocial ul {display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;min-width: 233px;margin: 0 37px 0 0; }
.up footer .footSocial ul li {margin: 0 24px 0 0;max-width: 38px;}
.up footer .footSocial ul li a {display: inline-block;vertical-align: middle;}
.up footer .footSocial ul li a:hover {opacity: 0.7;}
.up footer .footSocial ul li a img{ width: 100%; }
.up footer .footSocial ul li:last-child {margin: 0;}
.up footer .footBottomList {display: flex;justify-content: space-between;align-items: center;margin-bottom: 55px;width: calc(100% - 233px);}
.up footer .footBottomList .fbLeft {width: 60%;}
.up footer .footBottomList .fbRight {width: 36%;text-align: right;}
.up footer .footBottomList ul {display: flex;flex-wrap: wrap;align-items: center;}
.up footer .footBottomList ul li {margin: 0 16px 0 0;font-size: 12px;line-height: 1.73;color: var(--color4);font-family: var(--Proxima);position: relative;z-index: 0;}
.up footer .footBottomList ul li::before {content: "|";position: absolute;right: -9px;}
.up footer .footBottomList ul li:last-child:before {display: none;}
.up footer .footBottomList ul li:last-child {margin: 0;}
.up footer .footBottomList .fbRight .cta,.up footer .footBottomList .fbRight .cta a {font-size: 12px;line-height: 1.73;color: var(--color4);font-family: var(--Proxima);}

.up footer .footCopyright {text-align: center;}
.up footer .footCopyright p {text-align: center;font-size: 12px;line-height: 1.73;color: var(--color4);font-family: var(--Proxima);}

.up footer .form-field .form-control {border: 1px solid var(--color4);padding: 3px 16px;width: calc(100% - 225px);}
/*Placeholder opacity cross browsers*/
.up footer input::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* WebKit browsers */
.up footer input:-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* Mozilla Firefox 4 to 18 */
.up footer input::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* Mozilla Firefox 19+ */
.up footer input:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* Internet Explorer 10+ */
.up footer textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* WebKit browsers */
.up footer textarea:-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* Mozilla Firefox 4 to 18 */
.up footer textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* Mozilla Firefox 19+ */
.up footer textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* Internet Explorer 10+ */
.up footer button::-moz-focus-inner, .up footer input[type="submit"]::-moz-focus-inner {border: 0;}
.up footer textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* WebKit browsers */
.up footer textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* Mozilla Firefox 4 to 18 */
.up footer textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* Mozilla Firefox 19+ */
.up footer textarea::-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); opacity:1;} /* Internet Explorer 10+*/

/* Zolo Form Style
=============================== */
.zf-tempHeadBdr {display: none;}
.zf-templateWrapper ul {list-style: none;}
.zf-templateWrapper .zf-tempFrmWrapper {margin-bottom: 55px;}
.zf-templateWrapper .zf-labelName { font-weight: var(--bold); color: var(--color5); font-family: var(--Century); font-size: 20px; line-height: 1.499; margin-bottom: 8px; display: block; }
.zf-templateWrapper input, .zf-templateWrapper select, .zf-templateWrapper textarea { color: var(--color3); font-size: 20px; height: 55px; width: 100%; font-weight: var(--normal); font-family: var(--Proxima); border: 1px solid #BCB3B3; padding: 3px 19px; -webkit-appearance: none; appearance: none; }
.zf-templateWrapper button.zf-submitColor { font-family: var(--Proxima); font-size: 20px; line-height: 1.2; color: var(--color3); background-color: var(--color7); border-radius: 5px; border: 1px solid var(--color7); font-weight: var(--normal); padding: 3px 30px; text-transform: inherit; width: 230px; transition: all ease-in-out 0.3s; height: 56px; letter-spacing: 0px; cursor: pointer; }
.zf-templateWrapper .zf-subContWrap {margin-bottom: 80px;}
.zf-templateWrapper .zf-fmFooter {text-align: center;}
.zf-templateWrapper button.zf-submitColor:hover { background-color: var(--color1); border-color: var(--color1); color: var(--color4); }
.zf-templateWrapper select { -webkit-appearance: none; appearance: none; -moz-appearance: none; cursor: pointer; background: url(../images/arrowDown.svg) no-repeat 94% center; background-size: 15px auto; -webkit-background-size: 15px auto; }
.zf-templateWrapper input#date { -webkit-appearance: none; appearance: none; -moz-appearance: none; cursor: pointer; background: url(../images/icon__calendar_check_.png) no-repeat 95.4% center; background-size: 28px auto; -webkit-background-size: 28px auto; padding-right: 50px; }