/*FONT START*/
@font-face {
	font-family: 'BMWTypeNextTT-Bold';
	src: url("../fonts/BMWTypeNextTT-Bold.eot");
	src: url("../fonts/BMWTypeNextTT-Bold.eot?#iefix") format("embedded-opentype"),
		url("../fonts/BMWTypeNextTT-Bold.woff") format("woff"),
		url("../fonts/BMWTypeNextTT-Bold.ttf") format("truetype");
	font-display: swap
}

@font-face {
	font-family: 'BMWTypeNextTT-Light';
	src: url("../fonts/BMWTypeNextTT-Light.eot");
	src: url("../fonts/BMWTypeNextTT-Light.eot?#iefix") format("embedded-opentype"),
		url("../fonts/BMWTypeNextTT-Light.woff") format("woff"),
		url("../fonts/BMWTypeNextTT-Light.ttf") format("truetype");
	font-display: swap
}

@font-face {
	font-family: 'BMWTypeNextTT-Thin';
	src: url("../fonts/BMWTypeNextTT-Thin.woff2") format("woff2"),
		url("../fonts/BMWTypeNextTT-Thin.woff") format("woff"),
		url("../fonts/BMWTypeNextTT-Thin.ttf") format("truetype");
	font-display: swap
}

@font-face {
	font-family: 'BMW_iconFont';
	src: url("../fonts/BMW_iconFont.eot");
	src: url("../fonts/BMW_iconFont.eot#iefix") format("embedded-opentype"),
		url("../fonts/BMW_iconFont.woff2") format("woff2"),
		url("../fonts/BMW_iconFont.ttf") format("truetype"),
		url("../fonts/BMW_iconFont.woff") format("woff"),
		url("../fonts/BMW_iconFont.svg") format("svg");
	font-style: normal;
	font-weight: normal
}

#emi_calculator{
        width: 100%;
    float: left;
    position: relative;
    margin: 30px 0px 0px;
}

.tc_popup{
    width: 800px;
    position: absolute;
    z-index: 10;
    background: white;
    top: 50%;
    left: 50%;
    margin-left: -400px;
    margin-top: -25px;
}

.tc_popup p{
	width: 70%;
    margin: 20px 15%;
}

.tc_popup_area{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0px;
    background: rgba(0,0,0,.5);
}

.tc_close{
	position: absolute;
    top: 10px;
    right: 10px;
	cursor: pointer;
}

.bmw-sf-widget-parent-wrapper {
    background-color: #ffffff;
    max-width: 450px;
    margin: 0 auto;
    position: relative;
    box-shadow: 1px 1px 10px #cccccc;
    padding: 10px;
    border: 1px solid #ffffff;
}

.term_condition a,
.term_condition a:hover {
    display: inline-block;
    padding-left: 50px;
    position: relative;
    top: 20px;
    font-family: 'bmwtypenextttlight';
    color: #000000;
    text-decoration: none;
}

::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.bmw-sf-widget-parent-wrapper.active {
    border: 1px solid #0050ce;
}

.radio-option {
    position: relative;
    /*border-bottom: 1px solid #f4f4f4;*/
}

.radio-option input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.hidden {
    display: none;
}

.error {
    color: red;
    display: block;
}

/* Create a custom radio button */

.checkmark {
    position: absolute;
    top: 3px;
    left: 14px;
/*    height: 15px;
    width: 15px;*/
    height: 1.2rem;
    width: 1.2rem;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #adb5bd;
}

.radio-option label {
    padding-left: 44px;
margin-bottom: 5px;
font-size: 15px;
font-weight: 700;
}


/* On mouse-over, add a grey background color */

.radio-option:hover input~.checkmark {
    background-color: #ccc;
}


/* When the radio button is checked, add a blue background */
.summary_heading .radio-option input:checked~.checkmark,
.radio-option input:checked~.checkmark {
    background-color: #e6e6e6;
    border: 1px solid #c3c3c3;
    
}


/* Create the indicator (the dot/circle - hidden when not checked) */
.summary_heading .checkmark:after {display: block;}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the indicator (dot/circle) when checked */

.radio-option input:checked~.checkmark:after {
    display: block;

}


/* Style the indicator (dot/circle) */
.radio-option .checkmark.uncheckmark:after {
    background: none !important;
}

.radio-option .checkmark:after {
    top: 1px;
    left: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #007bff;
}

.bmw-sf-widget-summary-wrapper .radio-option .checkmark:after {
    width: 15px;
    height: 15px;   
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
}


.bmw-sf-widget-parent-wrapper .amt_area {

    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c3c3c3;
}

.bmw-sf-widget-parent-wrapper .amt_area span {
    font-size: 13px;
    color: #252525;
}

.bmw-sf-widget-parent-wrapper .amt_area .area_cols,
.bmw-sf-widget-summary-wrapper .summary_area .area_rows {
    padding-right: 7px;
    flex: auto;
    margin-right: 7px;
    width: 30%;
    box-sizing: border-box;
    display: inline-grid;
}
.border-right {
    border-right: 1px solid #dee2e6 !important;
}
.hr-bottom{
    height: 1px;
    background-color: #ccc;
    width: 100%;
}

.bmw-sf-widget-parent-wrapper .amt_area .area_cols .text-val {
    font-family: 'bmwtypenextttbold';
    float: right;
}

.bmw-sf-widget-parent-wrapper .pop_area,
.bmw-sf-widget-summary-wrapper .pop_area {
    padding-top: 5px;
}

.bmw-sf-widget-parent-wrapper .pop_area a {
    font-size: 13px;
    color: #0050ce;
    /*background-image: url('pop_arrow.jpg');
    background-repeat: no-repeat;
    background-position: center right;*/
    display: block;
    text-decoration: none !important;
}


/*Added by PY for lightbox */

.bmw-sf-widget-lighbox-area {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 10000;
}

.bmw-sf-widget-lighbox-area:before {
    content: " ";
    display: inline-block;
    height: 100%;
    margin-top: 0px;
    vertical-align: middle;
}

.lcontent {

    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  
    text-align: left;
    position: relative;
  
}
.cal_container{
    display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px 20px;
}
.cal_col{
    flex: 0 0 calc(50% - 10px);
  text-align: center;
}

.lcontent h1 {

    font-size: 30px;
    text-align: center;
       font-family: 'BMWTypeNextTT-Light';
    padding: 0px 0px;
    line-height: 40px;
}

    #Compare .amt_details .pull-left, 
    #Compare .amt_details .pull-right {
        font-size: 13px;
        line-height: 15px;
    }
    .comapre_line hr { 
        margin-top: 9px;
        margin-bottom: 9px;
    }

.close2 {
    display: inline-block;
    position: absolute;
    right: 5px;
    cursor: pointer;
    /* background-color: #e1e1e1; */
    /* border-radius: 30px; */
    width: 35px;
    height: 35px;
    /* padding-top: 3px; */
    /* padding-left: 5px; */
    font-size: 20px;
    text-align: center;
    top: 5px;
    cursor: pointer;
    color: #06F;
    line-height: 35px;
}

.main_tab {
    max-width: 500px;
    border-bottom: 2px solid #eaeaea;
    margin: 10px auto;
}

ul.main_tab_ul {
    list-style: none;
    display: flex;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    max-width: 350px;
}

ul.main_tab_ul li {
    flex: auto;
    text-align: center;
    display: inline-block;
    font-size: 15px;
    color: #636363;
    line-height: 30px;
    text-decoration: none;
    letter-spacing: 0.5px;
    cursor: pointer;
    margin: 0px 3px;
}

ul.main_tab_ul li:after {
    background: none repeat scroll 0 0 transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    position: relative;
    background: #1C69D4;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    width: 0;
}

ul.main_tab_ul li.active {
    color: #000000;
}

ul.main_tab_ul li:hover:after,
ul.main_tab_ul li.active:after {
    width: 100%;
    left: 0;
}

.plan360 {
    margin-top: 0px;
    width: 100%;
    float: left;
}

.main_tab_content {
    display: none;
    padding: 0px 50px;
}

.main_tab_content.active {
    display: block;
}

.inner_tab_01 ul {
    list-style: none;
    display: flex;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    max-width: 650px;
}

.inner_tab_01 ul li {
    flex: auto;
    text-align: center;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    color: #636363;
    line-height: 25px;
    text-decoration: none;
    letter-spacing: 0.5px;
    cursor: pointer;
    margin: 0px 3px;
    border: 2px solid #686868;
}

.inner_tab_01 ul li.active {
    border: 2px solid #306acd
}

.inner_tab_content {
/*    max-height: 400px;*/

}

.inner_tab_content {
    display: none;
}

.inner_tab_content.active {
    display: block;
}

.inner_tab_content .img {
    width: 210px;
    float: left;
}

.inner_tab_content .img img {
    width: 210px;
}

.clear {
    clear: both;
}

.img_content_area {
    display: flex;
    padding: 20px 73px 0px;
}

.top_content {
    float: left;
    padding-left: 15px;
}

.top_content h3 {
    font-size: 14px;
    font-weight: 700;
}

.top_content p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    margin-bottom: 0px;
}


/* added for sider */


.range {
    margin-top: 40px;
    text-align: center;
}

#ex6CurrentSliderValLabel {
    margin-bottom: 20px;
    text-align: center;
    font-size: 56px;
    font-weight: 600;
}

.slider.slider-horizontal {
    width: 100%;
    display: none;
}

.slider.slider-horizontal:before {}

.subtract {
    cursor: pointer;
    margin-right: 5px;
}

.add {
    cursor: pointer;
    margin-left: 5px;
}

#ed_down_payment {
    display: inline-block !important;
}

.range-text {
    display: inline-block !important;
    border: 1px solid #7f7f7f;
    height: 30px;
    width: 210px;
    line-height: 30px;
    text-align: center;
   font-family: 'BMWTypeNextTT-Light';
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}

.bluebtn {
    background-color: #316bcd;
    display: inline-block;
    width: 30px;
    height: 30px;
    color: #ffffff;
    text-align: center;
    line-height: 30px !important;
    cursor: pointer;
}



.am_butto {
    display: inline-block !important;
    border: 2px solid #7f7f7f;

    line-height: 20px;
    text-align: center;
font-family: 'BMWTypeNextTT-Light';
    font-weight: 500;
    color: #000000;
    background: transparent;
    border-radius: 0px;
    outline: 0px !important;
}



.br-right {
    border-right: 1px solid #ededed;
}

.amt_details h4 {
    font-family: 'BMWTypeNextTT-Light';

    font-size: 15px;
    margin-bottom: 0px;
}
.amt_details{
    border-top: 1px solid #cecece;
    margin: 40px 0px;
    padding: 20px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.amt_details div{
flex:min-content;
    text-align: center;
    padding: 20px;
    border-right: 1px solid #ccc;
    box-sizing: border-box;
    padding: 40px 0px;
    text-align: center;
    justify-content: center;
    border-right: 1px solid #cecece;
}
.amt_details div:last-child {
  border-right: 0;
}
.amt_details .mt-20 {
    margin-top: 12px;
}
.an_m{padding-top: 0px !important;}
.tenure h6,.dp h6{
     font-family: 'BMWTypeNextTT-Light';
     font-size: 16px;
}
.amt_details span{
  
 font-family: 'BMWTypeNextTT-Light';
    font-size: 26px;
}
.rm_val {

  

}

.mt-20 {
    margin-top: 20px;
}

.button_area,
.button_area_email {
    text-align: right;
    padding-right: 10px;
    position: absolute;
    right: 0;
}

.button_area_email {
    bottom: 10px;
}

.email_my_quote_btn {
    display: inline-block !important;
    border: 1px solid #7f7f7f;
    height: 50px;
    width: 200px;
    line-height: 50px;
    text-align: center;
    font-family: 'bmwtypenextttbold';
    font-weight: 800;
    color: #ffffff;
    background: #686868;
    border-radius: 0px;
    outline: 0px !important;
    text-decoration: none !important;
}

.proceed_btn,
.email_btn_quote {
    display: inline-block !important;
    border: 1px solid #7f7f7f;
    height: 50px;
    width: 200px;
    line-height: 50px;
    text-align: center;
    font-family: 'bmwtypenextttbold';
    font-weight: 800;
    color: #ffffff;
    background: #316bcd;
    border-radius: 0px;
    outline: 0px !important;
    text-decoration: none !important;
}

.proceed_btn:hover,
.email_my_quote_btn:hover,
.email_btn_quote:hover {
    color: #ffffff;
}

.mb7 {
    margin-bottom: 7px;
}

span.radio {
    padding: 10px 20px;
    border-right: 1px solid #000;
}

.compare_head_wrapper .form-check-input {
    position: relative;
    top: 3px;
    right: -11px;
}

.compare_head_wrapper {
    height: 39px;
    border: 1px solid #000;
    border-bottom: none;
    line-height: 36px;
}

.comapre_line {
    border: 1px solid #000;
    height: 357px;
    display: none;
}

.comapre_line.active {
    display: block;
}

#Compare .col-md-6.active .comapre_line {
    border: 3px solid #1c69d4;
    height: 357px;
    border-bottom: 15px solid #1c69d4;
    border-top: 1px solid #000;
}
.compare_calcution  .mb-3
,.compare2_calcution .mb-3 {
    margin-bottom: 10px !important;
}

.heading_compare {
    padding: 0px 20px;
    font-size: 16px;
    font-family: 'bmwtypenextttlight';
}

.compare_calcution h6, 
.compare2_calcution h6 { 
    font-size: 15px; 
}

.text-center {
    max-width: 280px;
    margin: 0 auto;
}

.text-center h6 {
    text-align: left !important;
}

.compare_select {
    line-height: 40px;
    height: 38px;
    border: 0px;
    width: 100%;
    max-width: 300px;
    margin-left: 10px;
    outline: 0px;
}


/* Email Section */

.hide {
    display: none;
}

#Email form {
    padding: 2px 10px;
}

.form-control {
    display: inline-block !important;
    border-radius: 0 !important;
}

.form-check-input {
    position: absolute;
    margin-top: .2rem !important;
}

.form-group p,
.form-check label {
    line-height: 14px;
}

.form-group.form-check {
    margin-bottom: 6px;
}

#Email label {
    font-weight: normal;
}



/* Email Section */

.hide {
    display: none !important;
}

/*Summary Block Starts here*/
.bmw-sf-widget-summary-wrapper {
    font-size: 13px;
    background-color: #ffffff;
    /*max-width: 450px;*/
    margin: 0 auto;
    position: relative;
    padding: 10px;
    display: none;
    box-shadow: 1px 1px 10px #ccc;
}
.bmw-sf-widget-summary-wrapper.sf-active {
    border: 3px solid #007bff;
}

.bmw-sf-widget-summary-wrapper .header-text {
    font-family: 'bmwtypenextttbold';
}

.bmw-sf-widget-summary-wrapper .summary_heading {
   /* margin-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
    padding-right: 10px;*/
    margin-bottom: 5px;
    border-bottom: 1px solid #c3c3c3;
}

.bmw-sf-widget-summary-wrapper .summary_heading a {
    float: right;
}

.bmw-sf-widget-summary-wrapper .summary_area {
    display: block;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #c3c3c3
}

.bmw-sf-widget-summary-wrapper .summary_area .area_rows {
   /* margin-left: 10px;
    padding-right: 10px;*/
    flex: auto;
}

.bmw-sf-widget-summary-wrapper .summary_area .area_rows .text-val {
    font-family: 'bmwtypenextttbold';
    float: right;
}

.disabled-button {
    background-color: #e9ecef !important;
}

/*Summary Block Ends here*/

@media screen and (min-width:768px) and (max-width:1100px) {
    #emi_calculator .lcontent{width:100%;}
}

@media screen and (min-width:768px) and (max-width:820px) {
    #Compare .compare_select{width:80%;}
}

@media screen and (min-width:821px) and (max-width:1200px) {
    #Compare .compare_select{width:100%; max-width: 85%;}
}

@media screen and (max-width:767px) {
	.tc_popup{
		width: 100%;
		margin-left: -50%;
	}
	
  .lcontent{
    width: 100%;
  }
    .button_area,
    .button_area_email {
        bottom: 7px;
        padding: 0px 7px;
        display: flex;
    }

    .inner_tab_01 {
        position: relative;
        width: 100%;
        float: left;
    }

    .inner_tab_01 ul {
        background-image: url(../images/down_arrow.jpg);
        background-position: 96% 17px;
        background-repeat: no-repeat;
        background-size: 15px;
        background-color: transparent;
        position: absolute;
        width: 100%;
        top: 0;
    }

    .inner_tab_01 ul,
    .inner_tab_01 ul li {
        display: block;
    }

    
    .inner_tab_01 ul li.option {
        border: 1px solid #686868;
        text-align: left;
    }

    .inner_tab_01 ul li.option:hover {
        /* background-color: #ffffff;*/
    }

    .inner_tab_01 ul li.option {
        z-index: 1;
        padding: 5px;
        display: none;
        list-style: none;
        background: white;
    }

    .inner_tab_01 ul li:first-child {
        display: block;
        background: none;
    }

    .inner_tab_01 ul li {
        cursor: default;
        margin: 0px;
    }

    .img_content_area {
        padding: 20px 0px;
    }

    .top_content {
        padding: 0px;
    }

    .img_content_area .img {
        display: none;
    }

    .top_content h3 {
        margin-bottom: 15px;
    }

    .Calculate_area {
        padding: 0px 17px;
    }

    .br-right {
        border-right: 0px solid #ededed;
    }

    .compare_select {
        width: 80%;
        max-width: 100%;
        border: 1px solid #666666;
        margin-left: -3px;
    }

    #compare_second_col {
        margin-top: 0px;
    }

    #Compare .col-md-6 .comapre_line.active {
        display: flex;
        flex-flow: row-reverse;
        height: auto;
        padding-bottom: 10px;
        border: 0px;
    }

    #Compare span.radio {
        border: 0px;
    }

    #Compare .amt_details {
        margin-top: 5px;
        padding-left: 0px;
        text-align: left;
    }
    
    #Compare .pull-left {
        font-size: 13px;
        font-weight: normal;
    }

    #Compare .range-text {
        width: 40px;
    }

    #Compare .text-center {
        text-align: left !important;
        margin-top: 10px;
        max-width: 160px;
    }

    #Compare h6 {
        font-size: 13px;
    }

    #Compare .pull-right {
        float: none;
        clear: both;
    }

    .main_tab {
        margin: 10px auto 0px;
    }

    .compare_head_wrapper {
        border: 0px;
        margin-top: 20px;
    }

    #Compare.main_tab_content {
        padding: 0px 0px;
    }

    div#compare_first_col.active,
    div#compare_second_col.active {
        background-color: #eaeaea;

    }

    #Compare .row {
        margin: 0px;
    }

   
}

@media only screen and (device-width :540px) and (device-height :720px) {
    .compare_select {
        width: 90%;
    }

    #Compare .text-center {
        max-width: 280px !important;
    }

   

    .compare2_calcution.text-center {
        margin-left: 15px;
    }

    .amt_details {
        margin-top: 20px;
    }

    .button_area,
    .button_area_email {
        padding: 1px 67px;
    }

    .proceed_btn,
    .email_my_quote_btn {
        width: 208px;
        margin-right: 5px;
    }
}

@media screen and (max-width: 418px) {
  

    .proceed_btn,
    .email_my_quote_btn {
        width: 180px;
    }

    .Calculate_area {
        padding: 0px 0px;
    }

    .range-text {
        width: 190px;
    }

    .proceed_btn,
    .email_my_quote_btn {

        font-size: 16px;
    }

    .amt_details {
        margin-top: 20px;
    }
}

@media (min-width: 380px) and (max-width: 767px) {
    .tenure .d-flex {
        display: block !important;
    }

    .d-flex .am_butto {
        margin-bottom: 5px;
    }
}

@media only screen and (device-width: 414px) {

    .button_area,
    .button_area_email {
        padding: 0px 27px;
    }

    .proceed_btn,
    .email_my_quote_btn {
        width: 172px;
        margin-right: 5PX;
    }
}



@media only screen and (device-width : 411px) and (device-height : 823px) and (-webkit-device-pixel-ratio : 3.5) {
    .main_tab_content.active {
        display: block;
        min-height: 630px;
        overflow: scroll;
        height: 650px;
    }

    .compare_select {
        width: 88%;
    }
}


@media screen and (max-width: 400px) {
    .Calculate_area {
        padding: 0 0 40px 0px;
    }
}

@media screen and (max-width: 375px) {
    .tenure .d-flex {
        display: block !important;
    }

    .d-flex .am_butto {
        margin-bottom: 5px;
    }

    .main_tab_content.active {
        display: block;
        min-height: 450px;
        overflow: scroll;
        height: 480px;
    }

    .proceed_btn,
    .email_my_quote_btn {
        width: 174px;
    }

    .button_area,
    .button_area_email {
        padding: 0px 7px;
    }

    #Compare .text-center {
        margin-left: 20px;
    }
}

@media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) {
    .main_tab_content.active {
        display: block;
        min-height: 630px;
        overflow: scroll;
        height: 650px;
    }

}

@media screen and (max-width: 360px) {
    .main_tab_content.active {
        display: block;
        min-height: 450px;
        overflow: scroll;
        height: 480px;
    }

    .proceed_btn,
    .email_my_quote_btn,
    .email_btn_quote {
        width: 165px;
        margin-right: 5px;
    }

}

@media screen and (max-width: 320px) {
    .am_butto {
        width: 83px;
    }

    .main_tab_content.active {
        height: 400px;
        min-height: 400px;
    }

    .proceed_btn,
    .email_my_quote_btn,
    .email_btn_quote {
        width: 155px;
    }

    .bmw-sf-widget-parent-wrapper .amt_area .area_cols {
        margin-left: 5px;
    }

    .proceed_btn,
    .email_my_quote_btn,
    .email_btn_quote {
        width: 145px;
    }

    .compare_select {
        width: 85%;
    }


}

.main_tab_ul li[data-open="Email"] {

    pointer-events: none;

}

button.am_butto {
    margin-right: 10px;
    background: #ededed;
    border-radius: 30px;
    border: none !important;
    padding: 10px 20px;
    line-height: 20px;
    /* float: left; */
    margin: 10px;
    font-size: 13px;
}
.am_butto.active {
   background: #306acd;
    color: #fff !important;
}
.emibg{    background: #f6f6f6;
    margin: 30px 0px;}

.cal_container .cal_col{
    padding-top: 60px;
}
.info-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  border: 1px solid #777;
  border-radius: 50%;
  font-size: 11px !important;
  font-weight: 600;
  color: #666;
  cursor: pointer;
}

.tooltip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  transform: translateX(-50%);
  
  width: auto;
  min-width: 300px;
  padding: 10px 12px;
  border-radius: 6px;
  
  background: #222;
  color: #fff;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1.4;
  
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 10;
}

.tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 5px solid transparent;
  border-top-color: #222;
}

.info-icon:hover .tooltip,
.info-icon:focus .tooltip {
  visibility: visible;
  opacity: 1;
}

.tootltip-last{
    left: 0%;
    min-width: 200px;
    transform: translateX(-80%);
}


@media (min-width: 768px) and (max-width: 900px) {
.amt_details span {font-size: 20px;}
.tooltip{transform: translateX(-32%);}
}

/* Mobile */
@media (max-width: 767px) {
    .cal_container .cal_col{
        padding-top:20px;
    }
  .cal_col{flex: 0 0 100%;}
  .amt_details div{flex: 0 0 100%; padding: 0px; text-align: center; border-right: 0px;}
  .lcontent h1 {font-size: 20px;}
  #emi_calculator{margin-top: 0px;}
  .plan360{margin-top: 10px;}
  .amt_details span{font-size: 20px;}
.lcontent{width: 100%;margin: 0px;padding: 0px;}
.main_tab_content{padding: 0px;}
.amt_details{gap: 20px;}
.emibg{margin: 0px 0px 20px 0px;padding: 20px 0px 0px;}
.tooltip{
    min-width: 200px;
    font-size: 11px !important;
}


}