/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

/* reset */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
copyright,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
copyright,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* start editing from here */
a {
    text-decoration: none;
    color: #35004F; /* Added purple link color */
}

.txt-rt {
    text-align: right;
}

.txt-lt {
    text-align: left;
}

.txt-center {
    text-align: center;
}

.float-rt {
    float: right;
}

.float-lt {
    float: left;
}

.clear {
    clear: both;
}

.pos-relative {
    position: relative;
}

.pos-absolute {
    position: absolute;
}

.vertical-base {
    vertical-align: baseline;
}

.vertical-top {
    vertical-align: top;
}

nav.vertical ul li {
    display: block;
}

nav.horizontal ul li {
    display: inline-block;
}

img {
    max-width: 100%;
}

body {
    font-size: 100%;
    font-family: 'Roboto', sans-serif;
}

.main-bg {
    background: url(../images/b4.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 100vh;
}

/* title */
h1 {
    font-size: 3vw;
    color: #eee6f2; /* Changed to purple */
    text-align: center;
    padding: 2.5vw 1vw 1vw;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(255,255,255,0.5); /* Added for better visibility */
}

.sub-main-w3 {
    margin: 1.5vw 16vw;
    margin: 5vw auto;
    max-width: 1067px;
}

.image-style {
    background: url(../images/m.png) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 371px;
}

/* vertical tabs */
.vertical-tab {
    color: #333;
    display: block;
    margin: auto;
    position: relative;
    float: left;
}

.image-style {
    float: left;
    width: 25%;
}

.vertical-tab input[name="sections"] {
    left: -9999px;
    position: absolute;
    top: -9999px;
}

.vertical-tab .section-w3ls {
    display: block;
}

.vertical-tab .section-w3ls label {
    background: #fff;
    border-right: 1px solid #dcdcdc;
    cursor: pointer;
    display: block;
    font-size: 17px;
    padding: 33px 20px;
    position: relative;
    width: 189px;
    z-index: 100;
    color: #35004F; /* Changed text to purple */
    text-align: center;
    transition: all 0.3s ease;
}

.vertical-tab .section-w3ls article {
    display: none;
    left: 230px;
    min-width: 570px;
    position: absolute;
    top: 0;
}

.vertical-tab input[name="sections"]:checked+label {
    background: #35004F; /* Changed to purple */
    border-right: 1px solid #35004F;
    color: #fff;
}

.vertical-tab input[name="sections"]:checked~article {
    display: block;
}

label.icon-left-w3pvt span {
    display: block;
    font-size: 30px;
    margin-bottom: 7.8px;
    color: #35004F; /* Icon color */
}

/* form style */
.sub-main-w3 form {
    background: #fff;
    padding: 2em;
    border: 1px solid #e0d0e6;
    box-shadow: 0 0 15px rgba(53, 0, 79, 0.1);
}

.legend {
    color: #35004F; /* Changed to purple */
    font-size: 24px;
    text-align: center;
    margin-bottom: 1.2em;
    font-weight: 600;
}

p.para-style {
    margin-bottom: .8em;
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 1.8;
    color: #555;
}

p.para-style-2 {
    font-size: 15px;
    letter-spacing: .5px;
    line-height: 1.8;
    margin-bottom: 2em;
    color: #555;
}

p.para-style-2 a {
    color: #35004F; /* Changed to purple */
    font-weight: 600;
}

.input {
    margin-bottom: 1em;
    padding: 13px 15px;
    border: 1px solid #eee;
    background: #f9f5ff; /* Light purple background */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    transition: all 0.3s ease;
}

.input:focus-within {
    border-color: #35004F;
    box-shadow: 0 0 0 2px rgba(53, 0, 79, 0.2);
}

.input span {
    font-size: 15px;
    color: #35004F; /* Changed to purple */
    margin-right: 10px;
}

.input input {
    color: #333;
    font-size: 14px;
    letter-spacing: 1px;
    box-sizing: border-box;
    border: none;
    outline: none;
    background: transparent;
    width: 100%;
}

.submit {
    margin: 2.3em auto 0;
    background: #35004F; /* Changed to purple */
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: 0.5s all;
    display: block;
    color: #fff;
    padding: 14px 30px;
    border-radius: 4px;
    font-size: 15px;
    letter-spacing: 2px;
    width: 100%;
    text-transform: uppercase;
}

.submit:hover {
    background: #4a006e; /* Darker purple on hover */
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(53, 0, 79, 0.3);
}

a.bottom-text-w3ls {
    color: #35004F; /* Changed to purple */
    font-size: 14px;
    display: inherit;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 3.2em;
    font-weight: 500;
}

a.bottom-text-w3ls:hover {
    text-decoration: underline;
}

/* copyright */
.copyright {
    margin-top: 9vw;
    padding-bottom: 1.5vw;
}

.copyright h2 {
    font-size: 15px;
    color: #35004F; /* Changed to purple */
    letter-spacing: 1px;
    text-align: center;
    line-height: 1.8;
}

.copyright h2 a {
    color: #35004F; /* Changed to purple */
    font-weight: bold;
    transition: 0.5s all;
}

.copyright h2 a:hover {
    color: #4a006e; /* Darker purple on hover */
    text-decoration: underline;
}

/* responsive styles remain the same */
@media(max-width: 1080px) {
    h1 {
        font-size: 4vw;
    }
}

/* ... (keep all existing responsive styles the same) ... */

/* Additional new styles for better purple theme */
::selection {
    background: #35004F;
    color: white;
}

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

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #35004F;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #4a006e;
}