@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

*{
    font-family: "Montserrat", sans-serif;
    margin: 0;padding: 0;
}

:root{
    --thm-font:  "Montserrat", sans-serif;
    --thm-base: #01458e;
    --thm-base-light: #01458e30;
    --thm-base2: #a72821;
    --thm-base2-light: #a7282130;
    --thm-black: #000000;
    --thm-black-ligth: #00000040;
    --thm-gray: #999999;
    --thm-line: #8b8b8b30;
    --thm-white: #ffffff;
    --thm-section-bg: #f7f7f7;
    --thm-light: #c7c7c7;
    --thm-footer: #e2e2e2;
    --thm-primary: #666666;
}
h1,
h2,
h3,
h4,
h5,
h6,
p{ margin: 0;}
ul{ margin: 0; padding: 0;}
li{ list-style: none;}
h1{ font-size: 50px; font-weight: 500;}
h2{ font-size: 32px; font-weight: 600; font-family: "Montserrat", sans-serif;}
h3{ font-size: 24px;}
h4{ font-size: 18px; font-weight: 500;}
h5{ font-size: 20px; font-weight: 500;}
h6{ font-size: 17px;}
a{ display: inline-block; color: var(--thm-black); text-decoration: none; font-weight: 500; transition: 0.5s;}

.text-align-justify{ text-align: justify;}

a:hover {color: var(--thm-base);}
.mb-50{ margin-bottom: 50px;}
.mt-50{ margin-top: 50px;}
.mb-80{ margin-bottom: 100px;}
.mt-80{ margin-top: 100px;}

.container{ max-width: 1240px;}
b{ color: var(--thm-base);}
.b-black{ color: var(--thm-black); font-weight: 500;}
.section-container{ position: relative;}

.heading-tag{ display: inline-block; font-size: 15px; color: var(--thm-base); margin-bottom: 10px; font-weight: 600; padding: 4px 10px; background-color: var(--thm-base-light);}
.heading{ font-weight: 700; color: var(--thm-black); margin-bottom: 15px;}
.description{ font-size: 15px; margin-bottom: 15px; font-weight: 500; color: var(--thm-primary);}
.source_description { color: var(--thm-black); font-size: 12px; font-weight: 500;}
.sub-line{font-weight: 700; color: var(--thm-base2); margin-bottom: 15px;}

.btn-box { background-color: var(--thm-black); color: #fff; font-size: 14px; border-radius: 22px; padding: 10px 25px; transition: 0.5s; display: inline-block; position: relative; overflow: hidden; z-index: 2; transition: 0.5s; font-weight: 600;}
.btn-box:hover { color: #fff; background-color: var(--thm-base2);}

.btn-box.style2{ background-color: #ffffff; color: var(--thm-black);}
.btn-box.style2:hover{ background-color: var(--thm-base); color: var(--thm-white);}

.btn-box.style3{ background-color: var(--thm-base);}
.btn-box.style3:hover { color: #fff; background-color: var(--thm-base2);}

.btn-box.style4{ background-color: var(--thm-base2);}
.btn-box.style4:hover { color: #fff; background-color: var(--thm-base);}
.owl-dots { text-align: center;}
.owl-dot { width: 7px; height: 7px; margin: auto; background-color: var(--thm-base) !important; margin: 0 4px; opacity: 1; margin-top: 20px !important; border-radius: 30px !important;}
.owl-dots .active { background-color: var(--thm-base-light) !important;}

.form-section { width: 100%; margin: auto; margin-top: 10px;  padding: 30px;}
.form-heading { font-size: 22px; margin-bottom: 6px; color: var(--thm-black); font-weight: 600;}
.form-control { display: block; padding: 10px 15px; font-size: 14px; color: var(--thm-black); background-color: var(--thm-color); background-clip: padding-box; border: 2px solid var(--thm-footer); -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 4px; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;}
.form-control::placeholder { color: #666666; opacity: 1;}
.form-select { border-radius: 0px; margin-top: 3px; padding: 10px 15px; font-size: 14px; border-radius: 4px; border: 2px solid var(--thm-footer); color: var(--thm-black); background-color: transparent;}
.form-select:focus { border: 2px solid transparent; box-shadow: #1299d140 0px 0px 0px 0.25rem;}
.form-control:focus { color: var(--thm-black); background-color: var(--thm-color); outline: 0px; border: 2px solid transparent; box-shadow: #1299d140 0px 0px 0px 0.25rem;}
.form-section button{ border: none; width: 100%;}
/* .form-section .btn-box{ background-color: var(--thm-black); color: var(--thm-white); font-weight: 600; border: 2px solid var(--thm-black); transition: 0.3s;}
.form-section .btn-box:hover{ border: 2px solid #4e4e4e; width: 100%; color: var(--thm-white); background-color: #4e4e4e;} */
.form-section label{ font-size: 14px; font-weight: 700; margin-bottom: 0px;}
.form-section .form-check-label{ font-weight: 600;}
.form-section .input-group-text{ font-size: 14px; font-weight: 500; margin-bottom: 0px; padding: 10px 15px; line-height:1.1 !important;}

header{ position: relative; background-color: #ffffff; padding: 10px;}
header .top-header { background-color: transparent;}
header .top-header .container{ display: flex; align-items: center; justify-content: space-between;}
header .top-header p{ font-size: 14px; font-weight: 400;}

header .top-header .social-media-container{ display: flex; align-items: center;}
header .top-header .social-media-container div{ display: flex; gap: 10px; align-items: center; border-right: 1px solid var(--thm-line); padding: 10px 20px; color: var(--thm-white);}
header .top-header .social-media-container a{ font-size: 14px; font-weight: 400; color: var(--thm-white);}
header .top-header .social-media-container i{ font-size: 18px; color: var(--thm-base);}
header .top-header .social-media-container a:hover{ color: var(--thm-base);}
header .top-header .social-media-container div:last-child{ border: none; padding-right: 0px;}

header .top-header .social-media-container .social-media{ display: flex; gap: 20px;}
header .top-header .social-media-container .social-media a{ position: relative;}
header .top-header .social-media-container .social-media a i{ font-size: 14px; transition: 0.5s;}
header .top-header .social-media-container .social-media a:hover i{ color: var(--thm-white);}

header .nav-bar .container{ display: flex; justify-content: space-between; align-items: center;}
header .nav-bar .menu-section{ display: flex; gap: 30px; align-items: center;}
header .nav-bar .container .logo{ max-width: 180px; }
header .nav-bar .menu-section .menu{ display: flex; gap: 20px;}
header .nav-bar .menu-section .menu li{ position: relative;}
header .nav-bar .menu-section .menu li a{  font-weight: 600; font-size: 16px;}
header .nav-bar .menu-section .menu li a:hover{ color: var(--thm-base);}
header .nav-bar .menu-section .menu .active > a{ color: var(--thm-base);}
header .nav-bar .nav-connect{ display: flex; gap: 15px; align-items: center;}

.mega-menu{ background-color: #ffffff; padding: 30px 30px 40px 30px; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;}
.mega-menu .mega-head{ display: flex; gap: 30px; align-items: center; margin-bottom: 40px;}
.mega-menu .mega-head img{ max-width: 120px;}
.mega-menu .mega-head h6{ font-size: 16px; font-weight: 600; text-transform: uppercase; color: var(--thm-base); border-bottom: 1px solid #2F307140; padding-bottom: 10px;  margin-bottom: 10px;}
.mega-menu .mega-menu-items{ display: grid; gap: 15px; grid-template-columns: repeat(2, 1fr); align-items: center;}
.mega-menu .mega-menu-items .mega-btn:last-child{ grid-column: span 2;}
.mega-menu .mega-menu-items .mega-btn{ width: 100%; display: flex; justify-content: space-between !important; align-items: center; color: var(--thm-base2); font-size: 16px !important; font-weight: 600; border: 1px solid #00000030; padding: 10px 20px; border-radius: 50px; transition: 0.5s;}
.mega-menu .mega-menu-items .mega-btn:hover{ color: var(--thm-white) !important; border: 1px solid var(--thm-base2); background-color: var(--thm-base2);}


/* =============== Mega-menu hover-show =========================== */
.dropdown-megamenu { position: relative; display: flex; gap: 5px; align-items: center; }
.dropdown-megamenu .megamenu-open{ color: var(--thm-black); margin-top: -3px; font-size: 14px; cursor: pointer;}
.dropdown-megamenu .mega-menu{ position: absolute; width: 600px; border-radius: 14px; opacity: 0.7; top: 35px; left:  50%; transform: translatex(-50%); z-index: 1; transition: 0.5s; visibility: hidden; }
.dropdown-megamenu:hover .mega-menu{ top: 68px; opacity: 1; z-index: 10; visibility: visible;}
/* .dropdown-megamenu .mega-menu{ display: none; opacity: 1; visibility: visible;}
.dropdown-megamenu .mega-menu.show-drop-down{ display: block; opacity: 1; z-index: 10; visibility: visible;} */
.dropdown-megamenu .megamenu-open:hover{ color: var(--thm-base2);}

.sticky{ position: fixed; top: 0px; width: 100%;  box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; z-index: 9; background-color: var(--thm-white);}




.main-banner { background-color: #e0e0e0;}
.main-banner img{ max-width: 80%;}
.main-banner .container { padding: 80px 0 80px;}
.main-banner .content h1 { font-size: 30px; font-weight: 800; text-transform: uppercase; color: var(--thm-base2); border-top: 2px solid var(--thm-base2-light); border-bottom: 2px solid var(--thm-base2-light); padding: 10px 0px; margin-bottom: 25px;}
.main-banner .content h1 sup{font-weight: 500; font-size: 15px;}
.main-banner .content h6 { color: var(--thm-black); font-weight: 600;}
.main-banner .content p { color: var(--thm-black); font-size: 12px; font-weight: 500;}

.call-connect{ background-color: var(--thm-base2-light); border-top: 3px solid;  border-bottom: 3px solid; border-image: linear-gradient(to right, var(--thm-base), var(--thm-base2)) 1; padding: 14px 0px;}
.call-connect .container div{ display: flex; gap: 20px; flex-wrap: wrap; align-items: center; justify-content: center;}
.call-connect .container div img{ max-width: 70px;}

.dsi-celtafer-section .dsi-celtafer-treatment { margin-top: 15px; position: relative;}
.dsi-celtafer-section .dsi-celtafer-treatment .col-header { background: var(--thm-base); color: #fff; padding-left: 50%; padding-top: 6px; padding-bottom: 6px; border-radius: 14px 14px 0px 0px;}
.dsi-celtafer-section .dsi-celtafer-treatment .col-header p { padding-bottom: 0; margin-bottom: 0;}
.dsi-celtafer-section .dsi-celtafer-treatment .col-header strong { font-size: 30px;}
.dsi-celtafer-section .dsi-celtafer-treatment .col-header p b{ color: #fff;}

.dsi-celtafer-section .dsi-celtafer-treatment .col-body { background-color: #01458e20; display: flex; padding: 10px 17px; margin-bottom: 20px; border-radius: 0px 0px 14px 14px;}
.dsi-celtafer-section .dsi-celtafer-treatment .image-left { display: flex; position: static; align-items: end;}
.dsi-celtafer-section .dsi-celtafer-treatment .image-left span { padding-left: 0px; font-size: 13px; font-weight: 600;}
.dsi-celtafer-section .dsi-celtafer-treatment .image-left .desktop { position: absolute; top: -23px; left: 20%;}
.dsi-celtafer-section .dsi-celtafer-treatment .dsi-time-info { display: flex; -webkit-align-items: center; align-items: center; padding-bottom: 10px;}
.dsi-celtafer-section .dsi-celtafer-treatment .dsi-time-info img{ max-width: 40px;}
.dsi-celtafer-section .dsi-celtafer-treatment .dsi-time-info p { padding-left: 10px; padding-bottom: 0; margin: 0; color: var(--thm-base); text-align: left; font-weight: 600; font-size: 16px;}


.table-above-content{ padding: 10px 40px; height: 200px;}

table.table-bordered.table-comman-design tbody tr td:last-child { text-align: center;}
table.table-bordered tbody tr td:first-child { text-align: left;}
table.table-bordered.table-white tr td, table.tblbaselinemean.table-white tr td { font-weight: 600; color: var(--thm-base2); border: 1px solid #a7282140;}
table.table-bordered.table-white tr .thead{ background-color: var(--thm-base2); color: var(--thm-white); border: 1px solid var(--thm-base2);}

table{overflow: hidden;}
table.bt{ border-radius: 7px;}
table, th, td{border-collapse: collapse; font-weight: 500;}
td{ padding: 8px 15px; }
th{ text-align: center; padding: 8px; background-color: var(--thm-base); color: #FFF;}

.table-section-last{ background-color: #01458e20; border: 2px solid var(--thm-base); padding: 25px;}
.table-section-last h6{ font-weight: 600; text-align: center;}

.diagnosing-and-treating-ida .dandt-ida{ padding: 40px; border: 1px solid var(--thm-base2-light); border-left: 5px solid var(--thm-base2);}
.diagnosing-and-treating-ida .dandt-ida-item{ padding: 25px; border: 1px solid var(--thm-base2-light); margin-bottom: 25px;}
.diagnosing-and-treating-ida .dandt-ida-item p, 
.diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-item2 p{ font-weight: 500; font-size: 15px; margin-bottom: 10px;}
.diagnosing-and-treating-ida .dandt-ida-box2{ border: 1px solid var(--thm-base2-light); padding: 25px 35px; margin-bottom: 25px;}
.diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-item2{ display: flex; gap: 35px; align-items: center; margin-bottom: 10px;}
.diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-item2 img{ max-width: 60px;}

.diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-box2-women{ border: 2px solid var(--thm-base2); padding: 5px 25px 20px; border-radius: 12px; margin: 20px 0px;}
.diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-box2-women .img-icon{ margin-top: -40px; margin-bottom: 0px;}
.diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-box2-women > div{ display: flex; gap: 15px; align-items: center; margin: 15px 0px;}
.diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-box2-women b{ color: var(--thm-base2);}
.diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-box2-women.style2{ margin: 40px 0px; border: 2px solid var(--thm-base);}
.diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-box2-women.style2 .sub-line{ color: var(--thm-base);}
.diagnosing-and-treating-ida .dandt-ida-box2 .dandt-ida-box2-women.style2 b{ color: var(--thm-base);}


.imp-safety-info .imp-safety-info-container{ padding: 40px; box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px; border-radius: 20px;}
.imp-safety-info .imp-safety-info-container h5{ color: var(--thm-base2); font-weight: 600; font-size: 18px; margin: 30px 0px 3px;}
.imp-safety-info .imp-safety-info-container h6{ color: var(--thm-base2); font-weight: 500; font-size: 17px; font-style: italic; margin-bottom: 15px;}
.imp-safety-info .imp-safety-info-container .description{ padding: 17px 20px; background-color: #f6f6f6; color: #3b3b3b; margin-bottom: 20px; border-radius: 8px;}

.d4-content .d4-content-item{ display: flex; gap: 20px; align-items: center; padding: 10px 25px;}

.footer-section{ background-color: var(--thm-base);}
.footer-section .footer-container{ padding: 70px 0px 30px 0px; position: relative;}

.footer-section .footer-container .grid-footer-services{ display: grid; gap: 0px 20px; grid-template-columns: repeat(2, 1fr);}
.footer-section .footer-container .footer-services{ border-left: 1px solid #ffffff20; padding: 0px 30px; border-right: 1px solid #ffffff20; margin: 0px 30px; text-align: center;}
.footer-section .footer-container .footer-services li{ margin-bottom: 8px; overflow: hidden;}
.footer-section .footer-container .footer-services li a{ display: inline-flex; color: var(--thm-footer); transition: 0.5s; position: relative;  font-size: 15px; font-weight: 600;}
.footer-section .footer-container .footer-services li a:hover{ color: var(--thm-base2); }

.footer-section .footer-container .footer-contact p{ display: flex; gap: 10px; align-items: center; margin-bottom: 6px; padding-bottom: 8px; border-bottom: 1px solid #FFFFFF08; font-size: 15px; font-weight: 400; margin-right: 20px;}
.footer-section .footer-container .footer-contact p i{ color: var(--thm-footer);}
.footer-section .footer-container .footer-contact p a{ color: var(--thm-footer); font-size: 15px; line-height: 1.3; font-weight: 600;}
.footer-section .footer-container .footer-contact p a:hover{ color: var(--thm-base2);}

.footer-section .social-media{ display: flex; gap: 18px; align-items: center; margin-top: 5px;}
.footer-section .social-media a i{ font-size: 18px; color: var(--thm-footer); background-color: transparent; transition: 0.5s;}
.footer-section .social-media a:hover i{ color: var(--thm-base);}

.footer-section .footer-bottom-section{ padding: 20px 0px; border-top: 1px solid  var(--thm-line);}
.footer-section .footer-bottom-section p{ font-size: 14px; font-weight: 500; color: var(--thm-footer);}
.footer-section .footer-bottom-section p a{ color: var(--thm-footer); transition: 0.5s;}
.footer-section .footer-bottom-section p a:hover{ color: var(--thm-base2);}


.contact-info-page .form-section{ padding: 30px; box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px; border-radius: 15px;}
.contact-info-page .contact-info{ display: grid; gap: 15px; grid-template-columns: repeat(1, 1fr);}
.contact-info-page .contact-info .contact-info-items{ background-color: #a7282110; padding: 15px; display: flex; gap: 15px; align-items: center; transition: 0.5s; border-radius: 10px; border: 1px solid transparent;}
.contact-info-page .contact-info .contact-info-items i{ font-size: 24px; color: var(--thm-white); font-weight: 600; background-color: var(--thm-base); padding: 11px; border-radius: 3px;}
.contact-info-page .contact-info .contact-info-items p{ font-size: 17px; font-weight: 600;}
.contact-info-page .contact-info .contact-info-items a{ display: inline-block; color: var(--thm-primary); font-size: 15px; font-weight: 500; line-height: 1.3;}
.contact-info-page .contact-info .contact-info-items span{ color: var(--thm-primary); font-weight: 500; font-size: 15px;}
.contact-info-page .contact-info .contact-info-items a:hover{ color: var(--thm-base);}
.contact-info-page .contact-info .contact-info-items:hover{ border: 1px solid #2F307150;}

.contact-info-page .contact-info-social{ display: flex; gap: 0px 25px;  align-items: center;}
.contact-info-page .contact-info-social h4{ font-size: 18px; font-weight: 800;}
.contact-info-page .contact-info-social .social-media{ display: inline-flex; align-items: center;;}
.contact-info-page .contact-info-social .social-media a{ position: relative; color: var(--thm-white); z-index: 2;}
.contact-info-page .contact-info-social .social-media i{ font-size: 18px; color: var(--thm-primary); background-color: transparent; transition: 0.5s; font-weight: 400;}
.contact-info-page  .contact-info-social .social-media a:hover i{ color: var(--thm-base2);}
.iframe-container iframe{ margin-bottom: -7px;}


action-bar {
    position: fixed;
    z-index: 55;
    right: 15px;
    bottom: 45%;
    background: linear-gradient(65deg, var(--thm-base) 0%, var(--thm-base) 56%, var(--thm-base) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#acc920',endColorstr='#0a9dd8',GradientType=1);
    display: flex;
    border-radius: 12px;
    box-shadow: rgb(17 12 46 / 26%) 0px 48px 100px 0px;
    flex-direction: column;
    opacity: 0;
    transform: translateX(100px);
    will-change: opacity, transform;
    transition: 0.5s all cubic-bezier(0.175,0.885,0.32,1.275);
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 8px;
    border: 1px solid #ffffff20;
}
action-bar.active {
    opacity: 1;
    transform: none;
}
/* action-bar a:first-child{
    padding-top: 27px;
} */
action-bar a:last-child {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    /* padding-bottom: 25px; */
}
action-bar a {
    color: #fff;
    height: 40px;
    width: 50px;
    display: flex;
    transition: 0.5s all ease;
    align-items: center;
    justify-content: center;
    padding: 20px 14px;
    position: relative;
}
action-bar .e-whatsapp:hover svg{
    fill: #25d366 !important;
}
action-bar .e-form:hover svg{
    fill: #a72821 !important;
}

action-bar .e-form:hover svg linearGradient stop{
    stop-color: #a72821;
}
action-bar a::after {
    position: absolute;
    height: 1px;
    width: 70%;
    /* left: 15%;
    top: 50%; */
    bottom: 0;
    background-color: #ffffff20;
    content: " ";
}
/* action-bar a:last-child::after{
    height: 0px;
} */
action-bar a:hover{
    background-color: var(--thm-white);
    color: var(--thm-base);
}

action-bar a:hover::after{
    width: 100%;
}


/* ==================== back-to-top-button ===================================== */
#back-to-top-button {
    display: inline-block;
    background-color: var(--thm-base);
    width: 45px;
    height: 45px;
    text-align: center;
    position: fixed;
    bottom: 18px;
    right: 15px;
    transition: background-color .3s, 
      opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border-radius: 10px;
}
#back-to-top-button::after {
    content: "\f077";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    line-height: 45px;
    color: var(--thm-white);
}
#back-to-top-button:hover {
    cursor: pointer;
    background-color: var(--thm-gray);
}
#back-to-top-button:active {
    background-color: var(--thm-light);
}
#back-to-top-button.show {
    opacity: 1;
    visibility: visible;
}


.btn-whatsapp-pulse { background: #25d366; color: white; position: fixed; bottom: 30px; left: 30px; /* right: 20px; */ font-size: 30px; display: flex; justify-content: center; align-items: center; width: 0; height: 0; padding: 23px; text-decoration: none; animation-name: whp-pulse; animation-duration: 1.5s; animation-timing-function: ease-out; animation-iteration-count: infinite; z-index: 10000; }
@keyframes whp-pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);}
    80% { box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);}
}



/* ==================== toogle bar ===================================== */

.ham {
    width: 60px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: none;
    margin: -10px;  
}
.hamRotate.active {
    transform: rotate(45deg);
}
.hamRotate180.active {
    transform: rotate(180deg);
}
.line {
    fill: none;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: var(--thm-base);
    stroke-width: 5.0;
    stroke-linecap: round; 
}
.ham6 .top {
    stroke-dasharray: 40 172;
}

.ham6 .middle {
    stroke-dasharray: 40 111;
}

.ham6 .bottom {
    stroke-dasharray: 40 172;
}

.ham6.active .top {
    stroke-dashoffset: -132px;
}

.ham6.active .middle {
    stroke-dashoffset: -71px;
}

.ham6.active .bottom {
    stroke-dashoffset: -132px;
}


.pop-Content-container{ background-color: #000000;}
.pop-Content-container #overlay { display: none;  position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; pointer-events: none;}
.pop-Content-container #popup { max-width: 650px; display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100000; border-radius: 20px; overflow: hidden;}
.pop-Content-container ul li strong{ color: #000;}
.pop-btn{ border-top: 1px solid #00000030; padding-top: 20px; margin-top: 30px;}
.pop-btn .button{ padding: 8px 75px;}
.pop-Content-container .modal-header { border-bottom: none !important; padding-top: 0px; padding-right: 10px;}
.pop-Content-container.pop-Content-container-form .modal-header { border-bottom: 1px solid #a7282130 !important; padding: 10px 0px;}
.pop-Content-container.pop-Content-container-form .form-section { width: 100%; margin: auto; margin-top: 10px;  padding: 10px 0px;}
.modal-header .btn-close { padding: 10px !important; margin: -.5rem -.5rem -.5rem auto; background-color: #a7282130;}
.btn-close { border-radius: 50%; opacity: 1;}

/* ==================== pop-up ===================================== */
.modal-dialog {
    max-width: 650px;
    margin: 1.75rem auto;
}
.modal-dialog .form-heading {
    font-size: 20px;
    margin-bottom: 0px;
    color: var(--thm-base);
    text-align: center;
}
.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(253, 13, 13, 0.25);
    opacity: 1;
}
.modal-content{
    border-radius: 20px !important;
}
.modal-header{
    padding: 16px 30px;
    padding-top: 30px;
}
.modal-dialog .form-section{
    padding-top: 10px;
}