html, body{
    overflow-x: hidden;
}
body{
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    color: var(--para-text-color);
    line-height: 1.8;
    position: relative;
}
.section-spacing{
    padding: 25px 0;
}
.common-heading{
    font-size: 36px;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
}
.common-heading .stylish-heading-text{
    color: var(--bg-primary);
    font-family: var(--primary-font);
    font-size: 36px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
}
.para-text{
    font-size: 16px;
    font-weight: 400;
    color: var(--para-text-color);
    line-height: 28px;
    text-align: left;
    font-family: var(--primary-font);
    text-align: justify;
}
.common-button{
    background-color: var(--bg-secondary);
    color: var(--color-white);
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    display: inline-flex;
    gap: 10px;
    font-family: var(--primary-font);
    border: none;
    box-shadow: none;
    transition: .3s ease-in-out;
}
.common-button .common-button-icon{
    width: 15px;
    height: auto;
    transition: .3s ease-in-out;
}
.common-button:hover{
    background-color: var(--bg-primary);
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    transition: .3s ease-in-out;
}
.common-button:hover .common-button-icon{
    transform: translateX(5px);
    transition: .3s ease-in-out;
}
.common-modal-btn{
    background-color: var(--bg-primary);
}
.common-modal-btn:hover{
    background-color: var(--bg-secondary);
    color: var(--color-white);
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
    transition: .3s ease-in-out;
}
.common-modal-btn:hover .common-button-icon{
    transform: translateX(5px);
    transition: .3s ease-in-out;
}

.detail-page{
    background-color: var(--bg-light);
}
.detail-page .main-menu{
    border-radius: 0 0 20px 20px;
}
.detail-banner{
    background-color: var(--bg-primary);
    padding: 45px 15px 25px 15px;
    margin-top: -20px;
}
.detail-banner .common-heading{
    color: var(--color-white);
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 10px;
}
.detail-banner .breadcrumb{
    background-color: var(--bg-primary);
    justify-content: center;
}
.detail-banner .breadcrumb .breadcrumb-item a{
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: .3s ease-in-out;
}
.detail-banner .breadcrumb .breadcrumb-item a:hover{
    color: var(--color-tertiary);
    transition: .3s ease-in-out;
} 
.detail-banner .breadcrumb .breadcrumb-item.active{
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: .3s ease-in-out;
}
.detail-banner .breadcrumb-item+.breadcrumb-item::before{
    color: var(--color-white);
}

.detail-page-content{
    padding: 25px;
    border-radius: 20px;
}
.detail-page-content figure{
    margin-bottom: 25px;
}
.detail-page-content figure img{
    width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
}
.detail-page-content .heading1-text{
    font-size: 30px;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
    margin-bottom: 20px;
}
.detail-page-content .heading1-text .stylish-heading-text{
    color: var(--bg-primary);
    font-family: var(--primary-font);
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
}
.detail-page-content .heading2-text{
    font-size: 24px;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
    margin-bottom: 15px;
    margin-top: 30px;
}
.detail-page-content .heading2-text .stylish-heading-text{
    color: var(--bg-primary);
    font-family: var(--primary-font);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
}
.detail-page-content .heading3-text{
    font-size: 20px;
    font-weight: 700;
    color: var(--heading-color);
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
    margin-bottom: 15px;
    margin-top: 30px;
}
.detail-page-content .heading3-text .stylish-heading-text{
    color: var(--bg-primary);
    font-family: var(--primary-font);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
}
.detail-page-content p{
    font-size: 16px;
    font-weight: 400;
    color: var(--para-text-color);
    line-height: 28px;
    text-align: left;
    font-family: var(--primary-font);
    text-align: justify;
}
.hyper-link{
    font-weight: 500;
    color: var(--color-primary);
    text-decoration: none;
    transition: .3s ease-in-out;
}
.hyper-link:hover{
    color: var(--color-tertiary);
    transition: .3s ease-in-out;
}
.detail-page-content-list{
    margin-bottom: 25px;
}
.detail-page-content-list li{
    font-size: 16px;
    font-weight: 400;
    color: var(--para-text-color);
    line-height: 28px;
    font-family: var(--primary-font);
    text-align: justify;
}
.detail-page-content-list li::marker{
    color: var(--bg-primary);
}


.detail-page-content-table{
    margin-bottom: 25px;
}
.detail-page-content-table .table{
    width: 100%;
    border-collapse: collapse;
    border-radius: 15px;
    overflow: hidden;
}
.detail-page-content-table .table tr th{
    background-color: var(--bg-primary);
    color: var(--color-white);
    font-size: 16px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    font-family: var(--primary-font);
    text-align: center;
    vertical-align: middle;
}
.detail-page-content-table .table tr th:first-of-type{
    border-top-left-radius: 15px;
}
.detail-page-content-table .table tr th:last-of-type{
    border-top-right-radius: 15px;
}
.detail-page-content-table .table tr th:nth-of-type(1){
    width: 30%;
}
.detail-page-content-table .table tr th:nth-of-type(2){
    width: 30%;
}
.detail-page-content-table .table tr th:nth-of-type(3){
    width: 40%;
}
.detail-page-content-table .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: var(--bg-light);
}
.detail-page-content-table .table tbody tr th:first-child{
    border-left: 2px solid var(--bg-light);
}
.detail-page-content-table .table tbody tr td{
    font-size: 16px;
    font-weight: 400;
    color: var(--para-text-color);
    line-height: 28px;
    text-align: left;
    font-family: var(--primary-font);
    text-align: center;
    vertical-align: middle;
}
.detail-page-content-table .table tbody tr:last-child td:first-of-type{
    border-bottom-left-radius: 15px;
}

.detail-page-cta-buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.detail-page-cta-buttons .call-link{
    background-color: var(--bg-primary);
    color: var(--color-white);
}
.detail-page-cta-buttons .common-modal-btn{
    background-color: var(--bg-secondary);
    color: var(--color-white);
}
.detail-page-cta-buttons .common-button-whatsapp{
    background-color: var(--whatsapp-color);
    color: var(--color-white);
}

.detail-page-sidebar-other-vehicles .sidebar-title{
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.detail-page-sidebar-other-vehicles .sidebar-title::after{
    content: '';
    display: block;
    width: 20%;
    height: 3px;
    background-color: var(--bg-tertiary);
    border-radius: 10px;
}
.detail-page-sidebar-other-vehicles .sidebar-title span{
    color: var(--bg-primary);
}
.detail-page-sidebar-content{
    background-color: var(--bg-white);
    border-radius: 20px 20px 0 0;
    padding-bottom: 25px;
}
.detail-page-sidebar-content .tempo-right-side-items .trsi_card {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 10px;
}
.detail-page-sidebar-content .tempo-right-side-items{
    padding: 12px 25px;
}
.detail-page-sidebar-content .tempo-right-side-items:nth-of-type(2){
    background-color: var(--bg-white);
    border-right: 2px solid var(--bg-tertiary);
}
.detail-page-sidebar-content .tempo-right-side-items:nth-of-type(3){
    background-color: var(--bg-light);
    border-left: 2px solid var(--bg-tertiary);
}
.detail-page-sidebar-content .tempo-right-side-items .trsi_card .trsi_card_item {
    gap: 10px;
    min-width: 140px
}
.detail-page-sidebar-content .tempo-right-side-items .trsi_card .trsi_card_item:nth-of-type(odd){
    background-color: var(--bg-light);
    padding: 10px;
    border-left: 2px solid var(--bg-tertiary);
    border-radius: 0 10px 10px 0;
}
.detail-page-sidebar-content .tempo-right-side-items .trsi_card .trsi_card_item:nth-of-type(even){
    background-color: var(--bg-white);
    padding: 5px 10px;
    border-left: 2px solid var(--bg-tertiary);
}
.detail-page-sidebar-content .tempo-right-side-items.border_list{
    border-bottom: .5px solid #f7f7f7;
}

.detail-page-sidebar-content .tempo-right-side-items .trsi_card .trsi_card_item .trsi_card_img {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid var(--bg-tertiary);
    flex: none
}
.detail-page-sidebar-content .tempo-right-side-items .trsi_card .trsi_card_item .trsi_card_content{
    gap: 3px;
}
.detail-page-sidebar-content .tempo-right-side-items .trsi_card .trsi_card_item .trsi_card_content .trsi_card_title {
    font-size: 15px;
    line-height: 18px;
    font-weight: 700;
    color: var(--heading-color);
}

.detail-page-sidebar-content .tempo-right-side-items .trsi_card .trsi_card_item .trsi_card_content .trsi_card_text {
    font-size: 14px;
    line-height: 18px;
    color: var(--para-text-color);
}

.detail-page-sidebar-content .tempo-right-side-items .trsi_card .trsi_card_item .trsi_card_content .trsi_card_text .rupees_icon,
.detail-page-sidebar-content .tempo-right-side-items .trsi_card_text .rupees_icon {
    margin-right: 2px
}

.detail-page-sidebar-content .tempo-right-side-items .trsi_card .trsi_card_item .trsi_card_content .trsi_card_text .rupees_icon img,
.detail-page-sidebar-content .tempo-right-side-items .trsi_card_text .rupees_icon img {
    width: 6px;
    margin-top: -5px
}

.detail-page-sidebar-content .colored-list {
    background-color: var(--bg-light);
    gap: 10px
}

.detail-page-sidebar-content .tempo-right-side-items .colored-list_title {
    font-size: 16px;
    font-weight: 700;
    color: var(--heading-color);
}

.detail-page-sidebar-content .tempo-right-side-items .trsi_card_title {
    font-size: 15px;
    font-weight: 600;
    line-height: 18px;
    color: var(--heading-color);
}
.detail-page-sidebar-content-buttons{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}
.detail-page-sidebar-content-buttons .common-button-icon{
    width: 34px;
    height: auto;
    transition: .3s ease-in-out;
}
.detail-page-sidebar-content-buttons .call-icon{
    width: 30px;
    height: auto;
    transition: .3s ease-in-out;
}
.detail-page-sidebar-content-buttons .common-button{
    font-size: 14px;
    padding: 8px 20px;
    line-height: 18px;
}
.detail-page-sidebar-content-buttons .common-modal-btn{
    background-color: var(--bg-secondary);
    color: var(--color-white);
}
.detail-page-sidebar-content-buttons .common-modal-btn:hover{
    background-color: var(--bg-tertiary);
    color: var(--color-white);
    transition: .3s ease-in-out;
}
.detail-page-sidebar-form{
    padding: 0;
    overflow: hidden;
    margin-top: 20px;
}

.detail-page-sidebar-form .sidebar-form-header{
    background:var(--bg-primary);
    padding: 20px 25px;
    border-radius: 20px;
    text-align: center;
    position: relative;
    width: 300px;
    margin: 0 auto;
}

.detail-page-sidebar-form .sidebar-title{
    font-size: 18px;
    font-weight: 700;
    color: var(--color-white);
    line-height: 1.2;
}

.detail-page-sidebar-form .sidebar-title span{
    color: var(--color-white);
}

.detail-page-sidebar-form .privacy-text{
    font-size: 14px;
    color: #312D2D;
    font-weight: 400;
    margin: 0;
    padding-bottom: 15px;
    text-align: center;
}

.detail-page-sidebar-form .detail-page-sidebar-form-form{
    background-color: var(--bg-white);
    padding: 45px 25px 25px 25px;
    margin-top: -30px;
    border-radius: 32px 32px 0 0;
    border-bottom: 1px solid #f0f0f0;
}

.detail-page-sidebar-form .form-group{
    position: relative;
    border-radius: 12px;
    margin-bottom: 20px;
}

.detail-page-sidebar-form .form-group:last-of-type{
    margin-bottom: 25px;
}

.detail-page-sidebar-form .form-control{
    width: 100%;
    padding: 15px 50px 15px 15px;
    border: none;
    border-radius: 12px;
    background-color: #f0f0f0;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    transition: all 0.3s ease;
    outline: none;
}

.detail-page-sidebar-form .form-control:focus{
    box-shadow:none;
    outline: none;
}

.detail-page-sidebar-form .form-control::placeholder{
    color: var(--input-placeholder);
    font-size: 16px;
    font-weight: 400;
}

.detail-page-sidebar-form textarea.form-control{
    min-height: 120px;
    resize: vertical;
    padding-top: 15px;
}

.detail-page-sidebar-form .form-icon{
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.detail-page-sidebar-form .form-icon.user-icon{
	background-image: url('data:image/svg+xml,<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C10.6815 0 9.39253 0.385848 8.2962 1.10875C7.19987 1.83166 6.34539 2.85915 5.8408 4.06129C5.33622 5.26344 5.2042 6.58625 5.46143 7.86244C5.71867 9.13863 6.3536 10.3109 7.28595 11.231C8.21831 12.151 9.40619 12.7776 10.6994 13.0315C11.9926 13.2853 13.333 13.155 14.5512 12.6571C15.7694 12.1592 16.8106 11.3159 17.5431 10.234C18.2757 9.15211 18.6667 7.88014 18.6667 6.57895C18.6667 4.8341 17.9643 3.16072 16.714 1.92693C15.4638 0.693137 13.7681 0 12 0ZM12 10.5263C11.2089 10.5263 10.4355 10.2948 9.77772 9.86106C9.11992 9.42732 8.60723 8.81083 8.30448 8.08954C8.00173 7.36825 7.92252 6.57457 8.07686 5.80885C8.2312 5.04314 8.61216 4.33979 9.17157 3.78774C9.73098 3.23569 10.4437 2.85974 11.2196 2.70743C11.9956 2.55512 12.7998 2.63329 13.5307 2.93205C14.2616 3.23082 14.8864 3.73677 15.3259 4.38591C15.7654 5.03505 16 5.79823 16 6.57895C16 7.62585 15.5786 8.62988 14.8284 9.37016C14.0783 10.1104 13.0609 10.5263 12 10.5263ZM24 25V23.6842C24 21.2414 23.0167 18.8987 21.2663 17.1714C19.516 15.4441 17.142 14.4737 14.6667 14.4737H9.33333C6.85798 14.4737 4.48401 15.4441 2.73367 17.1714C0.98333 18.8987 0 21.2414 0 23.6842V25H2.66667V23.6842C2.66667 21.9394 3.36905 20.266 4.61929 19.0322C5.86953 17.7984 7.56522 17.1053 9.33333 17.1053H14.6667C16.4348 17.1053 18.1305 17.7984 19.3807 19.0322C20.631 20.266 21.3333 21.9394 21.3333 23.6842V25H24Z" fill="%231E1E1E"/></svg>');
}

.detail-page-sidebar-form .form-icon.email-icon{
	background-image: url('data:image/svg+xml,<svg width="28" height="22" viewBox="0 0 28 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24.5578 1.23071H4.04241C2.69356 1.23071 1.6001 2.32417 1.6001 3.67302V18.3269C1.6001 19.6757 2.69356 20.7692 4.04241 20.7692H24.5578C25.9066 20.7692 27.0001 19.6757 27.0001 18.3269V3.67302C27.0001 2.32417 25.9066 1.23071 24.5578 1.23071Z" stroke="%231E1E1E" stroke-width="1.95385" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.50781 5.13843L14.3001 11.9769L23.0924 5.13843" stroke="%231E1E1E" stroke-width="1.95385" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.detail-page-sidebar-form .form-icon.phone-icon{
	background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.7778 15.2778C19.3111 15.2778 17.7222 15.0333 16.3778 14.5444H16.0111C15.6444 14.5444 15.4 14.6667 15.1556 14.9111L12.4667 17.6C9.04444 15.7667 6.11111 12.9556 4.4 9.53333L7.08889 6.84444C7.45556 6.47778 7.57778 5.98889 7.33333 5.62222C6.96667 4.27778 6.72222 2.68889 6.72222 1.22222C6.72222 0.611111 6.11111 0 5.5 0H1.22222C0.611111 0 0 0.611111 0 1.22222C0 12.7111 9.28889 22 20.7778 22C21.3889 22 22 21.3889 22 20.7778V16.5C22 15.8889 21.3889 15.2778 20.7778 15.2778ZM2.44444 2.44444H4.27778C4.4 3.54444 4.64444 4.64444 4.88889 5.62222L3.42222 7.08889C2.93333 5.62222 2.56667 4.03333 2.44444 2.44444ZM19.5556 19.5556C17.9667 19.4333 16.3778 19.0667 14.9111 18.5778L16.3778 17.1111C17.3556 17.3556 18.4556 17.6 19.5556 17.6V19.5556Z" fill="%231E1E1E"/></svg>');
}

.detail-page-sidebar-form .form-icon.message-icon{
	background-image: url('data:image/svg+xml,<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 20.799H5.2425L20.799 5.2425L16.556 1L1 16.5565V20.799Z" stroke="%231E1E1E" stroke-width="2" stroke-linejoin="round"/><path d="M12.3135 5.24255L16.556 9.48505" stroke="%231E1E1E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    top: 20px;
    transform: none;
}

.detail-page-sidebar-form .form-submit{
    text-align: center;
}

.detail-page-sidebar-form .common-button{
    background: var(--bg-secondary);
    color: var(--color-white);
    padding: 10px 15px;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 600;
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    box-shadow: none;
    transition: all 0.3s ease;
    text-transform: none;
}

.detail-page-sidebar-form .common-button:hover{
    background: var(--bg-primary);
    transform: translateY(-3px);
    box-shadow: none;
    color: var(--color-white);
}

.detail-page-sidebar-form .common-button .common-button-icon{
    width: 14px;
    height: 14px;
    filter: brightness(0) invert(1);
    transition: transform 0.3s ease;
}

.detail-page-sidebar-form .common-button:hover .common-button-icon{
    transform: translateX(3px);
}

.detail-page-sidebar-other-vehicles{
    background-color: var(--bg-white);
    border-radius: 0 0 20px 20px;
    padding: 25px;
}
.detail-page-sidebar-other-vehicles .other-vehicles-list{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.detail-page-sidebar-other-vehicles .other-vehicles-list .other-vehicles-list-item{
    display: flex;
    align-items: center;
    gap: 15px;
}
.ovli-content{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.ovli-image{
    width: 100px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
}
.ovli-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ovli-title{
    text-decoration: none;
    transition: .3s ease-in-out;
    color: var(--heading-color);
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
}
.ovli-title:hover{
    color: var(--color-tertiary);
    transition: .3s ease-in-out;
}
.ovli-link{
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-primary);
    text-decoration: none;
    transition: .3s ease-in-out;
}
.ovli-link:hover{
    color: var(--color-tertiary);
    transition: .3s ease-in-out;
}

.urbania-van-hire-services{
    padding: 25px 0;
    background-color: var(--bg-white);
}
.urbania-van-hire-services .common-heading{
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
    margin-bottom: 30px;
}
.urbania-van-hire-services .common-heading .stylish-heading-text{
    color: var(--bg-primary);
    font-family: var(--primary-font);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
    margin-bottom: 30px;
}
.urbania-van-hire-services .card{
    border-radius: 10px;
    overflow: hidden;
    border: none;
    background-color: var(--bg-light);
    transition: .3s ease-in-out;
}
.urbania-van-hire-services .card-body{
    border-radius: 10px;
    padding: 0;
    transition: .3s ease-in-out;
}
.urbania-van-hire-services .card-body .card-image{
    border-radius: 10px;
    overflow: hidden;
}
.urbania-van-hire-services .card-body .card-image img{
    border-radius: 10px;
    transition: .3s ease-in-out;
}
.urbania-van-hire-services .card:hover .card-image img{
    transform: scale(1.05) skew(1deg);
    transition: .3s ease-in-out;
}
.urbania-van-hire-services .card-title{
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
    font-family: var(--primary-font);
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--heading-color);
    transition: .3s ease-in-out;
}
.urbania-van-hire-services .card:hover .card-title{
    color: var(--bg-primary);
    transition: .3s ease-in-out;
    margin-bottom: 0;
}
.urbania-van-hire-services .card-title .stylish-heading-text{
    color: var(--bg-primary);
}
.urbania-van-hire-services .card-body-content{
    padding: 15px;
}
.urbania-van-hire-services .card-body-content .card-title-link{
    text-decoration: none;
    transition: .3s ease-in-out;
}
.urbania-van-hire-services .card-body-content .card-title-link:hover{
    color: var(--color-tertiary);
    transition: .3s ease-in-out;
}
.urbania-van-hire-services .card-body-content .card-title-link .card-title{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: left;
    font-family: var(--primary-font);
    margin-bottom: 0;
}
@media (max-width: 991px) {
    .detail-page-content .heading1-text,
    .detail-page-content .heading1-text .stylish-heading-text{
        font-size: 26px;
    }
    .detail-page-content .heading2-text,
    .detail-page-content .heading2-text .stylish-heading-text{
        font-size: 20px;
    }
    .detail-page-sidebar-content{
        padding: 15px 0;
    }
    .detail-page-sidebar-content .tempo-right-side-items{
        padding: 15px;
    }
}
@media (max-width:575px){
    .detail-page-cta-buttons .common-button{
        font-size: 15px;
        padding: 8px 20px;
        line-height: 18px;
    }
    .detail-page-sidebar-content-buttons .common-button{
        font-size: 14px;
        padding: 8px 20px;
        line-height: 18px;
    }
}
@media (max-width:480px){
    .detail-page-cta-buttons .common-button{
        font-size: 13px;
        padding: 8px 13px;
        line-height: 18px;
    }
    .detail-page-sidebar-form .form-group{
        margin-bottom: 10px;
    }
    .detail-page-sidebar-form .form-group input,
    .detail-page-sidebar-form .form-group textarea{
        font-size: 13px;
    }
    .detail-page-sidebar-form .form-group input::placeholder,
    .detail-page-sidebar-form .form-group textarea::placeholder{
        font-size: 13px;
    }
}

@media (max-width:420px){
    .detail-page-cta-buttons .common-button {
        font-size: 12px;
        padding: 5px 7px;
        line-height: 18px;
    }
    .detail-page-sidebar-content-buttons .common-button{
        font-size: 13px;
        padding: 6px 12px;
        line-height: 18px;
    }
    .detail-page-cta-buttons .common-button .common-button-icon{
        display: none;
    }
}
@media (max-width:360px){
    .detail-page-cta-buttons .common-button {
        font-size: 12px;
        padding: 5px 7px;
        line-height: 18px;
    }
    .detail-page-sidebar-content-buttons .common-button{
        font-size: 13px;
        padding: 6px 12px;
        line-height: 18px;
    }
    .detail-page-cta-buttons .common-button .common-button-icon{
        display: none;
    }
}
@media (max-width:320px){
    .detail-page-cta-buttons .common-button {
        font-size: 12px;
        padding: 5px 7px;
        line-height: 18px;
    }
    .detail-page-sidebar-content-buttons .common-button{
        font-size: 13px;
        padding: 6px 12px;
        line-height: 18px;
    }
    .detail-page-cta-buttons .common-button .common-button-icon{
        display: none;
    }
}