@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');



*{

    margin: 0px;

    padding: 0px;

    box-sizing: border-box;

    font-family: "Montserrat", sans-serif;

}

h1,h2,h3,h4,h5,h6,p {

    margin: 0px !important;

}

a:hover{

    text-decoration: none !important;

}

a{

    text-decoration: none !important;

}

.ct-container{

    width: 100%;

    padding-left: 15px;

    padding-right: 15px;

    margin-left: auto;

    margin-right: auto;

}



.ct-main-select-bg{

    background-color: #000000;

    border-radius: 50px;

    padding: 25px 0px;

}



.ct-main-select-bg-shortcode{

    background-color: #a5c1ff;

    border-radius: 50px;

    padding: 25px 0px;

}



.ct-select-title{

    font-size: 26px;

    color: #E1071B;

    font-weight: 700;

    text-align: center;

}

.ct-main-heading{

    font-size: 32px;

}

.ct-container picture img{

    width: 100%;

    object-fit: cover;

    display: block;

    border-radius:10px;

    -webkit-border-radius:10px;

    -moz-border-radius:10px;

    -ms-border-radius:10px;

    -o-border-radius:10px;

}

.ct-car-name{

    color: #000000;

    margin-top: 15px;

    text-align: center;

    text-decoration: none;

    font-size: 14px !important;

    font-weight: bold;

}

.ct-car-name:hover{

    color: #E1071B;

}

.ct-selectdiv {

    position: relative;

    float: right;

    margin-top: 14px;

    height: 45px;

    font-size: 12px;

    padding: 5px;

    width: 97%;

    border-radius: 40px;

    padding-left: 30px;

    background: white;

    border: none;

}

.ct-select-items-car{

    display: flex;

    gap: 20px;

    align-items: center;

    margin: 0px 22px;

}
.ct-layout-vertical .ct-main-select-bg-shortcode {
    max-width: 500px;
    margin: 0 auto;
}

.ct-layout-vertical .ct-submit-button,
.ct-layout-vertical .ct-submit-button button {
    width: 100%;
}

.ct-layout-vertical .ct-select-items-car {
    flex-direction: column;
    position: relative;
    gap: 0px;
}

.ct-layout-horizontal .ct-select-items-car {
    flex-direction: row;
    gap: 20px;
}

.ct-select-make, .ct-select-model, .ct-select-fuel, .ct-select-variant{

    flex-grow: 1;

    width: 100%;

}

.ct-select-items-car .form-group .form-control,
.ct-select-items-car .ct-form-group .ct-form-control {

    width: 100% !important;

    border-radius: 40px !important;

    padding-left: 20px !important;

    border: none !important;

    font-size: 12px !important;

    height: 45px !important;

    margin-bottom: 0px !important;

}



.ct-select-items-car .form-group{

    margin-bottom: 0px;

}

.ct-submit-button button{

    width: 159px;

    height: 48px;

    border-radius: 50px;

    border: 0 !important;

    color: white;

    font-size: 16px;

    background: linear-gradient(90deg, rgb(197, 197, 197) 0%, rgb(101, 101, 101) 100%);

}



.ct-submit-button-active button{

    width: 159px;

    height: 48px;

    border-radius: 50px;

    border: 0 !important;

    color: white;

    font-size: 16px;

    background: linear-gradient(90deg, rgb(255, 98, 104) 0%, rgb(237, 28, 36) 100%) !important;

    box-shadow: 0px 3px 0px 0px rgb(178, 19, 25);

}



.ct-select-disabled{

    background: #a5a5a5 !important;

    pointer-events: none;

}

.ct-select-active-menu{

    background: linear-gradient(to bottom, #ffce30 50%, #ffc52c 51%) !important;

}

.ct-container .form-group {

    position: relative;

}

.ct-container .ct-custom-arrow-select {

    width: 100%;

    padding-right: 30px;

    appearance: none; 

    position: relative;

    border: 1px solid #ccc;

    padding: 10px;

    cursor: pointer;

}
.ct-form-group {
  position: relative;
}

.ct-custom-arrow-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 40px; /* Make space for the arrow */
}

.ct-form-group::after {
  content: "\f107";
  font-family: "FontAwesome";
  font-weight: 900;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  font-size: 16px;
  color: red;
}

.ct-container .form-group::after,
.ct-container .ct-form-group::after {

    content: "\f107"; 

    font-family: "FontAwesome"; 

    font-weight: 900; 

    position: absolute;

    right: 20px; 

    top: 50%;

    transform: translateY(-50%); 

    pointer-events: none;

    font-size: 16px;

    color: red; 

}

.ct-fuel-container .ct-fuel-row{

    max-width: 500px;

    width: 100%;

    margin: 0px auto;

}

.ct-fuel-container .ct-fuel-row .fuel{

    text-align: center;

    font-weight: bold;

    font-size: 0.875rem;

    margin-top: 15px;

    color: #333333;

    text-transform: uppercase;

}



.ct-fuel-back-link{

    background: linear-gradient(90deg, rgb(255, 98, 104) 0%, rgb(237, 28, 36) 100%);

    width: 159px;

    height: 48px;

    border-radius: 50px;

    border: 0 !important;

    color: #ffffff;

    font-size: 16px;

    display: inline-block;

    text-align: center;

    padding-top: 13px;

}

.ct-fuel-back-link:hover{

    background: linear-gradient(90deg, rgb(248, 65, 72) 0%, rgb(193, 0, 7) 100%);

}

.ct-fuel-details .ct-fuel-details-row .ct-variant-name .ct-variant-select-heading{

    background: #545454;

    background: linear-gradient(to bottom, #545454 50%, #4f4f4f 51%);

    border-color: #333;

    font-weight: 700;

    text-shadow: 0px -1px #000000;

    color: #ffffff !important;

    text-align: center;

    padding: 10px !important;

    font-size: 18px !important;

    border-radius: 10px;

    text-decoration: none;

}



.ct-fuel-details .ct-fuel-details-row .ct-variant-name:hover .ct-variant-select-heading{

    background: linear-gradient(to bottom, #df0404 50%, #c80101 52%);

    color: #ffffff;

}



/* main {

    max-width: 1200px !important;

    margin: 0 auto !important;

} */



.ct-container .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {

    max-width: none !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

}



/* Details Page CSS Start */

.ct-container .details-section picture .ct-section-top-logo{

    width: 32px;

    height: 32px;

    margin: 0px auto;

}



.ct-container .details-section .ct-car-name{

    font-size: 48px;

    font-weight: bold;

    text-transform: uppercase;

    color: #000000;

    margin-bottom: -5px;

}

.ct-container .details-section .ct-car-model{

    color: #E1071B;

    font-size: 48px;

    font-weight: bold;

    margin-bottom: 0px;

}

.ct-container .details-section .ct-car-feature {

    font-size: 16px;

    font-weight: bold;

    

}



.ct-car-details{

    /* background-image: url(../images/news-bg-1024x617-1.jpg); */

    background-repeat: no-repeat;

    background-size: 825px;

    background-position: 495px -2px;

}

.ct-image-section-part{

    max-width: 570px;

    height: 395px;

    

}

.ct-image-section-part img{

    width: 100%;

    height: 100%;

    object-fit: cover;

    border-top-left-radius: 10px !important;

    border-top-right-radius: 10px !important;

    border-bottom-left-radius: 0px !important;

    border-bottom-right-radius: 0px !important;

}



.ct-car-feature-detail{

    background-color: #ffffff;

    border-bottom-left-radius: 10px;

    border-bottom-right-radius: 10px;

    padding: 20px;

}

.ct-car-feature-detail .ct-heading-name{

    font-size: 12px;

    color: #000;

}

.ct-car-feature-detail .ct-details-name{

    color: #E30613;

    padding: 0px;

    letter-spacing: 1px;

    font-size: 14px;

    font-weight: bold;

}

.ct-car-row{

    position: relative;

}

.ct-car-row::after{

    background: #E0E0E0;

    width: 100%;

    height: 1px;

    text-align: center;

    content: "";

    display: inline-block;

    bottom: 0;

    position: absolute;

}



.ct-performance-stage-container {

    /* background-image: url(../images/perf-stage-bg.jpg) ; */

    background-repeat: no-repeat;

    background-position: 298px -134px;

    background-color: #f9f9f9;

}



.ct-container .stageButton {

    background: transparent;

    color: #000;

    border: none;

    font-size: 18px;

    float: left;

    font-weight: bold;

    cursor: pointer;

}

.ct-container .stageButton:hover{

    color: #E1071B;

}

.ct-container .defaultClass {

    color: #E1071B !important;

    border-bottom: 2px solid #E1071B;

    font-weight: bold;

}

.red-gradient {

    background: linear-gradient(90deg, rgb(255, 98, 104) 0%, rgb(237, 28, 36) 100%) !important;

}

.large-show-button {

    width: 159px;

    font-size: 14px;

    border-radius: 50px;

    height: 48px;

    letter-spacing: 0em;

    font-weight: 500;

    border: 0 !important;

}

.large-show-button-request{

    width: 221px;

    font-size: 14px;

    border-radius: 50px;

    height: 48px;

    letter-spacing: 0em;

    font-weight: 500;

    border: 0 !important;

    display: flex;

    align-items: center;

}

.ct-container .fa-comment {

    float: right;

    font-size: 25px !important;

    margin-top: -3px;

    padding: 0;

    padding-left: 12px;

    padding-top: 2%;

}





 .red-gradient:hover {

    background: linear-gradient(to bottom, #df0404 50%, #c80101 52%);

}

.ct-performance-stage-container .vert-header {

    /* width: 95px; */

    font-size: 16px;

    justify-content: center;

    flex-direction: row;

    text-align: center;

}

.ct-performance-stage-container .statWrap {

    height: 230px;

}



.ct-performance-stage-container .statWrap h6 {

    padding-top: 20px !important;

    font-size: 14px !important;

    color: #000;

}

.ct-performance-stage-container .progress {

    background: none;

    background: transparent !important;

    display: block;

    position: relative;

    height: 160px !important;

    width: 160px !important;

    margin: 0 auto;

    float: none !important;

    box-shadow: none !important;

}

.ct-container .progress {

    display: -ms-flexbox;

    display: flex;

    height: 1rem;

    overflow: hidden;

    font-size: .75rem;

    background-color: #e9ecef;

    border-radius: .25rem;

}

.ct-performance-stage-container .progress .back {

    border-radius: 50%;

    border: 6px solid #f2f2f2;

    display: inline-block;

    position: absolute;

    width: 160px;

    height: 160px;

    top: 0px;

    left: 0px;

}

.ct-performance-stage-container .progress .back-green {

    top: 10px;

    left: 10px;

    width: 140px;

    height: 140px;

}

.ct-performance-stage-container .progress .back-black {

    top: 20px;

    left: 20px;

    width: 120px;

    height: 120px;

}



.ct-performance-stage-container .progress .back-red {

    width: 100px;

    height: 100px;

    top: 30px;

    left: 30px;

}

.ct-performance-stage-container .progress .chartActive {

    background-image: linear-gradient(white, white), linear-gradient(180deg, rgb(255, 130, 137) 0%, rgb(237, 28, 36) 100%);

    background-origin: border-box;

    background-clip: content-box, border-box;

    border: 6px solid transparent;

}



.ct-performance-stage-container .progress .back-centre {

    position: absolute;

    top: 50px;

    left: 42px;

    width: 75px;

    height: 75px;

    border-radius: 50%;

}

.ct-performance-stage-container .rs-control .rs-path-color {

    background-color: #f2f2f2;

}

.ct-performance-stage-container .back-centre p {

    font-size: 14px;

    color: #000;

}

.ct-performance-stage-container .carStatValues {

    font-size: 24px;

    margin-top: 15px;

    display: block;

    color: #E30613;

    font-weight: bold;

}



.ct-performance-stage-container .statWrap {

    height: 230px;

}

.ct-performance-stage-container .progress {

    background: none;

    background: transparent !important;

    display: block;

    position: relative;

    height: 160px !important;

    width: 160px !important;

    margin: 0 auto;

    top: 20px;

}

.ct-container .rs-readonly {

    top: 6px;

    position: relative !important;

    z-index: 100;

    margin: 0 auto;

}

.ct-container .rs-split .rs-path {

    border-radius: 1000px 1000px 0 0;

    overflow: hidden;

    height: 50%;

    position: absolute;

    top: 0;

    z-index: 2;

}



.ct-container .rs-split .rs-path {

    border-radius: 1000px 1000px 0 0;

    overflow: hidden;

    height: 50%;

    position: absolute;

    top: 0;

    z-index: 2;

}



.ct-container .rs-block .rs-inner {

    border-radius: 1000px;

    display: block;

    height: 100%;

    width: 100%;

    position: relative;

}

.ct-container .rs-control .rs-range-color {

    background: rgb(255, 130, 137);

    background: linear-gradient(90deg, rgb(255, 130, 137) 0%, rgb(237, 28, 36) 100%);

}

.ct-container .differenceValue .back-center {

    position: absolute;

    top: 33%;

    left: 32%;

    z-index: 99;

    width: 50px;

}

.ct-container .rs-handle{

    display: none;

}

.ct-performance-stage-container .statWrap {

    height: 230px;

}



.ct-performance-stage-container .statWrap h6 {

    padding-top: 20px !important;

    font-size: 14px !important;

    color: #000;

}



.ct-performance-stage-container .gaugeCircle {

    background: #fff;

    position: relative;

    width: 150px;

    height: 150px;

    top: 20px;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto;

    border: 6px solid #f2f2f2;

}

.ct-performance-stage-container .rectContainer {

    height: 70px;

    margin-top: 30px;

    margin-left: 10px;

}

.ct-performance-stage-container .gaugeCircle .carStatValues {

    margin-top: 10px;

}





.ct-performance-stage-container .rectActive {

    background: rgb(255, 130, 137);

    background: linear-gradient(90deg, rgb(255, 130, 137) 0%, rgb(237, 28, 36) 100%);

}



.ct-performance-stage-container .rect {

    height: 100px;

    width: 7px;

    background-color: #f2f2f2;

    display: block;

    margin-left: 5px;

    float: left;

    border-radius: 15px;

}

.ct-performance-stage-container .rect:nth-child(2) {

    margin-top: -5px;

}

.ct-performance-stage-container .rect:nth-child(3) {

    margin-top: -10px;

}

.ct-performance-stage-container .rect:nth-child(4) {

    margin-top: -15px;

}

.ct-performance-stage-container .rect:nth-child(5) {

    margin-top: -20px;

}



.ct-performance-stage-container .rect:nth-child(6) {

    margin-top: -25px;

}



.ct-performance-stage-container .rect:nth-child(7) {

    margin-top: -30px;

}



.ct-performance-stage-container .rect:nth-child(8) {

    margin-top: -35px;

}



.ct-performance-stage-container .rect:nth-child(9) {

    margin-top: -40px;

}



.ct-performance-stage-container .rect:nth-child(10) {

    margin-top: -45px;

}



.ct-container .stageNotes h4 {

    font-size: 16px;

    color: #E30613;

    font-weight: 500;

}



.ct-container .stageNotes p {

    font-size: 14px;

    color: #000;

    margin-bottom: 0px;

}



.ct-container .performance-stages-buttons {

    float: right;

    margin-left: 15px;

    width: auto;

    height: 48px;

    background: white;

    border: 0;

    border-radius: 54px;

    box-shadow: 0px 3px 0px 0px #bebebe;

    color: black;

    -webkit-box-shadow: 0px 3px 0px 0px #bebebe;

    font-weight: 500;

    font-size: 12px;

    margin-top: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    padding-right: 16px !important;

}



.ct-container .performance-stages-buttons i {

    font-size: 24px;

    color: #E30613;

    margin-right: 10px;

    float: left;

    margin-left: 10px;

}

.ct-container .performance-stages-button-text {

    float: left;

    margin-bottom: 0 !important;

}



.ct-modal-container{

    opacity: 1 !important;

}



.ct-chart-container{

    opacity: 1 !important;

}



.ct-modal-container .requestContain h3,  

.ct-modal-container .testimonialContain h3 {

    font-size: 12px;

}

.ct-modal-container .fake-select {

    width: 100%;

    border-radius: 50px;

    display: block;

    background: white;

    overflow: hidden;

    border: 1px solid #ccc;

    -webkit-border-radius: 50px;

    -moz-border-radius: 50px;

    -ms-border-radius: 50px;

    -o-border-radius: 50px;

}



.ct-modal-container .requestContain select,

.ct-modal-container .testimonialContain select {

    height: 45px !important;

    width: 97% !important;

    padding-left: 20px !important;

    font-size: 13px !important;

    font-weight: bold !important;

    border: none !important;

    border-radius: 50px !important;

    color: #000 !important;

    box-sizing: border-box !important;

    background-color: #ffffff !important;

    -webkit-border-radius: 50px !important;

    -moz-border-radius: 50px !important;

    -ms-border-radius: 50px !important;

    -o-border-radius: 50px !important;

    margin-bottom: 0px !important;

}



.ct-modal-container label.control.control--checkbox {

    border-radius: 50px;

    background: white;

    border: none;

    color: #E30613;

    font-weight: bold !important;

    width: 153px;

    float: left;

    padding: 14px !important;

    position: relative;

    text-align: center;

    margin-right: 15px;

    margin-bottom: 15px;

    border: 1px solid #ccc;

    font-size: 11px;

    cursor: pointer;

}

.ct-modal-container label.control.control--checkbox input{

    display: none !important;;

}

.ct-modal-container .requestContain .control--checkbox .tuningValue, 

.ct-modal-container .testimonialContain .control--checkbox .tuningValue {

    font-size: 12px !important;

    display: block;

    margin-top: 4px;

}



.ct-modal-container .label.control.control--checkbox input {

    display: none;

}



.ct-modal-container .checked {

    color: white !important;

    background: #28a745 !important;

}



.ct-modal-container .nav-tabs {

    border: 0 !important;

}



.ct-modal-container .request-nav .nav-item {

    font-size: 12px;

    font-weight: bold;

}



.ct-modal-container .nav-link.active {

    color: #E1071B !important;

    background-color: #f9f9f9 !important;

    border: 0 !important;

    font-weight: 500;

    padding-bottom: 5px;

    border-bottom: solid #E1071B !important;

    border-width: 0 1px;

}





.ct-modal-container .nav-tabs .nav-link:hover {

    border: 0 !important;

    color: #E1071B;

}



.ct-modal-container .nav-tabs .nav-link {

    color: black;

    font-weight: 500;

    border: 0px;

}



.ct-modal-container .show-button,

.ct-container .show-button {

    width: 159px;

    height: 42px;

    border-radius: 50px;

    border: 0 !important;

    text-align: center;

    color: #ffffff;

    font-size: 16px;

    text-decoration: none !important;

}





.ct-modal-container .requestContain p, 

.ct-modal-container .testimonialContain p {

    font-size: 12px !important;

    margin-bottom: 5px;

    margin-top: 10px;

    font-weight: 500;

    color: black;

    padding-left: 15px;

}





.ct-modal-container .requestContain input[type=text], 

.ct-modal-container .testimonialContain input[type=text] {

    height: 45px;

    border: none;

    width: 100%;

    padding: 15px;

    font-size: 14px;

    border-radius: 50px !important;

    border: 1px solid #ccc;

}





.ct-modal-container .postcodeSubmit {

    float: right;

    background: transparent;

    height: 45px;

    width: 32px;

    border: none;

    color: black;

    font-size: 18px;

    margin-left: -51px;

}



.ct-modal-container .requestContain .postcode, 

 .ct-modal-container .testimonialContain .postcode {

    float: left;

}



.ct-modal-container .postcodeSubmit .fa-search {

    margin-left: -4px;

    display: block;

    margin-top: 0;

}



.ct-modal-container .agreement-block {

    font-size: 12px;

}

.ct-modal-container .ct-checkbox-cursor {

    cursor: pointer;

}



.ct-additional-options-container {

    /* background-image: url(../images/news-bg.png); */

    background-size: 825px;

    background-repeat: no-repeat;

    background-position: 230px -213px;

    min-height: 285px;

}

.ct-images{

    margin: 0px auto;

}

.ct-additional-options-container img{

    width: 100px;

    margin: 10px;

}





.ct-container .black-gradient {

    background: linear-gradient(90deg, rgb(84, 84, 84) 0%, rgb(0, 0, 0) 100%);

}





.ct-modal-container .requestContain textarea, 

.ct-modal-container .testimonialContain textarea {

    border-radius: 15px;

    border: 1px solid #ccc;

    width: 250px;

}





.ct-additionalComments {

    font-size: 14px;

    height: 260px;

    width: 98% !important;

}





.ct-container .btn-height,

.ct-modal-container .btn-height{

    height: 42px;

    font-size: 16px;

}





.ct-modal-container select:focus,

.ct-container select:focus{

    outline: none;

}



.ct-loader {

    height: 20px;

    font-weight: bold;

    color: #E1071B;

}



.ct-show-error{

    color: red !important;

    display: block !important;

}



.ct-wrapper {

    display: block;

    position: relative;

    height: 160px !important;

    width: 160px !important;

    margin: 0 auto;

    top: 20px;

}

.ct-wrapper .card {

    border: unset !important;

    width: 150px;

}



.ct-wrapper .card .circle {

    position: relative;

    height: 150px;

    width: 150px;

    border-radius: 50%;

    cursor: default;

}







.ct-wrapper .card .circle .box,

.ct-wrapper .card .circle .box span {

    position: absolute;

    top: 48%;

    left: 50%;

}



.ct-wrapper .card .circle .box {

    height: 100%;

    width: 100%;

    background: #fff;

    border-radius: 50%;

    transform: translate(-50%, -50%) scale(0.8);

    transition: all 0.2s;

}



.ct-wrapper .circle .box span {

    font-size: 38px;

    font-family: sans-serif;

    font-weight: 600;

    transform: translate(-45%, -45%);

    transition: all 0.1s;

    color: #E30613;

}   



.ct-wrapper .card .text {

    font-size: 20px;

    font-weight: 600;

}



.ct-torque-heading{

    position:absolute; 

    top:50%;

}



.ct-diff{

    position: absolute;

    top: 65%;

    left: 50%;

    font-size: 16px;

    font-weight: 600;

    transform: translate(-45%, -45%);

    transition: all 0.1s;

    font-weight: 400;

}

.ct-power-header{

    position:absolute !important; 

    top:50%;

}

.ct-button #back-button{

    display: inline-block;

    padding-top: 7px;

}

@media(max-width: 753px) {

    .ct-wrapper {

        max-width: 700px;

    }



    .ct-wrapper .card {

        width: calc(50% - 20px);

        margin-bottom: 20px;

    }

}



@media(max-width: 505px) {

    .ct-wrapper {

        max-width: 500px;

    }



    .ct-wrapper .card {

        width: 100%;

    }

}

input[type="checkbox"] {

    cursor: pointer;

}



.ct-car-make-image,

.ct-car-model-image,

.ct-car-fuel-image {

    cursor: pointer;

}



/* loader css */

:root {

    --rotate: 0deg;

    --color: #000;

    --item-width: 10px;

    --item-height: 1px;

}







.ct-loader-container {

    background-color: rgba(255, 130, 137, 0.5);

    min-width: 100%; /* Full width */

    height: 100%; /* Full height */

    position: fixed; /* Fixed position to cover the viewport */

    top: 0; /* Align to the top */

    left: 0; /* Align to the left */

    z-index: 10; /* Ensure it's above other content */

    overflow: hidden; /* Prevent overflow if needed */

    padding: 20px; /* Optional padding */

}



.ct-loader-container-option {

    background-color: rgb(255 252 252 / 0%);

    min-width: 100%; /* Full width */

    height: 100%; /* Full height */

    position: absolute; /* Fixed position to cover the viewport */

    top: 0; /* Align to the top */

    left: 0; /* Align to the left */

    z-index: 10; /* Ensure it's above other content */

    overflow: hidden; /* Prevent overflow if needed */

    padding: 20px; /* Optional padding */

}





.ct-loader-container>* {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: var(--item-width);

    height: var(--item-height);

}



.ct-loader-container-option>* {

    display: block;

    position: absolute;

    top: 50%;

    left: 50%;

    width: var(--item-width);

    height: var(--item-height);

}



.ct-loader-container>*:nth-of-type(1) {

    animation: background 1s ease 0.025s infinite;

    transform: rotate(0deg) translate(30px) rotate(9deg) rotate(0deg);

}



.ct-loader-container>*:nth-of-type(2) {

    animation: background 1s ease 0.05s infinite;

    transform: rotate(9deg) translate(30px) rotate(18deg) rotate(-9deg);

}



.ct-loader-container>*:nth-of-type(3) {

    animation: background 1s ease 0.075s infinite;

    transform: rotate(18deg) translate(30px) rotate(27deg) rotate(-18deg);

}



.ct-loader-container>*:nth-of-type(4) {

    animation: background 1s ease 0.1s infinite;

    transform: rotate(27deg) translate(30px) rotate(36deg) rotate(-27deg);

}



.ct-loader-container>*:nth-of-type(5) {

    animation: background 1s ease 0.125s infinite;

    transform: rotate(36deg) translate(30px) rotate(45deg) rotate(-36deg);

}



.ct-loader-container>*:nth-of-type(6) {

    animation: background 1s ease 0.15s infinite;

    transform: rotate(45deg) translate(30px) rotate(54deg) rotate(-45deg);

}



.ct-loader-container>*:nth-of-type(7) {

    animation: background 1s ease 0.175s infinite;

    transform: rotate(54deg) translate(30px) rotate(63deg) rotate(-54deg);

}



.ct-loader-container>*:nth-of-type(8) {

    animation: background 1s ease 0.2s infinite;

    transform: rotate(63deg) translate(30px) rotate(72deg) rotate(-63deg);

}



.ct-loader-container>*:nth-of-type(9) {

    animation: background 1s ease 0.225s infinite;

    transform: rotate(72deg) translate(30px) rotate(81deg) rotate(-72deg);

}



.ct-loader-container>*:nth-of-type(10) {

    animation: background 1s ease 0.25s infinite;

    transform: rotate(81deg) translate(30px) rotate(90deg) rotate(-81deg);

}



.ct-loader-container>*:nth-of-type(11) {

    animation: background 1s ease 0.275s infinite;

    transform: rotate(90deg) translate(30px) rotate(99deg) rotate(-90deg);

}



.ct-loader-container>*:nth-of-type(12) {

    animation: background 1s ease 0.3s infinite;

    transform: rotate(99deg) translate(30px) rotate(108deg) rotate(-99deg);

}



.ct-loader-container>*:nth-of-type(13) {

    animation: background 1s ease 0.325s infinite;

    transform: rotate(108deg) translate(30px) rotate(117deg) rotate(-108deg);

}



.ct-loader-container>*:nth-of-type(14) {

    animation: background 1s ease 0.35s infinite;

    transform: rotate(117deg) translate(30px) rotate(126deg) rotate(-117deg);

}



.ct-loader-container>*:nth-of-type(15) {

    animation: background 1s ease 0.375s infinite;

    transform: rotate(126deg) translate(30px) rotate(135deg) rotate(-126deg);

}



.ct-loader-container>*:nth-of-type(16) {

    animation: background 1s ease 0.4s infinite;

    transform: rotate(135deg) translate(30px) rotate(144deg) rotate(-135deg);

}



.ct-loader-container>*:nth-of-type(17) {

    animation: background 1s ease 0.425s infinite;

    transform: rotate(144deg) translate(30px) rotate(153deg) rotate(-144deg);

}



.ct-loader-container>*:nth-of-type(18) {

    animation: background 1s ease 0.45s infinite;

    transform: rotate(153deg) translate(30px) rotate(162deg) rotate(-153deg);

}



.ct-loader-container>*:nth-of-type(19) {

    animation: background 1s ease 0.475s infinite;

    transform: rotate(162deg) translate(30px) rotate(171deg) rotate(-162deg);

}



.ct-loader-container>*:nth-of-type(20) {

    animation: background 1s ease 0.5s infinite;

    transform: rotate(171deg) translate(30px) rotate(180deg) rotate(-171deg);

}



.ct-loader-container>*:nth-of-type(21) {

    animation: background 1s ease 0.525s infinite;

    transform: rotate(180deg) translate(30px) rotate(189deg) rotate(-180deg);

}



.ct-loader-container>*:nth-of-type(22) {

    animation: background 1s ease 0.55s infinite;

    transform: rotate(189deg) translate(30px) rotate(198deg) rotate(-189deg);

}



.ct-loader-container>*:nth-of-type(23) {

    animation: background 1s ease 0.575s infinite;

    transform: rotate(198deg) translate(30px) rotate(207deg) rotate(-198deg);

}



.ct-loader-container>*:nth-of-type(24) {

    animation: background 1s ease 0.6s infinite;

    transform: rotate(207deg) translate(30px) rotate(216deg) rotate(-207deg);

}



.ct-loader-container>*:nth-of-type(25) {

    animation: background 1s ease 0.625s infinite;

    transform: rotate(216deg) translate(30px) rotate(225deg) rotate(-216deg);

}



.ct-loader-container>*:nth-of-type(26) {

    animation: background 1s ease 0.65s infinite;

    transform: rotate(225deg) translate(30px) rotate(234deg) rotate(-225deg);

}



.ct-loader-container>*:nth-of-type(27) {

    animation: background 1s ease 0.675s infinite;

    transform: rotate(234deg) translate(30px) rotate(243deg) rotate(-234deg);

}



.ct-loader-container>*:nth-of-type(28) {

    animation: background 1s ease 0.7s infinite;

    transform: rotate(243deg) translate(30px) rotate(252deg) rotate(-243deg);

}



.ct-loader-container>*:nth-of-type(29) {

    animation: background 1s ease 0.725s infinite;

    transform: rotate(252deg) translate(30px) rotate(261deg) rotate(-252deg);

}



.ct-loader-container>*:nth-of-type(30) {

    animation: background 1s ease 0.75s infinite;

    transform: rotate(261deg) translate(30px) rotate(270deg) rotate(-261deg);

}



.ct-loader-container>*:nth-of-type(31) {

    animation: background 1s ease 0.775s infinite;

    transform: rotate(270deg) translate(30px) rotate(279deg) rotate(-270deg);

}



.ct-loader-container>*:nth-of-type(32) {

    animation: background 1s ease 0.8s infinite;

    transform: rotate(279deg) translate(30px) rotate(288deg) rotate(-279deg);

}



.ct-loader-container>*:nth-of-type(33) {

    animation: background 1s ease 0.825s infinite;

    transform: rotate(288deg) translate(30px) rotate(297deg) rotate(-288deg);

}



.ct-loader-container>*:nth-of-type(34) {

    animation: background 1s ease 0.85s infinite;

    transform: rotate(297deg) translate(30px) rotate(306deg) rotate(-297deg);

}



.ct-loader-container>*:nth-of-type(35) {

    animation: background 1s ease 0.875s infinite;

    transform: rotate(306deg) translate(30px) rotate(315deg) rotate(-306deg);

}



.ct-loader-container>*:nth-of-type(36) {

    animation: background 1s ease 0.9s infinite;

    transform: rotate(315deg) translate(30px) rotate(324deg) rotate(-315deg);

}



.ct-loader-container>*:nth-of-type(37) {

    animation: background 1s ease 0.925s infinite;

    transform: rotate(324deg) translate(30px) rotate(333deg) rotate(-324deg);

}



.ct-loader-container>*:nth-of-type(38) {

    animation: background 1s ease 0.95s infinite;

    transform: rotate(333deg) translate(30px) rotate(342deg) rotate(-333deg);

}



.ct-loader-container>*:nth-of-type(39) {

    animation: background 1s ease 0.975s infinite;

    transform: rotate(342deg) translate(30px) rotate(351deg) rotate(-342deg);

}



.ct-loader-container>*:nth-of-type(40) {

    animation: background 1s ease 1s infinite;

    transform: rotate(351deg) translate(30px) rotate(360deg) rotate(-351deg);

}



.ct-loader-container>div {

    transform-origin: top center;

    background: transparent;

}





.ct-loader-container-option>*:nth-of-type(1) {

    animation: background 1s ease 0.025s infinite;

    transform: rotate(0deg) translate(30px) rotate(9deg) rotate(0deg);

}



.ct-loader-container-option>*:nth-of-type(2) {

    animation: background 1s ease 0.05s infinite;

    transform: rotate(9deg) translate(30px) rotate(18deg) rotate(-9deg);

}



.ct-loader-container-option>*:nth-of-type(3) {

    animation: background 1s ease 0.075s infinite;

    transform: rotate(18deg) translate(30px) rotate(27deg) rotate(-18deg);

}



.ct-loader-container-option>*:nth-of-type(4) {

    animation: background 1s ease 0.1s infinite;

    transform: rotate(27deg) translate(30px) rotate(36deg) rotate(-27deg);

}



.ct-loader-container-option>*:nth-of-type(5) {

    animation: background 1s ease 0.125s infinite;

    transform: rotate(36deg) translate(30px) rotate(45deg) rotate(-36deg);

}



.ct-loader-container-option>*:nth-of-type(6) {

    animation: background 1s ease 0.15s infinite;

    transform: rotate(45deg) translate(30px) rotate(54deg) rotate(-45deg);

}



.ct-loader-container-option>*:nth-of-type(7) {

    animation: background 1s ease 0.175s infinite;

    transform: rotate(54deg) translate(30px) rotate(63deg) rotate(-54deg);

}



.ct-loader-container-option>*:nth-of-type(8) {

    animation: background 1s ease 0.2s infinite;

    transform: rotate(63deg) translate(30px) rotate(72deg) rotate(-63deg);

}



.ct-loader-container-option>*:nth-of-type(9) {

    animation: background 1s ease 0.225s infinite;

    transform: rotate(72deg) translate(30px) rotate(81deg) rotate(-72deg);

}



.ct-loader-container-option>*:nth-of-type(10) {

    animation: background 1s ease 0.25s infinite;

    transform: rotate(81deg) translate(30px) rotate(90deg) rotate(-81deg);

}



.ct-loader-container-option>*:nth-of-type(11) {

    animation: background 1s ease 0.275s infinite;

    transform: rotate(90deg) translate(30px) rotate(99deg) rotate(-90deg);

}



.ct-loader-container-option>*:nth-of-type(12) {

    animation: background 1s ease 0.3s infinite;

    transform: rotate(99deg) translate(30px) rotate(108deg) rotate(-99deg);

}



.ct-loader-container-option>*:nth-of-type(13) {

    animation: background 1s ease 0.325s infinite;

    transform: rotate(108deg) translate(30px) rotate(117deg) rotate(-108deg);

}



.ct-loader-container-option>*:nth-of-type(14) {

    animation: background 1s ease 0.35s infinite;

    transform: rotate(117deg) translate(30px) rotate(126deg) rotate(-117deg);

}



.ct-loader-container-option>*:nth-of-type(15) {

    animation: background 1s ease 0.375s infinite;

    transform: rotate(126deg) translate(30px) rotate(135deg) rotate(-126deg);

}



.ct-loader-container-option>*:nth-of-type(16) {

    animation: background 1s ease 0.4s infinite;

    transform: rotate(135deg) translate(30px) rotate(144deg) rotate(-135deg);

}



.ct-loader-container-option>*:nth-of-type(17) {

    animation: background 1s ease 0.425s infinite;

    transform: rotate(144deg) translate(30px) rotate(153deg) rotate(-144deg);

}



.ct-loader-container-option>*:nth-of-type(18) {

    animation: background 1s ease 0.45s infinite;

    transform: rotate(153deg) translate(30px) rotate(162deg) rotate(-153deg);

}



.ct-loader-container-option>*:nth-of-type(19) {

    animation: background 1s ease 0.475s infinite;

    transform: rotate(162deg) translate(30px) rotate(171deg) rotate(-162deg);

}



.ct-loader-container-option>*:nth-of-type(20) {

    animation: background 1s ease 0.5s infinite;

    transform: rotate(171deg) translate(30px) rotate(180deg) rotate(-171deg);

}



.ct-loader-container-option>*:nth-of-type(21) {

    animation: background 1s ease 0.525s infinite;

    transform: rotate(180deg) translate(30px) rotate(189deg) rotate(-180deg);

}



.ct-loader-container-option>*:nth-of-type(22) {

    animation: background 1s ease 0.55s infinite;

    transform: rotate(189deg) translate(30px) rotate(198deg) rotate(-189deg);

}



.ct-loader-container-option>*:nth-of-type(23) {

    animation: background 1s ease 0.575s infinite;

    transform: rotate(198deg) translate(30px) rotate(207deg) rotate(-198deg);

}



.ct-loader-container-option>*:nth-of-type(24) {

    animation: background 1s ease 0.6s infinite;

    transform: rotate(207deg) translate(30px) rotate(216deg) rotate(-207deg);

}



.ct-loader-container-option>*:nth-of-type(25) {

    animation: background 1s ease 0.625s infinite;

    transform: rotate(216deg) translate(30px) rotate(225deg) rotate(-216deg);

}



.ct-loader-container-option>*:nth-of-type(26) {

    animation: background 1s ease 0.65s infinite;

    transform: rotate(225deg) translate(30px) rotate(234deg) rotate(-225deg);

}



.ct-loader-container-option>*:nth-of-type(27) {

    animation: background 1s ease 0.675s infinite;

    transform: rotate(234deg) translate(30px) rotate(243deg) rotate(-234deg);

}



.ct-loader-container-option>*:nth-of-type(28) {

    animation: background 1s ease 0.7s infinite;

    transform: rotate(243deg) translate(30px) rotate(252deg) rotate(-243deg);

}



.ct-loader-container-option>*:nth-of-type(29) {

    animation: background 1s ease 0.725s infinite;

    transform: rotate(252deg) translate(30px) rotate(261deg) rotate(-252deg);

}



.ct-loader-container-option>*:nth-of-type(30) {

    animation: background 1s ease 0.75s infinite;

    transform: rotate(261deg) translate(30px) rotate(270deg) rotate(-261deg);

}



.ct-loader-container-option>*:nth-of-type(31) {

    animation: background 1s ease 0.775s infinite;

    transform: rotate(270deg) translate(30px) rotate(279deg) rotate(-270deg);

}



.ct-loader-container-option>*:nth-of-type(32) {

    animation: background 1s ease 0.8s infinite;

    transform: rotate(279deg) translate(30px) rotate(288deg) rotate(-279deg);

}



.ct-loader-container-option>*:nth-of-type(33) {

    animation: background 1s ease 0.825s infinite;

    transform: rotate(288deg) translate(30px) rotate(297deg) rotate(-288deg);

}



.ct-loader-container-option>*:nth-of-type(34) {

    animation: background 1s ease 0.85s infinite;

    transform: rotate(297deg) translate(30px) rotate(306deg) rotate(-297deg);

}



.ct-loader-container-option>*:nth-of-type(35) {

    animation: background 1s ease 0.875s infinite;

    transform: rotate(306deg) translate(30px) rotate(315deg) rotate(-306deg);

}



.ct-loader-container-option>*:nth-of-type(36) {

    animation: background 1s ease 0.9s infinite;

    transform: rotate(315deg) translate(30px) rotate(324deg) rotate(-315deg);

}



.ct-loader-container-option>*:nth-of-type(37) {

    animation: background 1s ease 0.925s infinite;

    transform: rotate(324deg) translate(30px) rotate(333deg) rotate(-324deg);

}



.ct-loader-container-option>*:nth-of-type(38) {

    animation: background 1s ease 0.95s infinite;

    transform: rotate(333deg) translate(30px) rotate(342deg) rotate(-333deg);

}



.ct-loader-container-option>*:nth-of-type(39) {

    animation: background 1s ease 0.975s infinite;

    transform: rotate(342deg) translate(30px) rotate(351deg) rotate(-342deg);

}



.ct-loader-container-option>*:nth-of-type(40) {

    animation: background 1s ease 1s infinite;

    transform: rotate(351deg) translate(30px) rotate(360deg) rotate(-351deg);

}



.ct-loader-container-option>div {

    transform-origin: top center;

    background: transparent;

}



@keyframes background {

    from {

        background: var(--color);

    }



    to {

        background: transparent;

    }

}

.dg {

    display: none;

}

.modal.fade .modal-dialog{

    transform: none !important;

}



#confirmationModal .modal-header h5 {

    font-size: 24px !important;

}



#confirmationModal .modal-header .close {

    margin-top: -10px !important;

}



.ct-check-icon{

    max-width: unset;

    height: 19px;

    width: 19px;

}



.back, .rect {

    opacity: 1;

    transition: opacity 0.6s ease, transform 0.6s ease;

}



.chartActive {

    opacity: 1;

}



.rectActive {

    opacity: 1;

    transform: translateY(0);

}



.ct-make-image-container{

    margin: 0 auto !important;

    max-width: 111px !important;

}



#confirmationModal{

    position: fixed !important;

    top: 100px  !important;

    right: 0 !important;

    bottom: 0 !important;

    left: 0 !important;

    z-index: 9999999 !important;

}

#DynoChartModal{

    position: fixed !important;

    top: 100px  !important;

    right: 0 !important;

    bottom: 0 !important;

    left: 0 !important;

    z-index: 9999999 !important;

}

.modal-backdrop.fade.show{

    display: none !important;

}



.requestContain ul{

    list-style: none !important;

}

.ct-row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px;
}

.ct-col-12 {
  flex: 0 0 100%;
  max-width: 100%;
  padding-left: 15px;
  padding-right: 15px;
}

.ct-form-group {
  margin-bottom: 1rem;
}

.ct-form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
}

.ct-alert {
  padding: 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.ct-alert-danger {
  background-color: #f8d7da;
  border-color: #f5c6cb;
  color: #721c24;
}