/*New Ora*/
.newOra .swiper-button-prev {left: unset;}
.newOra .swiper {width: 100%;height: 100%;}
.newOra .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.newOra .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.newOra .swiper {width: 100%;height: 300px;margin-left: auto;margin-right: auto;padding: 0 !important;}
.newOra .swiper-slide {background-size: cover;background-position: center;}
.newOra .mySwiper2 {height: 80%;width: 100%;}
.newOra .mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0 !important;}
.newOra .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.newOra .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;max-width: 100%;min-height: unset !important;padding-right: 0;}
.newOra .swiperWrapper.gallery {margin-bottom: 130px;}
.newOra .swiper-button-next:after, .newOra .swiper-button-prev:after {color: #424242;}
.newOra .colour-table-container.container {margin-bottom: 130px;}
.newOra .feature-slider-container .mySwiper .swiper-wraper {width: 50%;}
.newOra .swiper-button-next.swiper-button-disabled, .newOra .swiper-button-prev.swiper-button-disabled {opacity: unset;}
.newOra .feature-slider-container .mySwiper .swiper-slide {opacity: unset;text-align: left;display: block;}
.newOra .feature-slider-container .swiper-wrapper {align-items: center;width: 85%;}
.newOra .feature-slider-container .mySwiper .swiper-slide .features-content {margin-left: 50px;}
.newOra .swiperWrapper.gallery {margin-bottom: 50px;padding: 0 80px;}
.newOra .home-info-container {background-color: #5ca3a7;padding: 50px 0;margin-bottom: 100px;color: #fff;}
.newOra .home-info-title h2 {font-size: 70px;max-width: 100%;line-height: 75px;margin: 50px 0;}
.newOra .home-info-title p {max-width: 40%;margin-bottom: 20px;}
.newOra #loadshedding {background-color: #fff;color: #000;}
.newOra div#loadshedding .container, .newOra #green .container {display: flex;position: relative;}
.newOra .home-info-title.light {color: #424242;width: 85%;}
.newOra .home-info-image {position: absolute;height: 660px;bottom: 0;right: 0;width: 40%;}
.newOra .home-info-image img {height: 100%;}
.newOra #green.home-info-container {background-color: #b9d8c6;padding-top: 0;padding-bottom: 0;}
.newOra #green .home-info-title {padding: 50px 0 50px 100px;}
.newOra h1, .newOra h2 {font-weight: bold;}
.colour-table-title h1 {color: #ea3347;}
.newOra #green .home-info-title p {max-width: 85%;}
.newOra .faq-dropdown-btn.faq-dropdown {display: block;font-size: 20px;}
.newOra .faq-dropdown-btn.faq-dropdown select#faqDrodpown {border: 0;}
.newOra .display-headline-container {text-align: center;}
.newOra span.Typewriter__wrapper {font-size: 130px;color: #ea3347;line-height: 140px;display: block;margin-bottom: 100px;font-weight: bold;}
.newOra .twoColumns {margin: 100px 50px;}
.newOra .btn-primary {background-color: #5ca3a7;border-color: #5ca3a7;margin-top: 24px;border-radius: 7px;padding: 13px 17px;text-transform: uppercase;font-size: 16px;color: #fff;font-weight: 600;}
.newOra .panel.panel-default .panel-title {background: #b9d8c6;padding: 16px;border-radius: 8px;cursor: pointer;transition: all .3s ease-in-out;margin-bottom: 8px;}
.newOra .panel.panel-default a {color: #fff;width: 100%;display: block;}
.newOra #green.home-info-container h2, .newOra #green.home-info-container p {color: #000;}
.newOra .home-info-container .container.home-info-title {padding: 0 80px;}
.newOra .panel-collapse  .panel-body {background-color: #95c7aa;margin-top: -14px;padding: 16px;color: #fff;}
.newOra .panel-collapse .panel-body div {padding: 16px 0;border-bottom: 1px solid #fff;}
.newOra .panel-collapse .panel-body div:last-child {border: 0;}
.newOra .pricingContainer {margin-bottom: 100px;}
.newOra colour-table-title {margin-bottom: 60px;text-align: center;}
.newOra .btn-secondary {background-color: #ea3347;border-color: #ea3347;border-radius: 7px;padding: 13px 17px;text-transform: uppercase;font-size: 16px;color: #fff;font-weight: 600;}
.newOra .colour-table {overflow-x: auto;}
.newOra table {border-spacing: 0;margin: auto;}
.newOra .table-heading {font-size: 24px;padding-bottom: 24px;}
.newOra .table-space {background-color: #fff;min-width: 40px;visibility: hidden;}
.newOra .colour-heading {text-align: center;font-size: 12px;line-height: 13.115px;width: 80px;padding: 16px 8px;}
.newOra #white {border-top: 1.026px solid #dedede;border-left: 1.026px solid #dedede;background: radial-gradient(50% 50% at 50% 50%,#fff 0,#f8f8f8 100%);}
.newOra #black, .newOra #red {border-top: 1.026px solid #dedede;color: #fff;}
.newOra #black {background: radial-gradient(50% 50% at 50% 50%,#333 0,#0d0d0d 100%);}
.newOra #red {background: var(--Red-Gradient,radial-gradient(50% 50% at 50% 50%,#f05869 0,#ea3347 100%));}
.newOra #beige, .newOra #blue {border-top: 1.026px solid #dedede;color: #fff;}
.newOra #blue {background: radial-gradient(50% 50% at 50% 50%,#81c2c6 0,#5ca3a7 100%);}
.newOra #beige {background: radial-gradient(50% 50% at 50% 50%,#e1c8b8 0,#c3ad9f 100%);}
.newOra #l5, .newOra #lb {border-top: 1.026px solid #dedede;color: #fff;}
.newOra #l5 {background: radial-gradient(50% 50% at 50% 50%,#d0ecdc 0,#b9d8c6 );}
.newOra #lb {border-right: 1.026px solid #dedede;background: radial-gradient(50% 50% at 50% 50%,#2599a4 0,#00727c 100%);margin-right: 16px;}
.newOra #black-red, .newOra #black2 {border-top: 1.026px solid #dedede;color: #fff;}
.newOra #black2 {border-left: 1.026px solid #dedede;background: var(--Gradient,radial-gradient(50% 50% at 50% 50%,#333 0,#0d0d0d 100%));}
.newOra #black-red {background: linear-gradient(101deg,#ea3347 1.96%,#f05869 100.27%);}
.newOra .table-name {font-size: 24px;font-style: normal;font-weight: 400;line-height: 29.538px;text-transform: uppercase;color: var(--ora-grey);padding: 16px 8px;text-align: left!important;border-left: 1.026px solid #dedede;border-top: 1.026px solid #dedede;}
.newOra .table-info {text-align: center;border-top: 1.026px solid #dedede;background-color: unset;}
.newOra .colour-table tr {background-color: #F9F9F9;}
.newOra .pricingTitle h2, .newOra .faq-dropdown-btn.faq-dropdown select#faqDrodpown {color: #b9d8c6;}
.newOra .pricingContainer {padding: 0 80px;}
.newOra #loadshedding {padding: 20px 0 20px 80px;}
.newOra #green .container {padding: 0 80px;}
.newOra #loadshedding h2 {max-width: 50%;}
.newOra .pricingTitle h3 {text-transform: uppercase;font-size: 32px;}
.newOra .pricingTitle h2 {font-size: 50px;}
.newOra .output {margin-top: 30px;}
.colour-table-title {text-align: center;margin: 0 0 60px;}

@media only screen and (max-width:1366px) {
.newOra #green .container {padding: 30px;}}

@media only screen and (max-width:1050px) { 
.newOra .pricingContainer {padding: 0 0px;}
.newOra .twoColumns {margin: 50px 0;}
.newOra span.Typewriter__wrapper {font-size: 100px;line-height: inherit;margin-bottom: 50px;}
.newOra .home-info-title h2 {margin: 0 0 30px;font-size: 40px;line-height: unset;}
.newOra #green .container {align-items: center;}
.newOra .twoColumns .container {padding: 0;}
.newOra span.Typewriter__wrapper {font-size: 100px;line-height: inherit;margin-bottom: 50px;}
.newOra div#loadshedding .container, .newOra #green .container {padding: 0;}
.newOra #loadshedding {padding: 20px 0 0 80px;}
.newOra .home-info-image img {object-fit: cover;}}

@media only screen and (max-width:834px) {
div#green {margin-bottom: 60px;}
.newOra #green .home-info-title {padding: 50px 0 50px 15px;}
.newOra span.Typewriter__wrapper {line-height: 1.2;}
.newOra #green .home-info-title {padding: 0px 0 0px 50px;}
.newOra #green .container {padding: 0;}
.twoColumnsImg {margin-top: 50px;}
.newOra .home-info-image img {object-fit: cover;}
.newOra #loadshedding h2 {font-size: 50px;}
.newOra .twoColumnsImg {margin-top: 50px;}
.newOra .home-info-title h2 {font-size: 25px;line-height: inherit;margin: 20px 0;}
.newOra #green .container {padding: 0 80px;}
.newOra #green .home-info-title {padding: 30px 0 30px 17px;}}

@media only screen and (max-width:768px) {
.newOra div#loadshedding .container, .newOra #green .container {flex-direction: column;}
.newOra .home-info-image {position: relative;width: 100%;}
.newOra .home-info-title.light {width: 100%;}
.newOra .home-info-title h2 {max-width: 100%;margin: 0;}
.newOra .home-info-title p {max-width: 100%;margin-bottom: 0;}
.newOra #loadshedding p, .newOra .home-info-container {margin-bottom: 100px;}
.newOra #green .home-info-title {padding: 100px 10px;}}

@media only screen and (max-width: 480px) {
.newOra .pricingContainer {padding: 0;}
.newOra #loadshedding {padding: 20px;}
.newOra #green .container {padding: 0;}
.newOra .swiperWrapper.gallery {padding: 0;margin-bottom: 20px;}
.newOra .twoColumnsImg, .newOra #loadshedding {padding: 0;}
.newOra h1 {font-size: 35px;}
.newOra .colour-table-container.container {margin-bottom: 50px;}
.newOra .home-info-title.light {padding: 0 10px;}
.newOra #green .container {padding: 0 0px;}
.newOra #green .home-info-title {padding: 0 30px 30px;}
.newOra .home-info-container .container.home-info-title {padding: 0 30px;}
.newOra .home-info-container {padding: 20px 0 40px;}
.newOra .twoColumns {margin: 30px 0;}
.newOra .twoColumns .container {padding: 0;}
.newOra .twoColumnsContent {padding: 0;margin-bottom: 0px;}
.newOra span.Typewriter__wrapper {font-size: 45px;line-height: normal;margin-bottom: 30px;}
.newOra .pricingContainer {text-align: center;margin-bottom: 30px;}
.newOra .faq-dropdown-btn.faq-dropdown {padding: 30px 0;}
.newOra .home-info-title h2 {font-size: 30px;line-height: normal;margin-bottom: 30px;}
.newOra #loadshedding p, .newOra .home-info-container {margin-bottom: 30px;}
.newOra .home-info-image, .newOra .home-info-image img {height: unset;}
.newOra div#loadshedding .container, .newOra #green .container {padding: 0;}
.newOra #green .home-info-title p {max-width: 100%;}
.newOra #green .home-info-title {padding: 30px;}
.newOra .panel-collapse .panel-body {font-size: 13px;}
.newOra .panel.panel-default a {font-size: 20px;}
.newOra .pricingTitle h3 {font-size: 20px;}
.newOra .pricingTitle h2 {font-size: 40px;}}
.tank .newTank300 span, .tank .newTank300 h1 {position: absolute;z-index: 9;color: #fff;text-align: center;}
.tank .newTank300 span {margin-top: 100px;border: 1px solid #fff;font-size: 13px;}
.tank .newTank300 h1 {margin-top: 150px;width: 30%;display: block;font-size: 56px;}
.tank .tank300 {background-color: #0f101b;padding: 196px 0 100px;}
.tank .bg-img img {position: absolute;z-index: 10;right: 30%;bottom: 260px;will-change: transform;width: 50%;}
.tank .intro_our-goal-image__WrRe1 {max-width: 458px;margin: 80px -30px 88px auto;}
.tank .intro_our-goal-content__s1O9y {position: relative;z-index: 20;}
.tank .bg-img {position: absolute;left: 0;right: 0;margin: 0 auto;}
.tank .swiper {width: 100%;height: 100%;}
.tank .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.tank .swiper {/* width: 100%; */height: fit-content;/* margin-left: auto; *//* margin-right: auto; */;}
.tank  .swiper-slide {background-size: cover;background-position: center;}
.tank .mySwiper2 {height: 80%;width: 100%;}
.tank  .mySwiper {/* height: 20%; *//* box-sizing: border-box; *//* padding: 10px 0; */;}
.tank .mySwiper .swiper-slide {/* width: 25%; *//* height: 100%; */;}
.tank   .mySwiper .swiper-slide-thumb-active {/* opacity: 1; */;}
.tank .swiper-free-mode>.swiper-wrapper {justify-content: center;}
.tank .newTank300 {height: 100%;position: relative;width: 100%;display: flex;justify-content: center;}
.tank .swiper.mySwiper.swiper-initialized.swiper-horizontal.swiper-free-mode.swiper-watch-progress.swiper-backface-hidden.swiper-thumbs {/* position: absolute; *//* bottom: 10px; */;}
.tank .swiper-thumbs .swiper-wrapper .swiper-slide {display: flex;align-items: center;justify-content: center;/* width: 140px !important; *//* height: 140px; */overflow: hidden;border-radius: 50%;object-fit: contain;transition: opacity .5s cubic-bezier(.73,.29,0,1);}
.tank .swiper-thumbs .swiper-wrapper .swiper-slide img {width: 100%;height: unset;}
.tank  .tankInvasionContent {position: absolute;color: #fff;display: flex;flex-direction: column;justify-content: center;}
.tank .tankInvasionContent span {border: 1px solid #fff;display: block;width: fit-content;margin: 100px auto 0;padding: 0 5px;}
.tank .tankInvasion {width: 100%;text-align: center;display: flex;justify-content: center;}
.tank .tankInvasionContent h1 {text-transform: uppercase;margin-top: 60px;width: 480px;font-size: 56px;}
.tank .sophistication, .tank .power {padding: 6rem 0;}
.tank .collapse tr td {padding: 20px;}
.tank .characteristics-item:first-child {border-top: 0;}
.tank .characteristics-item {display: flex;align-items: center;padding: 26px 0 38px;border-top: 1px solid hsla(235,5%,54%,.45);}
.tank .characteristics-icon {flex: 0 0 60px;max-width: 60px;padding-right: 20px;padding-top: 4px;}
.tank .characteristics-title {padding-top: 2px;font-size: 18px;letter-spacing: .9px;}
.tank .characteristics-value {flex-grow: 1;text-align: right;padding-left: 20px;font-size: 42px;font-weight: 700;}
.tank .characteristics-icon i:before {font-family: "Font Awesome 5 Free";font-weight: bold;}
.tank div#headingOne, .tank div#headingTwo {border: 0 !important;}
.tank div#headingOne button {color: #fff;}
.tank div#headingTwo button {color: #000;width: 15%;border: 1px solid #000;border-radius: 0;padding: 20px;}
.tank .card-header {border-radius: 0;padding: 0;}
.tank div#headingOne button {background-color: #000;color: #fff;width: 15%;border: 1px solid #000;border-radius: 0;padding: 20px;margin-bottom: 10px;}
.tank .card {border: 0;}
.tank div#headingOne, .tank div#headingTwo {border: 0 !important;}
.tank div#headingOne button {color: #fff;}
.tank div#headingTwo button {color: #000;border: 1px solid #000;border-radius: 0;padding: 20px;}
.tank .card-header {border-radius: 0;padding: 0;}
.tank div#headingOne h5 button {background-color: #000;color: #fff;border: 1px solid #000;border-radius: 0;padding: 20px;min-width: 300px;}
.tank .card {border: 0;}
.tank div#headingOne {display: flex;justify-content: space-around;}
.tank div#headingTwo button {background-color: #fff !important;color: #000 !important;}
.tank div#headingOne button {width: 100%;}
.tank .newTank300 .swiper:after {content: '';position: absolute;width: 100%;height: 50%;background: linear-gradient(180deg,#00000069,transparent);z-index: 1;top: 0;}
.tank .swiper-thumbs:after {display: none;}
.tank div#headingOne h5 button:hover {text-decoration: none;}
.tank {background-color: #f2f2f3;}

@media only screen and (max-width:1280px) {
.tank .bg-img img {width: 50%;}
.tank .swiper-thumbs .swiper-wrapper .swiper-slide {width: 120px !important;height: 120px;}}

@media only screen and (max-width:768px) {
.tank .tank300 {padding: 0;}
.tank .newTank300 h1 {margin-top: 40px;font-size: 26px;}
.tank .newTank300 span {margin-top: 20px;}
.tank .swiper-thumbs .swiper-wrapper .swiper-slide img {width: 70%;}
.tank .swiper-thumbs .swiper-wrapper .swiper-slide {width: 70px !important;height: 70px;}}

@media only screen and (max-width:1200px) {
.tank .intro_our-goal-image__WrRe1 img {width: 100%;height: auto;}
.tank .intro_our-goal-image__WrRe1 {max-width: 275px;margin-left: 0;margin-bottom: 160px;}
.tank .tank300 {padding: 100px 0 50px;}
.tank .intro_our-goal-content__s1O9y {max-width: 325px;margin-bottom: 195px;}
.tank .newTank300 span {margin-top: 50px;}
.tank .newTank300 h1 {margin-top: 90px;width: 30%;}
.tank .newTank300 .swiper:after {content: '';position: absolute;width: 100%;height: 50%;background: linear-gradient(180deg,#00000069,transparent);z-index: 1;top: 0;}
.tank .swiper-thumbs:after {display: none;}
.tank .newTank300 span {margin-top: 50px;}
.tank .newTank300 h1 {margin-top: 90px;width: 30%;}
.tankFeatures img {width: 100%;margin-top: 30px;}
.sophisticationContent, .powerContent {margin: 50px 0;}
.tank .sophistication, .tank .power {padding: unset;}}

@media only screen and (max-width:991px) {
.tank .swiper-thumbs .swiper-wrapper .swiper-slide {width: 50px !important;height: 50px;}
.tank .newTank300 h1 {font-size: 30px;}
.tank .characteristics-value {font-size: 20px;}}

@media only screen and (max-width:767px) {
.intro_our-goal-image__WrRe1 {max-width: 157px;margin-bottom: 47px;margin-left: 0;}
.tank .tank300 {padding: 50px;}
.tank .tank300 .col-12 {justify-content: center;display: flex;}
.tank .intro_our-goal-image__WrRe1, .tank .intro_our-goal-content__s1O9y {max-width: 80%;margin: 0 0 50px;}
.tank .bg-img {position: relative;text-align: center;}
.tank .bg-img img {position: unset;border: unset;right: unset;}
.tank div#headingOne {flex-direction: column;}}

@media only screen and (max-width:420px) {
.tank .bg-img img {width: 70%;}
.tank .tankInvasionContent {display: none;}
.tank .tank300 .col-12:first-child {order: 2;}
.tank .tankInvasionContent h1 {font-size: unset;width: unset;margin: 0px;}
.tank .tankInvasionContent span {display: inline-block;margin: 20px;}
.tank .swiper-button-next:after, .tank .swiper-button-prev:after {font-size: 20px !important;}
.tank .newTank300 h1 {font-size: unset;margin-top: 50px;}
.tank .newTank300 span {margin-top: 20px;}
.tank .swiper-thumbs .swiper-wrapper .swiper-slide {width: 20px !important;height: 20px;}}
.newOra .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.newOra .swiper-button-next, .newOra .swiper-button-prev {display: none;}

@media only screen and (max-width:375px) {
#info-buttons-Haval1, #info-buttons-Haval3, #info-buttons-Haval2 {flex-direction: column;}
#info-buttons-Haval1 .col-4, #info-buttons-Haval3 .col-4, #info-buttons-Haval2 .col-4 {max-width: 100%;}
.FinanceCalc-expanded .form-group.vsfin, .FinanceCalc-expanded .irs {height: unset !important;}}
.tankSwiper {position: relative;}
.tank300Heading {position: absolute;z-index: 2;left: 0;right: 0;color: #fff;text-align: center;}
span.subTitle {display: inline-block;vertical-align: top;margin-bottom: 24px;padding: 1px 5px 2px;font-size: 13px;line-height: 1.385;letter-spacing: .7px;text-transform: uppercase;border: 1.5px solid #fff;width: fit-content;}
span.tankTitle {font-size: 56px;line-height: 1.143;font-weight: 700;text-transform: uppercase;color: hsla(0, 0%, 100%, .9);}
.tankWrapper {padding-top: 96px;display: flex;flex-direction: column;align-items: center;}
.tankSwiper .swiper-button-next, .tankSwiper  .swiper-button-prev {color: #fff;}
.tankThumbSwiper {position: absolute;z-index: 1;left: 0;right: 0;/* bottom: 5%; */display: flex;align-items: flex-start;justify-content: center;margin-top: -10%;}
.tankThumbSwiper .swiper-slide {opacity: .3;display: flex;align-items: center;justify-content: center;width: 96px !important;height: 96px;overflow: hidden;border-radius: 50%;transition: opacity .5s cubic-bezier(.73,.29,0,1);will-change: opacity;}
.tankThumbSwiper .swiper-slide img {display: block;width: 100%;height: auto;}
.tankThumbSwiper .swiper-slide.swiper-slide-thumb-active {opacity: 1;}
.tankThumbSwiper .swiper-wrapper {justify-content: center;}

@media only screen and (max-width:378px) {
span.tankTitle {font-size: 18px;}
span.subTitle {font-size: 10px;margin-bottom: 10px;}
.tank .swiper-thumbs .swiper-wrapper .swiper-slide {width: 50px !important;height: 50px;}
.tank .swiper-thumbs .swiper-wrapper .swiper-slide img {width: 100%;object-fit: contain;min-height: unset;}
.tankThumbSwiper {margin-top: -16%;}
.tankSwiper  img {min-height: unset;}
.tankWrapper {padding-top: 10px;}
div#info-buttons-Haval1 {flex-direction: column;}
div#info-buttons-Haval1 .col-4 {max-width: 100%;}}

/* btns fix */
@media (max-width: 1024px) {
   #info-buttons-GWMNew .col-4.col-sm-3.col-md-2 {
      flex: 0 0 50%;
      max-width: 50%;
	}
}