/* 22_aug_2025 -- new design  */
.section_title_div {
width: 60%;
line-height: 50px;
margin: auto;
}
.section_top_title {
color:  #FFF;
text-align: center;
text-shadow: 0px 7px 16px rgba(1, 30, 63, 0.16);
font-size: 48px;
font-style: normal;
font-weight: 900;
/* line-height: 70px;  */
text-transform: uppercase;
}
.section_top_sub_title{
color:  #FFF;
text-align: center;
font-size: 32px;
}
.desk_section_top_title {
font-size: 48px;
display:block;
}
.mobile_section_top_title {
font-size: 20px;
display:none;
}
.contract_box {
max-width: 360px;
}
.no_contracts_but {
/* width:fit-content; */
margin:auto;
display: flex;
/* padding:  20px; */
/* Spacingissue */
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:5px;
/* End Spacingissue */
justify-content: center;
align-items: center;
/* gap: 10px; */
border-radius: 8px;
background: #FFF;
color:  #FA0;
text-align: center;
font-size: 38px;
font-weight: bolder;
text-transform: uppercase;
margin-top: 5px;
}
.no_contracts_for {
color: #FFF;
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 900;
text-transform: uppercase;
margin-left:-4px;
}
.no_contracts_price {
color:  #FA0;
font-size: 48px;
font-style: normal;
font-weight: 900;
}
.no_contracts_currency {
color: var(--Orange-500, #FA0);
font-size: 48px;
font-style: normal;
font-weight: 900;
}
.no_contracts_month {
color: var(--Orange-500, #FA0);
font-size: 22px;
font-style: normal;
font-weight: 900;
margin-right:-2px;
margin-bottom: -8px;
}
@media screen and (max-width: 479px) {
.header-bar-line{
margin-left: 205px !important;
}
.contract_box {
max-width: 160px;
}
.section_title_div {
width: unset;
line-height: 42px;
line-height: 20px;
}
.section_top_title {
font-size: 16px;
line-height: 22px;
}
.desk_section_top_title {
font-size: 20px;
display:none;
}
.mobile_section_top_title {
font-size: 20px;
display:block;
}
.section_top_sub_title{
font-size: 18px;
line-height: normal;
}
.no_contracts_for {
font-size: 20px;
margin-left:-2px;
}
.no_contracts_price {
font-size: 20px;
}
.no_contracts_cur{
font-size: 28px;
}
.no_contracts_month {
color: var(--Orange-500, #FA0);
font-size: 12px;
margin-right:-2px;
margin-bottom: -4px;
}
.no_contracts_but {
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
padding-top:6px;
font-size: 16px;
margin-top: 3px;
}
.dhiram_logo{
width: 18px;
margin: 2px;
margin-left: 4px;
}
}
@media screen and (max-width: 390px) {
.header-bar-line{
margin-left: 187px !important;
}
.call_imgs{
   margin-left: 157px !important;
}
}
/*
*******
*
*
*/
@media only screen and (min-width:600px) {
.dhiram_logo{
width: 44px;
margin: 7px;
}
}
#callButton {
background-color: unset;
cursor: pointer;
width: 26px;
}
.call_imgs {
display: block;
margin-left: 170px;
margin-top: -10px;
width: 20px;
height: 20px;
border: none;
border-radius: unset !important;
}
.header-bar-line{
margin-left: 204px ;
}
@media only screen and (min-width: 600px) {
#callButton {
display: none;
}
}
@media only screen and (max-width:600px) {
.dhiram_logo_blue_399{
margin-top: -9px;
margin-left: 9px;
margin-right: -10px;
width: 27px;
}
}
@media only screen and (min-width:600px) {
.dhiram_logo_blue-399{
margin-top: -10px;
margin-left: 11px;
margin-right: 7px;
width: 40px;
}
}
@media only screen and (max-width:600px) {
.dhiram_logo_blue{
margin-top: -9px;
margin-left: 9px;
margin-right: 3px;
width: 27px;
}
}
@media only screen and (min-width:600px) {
.dhiram_logo_blue{
margin-top: -10px;
margin-left: 11px;
margin-right: 7px;
width: 40px;
}
}
@media only screen and (max-width:600px) {
.summer_assets{
margin-top: -9px;
margin-left: 9px;
margin-right: 3px;
width: 92%;
}
}
@media only screen and (max-width:800px) {
.summer_assets{
margin-top: -9px;
margin-left: 9px;
margin-right: 3px;
width: 92%;
}
}
@media only screen and (min-width:760px) {
.summer_price{
width: 132%;
height: 169px;
margin-left: -53px;
margin-top: 12px;
}
}
@media only screen and (min-width:900px) {
.summer_price{
width: 132%;
height: 162px;
margin-left: -53px;
margin-top: 13px;
}
}
@media only screen and (max-width:600px) {
.summer_price{
width:92%
}
}
@media only screen and (min-width:800px) {
.summer_price{
width: 132%;
height: 162px;
margin-left: -53px;
margin-top: 23px;
}
}
@media only screen and (min-width:1024px) {
.summer_price{
width: 122%;
height: 162px;
margin-left: -53px;
margin-top: 23px;
}
}