.card-color{
    background-color:transparent!important;
}


body{
    font-family: Arial, sans-serif;
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff;
}
element.style{
    font-size: 0.9rem;
}

.container-fluid{
    padding: 0;
}
/* .d-md-none{
display: none;
} */
/* @media only screen and (min-width: 600px) { */
    .d-md-none{
        display: none!important;
    }
  /* } */

.cotainer, .container-fluid, .cotainer-lg, .cotainer-md, .cotainer-sm, .cotainer-xl{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.row{
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.sidebar1{
    display: flex;
    background-color: #F0F0F0;
    border-right: 1px solid #dee2e6;
    position: sticky;
    top: 0;
    padding: 15px;
    flex-direction: column;
    overflow-y: hidden;
}

@media (min-width:768px){
    .sidebar1{
        display: block;
    }
    
}
.dropdown-toggle{
    width: 100%;
    text-align: left;
}
.custom-dropdown-toggle{
    width: 100%;
    text-align: left;
    background-color: #fff;
    border: none;
    color: #333;
    padding: 10px 15px;
    position: relative;
}
h4{
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.dropdown-menu {
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1001;
}
.sidebar1 h3 {
    font-size: 18px;
    margin-bottom: 20px;
}
.sidebar1 ul {
    list-style-type: none;
    font-size: 15px;
    font-weight: 400;
}
dl, ol, ul{
    margin-top: 0;
    margin-bottom: 1rem;
}
.mt-4, .my-4{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem;
}
ul{
    display: block;
    margin-block-start: 1rem;
    margin-block-end: 1rem;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
}
.sidebar1 ul li{
    margin-bottom: 10px;
    margin-left: 5%;
}

li{
    display: list-item;
    text-align: -webkit-match-parent;
    unicode-bidi: isolate;
}
.sidebar1 ul li a {
    color: #333;
    text-decoration: none;
}
.sidebar1 li {
    padding: 10px 0;
}

.sidebar1 li a.active {
    color: black;
    font-weight: bold;
}
a{
    background-color: transparent;
}
a:-webkit-any-link {
    cursor: pointer;
}
.sidebar1 ul li a.active{
    font-weight: bold;
}
.need-help {
    margin-top: 20px;
    padding: 10px;
    background-color: #f1f1f1;
    border-radius: 5px;
}

.need-help h4 {
    font-size: 16px;
    margin-bottom: 10px;
}
.need-help p {
    font-size: 14px;
    color: #666;
}
div{
    display: block;
    unicode-bidi: isolate;
}
.content {
    padding: 20px;
}
.content h4 {
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 15px;
}
.content h5 {
    color: #666;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
}
.content h2{
    font-size: 24px;
    margin-bottom: 5px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1,h2,h3,h4,h5,h6 {
    font-weight: 500;
    line-height: 1.2;
}
.content .last-revised {
    font-size:12px;
    color: #999;
    margin-bottom: 20px;
}
h4{
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.content p,
.content ul{
    font-size: 14px;
    color: #333;
}
.costom-dropdown-toggle {
    width: 100%;
    text-align: left;
    background-color: #fff;
    border: none;
    color:#333;
    padding: 10px 15px;
    position: relative;
}
.costom-dropdown-toggle::after{
    content: '\f107';
    font-weight: 900;
    font-family: 'Font Awesom 5 free';
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}
.custom-dropdown-trggle[aria-expanded="true"]::after{
    content: '\f106';
}
.fa, .fas{
    font-weight: 900;
}
.fa, .far, .fas{
    font-family: "Font Awesome 5 Free";
}
.fa, .fab, .fad, .fal, .far, .fas{
    -webkit-font-smoothing:antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}
.col-md-3{
    padding-top: 14%;
}

.sticky-dropdown{
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.content-section {
    height: 2000px;
}
.custom-dropdown-menu{
    width: 100%;
    border: none;
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding: 10px;
}

.deropdown-menu{
    position: absolute;
    top:100%;
    left:0;
    right: 0;
    z-index: 1001;
}
p{
    margin-top: 0;
    margin-bottom: 1rem;
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
.collapse:not(.show){
    display: none;
}
i{
    font-style: italic;
}
hr{
    display: block;
    margin-block-start: 0.5em;
    margin-inline-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    unicode-bidi: isolate;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    
}

.costom-dropdown-menu{
    width: 100%;
    border: none;
    border-top: none;
    border-radius: 0 0 4px 4px;
    padding: 10px;
}
.sticky-dropdown{
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.dropdown-btn{
    background-color: #fff;
    border: none;
    width: 100%;
    text-align: left;
    padding: 15px 0;
    font-size: 16px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-arrow{
    width: 10px;
    height: 10px;
    border-left: 2px solid black;
    border-bottom: 2px solid black;
    transform: rotate(-45deg) !important;
    transition: transform 0.3s ease;
   
}
.sticky-dropdown.active.dropdown-arrow {
    transform: rotate(135deg);
}
.dropdown-content{
    display: none;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0 , 0, 0, 2);
    z-index: 1;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-width: 100vw;
}
.dropdown-content a{
    color: black;
    padding: 12px 16px;
    text: none;
    display: block;
}
.dropdown-content a:hover {
    background-color: #ddd;
}
.sticky-dropdown.active .dropdown-content{
    display: block;
}
.content{
    padding: 20px;
    margin-top: 10px;
}


.heading_main {
    display: flex;
    justify-content: space-between;
    
}
.include-header-main{
    padding-top: 10%;

}
@media(max-width:768px) {
    .include-header{
        padding-top: 17%;
    }    
}

@media (max-width: 768px) {
    .heading_main{
        display: block;
        
    }
}
.custom-underline {
   text-decoration: underline;
   text-decoration-color: black;
   text-decoration-thickness: 1px;
   text-underline-offset: 3px;
   color: black;
}

    
h2{
    display: block;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}
sm{
    padding: .25rem .5rem;
    font-size: .875rem;
    line-height: 1.5;
    border-radius: .2rem;
}
*, ::after, ::before{
    box-sizing: border-box;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled){
    cursor: pointer;
}
[type=button],
[type=reset], [type=submit], button{
    -webkit-appearance: button;
}
button, select {
    text-transform: none;
}
button, input{
    overflow: visible;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    line-height: inherit;
}
button{
    border-radius: 0;
   
   
}
.card-body{
    
}
.card{
    border: none !important;
    border-top: 1px solid rgba(0, 0, 0, .1) !important;
}
.card-header{
    border-bottom: none !important;
    border-top: 1px solid rgba(0, 0, 0, .1);
}

.custom-dropdown {
    border-botton: 1px dotted #000;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.custom-dropdown:last-child{
    border-bottom: none;
}
.btn-link{
    color: #000 !important;
}

.accordion .btn-link {
    width: 100%;
    text-align: left;
    font-size: 1.1rem;
    padding-left: 0;
    text-decoration: none !important;
}
.accordion .btn-link::after {
    float: right;
    content: "\f078"; 
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.accordion .collapsed .btn-link::after {
    content: "\f054"; 
}
hr {
    margin: 1.5rem 0;
}
.btn-link-focus{
    text-decoration: none;
}
.btn-link:hover{
    text-decoration: none;
}
 .hide{
   display: none;
  }
  
  @media only screen and (max-width: 600px) {
    .hide {
      display: block;
      
    }
  }
.sidebar-sticky{
   width: 25%;
   /* height: 100vh;
    min-height: 200px;*/
    overflow: auto;
    background: #F0F0F0;
    color: #1D1D1D;
   /* position: -webkit-sticky!important;
    position: sticky!important;*/
    /* top: 10px; */
    font-size: 25px;  
}

/*Footer style*/
.footer_icon {
    padding: 2% 0%;
    margin-top: 6%;
    margin-right: 15%;

}

.footer-copyright {
    margin-top: -1%;
}

.footer-tag {
    border-top: 20px solid #57baea;
}

.hr-line {
/*    display: none;*/
    background: linear-gradient(to right, #F05969, #E76F8D);
    height: 2%;
}

/*hr {
    display: none;
}*/

.class {
    border-top: 1px solid white;
    border-radius: 35px 35px 0px 0px;

}

.mw {
    max-width: 10%;
}

@media (max-width: 768px) {
    .hr-line {
        display: inline-block;
    }
    

    .class {
        gap: 0%;
    }

    .mw {
        max-width: 18% !important;
    }

    hr {
        display: block !important;
        color: #C1C1C1;
    }

    .footer-contact {
        padding: 0% 20%;
    }

    .footer_icon {
        padding: 2% 4%;
    }

    .quick-links {
        padding: 0% 11%;
    }

    .footer-copyright {
        /* margin-top: -1%; */
        padding: 5% 4%;
    }
}

.dropdown-footer {
    position: relative;
    display: inline-block;
}

.dropdown-content-footer {
    display: none;
    /* position: absolute; */
    background-color: white;
    min-width: 160px;
    /* box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); */
    z-index: 1;
}

.dropdown-content-footer a {
    color: black;
    padding: 8px 0px;
    text-decoration: none;
    display: block;
}

.dropdown-content-footer a:hover {
    background-color: #ddd;
}

.dropdown-footer .dropbtn-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    cursor: pointer;
    padding: 0px;
    background-color: white;
    border: none;
    width: 289px;
    /* Adjust this width as needed */
}

.dropdown-footer .dropbtn-footer:after {
    content: '\002B';
    /* Unicode for plus sign */
    font-size: 20px;
    color: black;
}

.dropdown-footer.active .dropbtn-footer:after {
    content: '\2212';
    /* Unicode for minus sign */
}

.dropdown-footer.active .dropdown-content-footer {
    display: block;
}

.footer-container-fluid {
    width: 100% !important;
    padding: 0% 8%;
}

@media (min-width: 769px) and (max-width: 991px) {
    body .footer-container-fluid {
        width: 100% !important;
        padding: 0% 8%;
    }

    .footer-about {
        max-width: 100% !important;
    }

    .footer_icon {
        padding: 2% 3%;
    }
    

    .mw {
        max-width: 20%;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    body .footer-container-fluid {
        width: 100% !important;
        padding: 0% 2%;
    }

    .footer-about {
        max-width: 70% !important;
    }

    .footer_icon {
        padding: 2% 4%;
    }
    .include-header-main {
        flex: 0 0 65%;
    }

    .mw {
        max-width: 18%;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    body .footer-container-fluid {
        width: 100% !important;
        padding: 0% 8%;
    }

    .footer-about {
        max-width: 70% !important;
    }
    

    .footer_icon {
        padding: 2% 3%;
    }

    .mw {
        max-width: 15% !important;
    }

}

@media (min-width: 1400px) and (max-width: 1700px) {
    body .footer-container-fluid {
        width: 100% !important;
        padding: 0% 8%;
    }

    .footer-about {
        max-width: 70% !important;
    }

    .footer_icon {
        padding: 2% 3%;
    }
    

    .mw {
        max-width: 12%;
    }
}

.info-mail {
    margin-top: 6%;
}
.dropdown-content-explore {
    display: none; /* Hidden by default */
    position: absolute;
    background-color: #f9f9f9;
    min-width: 200px;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    padding: 10px;
    border-radius: 5px;
}

.dropdown-content-explore a {
    color: black;
    text-decoration: none;
    display: block;
    padding: 8px 16px;
}

.dropdown-content-explore a:hover {
    background-color: #ddd;
}

.dropdown-btn-explore {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 600;
    background-color: white;
    color: black;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 5px; 
    width: 289px;
}

.dropdown-btn-explore:hover {
    background-color: white;
}  
.uldes{
    list-style-type: disc!important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
}