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

h1{ font-size: 48px; font-weight: 700; color: #000; margin: 0; line-height: 1.2; }
h2{ font-size: 32px; font-weight: 700; color: #000; margin: 0; line-height: 1.2; }
h3{ font-size: 24px; font-weight: 700; color: #000; margin: 0; line-height: 1.2; }
h4{ font-size: 20px; font-weight: 700; color: #000; margin: 0; line-height: 1.2; }
h5{ font-size: 18px; font-weight: 700; color: #000; margin: 0; line-height: 1.2; }
h6{ font-size: 16px; font-weight: 700; color: #000; margin: 0; line-height: 1.2;}

p{ font-size: 16px; color:#000; font-weight: 400; margin: 0; line-height: 1.5; }

a{ text-decoration:none;}

a:hover{ text-decoration:none;}
img{ height: 100%; width: 100%; object-fit: cover;}

ul,li{ list-style:none;}



.headerLogo{ text-align: center; padding: 10px 0;  }
.headerLogo img{ width: auto; height:auto; object-fit: contain;}
.headerLogo a{ display: inline-block;}

.footerSection{ padding: 50px 0 10px 0;}
.copyrightSection{ display: flex;  align-items: center; }
.copyrightSection img{ height: 50px; width: auto;}
.copyrightSection p{ margin: 0;  font-size: 14px; color: #000;  padding-left: 20px; font-weight: 400;}
.footerLinks ul{ display: flex;  justify-content: flex-end;  padding: 0; margin: 0; list-style: none; gap: 10px;}
.footerLinks ul li a{ font-size: 12px; color: #000; font-weight: 400; text-decoration: none;}
.footerLinks ul li a:hover{ color: #C600FF; }

@media(width <= 767px){
    h1{ font-size: 36px; }
    h2{ font-size: 28px; }
    h3{ font-size: 22px; }
    h4{ font-size: 18px; }
    h5{ font-size: 16px; }
    h6{ font-size: 14px; }
    p{ font-size: 14px; }   
    .footerLinks ul{ justify-content: center; margin-top: 10px;} 

    .trueSoulmateSection{ padding: 40px 0; margin-top: 40px;}
}
@media (width <= 567px) {
    h1{ font-size: 28px; }
    h2{ font-size: 24px; } 
    h3{ font-size: 20px; }
    h4{ font-size: 16px; }

    .copyrightSection{ flex-direction: column; }
    .copyrightSection p{ padding-left: 0; text-align: center;}
}

@media(width <= 390px){
    .footerLinks ul{ flex-direction: column; gap: 5px; text-align: center;}
}