* {
    box-sizing: border-box;
    padding: 0 ;
    margin: 0 ;
}

body{
    font-family: "Poppins", sans-serif;
}


.bannerinnersec{
    width: 100% ;
    height: 430px ;
    background-image: url(../../images/privacypolicy/mainbanner.png);
    background-repeat: no-repeat ;
    background-size: cover ;
}

.sidebtn{
    width: 100% ;
    li{
        list-style: none ;
        margin-bottom: 8px ;
         button{
                font-size: 14px ;
                font-weight: 400 ;
                color: #4A5565 ;
                width: 100% ;
                height: 50px ;
                border-radius: 10px ;
                text-align: left;
                padding: 0 10px ;
                border: none ;
                background-color: #ffffff ;
                img{
                    min-width: 11px ;
                    max-width: 24px ;
                    margin-right: 8px ;
                }
                  a{
            text-decoration: none ;
        }
            }
             button.active{
                background: linear-gradient(180deg, #FD5D68 0%, #F62053 100%);
                box-shadow: 0px 1px 2px -1px #0000001A , 0px 1px 3px 0px #0000001A;
                color: #FFFFFF ;

             }
    }
}

.topheading{
    font-size: 20px ;
    font-weight: 500 ;
    color: #101828 ;
}
.redicon{
    min-width: 48px ;
    max-width: 48px ;
    height: 48px ;
    border-radius: 14px ;
   background: linear-gradient(180deg, #FF6E6E 0.54%, #F5164E 100.54%);
    display: flex;
    justify-content: center ;
    align-items: center ;

}
.tablecontent{
    font-size: 16px ;
    font-weight: 400 ;
    color: #101828 ;
}
.welcome-main{
    border-top: 1px solid #E5E7EB;
    background: #ffffff ;
    box-shadow: 0px 1px 2px -1px #0000001A , 0px 1px 3px 0px #0000001A;
    padding: 30px ;
    border-radius: 15px ;
}
.usp-sec{
    width: 100% ;
    height: 85px ;
    display: flex ;
    justify-content: center ;
    align-items: center ;
    flex-direction: column ;
    gap: 10px ;
    background: #EFF6FF ;
    border-radius: 10px ;
    img{
        min-width: 24px ;
        max-width: 24px ;
    }
    p{
        font-size: 14px ;
        font-weight: 400 ;
    }
}
.usp-sec.usp2{
    background: #F0FDFA !important;
    color: #0B4F4A !important;
}
.usp-sec.usp3{
    background: #FAF5FF !important;
    color: #59168B !important;
}
.lorem-main{
    padding: 20px ;
    background: linear-gradient(90deg, #EFF6FF 0%, #F0FDFA 100%);
    border: 1px solid #DBEAFE;
    border-radius: 15px ;
    p{
        font-size: 16px ;
        font-weight: 400 ;
        color: #364153 ;
    }
}

.collect{
    font-size: 16px ;
    font-weight: 400 ;
    color: #101828 ;
}
.provide{
    font-size: 16px ;
    font-weight: 400 ;
    color: #364153 ;
}
.accordion-button{
    padding-left: 0px ;
    border: none !important;
     background:#fbfcff ;
     font-size: 14px ;
     font-weight: 500 ;
     color: #364153 ;
     img{
        margin-right: 10px ;
     }
}
.accordion-button[aria-expanded="true"]{
    color: #364153 ;
}
.accordion-item{
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}
.accordion-button:focus{
    box-shadow: none ;
}
.accordion-button:not(.collapsed){
    background:#fbfcff !important ;
    box-shadow: none !important;
}
.accordion-body{
      background:#fbfcff !important ;
      padding: 10px 0 !important;
}
.acctxt{
    font-size: 14px ;
    font-weight: 400 ;
    span{
        font-weight: 500 ;
    }
}
.accordion-button::after{
    background: url(../../images/privacypolicy/angledown.png) !important;
    background-repeat: no-repeat !important;
    width: 16px ;
    height: 16px ;
}
.usage-inner{
    border: 1px solid #E5E7EB;
    padding: 20px ;
    border-radius: 14px ;
    height: 100% ;
}
.usagetxt{
    font-size: 12px ;
    font-weight: 400 ;
    line-height: 20px ;
    color: #4A5565 ;
    span{
        font-weight: 500 ;
    }
}
.thirdparty{
    font-size: 16px ;
    font-weight: 500 ;
    color: #101828 ;
}
.thirdpartytxt{
    font-size: 16px ;
    font-weight: 400 ;
    color: #4A5565 ;
}
.datasecurity{
 background: linear-gradient(91.34deg, #E8EFFF -32.3%, #FFFFFF 99.89%);
 border: 1px solid #DBEAFE;
 padding: 20px ;
 border-radius: 15px ; 

}
.datainner{
    padding: 20px ;
    border-radius: 15px ;
    border: 1px solid #BEDBFF;
    background-color: #ffffff ;
}
.datapara{
    font-size: 14px ;
    font-weight: 400 ;
    color: #4A5565 ;
}
.importantnotice{
    border-left: 4px solid #002374;
    padding: 10px 10px 10px 40px;
    p{
        color: #002374 ;
        font-size: 16px ;
        font-weight: 400 ;
        text-indent: -30px;
        img{
            margin-right: 5px ;
        }
    }
}
.privacychoice{
    border-top: 1px solid #0000001A;
    padding-top: 20px ;
}
.access-control{
   border: 1px solid #DBEAFE;
    padding: 20px ;
    border-radius: 14px ;
    background: linear-gradient(135deg, #EFF6FF 0%, #F0FDFA 100%);

}
.control-note{
    background: #FFFFFF99 ;
    padding: 10px 20px ;
    border-radius: 10px ;
    p{
        font-size: 14px ;
        font-weight: 400 ;
        color: #4A5565 ;
    }
}
.marketing{
    background: linear-gradient(135deg, #FAF5FF 0%, #FDF2F8 100%) !important;
   border: 1px solid #F3E8FF !important;
}
.track{
    background: linear-gradient(135deg, #FFF7ED 0%, #FEF2F2 100%) !important;
    border: 1px solid #FFEDD4 !important;
}
.children{
    background: #FAF5FF !important;
    border: 1px solid #F3E8FF !important;
}
p.believe{
    text-indent: -30px ;
    padding-left: 30px ;
    img{
        margin-right: 8px ;
    }
}
.policy-changes{
    padding-bottom: 20px ;
    border-bottom: 1px solid #0000001A;
}

.sidebtns {
  position: sticky;
  top: 0;
  height: fit-content;
}
 .welcometxt{
        font-size: 16px ;
        font-weight: 400 ;
        color: #4A5565 ;
    }


@media screen and (max-width:768px) {
    .welcome-main {
        padding: 10px;
    }
    .topheading {
       font-size: 18px;
    }
    .welcometxt{
        font-size: 12px ;
    }
    .usp-sec{
        p{
            font-size: 12px ;
        }
    }
    .lorem-main {
        padding: 10px;
        p {
            font-size: 12px;
        }
    }
    .redicon {
        min-width: 40px;
        max-width: 40px;
        height: 40px;
        border-radius: 10px ;
    }
    .provide {
       font-size: 12px;
    }
    .acctxt {
       font-size: 12px;
    }
    .collect {
       font-size: 15px;
    }
    .usage-inner {
        padding: 10px;
    }
    .thirdparty {
        font-size: 14px;
    }
    .thirdpartytxt {
        font-size: 12px;
    }
    .datasecurity {
        padding: 10px;
    }
    .datainner {
        padding: 10px;
    }
    .tablecontent {
        font-size: 13px;
    }
    .datapara {
        font-size: 12px;
    }
    .importantnotice {
        p {
            font-size: 12px;
        }
    }
    .control-note {
        padding: 10px ;
            p {
                font-size: 12px;
            }
        }
    .access-control {
        padding: 10px;
    }
    .bannerinnersec {
        height: 100px ;
    }
    .accordion-button{
        font-size: 13px ;
    }
}










/* terms-and-conditions-sec-start */


.termsbannerinnersec{
    width: 100% ;
    height: 430px ;
    background-image: url(../../images/terms&conditions/t&cbanner.png);
    background-repeat: no-repeat ;
    background-size: cover ;
}
.notificationtxt{
    font-size: 16px ;
    font-weight: 400 ;
    color: #364153 ;
    span{
        font-weight: 500 ;
    }
}
.limitationtxt{
    font-size: 16px ;
    font-weight: 400 ;
    color: #4A5565 ;
    span{
        font-weight: 500 ;
    }
}
.cookie-heading{
    font-size: 16px ;
    font-weight: 500 ;
    color: #364153 ;
}
.whatcookies{
    font-size: 24px ;
    font-weight: 500 ;
    color: #364153 ;
}
.intellect{
    font-size: 13px ;
    font-weight: 400 ;
    color: #364153 ;
    span{
        font-weight: 500 ;
    }
}
.accordion-item:has(button[aria-expanded="true"]) {
    background: none !important;
    color: inherit !important;
}
.accordion {
    h2 {
        margin-top: unset !important;
        margin-bottom: unset !important;
    }
}
.accordion-item {
    border-radius: unset !important;
    overflow: unset !important;
}
.accordion-item:has(button[aria-expanded="true"]) {
    img, .accordion-button::after {
        filter: unset !important;
    }
}
@media screen and (max-width:768px) {
    .termsbannerinnersec {
        height: 100px ;
    }
    .notificationtxt {
       font-size: 12px;
    }
    .limitationtxt {
        font-size: 12px;
    }
    .whatcookies {
        font-size: 20px;
    }
    .cookie-heading {
        font-size: 16px;
    }
    .intellect {
       font-size: 12px;
    }
}