body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: "Quicksand", sans-serif;
}

a {
    text-decoration: none !important;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

/* header css start */

.top-header {
    font-weight: 300;
    background: #333;
    width: 100%;
    text-align: right;
    font-size: 1rem;
    padding: 7px 20px 8px !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.literary h5 {
    color: white;
    font-size: 1rem;
    font-family: "Quattrocento", serif;
}

.literary {
    display: flex;
    align-items: center;
    gap: 10px;
}

.literary a {
    color: white;
    text-transform: uppercase;
    font-size: .9rem;
    font-weight: 700;
    letter-spacing: 1px;
}

.literary .search-book {
    position: relative;
    z-index: 0;
}

.literary .search-book input {
    border-radius: 50px !important;
    height: auto;
    margin: 0 auto;
    padding: 3px 8px;
    line-height: 1;
    background: white;
    border: none;
    padding-left: 25px;
    width: 180px;
}

.literary .search-book i {
    position: absolute;
    z-index: 0;
    left: 5px;
    top: 8px;
    color: black;
    font-size: 12px;
}


header {
    padding: 20px 0;
}


.navbar-nav {
    align-items: center;
    gap: 60px;
}


.navbar-nav li a {
    padding: 0 !important;
    font-size: 14px;
    text-transform: uppercase;
    color: black !important;
    font-weight: 600;
}


li.nav-item.dropdown ul.dropdown-menu {
    padding: 10px;
    background: #eaeaed;
}

li.nav-item.dropdown ul.dropdown-menu li {
    padding: 2px 0;
}

.mid-logo img {
    width: 150px;
    margin: auto;
}

.mid-logo {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
}

.mid-logo p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: .6rem;
    letter-spacing: 1px;
}

/* header css end */

/* books css start */

.books {
    padding: 50px 0;
}

.all-books {
    padding: 0 100px;
}

.all-books ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.all-books ul li {
    width: 16%;
    margin-bottom: 50px;
}

.all-books ul li a img {
    width: 100%;
}

/* books css end */

/* footer css start */

footer {
    background: #222;
    color: #fff;
    padding: 40px 80px;
    margin: 0 auto;
}

.footer-info .mid-logo {
    display: unset;
    text-align: start;
}

.footer-info p {
    color: white;
    max-width: 414px;
    padding: 0 10px 0 0;
    width: 100%;
    height: 85px;
    font-weight: 500;
    font-family: 'Quattrocento';
    margin: 25px 0;
    font-size: 18px;
}

.footer-info ul li {
    padding: 2px 0;
}

.footer-info ul li a {
    color: white;
    font-weight: 400;
    font-size: 16px;
    border-bottom: 1px solid white;
}

.footer-info ul li i {
    color: #ed1c24;
    font-size: 1.3rem;
}

.social-link ul {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 15px;
    margin-bottom: 20px;
}

.solicitations {
    text-align: end;
}

.solicitations a {
    display: block;
    color: white;
    font-size: 14px;
    margin-bottom: 10px;
}

.social-link ul a {
    color: white;
    font-size: 18px;
}

.privacy-link p {
    margin-top: 0;
    font-size: 17.5px;
    font-weight: bold;
    line-height: 1.3em;
    font-family: 'Quattrocento';
    max-width: 385px;
}

.privacy-link {
    float: inline-end;
}

.bottom-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.bottom-footer p {
    font-size: 12px;
    font-family: 'Quattrocento';
}

.bottom-footer p a {
    color: white;
    text-decoration: underline !important;
}

/* footer css end */

/* about css start */


.about-info {
    padding: 100px 0 50px 0;
}

.media-group h2 {
    font-size: 2.5rem;
    margin-bottom: 3rem;
    font-weight: 500;
    line-height: 1.2;
    color: #404040;
}


.media-group p {
    line-height: 1.7rem;
    font-size: 1.1rem;
    font-family: 'Quattrocento';
    margin-top: 20px;
    color: #404040;
}

.award-achievement h3 {
    font-family: 'Quicksand', sans-serif;
    font-size: 2rem;
    margin: 1rem 0;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #000;
    padding: 0 0 .5rem;
    font-weight: 400;
    color: #404040;
}

.award-medal a img {
    width: 100px !important;
    margin: auto;
}

.award-carousel .owl-nav button {
    position: absolute;
    z-index: 0;
    top: 25%;
    font-size: 25px !important;
}

.award-carousel .owl-nav button.owl-prev {
    left: 0;
}

.award-carousel .owl-nav button.owl-next {
    right: 0;
}

.social-connect {
    padding: 20px 0;
}

.social-connect h5 {
    margin: 15px 0 10px;
    font-weight: 700;
    color: #404040;
    font-family: 'Quattrocento';
    font-size: 18px;
}

.social-connect ul li a {
    color: black;
    font-size: 1.2rem;
    text-decoration: underline !important;
}

.social-connect ul li a i {
    font-size: 25px;
}

.social-connect ul li {
    padding: 2px 0;
}

/* about css end */

/* agents css start */

.agent-profile {
    padding: 50px 0;
}

.profile-agent-info h5 {
    color: #404040;
    font-family: 'Quattrocento';
    font-size: 1.1rem;
    font-weight: bold;
    margin-top: 15px;
}

.profile-agent-info {
    margin-bottom: 25px;
}

.profile-agent-info p {
    color: #404040;
    font-family: 'Quattrocento';
    font-size: 1.1rem;
    font-weight: 400;
}

/* agents css end */

/* foreign-right css start */

.foreign-right {
    padding-top: 50px;
}

.foreign-right .media-group {
    margin-bottom: 20px;
}

.media-group p a {
    text-decoration: underline !important;
    color: black;
}

.book-foreign a img {
    width: 100%;
}

.book-foreign {
    margin-bottom: 40px;
}

/* foreign-right css end */

/* submissions css start */


.submissions .media-group ul p {
    margin: 0;
}

.submissions .media-group ul {
    padding-top: 20px;
}

.submissions .media-group ul p a {
    color: #404040;
}


.submissions .media-group form .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    gap: 10px;
}

.submissions .media-group form {
    margin-top: 18px;
}

.submissions .media-group form .form-group label {
    font-size: 1.1rem;
    font-family: 'Quattrocento';
    color: #404040;
}

.submissions .media-group form .form-group .form-control {
    width: 350px;
    border: 1px solid #ccc;
    color: #666;
}

.submissions .media-group form .form-group select {
    width: 200px !important;
    font-size: 12px;
    border: 1px solid #ccc;
    color: #000 !important;
}

.submissions .media-group form .form-msg {
    display: block;

}

.submissions .media-group form .form-msg #textarea {
    width: 100%;
    margin-top: 10px;
    border: 1px solid #ccc;
    color: #666;
}

button.btn.web-btn {
    height: auto;
    background: #69604f;
    border: 0;
    border-radius: 60px;
    font-family: 'Quattrocento', serif;
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
    padding: 10px 24px;
}

.side-line {
    border-right: 1px solid #404040;
    padding-right: 15px;
}

/* submissions css end */

/* digital-media-and-marketing css start */


.digital-media-and-marketing {
    margin-bottom: 15px;
}

/* digital-media-and-marketing css end */

/* movies-and-entertainment css start */

.movies-and-entertainment .all-books ul li {
    width: 23%;
}

.movies-and-entertainment .all-books {
    padding: 0;
}

.movies-and-entertainment .all-books ul {
    gap: 5px;
}

.movies-and-entertainment .all-books ul li img {
    height: 450px;
}

/* movies-and-entertainment css end */

/* privay css start */

.privacy-pg .media-group ul {
    list-style: disc;
    padding: 1rem 0 1rem 1rem;
}

.privacy-pg .media-group ul li p {
    margin: 0;
}

.privacy-pg .media-group h4 {
    margin-top: 15px;
    font-weight: bold;
    color: #404040;
    font-family: 'Quattrocento';
    font-size: 1.1rem;
}

/* privay css end */


/* terms-and-conditions css start */

.privacy-pg .media-group .integer {
    list-style: auto;
}

.privacy-pg .media-group .integer li {
    padding: 7px 0;
}

/* terms-and-conditions css end */

/* agent inner css start */

.agents-inner .profile-agent-info img {
    float: left;
    width: 240px;
    height: auto;
    border: 1px solid #ccc;
    margin: 0px 15px 0px 0px;
}

.agents-inner .media-group ul {
    padding: 5px 0;
}

.agents-inner .media-group ul li {
    padding: 2px 0;
}

.agents-inner .media-group ul li a {
    text-decoration: underline !important;
    color: black;
}

.agents-inner .media-group ul li i {
    color: black;
}

.clients h3 {
    color: #404040;
    font-weight: 500;
}

.agents-inner .media-group p {
    width: 95%;
}

.clients ul li.showclt {
    display: none;
}

.clients ul li.showclt.active {
    display: block;
}

.clients ul li p {
    border-bottom: 1px dotted #ddd;
    padding: 2px 0;
}

.clients ul li p a {
    color: black;
    font-family: 'Quattrocento';
}

.clients ul {
    padding: 5px 0;
}

.paggination-clients button {
    border: none;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: black;
    font-weight: 500;
    font-family: 'Quattrocento';
}

.paggination-clients {
    display: flex;
    align-items: center;
    gap: 5px;
}

.paggination-clients button.active {
    background: #333;
    color: white;
}

.agent-book-slider {
    padding-bottom: 50px;
}

.agent-book-slider .award-medal a img {
    width: 100% !important;
}

.agent-book-slider .award-carousel .owl-nav button {
    top: 45%;
}

/* agent inner css end */

.loader img {
    width: 50px;
}