/* Theme Name: City Vision Theme URI: # Author: City Vision Description: Theme for City Vision */ /*------------------------------------------------------ overwrite css start ------------------------------------------------------*/ #calculator-tabs { position: relative; overflow: hidden; } .text-align-center .c-inner-banner__container{text-align: center;} .tab-calculator .growup-calc-wrap { margin: 0 auto; max-width: 1005px;position: relative;z-index: 1;padding: 20px 100px 50px} .tab-calculator .resp-tab-content{border:none;padding: 0;} .tab-calculator ul.resp-tabs-list{display: flex;justify-content: center;} .tab-calculator .tab-form .growup-calc-row.header{margin-bottom: 0;padding-right: 65px;} .tab-calculator .resp-tabs-list li{font-size: 16px;color: #2E2E86; text-transform: uppercase; font-weight: 700;border-radius: 14px 14px 0 0;padding: 15px 60px !important;text-align: center;} .tab-calculator .resp-tab-content .top-wrap{text-align: center;padding: 70px 40px 48px;background:rgba(204,205,207,0.5);} .tab-calculator .resp-tab-content .top-wrap .top-inside{max-width: 735px;width: 100%;margin: 0 auto;} .tab-calculator .resp-tab-active{border: none !important;background:rgb(229 230 231);margin-bottom: 0;} .tab-calculator .tab-form { position: relative;background:rgba(204,205,207,0.5);padding-bottom: 65px;} .tab-calculator .tab-form:before { position: absolute; content: ""; background: #E30613; width: 10000px; left: -100%; top:200px; height: 100%; z-index: 0; } .tab-calculator .resp-tab-content .top-wrap h2 {font-size: 48px;color: #2E2E86;font-weight: 300;margin-bottom: 25px;} .tab-calculator .resp-tab-content .top-wrap p {color: #2E2E86;font-weight: 500;line-height: 1.8;font-size: 18px;} .tab-calculator .tab-form .growup-calc-section-title h2{font-size: 36px;font-weight: 300;font-family: 'Poppins', sans-serif !important;margin-bottom: 0;} .tab-calculator .tab-form .growup-calc-section-title h2 span{font-weight: 600;color: #E30613;} .tab-calculator .tab-form .growup-calc-label { font-family: 'Poppins'; font-size: 18px;font-weight: 600;padding-right: 10px;} .tab-calculator .tab-form .growup-calc-row.header{ font-family: 'Poppins'; font-size: 18px;font-weight: 600;margin-bottom: 20px;background: rgba(127,127,127,0.15);} .tab-calculator .tab-form .growup-calc-accordion-content{font-family: 'Poppins'; font-size: 18px;font-weight: 600;margin-bottom: 20px;} .tab-calculator .tab-form .growup-calc-row{padding: 25px;position: relative;background: rgba(127,127,127,0.15);} .tab-calculator .tab-form .growup-calc-row.sub{border-radius: 0;margin-bottom: 0;padding: 15px 120px 15px 60px;background: rgba(127,127,127,0.15);min-height: auto;} .tab-calculator .tab-form .growup-calc-row.sub:last-child{padding-bottom: 20px;border-radius: 0 0 14px 14px;} .tab-calculator .tab-form .growup-calc-row.header{border-radius: 14px;} .tab-calculator .tab-form .growup-calc-row.header.open{border-radius: 14px 14px 0 0;margin-bottom: 0;padding-bottom: 15px;} .tab-calculator .growup-calc-checkbox { accent-color: #b23b3b; width: 48px; height: 48px; margin-left: 0; position: absolute; right: 75px; border-radius: 14px !important; border: none !important; outline: none !important; border-color: #fff !important;} .tab-calculator .tab-form .growup-title-wrap { display: flex ; flex-wrap: wrap;align-items: center;border-bottom: 1px solid #979797; padding: 20px 0; margin-bottom: 20px;} .tab-calculator .tab-form .growup-title-wrap .growup-calc-section-title{width:50%;padding-right: 15px;} .tab-calculator .tab-form .growup-title-wrap .growup-calc-section-desc{width:50%} .tab-calculator .tab-form .growup-title-wrap .growup-calc-section-desc p{font-size: 18px;color: #000;} .tab-calculator .tab-form .growup-calc-users-row { display: flex; flex-wrap: wrap; border-bottom: 2px solid #E30613; padding: 0 0 20px;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap {width: 50%; display: flex ; flex-wrap: wrap; align-items: center; padding: 10px 20px;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap label {position: relative; cursor: pointer;padding-left:100px} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap label:before { content: ''; -webkit-appearance: none; background-color: rgba(127, 127, 127, 0.15); border: none; padding: 10px; display: inline-block; cursor: pointer; margin-right: 5px; width: 67px; height: 48px; border-radius: 14px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none; cursor: pointer;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap input:checked + label:after { content: ''; display: block; position: absolute; top: 2px; left: 16px; width: 33px; height: 25px; background: url(assets/images/check-orange.svg) no-repeat center center; } .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap:first-child{padding-left: 0;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap:last-child{padding-left: 0;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap label { order: 2; font-size: 18px; color: #E30613; font-weight: 600; } .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap .growup-calc-tab-num { order: 1; margin-right: 25px; flex: inherit !important; color: rgba(0, 0, 0, 0.5); font-weight: 500; font-size: 18px; background: rgba(127, 127, 127, 0.15); border-radius: 14px; width: 67px;border:none;box-shadow: none;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-number-wrap {width: 50%; display: flex ; flex-wrap: wrap; align-items: center; padding: 0 20px;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-number-wrap:first-child{padding-left: 0;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-number-wrap:last-child{padding-left: 0;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-number-wrap label { order: 2; font-size: 18px; color: #E30613; font-weight: 600; } .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-number-wrap .growup-calc-tab-num { order: 1; margin-right: 25px; flex: inherit !important; color: rgba(0, 0, 0, 0.5); font-weight: 500; font-size: 18px; background: rgba(127, 127, 127, 0.15); border-radius: 14px; width: 67px;border:none;box-shadow: none;} .tab-calculator .growup-calc-row input[type="checkbox"] {position: absolute; opacity: 0; width: 0; height: 0; } .tab-calculator .growup-calc-row .custom-checkbox { width: 48px; height: 48px; border: none; margin-right: 12px; position: relative; transition: all 0.3s ease; flex-shrink: 0; background: #fff; border-radius: 14px;position:absolute;right:55px;cursor: pointer;} .tab-calculator .growup-calc-row input[type="checkbox"]:checked + .custom-checkbox {background-color:#fff;border-color:none;} .tab-calculator .growup-calc-row .custom-checkbox::after { content: ''; display: block; position: absolute; top: 12px; left: 8px; width: 33px; height: 25px; background: url(assets/images/check-orange.svg) no-repeat center center;opacity: 0;visibility: hidden;} .tab-calculator .growup-calc-row input[type="checkbox"]:checked + .custom-checkbox::after {visibility:visible;opacity: 1;} .growup-calc-row.header .accordion-arrow{color:rgba(0,0,0,0.5);transform: none !important;font-size: 0;} .tab-calculator .growup-calc-row select { border: none; padding: 10px 20px; border-radius: 14px; font-size: 18px; color: rgba(0, 0, 0, 1);outline: none;background: #fff url(assets/images/arrow-grey-down.svg) no-repeat 95% center;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 14px;} .growup-calc-row.header.open .accordion-arrow:before { transform: rotate(180deg); } .growup-calc-row.header .accordion-arrow { position: absolute; right: 28px; width: 28px; height: 30px; top: 28px; } .growup-calc-row.header .accordion-arrow:before{position: absolute;content: "";background: url('assets/images/arrow-grey-down.svg') center center no-repeat;width:20px;height: 20px;right:0;top:0;} .growup-result-title h2{font-size: 36px;color:#2E2E86;font-weight: 700;} .growup-calc-results{margin-top:32px;background:#ffc107;padding:42px 95px;border-radius:12px;box-shadow:0 2px 8px #0001;} #growup-local-calc-results-content, #growup-calc-results-content{ border-top: 1px solid #E30613;padding: 10px 0 0} .growup-cf7-graybox{background:#CCCDCF;padding:60px 95px;border-radius: 14px;} .growup-cf7-graybox h3{margin-bottom: 15px;font-weight: 700;color: #2E2E86;font-size: 36px;} .growup-cf7-graybox .control-wrap{margin-bottom: 12px;} .growup-cf7-graybox .control-wrap > p { display: flex; flex-wrap: wrap;align-items: center;} .growup-cf7-graybox .control-wrap label { width: 46%;padding-right: 20px;color: #2E2E86;font-size: 18px;font-weight: 500;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap { width: 54%; } .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input { font-size: 18px; padding: 9px 15px; border: none; background: rgba(255, 255, 255, 0.5); color: #2E2E86; width: 100%; outline: none; } .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input::-webkit-input-placeholder {color: #2E2E86;font-size: 18px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input::-moz-placeholder {color: #2E2E86;font-size: 18px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input:-ms-input-placeholder {color: #2E2E86;font-size: 18px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input:-moz-placeholder {color: #2E2E86;font-size: 18px;} .growup-cf7-graybox .submit-wrap { border-top: 1px solid #000; padding: 25px 0 0; } .growup-cf7-graybox .submit-wrap .wpcf7-submit{font-size: 16px; color: #FBB800; border: none; background: #000; border-radius: 14px; font-weight: 700; text-transform: uppercase; padding: 12px 31px;position: relative;left: calc(100% - 54%);} .growup-cf7-graybox .wpcf7-form.init { border-top: 1px solid #000; padding: 15px 0 0; } .growup-cf7-graybox .wpcf7-form .wpcf7-response-output{text-align: center; padding: 10px 0; color: #2E2E86; font-weight: 600; background: #e6e6e7; border: none; font-size: 20px;} .growup-cf7-graybox .wpcf7-form .download-lnk-pdf{font-size: 18px;color: #E30613;font-weight: 600;transition: 0.5s all ease-in-out;} .growup-cf7-graybox .wpcf7-form .download-lnk-pdf:hover, .growup-cf7-graybox .wpcf7-form .download-lnk-pdf:focus{color:#2E2E86;} .general-section{padding: 50px 0 80px;position: relative;} .general-section:before{position: absolute; content: ''; background-repeat: no-repeat; background-size: 100%; top: 0px; left: 0; height: 100%; width: 13%; z-index: -1; background:url('https://dev-vision-city.pantheonsite.io/wp-content/uploads/2025/05/general-left-pattern.svg') top center no-repeat;} .general-section:after { position: absolute; content: ""; background: #e30613; width: 20%; height: 48px; top: 0; right: 0; } .general-section .c-inner-banner__container p{font-size: 18px;line-height: 1.8;font-weight:500;padding-bottom: 15px;} .general-section ol{margin:10px 0;padding:0 0 0 20px} .general-section ol li { font-size: 18px; font-weight: 400; margin-bottom: 10px; } .submit-wrap-inner{position: relative;} .submit-wrap-inner .wpcf7-spinner{position: absolute; left: calc(100% - 60%); margin: 0 auto; top: 50%; transform: translateY(-50%);} @media (max-width: 1440px){ .general-section:before{width: 17%} .general-section:after {width: 15%;} } @media (max-width: 1366px){ .tab-calculator .tab-form .growup-calc-section-title h2{font-size: 28px;} .growup-calc-calcbtn{font-size: 18px;} } @media (max-width:1199px){ .tab-calculator .resp-tab-content .top-wrap h2{font-size: 34px;} .tab-calculator .growup-calc-wrap{padding: 20px 50px} .tab-calculator .tab-form .growup-calc-section-title h2 { font-size: 28px;} .tab-calculator .tab-form .growup-title-wrap .growup-calc-section-desc p{font-size:16px;} .tab-calculator .tab-form .growup-calc-label{font-size:16px;} .tab-calculator .resp-tab-content .top-wrap p{font-size: 16px;line-height: 1.35;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap label{font-size: 16px;} .tab-calculator .tab-form .growup-calc-row.header{font-size: 16px;} .general-section .c-inner-banner__container p{font-size: 16px;} .general-section:before { width: 17%; background-size: 90%; background-position: left top; } .growup-cf7-graybox .control-wrap label{font-size: 16px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input{font-size: 16px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input::-webkit-input-placeholder {font-size: 16px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input::-moz-placeholder {font-size: 16px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input:-ms-input-placeholder {font-size: 16px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input:-moz-placeholder {font-size: 16px;} .growup-calc-calcbtn{font-size: 16px !important;} .tab-calculator .resp-tabs-list li{padding:15px 50px !important;} .c-home-banner__title{font-size: 42px;} .c-inner-banner h5{font-size: 18px;line-height: 28px;} .c-inner-banner p{font-size: 16px;line-height: 26px;} .tab-calculator .tab-form .growup-calc-row{flex-wrap: wrap;} .general-section ol li{font-size:16px;} .c-inner-banner .c-home-banner__title span{font-size: 26px;} } @media (max-width:1024px){ .tab-calculator .growup-calc-wrap{padding: 20px 40px} .tab-calculator .resp-tab-content .top-wrap h2{font-size: 30px;} .tab-calculator .tab-form .growup-calc-section-title h2{font-size: 24px;} .growup-calc-results{padding: 30px 50px} .growup-cf7-graybox{padding: 50px 40px} .growup-result-title h2 { font-size: 28px;} .growup-cf7-graybox h3{font-size: 28px;} } @media (max-width: 991px){ .tab-calculator .growup-calc-wrap{padding:20px 25px;} .tab-calculator .tab-form .growup-calc-row.header{padding-right: 120px;} .c-footer-contact__address a{word-wrap: break-word;} } @media (max-width: 767px){ /* .tab-calculator ul.resp-tabs-list{display: none;} */ .tab-calculator .resp-tabs-container{margin-bottom: 30px;} .tab-calculator h2.resp-accordion{display: none;} .tab-calculator .resp-tabs-list li{padding:15px 30px !important} .tab-calculator .resp-tab-content .top-wrap { text-align: center; padding: 50px 40px 35px;} .tab-calculator .growup-calc-row .custom-checkbox{width:36px;height: 36px;border-radius: 10px;} .tab-calculator .growup-calc-row .custom-checkbox::after{background-size: 20px;top: 5px; left: 2px;} .growup-calc-row.header .accordion-arrow:before{background-size: 12px;} .tab-calculator .growup-calc-row .custom-checkbox{right:0;} .tab-calculator .tab-form .growup-calc-row.header{padding-right: 65px;padding-top: 40px;} .growup-calc-row.header .accordion-arrow{top:8px;right:20px;height: 24px;} .growup-calc-results{padding: 30px 20px} .growup-result-title h2 { font-size: 24px;} .growup-calc-calcbtn{font-size: 16px;} .growup-cf7-graybox{padding: 40px 20px 35px} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap{width: 100%;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input{font-size: 14px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input::-webkit-input-placeholder {font-size: 14px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input::-moz-placeholder {font-size: 14px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input:-ms-input-placeholder {font-size: 14px;} .growup-cf7-graybox .control-wrap .wpcf7-form-control-wrap input:-moz-placeholder {font-size: 14px;} .growup-cf7-graybox .control-wrap label { width: 100%; padding-right: 0; color: #2E2E86; font-size: 14px; font-weight: 500;margin-bottom: 10px;} .tab-calculator .growup-calc-row select{width: 100%;margin-top: 10px;font-size: 16px;border-radius: 10px;} .tab-calculator .tab-form .growup-title-wrap .growup-calc-section-title { width: 100%;padding-right: 0;} .growup-cf7-graybox .submit-wrap .wpcf7-submit{left:0;right:0;} .submit-wrap-inner .wpcf7-spinner{left: calc(100% - 55%);} .growup-cf7-graybox .submit-wrap .wpcf7-submit{font-size: 14px;} .growup-calc-calcbtn{font-size: 14px !important;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap {width: 100%;margin-bottom: 10px;} .tab-calculator .tab-form .growup-title-wrap .growup-calc-section-desc{width: 100%;} .tab-calculator .tab-form .growup-calc-row.sub{padding:15px 105px 15px 30px;font-size: 16px;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap label{padding-left: 65px} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap label:before{width:50px;height: 38px;border-radius: 10px;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap input:checked + label:after{background-size: 20px;top:0;left:8px;} .c-inner-banner .c-home-banner__title span{font-size:24px;} .c-home-banner__title{font-size: 28px;} .c-inner-banner h5 { font-size: 16px; line-height: 24px;} .c-inner-banner .c-home-banner__title span{margin-bottom: 20px;} .growup-cf7-graybox h3{font-size: 24px;} } @media (max-width: 640px){ .tab-calculator .tab-form .growup-calc-row{flex-wrap: wrap;} .c-inner-banner .c-home-banner__title span{font-size: 20px;} } @media (max-width: 480px){ .tab-calculator .resp-tab-content .top-wrap{padding: 50px 20px 35px;} .tab-calculator .resp-tabs-list li { padding: 15px 10px !important; } .tab-calculator .resp-tab-content .top-wrap h2 { font-size: 24px;margin-bottom: 15px;} .tab-calculator .tab-form .growup-calc-section-title h2{font-size: 20px;} #growup-local-calc-results-content, #growup-calc-results-content{font-size: 12px;} .c-inner-banner .c-home-banner__title span{font-size: 18px;} .c-home-banner__title{font-size: 24px;} } @media (max-width: 380px){ .tab-calculator .resp-tabs-list li{font-size:14px;} .tab-calculator .tab-form .growup-title-wrap .growup-calc-section-desc p { font-size: 14px; } .tab-calculator .growup-calc-row .custom-checkbox{right:0;} .tab-calculator .tab-form .growup-calc-users-row .growup-calc-users-wrap input:checked + label:after{top:10px;} }