/* 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) {
         .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 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: 120px;
            margin-top: -10px;
            width: 18px;
            height: 18px;
            border: none;
            border-radius: unset !important;
        }
        @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;
         }
        }