@import'https://www.indianchemicalnews.com/assets/compendium_assets/css/responsive.css';
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&display=swap');

body {
    font-family: var(--font-pre);
    font-size: 17px;
    overflow-x: hidden;
}

:root {
    --main-color: #0c9ce5;
    --font-head: 'Montserrat', sans-serif;
    --font-pre: 'DM Sans', sans-serif;
}

.banner {
    width: 100%;
    height: 240px;
    position: relative;
    /* background: url(../img/icn-banner.jpg)no-repeat center;*/
}

.describe-wrapper {
    margin-top: 1%;
}

.side-ba.side-wap {
    margin-top: 2%;
}

p.bottom-pre {
    font-size: 23px;
}

img.logo-top {
    width: 70%;
}

.navbar-brand {
    width: 31%;
}

.imge-wapper img {
    object-fit: cover;
}

#stars {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.menu-top-links {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.2px;
}

.nav-menu {
    z-index: 8;
    box-shadow: unset;
    color: #000;
    position: absolute;
    top: 0;
    width: 100%;
}

.imgae-sec img {
    box-shadow: 12px 11px 10px #0000001c;
}

.container.cent-teat {
    position: absolute;
    text-align: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.center-header {
    width: 100%;
    height: auto;
    color: #fff;
    text-align: left;
    padding: 0 1rem;
}

.cent-he {
    font-size: 60px;
    font-weight: 600;
    line-height: 1.3;
    font-family: var(--font-head);
}

.about-sec {
    padding: 2rem 0;
    position: relative;
}

.imge-wapper {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: flex-start;
}

.about-details {
    padding: 1rem 0rem;
}

.btn-compen {
    background-color: var(--main-color);
    color: #fff;
}

img.image-first {
    width: 100%;
}

.imgae-sec {
    width: 300px;
    height: 221px;
    position: absolute;
    z-index: 99;
    right: -25px;
    bottom: 10%;
    border: 6px solid #fff;
}

.imgae-sec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-details h2 {
    font-size: 35px;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: var(--font-head);
    text-transform: uppercase;
}

.bor-btm {
    display: block;
    width: 100px;
    height: 3px;
    background: linear-gradient(99deg, #33b5e5 0%, #007bff 35%, rgba(0, 212, 255, 1) 100%);
}

p.liset {
    padding: .5rem 0;
    font-size: 16px;
    margin: 0;
}

p.liset i {
    padding: 0 .2rem;
}

span.one-box {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d2b908;
    font-size: 20px;
    margin-top: 7px;
    border-radius: 0 25px;
}

p.pre-text {
    margin-top: 17px;
    color: #2d2a2a;
    font-size: 16px;
}

.news {
    padding: 2rem 0;
    background: radial-gradient(ellipse at center, rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 50%) 100%), url(https://www.indianchemicalnews.com/assets/compendium_assets/img/book_seat_img.jpg)no-repeat center/cover;
    background-attachment: fixed;
}

.news-lette-wapper {
    /* padding: 3rem 2rem;
    background: url(../img/news.jpg); */
    text-align: center;
    color: #fff;
    position: relative;
}

.news-lette-wapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('https://www.indianchemicalnews.com/assets/compendium_assets/img/subscribe_pattern.png');
    z-index: 1;
}

.form-groupbox {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}

.news-input {
    width: 50%;
    background: unset;
    border: unset;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff;
    height: 46px;
    z-index: 3;
}

.news-input::-webkit-input-placeholder {
    /* Edge */
    color: #fff;
}

.news-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.news-input::placeholder {
    color: #fff;
}

.news-input:focus {
    box-shadow: unset;
    border: unset;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    background: unset;
    color: #fff;
}

.btn-nres {
    background: var(--main-color);
}

.news-lette-wapper p {
    margin-bottom: 0;
}

.news-lette-wapper h2 {
    padding: 1rem 0;
    font-weight: 600;
    letter-spacing: 1.2px;
    font-family: var(--font-head);
}

.footer-bg {
    background: #211717;
}

.footer-menu {
    display: flex;
    height: 100%;
    justify-content: center;
    padding: 0;
    align-items: center;
    list-style: none;
    margin: 0;
}

.footer-menu li {
    width: 16%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 .5rem 0 0;
    text-transform: capitalize;
}

.footer-menu li a {
    display: inline-block;
    transition: .3s ease-in;
}

.footer-menu li a:hover {
    text-decoration: underline;
}

.social-footer {
    font-size: 11px;
}

/* section.contact {
    padding: 2rem 0 0;
} */
.contact-head {
    padding: 2rem 0;
}

.contact-wapper {
    padding: 2rem;
    border-radius: 5px;
    background: #f8f9fa;
}

.butn {
    width: 100%;
    text-align: center;
}

.cont-map {
    width: 100%;
    height: 100%;
    padding: .2rem 0;
}

.cont-map iframe {
    width: 100%;
    height: 100%;
}

.abo-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: wrap;
    color: #fff;
    padding: 2rem 1rem;
    text-align: center;
    transition: .3s ease-in-out;
}

.abo-box.box-one {
    background: #050565;
}

.abo-box p {
    margin: 0;
}

.abo-box img {
    width: 50px;
}

.abo-box a {
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    padding: 1rem 0;
}

.abo-box.box-tow {
    background: #0d50cb;
}

.abo-box.box-three {
    background: var(--main-color);
}

.abo-box:hover {
    transform: scale(1.2);
}

.contact-head h2 {
    font-weight: 600;
    font-family: var(--font-head);
    font-size: 35px;
    text-transform: uppercase;
}

section.exhibition-wapper {
    background: linear-gradient(99deg, rgb(2 0 36 / 63%) 0%, rgb(6 31 36) 100%), url(https://www.indianchemicalnews.com/assets/compendium_assets/img/pricing_img.jpg)no-repeat center/cover;
    padding: 2rem 0 3rem;
    background-attachment: fixed;
}

.row.ro-cent {
    position: absolute;
    z-index: 2;
    left: 4%;
}

.center-about {
    display: flex;
    position: relative;
    top: 62px;
}

main {
    overflow-x: hidden;
}

.object-wapper {
    padding: 1rem 2rem;
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    /* text-align: center; */
    border: 2px dotted #b1a9a9;
    transition: .4s ease-in-out;
    border-radius: 5px;
    margin: 2% 0;
    position: relative;
    top: 0px;
    color: #fff;
}

.details-ob p {
    font-size: 17px;
    margin: 0;
}

.icon-wao {
    display: flex;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    font-size: 41px;
    margin-bottom: 22px;
    border-radius: 100%;
    color: #fff;
    transition: .4s ease-in-out;
    border: 1px solid #33b5e570;
    background: #fff;
    margin: 5% auto;
}

span.icon-wao img {
    width: 30px;
}

.object-wapper:hover .icon-wao {
    background-color: #fff;
    color: var(--main-color);
}

.detail-con p {
    color: gray;
    font-size: 15px;
    margin-bottom: 0;
}

.objects {
    padding: 1rem 0 2rem;
    background: #032849;
}

.conference-wapper {
    padding: 2rem 0 0;
}

.to-con-text {
    text-align: center;
}

.to-con-text h2 {
    font-weight: 600;
    font-family: var(--font-head);
    font-size: 46px;
}

section.img-lead {
    width: 100%;
    height: 645px;
    background: url(https://www.indianchemicalnews.com/assets/compendium_assets/img/Leader-small.jpg) no-repeat center bottom;
}

/* wave class */

.header-ware {
    position: relative;
    text-align: center;
    background: linear-gradient(60deg, rgba(84, 58, 183, 1) 0%, rgba(0, 172, 193, 1) 100%);
    color: white;
}

.inner-header-ware {
    height: 55vh;
    width: 100%;
    margin: 0;
    padding: 0;
}

.flex-class {
    /*Flexbox for containers*/
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
}

.waves-class {
    position: relative;
    width: 100%;
    height: 15vh;
    margin-bottom: -7px;
    /*Fix for safari gap*/
    min-height: 100px;
    max-height: 150px;
}

.content {
    position: relative;
    height: 20vh;
    text-align: center;
    background-color: white;
}

/* Animation */

.parallax>use {
    animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

/*Shrinking for mobile*/
@media (max-width: 768px) {
    .-class {
        height: 40px;
        min-height: 40px;
    }

    .content {
        height: 30vh;
    }

    h1 {
        font-size: 24px;
    }
}

.to-con-texthea {
    font-weight: 600;
    font-family: var(--font-head);
    font-size: 40px;
    padding: 1rem;
}

svg.waves-class.class-rotate {
    transform: rotate(180deg);
    margin-top: -5px;
}

.resi-pre {
    padding: 2rem 10rem 1rem;
}

a.btn.btn-regit {
    background: #f8f9fa;
    color: #212529;
    font-size: 17px;
    padding: .7rem 1.5rem;
}

section.current-con {
    padding: 2rem 0;
    background: #f8f9fa;
}

.wapper-con {
    position: relative;
    margin-bottom: 5%;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.18);
}

.img-conf {
    width: 100%;
    height: 450px;
    overflow: hidden;
}

.img-conf img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s ease-in-out;
}

.img-conf img:hover {
    transform: scale(1.2);
}

.img-conf-tow {
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.img-conf-tow img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s ease-in-out;
}

.img-conf-tow img:hover {
    transform: scale(1.2);
}

.detail-con {
    position: relative;
    padding: 1rem;
    border-bottom: 1px solid #bdc0c3;
}

a.read-more {
    padding: .3rem 1rem;
    display: inline-block;
    color: #f8f9fa;
    background: var(--main-color);
    margin-top: 3%;
    border-radius: 50px;
    box-shadow: 0 0 10px #0000004a;
}

.detail-con h5 {
    font-weight: 600;
    line-height: 1.5;
}

/* span.long-boder {
    display: block;
    width: 1px;
    height:111px;
    position: absolute;
    left: 0;
    top: 7px;
    background: black;
} */
section.contact {
    padding: 2rem 0 0;
    /* background: #f8f9fa; */
}

.row-con {
    position: relative;
}

.center-box-con {
    margin-top: -147px;
}

/* book code */

.book-section {
    height: 100vh;
    width: 100%;
    padding: 40px 0;
    text-align: center;
}

.book-section>.container-wap {
    height: 100%;
    width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 2%;
    margin-bottom: 30px;
    perspective: 1200px;
}

.front {
    background-size: contain;
}

.container-wap>.right {
    position: absolute;
    height: 100%;
    width: 55%;
    transition: 0.7s ease-in-out;
    transform-style: preserve-3d;
}

.book-section>.container-wap>.right {
    right: 0;
    transform-origin: left;
    border-radius: 10px 0 0 10px;
}

.right>figure.front,
.right>figure.back {
    margin: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: 200%;
    background-repeat: no-repeat;
    backface-visibility: hidden;
    background-color: white;
    overflow: hidden;
}

.right>figure.front {
    background-position: right;
    border-radius: 0 10px 10px 0;
    box-shadow: 2px 2px 15px -2px rgba(0, 0, 0, 0.2);
}

.right>figure.back {
    background-position: left;
    border-radius: 10px 0 0 10px;
    box-shadow: -2px 2px 15px -2px rgba(0, 0, 0, 0.2);
    transform: rotateY(180deg);
}

.flip {
    transform: rotateY(-180deg);
}

.flip::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    border-radius: 0 10px 10px 0;
    background-color: rgba(0, 0, 0, 0.1);
}

.book-section>button {
    border: 2px solid #ef9f00;
    background-color: transparent;
    color: #ef9f00;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px;
    transition: 0.3s ease-in-out;
}

.book-section>button:focus,
.book-section>button:active {
    outline: none;
}

.book-section>p {
    color: rgba(0, 0, 0, 0.7);
    font-family: calibri;
    font-size: 24px;
}

.book-section>p>a {
    text-decoration: none;
    color: #ef9f00;
}

.book-section>button:hover {
    background-color: #ef9f00;
    color: #fff;
}

.front#cover,
.back#back-cover {
    background-color: unset;
    font-family: calibri;
    text-align: left;
    padding: 0 30px;
}

.front#cover h1 {
    color: #fff;
}

.front#cover p {
    color: rgba(0, 0, 0, 0.8);
    font-size: 14px;
}

div#bookmodal {
    background: #e5eae6;
    overflow: hidden;
}

.modal-content.content-moad {
    background: none;
    box-shadow: unset;
}

.modal-cent {
    position: relative;
}

.button-row {
    width: 100%;
    position: relative;
}

button.side {
    position: relative;
}

button.side.side-left {
    position: absolute;
    left: -181px;
    top: -347px;
}

button.side.side-right {
    position: absolute;
    right: -101px;
    top: -353px;
}

.modal-dialog.modal-lg.modal-wapper {
    width: 1500px;
    height: 626px;
    margin-top: -10px;
}

.close-btn {
    font-size: 45px;
    z-index: 999;
    position: absolute;
    right: -71px;
    top: 47px;
    border-radius: 100%;
}

.close-btn:focus {
    border: unset !important;
    box-shadow: unset;
    outline: unset !important;
}

button.side {
    position: absolute;
    right: -101px;
    top: -353px;
    display: block;
    background: #f8f9fa;
    font-size: 25px;
    width: 40px;
    border-radius: 100%;
    border: unset;
    box-shadow: 0 0 19px #0003;
}

button.side:focus {
    border: unset !important;
    box-shadow: unset;
    outline: unset !important;
}

.high-row {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.high-wapper {
    width: 100%;
    height: 100%;
    display: flex;
}

.wapn-list {
    height: 100%;
    padding: 1rem;
    color: #fff;
}

ul.list-box {
    list-style: none;
    list-style: none;
    margin: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

ul.list-box li {
    padding: .75rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.list-img {
    width: 100%;
    height: 100%;
    text-align: center;
    position: relative;
    transition: .3s ease-in-out;
}

.overlay-img {
    width: 70%;
    height: 100%;
    background: #0675d6d6;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    font-size: 30px;
    color: #fff;
    opacity: 0;
    transition: .3s ease-in-out;
    cursor: pointer;
    margin-left: 15%;
}

.list-img:hover .overlay-img {
    opacity: 1;
}

.list-img img {
    width: 70%;
    cursor: pointer;
}

.about-sec {
    padding: 2rem 0;
    position: relative;
    background: url(https://www.indianchemicalnews.com/assets/compendium_assets/img/about_left.png) no-repeat left;
}

.hed {
    background: #f8f9fa;
    padding: 2rem;
    transition: .3s ease-in-out;
}

.hed a {
    color: #000;
}

.hed a h5 {
    font-weight: 600;
}

.hed:hover {
    background: var(--main-color);
    box-shadow: 0 0 10px #0000005e;
}

.hed:hover a {
    color: #fff;
}

.speakers-section {
    padding: 3rem 0 2rem;
    background: url(https://www.indianchemicalnews.com/assets/compendium_assets/img/speak-2.jpg) no-repeat center/cover;
    background-attachment: fixed;
}

.text-infom {
    color: #fff;
    margin-bottom: 3%;
}

.bold {
    font-weight: 600;
}

.grid {
    position: relative;
    clear: both;
    width: 100%;
    height: 90%;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 1%;
    width: 100%;
    height: 100%;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0.2;
    object-fit: cover;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 68.5%;
}

/*-----------------*/
/***** Apollo *****/
/*-----------------*/

figure.effect-apollo {
    background: #0449c7;
}

figure.effect-apollo img {
    opacity: 0.95;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.05, 1.05, 1);
}

figure.effect-apollo figcaption::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    -webkit-transition: -webkit-transform 0.6s;
    transition: transform 0.6s;
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0);
}

figure.effect-apollo p {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 3em;
    padding: 0 1em;
    max-width: 150px;
    border-right: 4px solid rgb(252, 180, 26);
    text-align: right;
    opacity: 0;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
    font-weight: 600;
    letter-spacing: 1.2px;
}

figure.effect-apollo h2 {
    text-align: left;
}

figure.effect-apollo:hover img {
    opacity: 0.2;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

figure.effect-apollo:hover figcaption::before {
    -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0);
}

figure.effect-apollo:hover p {
    opacity: 1;
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

h2.head-speak {
    font-size: 35px;
}

/* sectond-home page */
.blog-wapper {
    padding: 2rem 0;
    position: relative;
}

.row.border-rw {
    margin-bottom: 1px;
    padding: .2rem 7px;
}

.blog-detail h3 a {
    color: #081888;
}

.image-box-blog {
    height: 150px;
    width: 166px;
    padding: .2rem;
}

.image-box-blog img {
    width: 160px;
    height: 112px;
    object-fit: cover;
    border: 1px solid #dee2e6;
}

.blog-detail {
    padding: .2rem 0rem 0 .6rem;
}

.blog-detail h3 {
    font-size: 19px !important;
    font-weight: 550;
    color: #021d3a;
}

.time-detail {
    font-size: 14px;
    color: #09299e;
}

.blog-detail p {
    font-size: 15px;
    margin: 5px 0;
}

.ancher:hover {
    color: rgb(15, 29, 230);
}

/*.image-box-blog img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}*/
span.border-blog {
    width: 564px;
    height: 1px;
    background: #dee2e6;
    display: block;
    margin: 3px auto;
}

.side-ba {
    width: 100%;
}

.page {
    display: flex;
    justify-content: center;
    margin-top: 3%;
}

/*.image-row {
    width: 100%;
    height: 184px;
    margin-bottom: 7px;
    position: relative;
}*/
.image-row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-over a {
    color: #fff;
}

.img-over {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 57px;
    padding: 0 .8rem .8rem;
    background: #00000094;
    color: #fff;
}

.video-wapper {
    margin-top: 18px;
}

.hede {
    background: #f8f9fa;
    padding: .5rem;
    color: #212529;
    margin-bottom: 4px;
    margin-top: 6px;
    border-bottom: 2px solid #030f61;
}

.image-row.face-wap {
    height: 270px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
}

.twitter-wap {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    justify-content: center;
}

h4.vido-head {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

.image-row p {
    font-size: 15px;
    margin: .5rem 0 0;
}

.video-img {
    position: relative;
}

.overlay-video {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1d21292b;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.play {
    display: block;
    background: #de0e0e;
    color: #fff;
    padding: .5rem 1.2rem;
    border-radius: 6px;
}

.video-box {
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.video-box img {
    width: 100%;
    height: 64%;
    object-fit: cover;
}

.video-box p {
    font-size: 14px;
    margin-bottom: 8px !important;
    font-weight: 550;
    border-bottom: 1px solid #adafb1;
    padding: .6rem;
}

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

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: rgb(2, 64, 114);
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgb(2, 41, 73);
}

.foot-social {
    height: 50px !important;
}

.folo {
    text-align: center;
    padding-top: 1rem;
}

ul.footer-menu-list {
    padding: 0;
    display: flex;
    list-style: none;
    justify-content: center;
    width: 65%;
}

.footer-menu li {
    width: 14%;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 1rem 0 0;
    text-transform: capitalize;
}

.bg-darkblu {
    background: #030f61;
    padding: 4px 3rem;
}

.breadcrumb {
    background-color: unset;
    border-radius: 0;
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    padding: .4rem;
}

.breadcrumb-item {
    font-size: 13px;
}

.bred {
    margin-top: 3%;
}

.heading-wapp h1 {
    font-weight: 550;
    font-size: 23px;
    margin-bottom: 2px;
}

.blog-detail h5 a:hover {
    color: rgb(15, 29, 230);
    text-decoration: none;
    color: #0173b8;
}

.wap-time {
    border-bottom: 1px solid #dee2e6;
    padding: .4rem 0;
    margin-bottom: 2px;
}

.dis-crib-info p {
    font-size: 16px;
}

.other-menu {
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 0);
    margin: 0 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transition: .3s ease-in;
}

.other-menu:hover {
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 1);
    margin: 0 2px;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    color: #fff !important;
}

.share-wapper {
    display: flex;
    padding: .5rem 0;
    border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}

.share-box {
    display: flex;
    font-size: 12px;
    text-align: center;
    text-transform: capitalize;
}

span.bol {
    font-weight: 600;
    display: block;
}

.social-links {
    padding: 0 1rem;
    display: flex;
    align-items: center;
}

a.blog-social {
    border: 1px solid #06066b;
    margin: 0 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    color: #06066b;
}

a.blog-social:hover {
    color: rgb(15, 29, 230);
    border: 1px solid rgb(15, 29, 230);
}

li.page-lin {
    border: 1px solid #06066b;
    margin-top: 6px;
    display: flex;
}

.pro {
    background: #030f61;
}

.pro i {
    color: #fff;
}

.pagination .page-item .page-link:hover {
    background: #030f61;
    border-radius: .125rem;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    color: #fff;
}

.tab-wapper {
    margin-top: 11px;
    padding: .3rem;
    background: #f8f9fa;
}

.tab-links {
    border-radius: unset !important;
    background: #dee2e6;
    font-size: 14.4px;
    color: #050563;
    text-transform: uppercase;
    border-bottom: 1px solid #053569;
    box-sizing: border-box;
}

.nav-pills .tab-links.active,
.nav-pills .show>.tab-links {
    color: #fff;
    background-color: #030f61;
}

ul.latest-list {
    padding: .3rem .7rem;
    list-style: none;
}

ul.latest-list li {
    padding: .2rem 0;
    border-bottom: 1px solid #dee2e6;
    font-size: 15px;
}

.latest-list li a {
    color: #030f61;
    font-size: 14.5px;
}

.latest-list li a:hover {
    color: rgb(15, 29, 230);
}

ul.tags-list {
    padding: .3rem .5rem;
    list-style: none;
    font-size: 15px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0;
}

ul.tags-list li a {
    background: #030f61;
    display: block;
    margin: 2px;
    padding: .5rem;
    font-size: 14px;
    color: #fff;
}

ul.tags-list li a:hover {
    opacity: .80;
}

.comment-wapper {
    padding: .5rem 1rem;
}

.comet-wapper {
    display: flex;
    justify-content: center;
    align-items: center;
}

span.user {
    display: flex;
    width: 65px;
    height: 35px;
    background: #dee2e6;
    color: #fff;
    justify-content: center;
    align-items: center;
    margin-right: 3%;
}

.comet-wapper h6 {
    font-size: 17px;
    font-weight: 550;
}

.comment-tiem {
    padding: 1.5rem;
    margin: 5% 3%;
    background: #fff;
    border-radius: 26px;
    box-shadow: 2px 5px 6px #00000026;
}

section.contact-headtwo {
    padding: 2rem 3rem;
    background: #6c757d;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
}

.main-contact-box {
    padding: 1rem;
    background: #fff;
    /*border: 1px solid #dee2e6;*/
    border-radius: 5px;
}

.cont-headt {
    padding: .5rem 0rem;
    text-transform: capitalize;
    margin: 0;
    border-bottom: 1px solid #dee2e6;
    font-size: 22px;
}

ul.rules-wapper-main {
    margin: 2% 0 1%;
    list-style-type: circle;
}

ul.rules-wapper-main li p {
    font-size: 15px;
    margin: 0;
}

.rules-wapper-main li {
    padding: .2rem 0;
}

.form-wapper {
    padding: .3rem 2rem;
}

.labe-wap {
    font-size: 14px;
    margin-bottom: 2px;
}

.font-gro {
    margin-bottom: 6px;
}

.form-input {
    font-size: 14px;
    color: #000;
}

.btn-sub-mit {
    color: #Fff;
    background: #030f61;
}

p.deadlines {
    margin: 0;
    text-transform: capitalize;
}

ul.rules-wapper-main.online {
    margin: 0;
    padding-left: 1.1rem;
}

section.cal-to-act {
    padding: 3rem;
    background: url(https://www.indianchemicalnews.com/assets/compendium_assets/img/Bonds.jpg) no-repeat center/ cover;
    color: #fff;
    border-bottom: 1px solid #5f6265;
    background-attachment: fixed;
}

.list-img.flip-bookwapper {
    width: 80%;
    height: 500px;
    margin: 3% auto;
}

.list-img.flip-bookwapper img {
    height: 100%;
    object-fit: contain;
    border: 1px solid #dee2e6;
    padding: .5rem;
}

.print-waper {
    padding: 2rem;
}

.mis {
    font-weight: 600;
    text-transform: capitalize;
    border-left: 5px solid #030f61;
    padding: .6rem 1rem;
    background: #f8f9fa;
}

.add-box {
    padding: 2rem;
    border: 1px solid #dee2e675;
    background: #ffffff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 99999999;
    color: #050867;
    border-radius: 50px 0;
    box-shadow: 0px 7px 10px #2e2e2e;
    height: 140px;
    margin: 9px 0;
}

h4.addver {
    font-size: 19px;
    text-align: center;
    margin-bottom: 3%;
    text-transform: capitalize;
}

.btn-connct {
    border: 1px solid #083d75;
    padding: .3rem 1rem;
    display: inline-block;
    border-radius: 50px;
    color: #f8f9fa;
    transition: .3s ease-in;
    background: #030f61;
}

.btn-connct:hover {
    color: rgb(22, 7, 105);
    border: 1px solid rgb(22, 7, 105);
    background: #fff;
    box-shadow: 1px 7px 10px #007bff42;
}

h5.share-with {
    font-weight: 600;
}

.similar-blog {
    padding: .5rem 0;
    /* border-bottom: 1px solid #dee2e6; */
}

.slimi-head h4 {
    font-weight: 600;
    padding: .7rem 0;
}

.blog-box {
    padding: .3rem;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}

.blog-detail h5 a {
    font-size: 15px;
    color: #212529;
    font-weight: 500;
}

.arrows {
    position: absolute;
    top: 40%;
    background: #051e778c;
    padding: .5rem;
}

.arrows:hover {
    background: rgb(22, 7, 105);
}

.arrow-left {
    left: 0;
}

.arrow-right {
    right: 0;
}

.slider-box .owl-nav [class*='owl-'] {
    background: unset !important;
}

.slider-box .owl-nav {
    margin-top: unset !important;
}

.comment-wapper {
    background: #f8f9fa;
    padding: 2rem;
    border: 1px solid #dee2e6;
}

h5.hed-leac {
    font-weight: 600;
    border-bottom: 1px solid #949494;
    padding: .5rem 0;
}

/* footer.page-footer {
    padding-top: 5rem;
} */
main {
    position: relative;
}



.image-box-blog {
    position: relative;
}

.over-img {
    position: absolute;
    z-index: 22;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

img.tata-logo {
    height: 30px;
    width: 30px;
    position: absolute;
    right: 0;
    bottom: 0;
    object-fit: cover;
}

/* //////////// */

#sidebarWrap {
    height: 100%;
    width: 165px;
    position: relative;
    box-shadow: none;
    border: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
}

#footer {
    clear: both;
    margin: 0px 0 0;
}

#sidebar {
    width: 100%;
    height: 600px;
    position: absolute;
    display: flex;
    justify-content: center;
}

#sidebar.fixed {
    position: fixed;
    top: 0;
}

#sidebarWrap-two {
    height: 100%;
    width: 165px;
    position: relative;
    box-shadow: none;
    border: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
}

#sidebar-two {
    /*   width:100%;*/
    height: 600px;
    position: absolute;
    display: flex;
    justify-content: center;
}

#sidebar-two.fixed {
    position: fixed;
    top: 0;
}

section.about-sect {
    padding: 1rem;
    text-align: center;
    background: #030f61;
    color: #fff;
}

p.about-cont {
    padding: 2rem 0;
    text-align: center;
}

.col-to-action h3 {
    color: #2a4e71;
    font-weight: 600;
}

section.sect-cal {
    padding: 1rem;
    background: #d0e5ec;
}

.col-to-action {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

a.btn.btn-con-call {
    border: 1px solid #495057;
    background: #030f61;
    border-radius: 50px;
    padding: .6rem 2rem;
}

section.last-about {
    padding: 2rem 3rem;
}

.info-wap h3 {
    padding: .5rem 1rem;
    color: #fff;
    background: #030f61;
}

p.cont-ing {
    padding: 1rem;
}

.info-wap {
    height: 100%;
    /* border-bottom: 1px solid #dee2e6; */
}


.deal-lin-wp {
    padding: 1rem 2rem;
}

label.form-check-label.label-vier {
    font-size: 15px;
}

span.last-sub {
    font-size: 13px;
    color: #d40a1c;
}

section.connect {
    padding: 1rem 4rem;
    background: #0687b9;
    color: #fff;
}

h3.ned-help {
    color: #07178a;
    font-weight: 600;
}

.con-lea h5 {
    margin: 1% 0;
    color: #0a57d6;
    font-weight: 550;
}

span.positiion {
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: 550;
    color: #495057;
}

p.hed-cont {
    margin-bottom: 4px;
    font-weight: 550;
    text-transform: uppercase;
}

span.cont-text {
    display: block;
    margin: 11px 0px;
    font-size: 15px;
}

.con-lea {
    padding: 1rem 2rem 0;
}

span.cont-text i {
    color: #1414a2;
}

section.contact-pag {
    width: 100%;
    height: 480px;
    display: flex;
    justify-content: center;
    background: linear-gradient(117deg, rgba(5, 10, 122, 1) 22%, rgba(6, 102, 168, 0) 88%), url(https://www.indianchemicalnews.com/assets/compendium_assets/img/contact.jpg) no-repeat right/100% 100%;
}

h2.cont-headtt {
    padding: 1rem 2rem;
}

.main-box-div {
    margin-top: -211px;
    background: #fff;
    padding: 2rem;
    border-radius: 5px;
    border: 1px solid #dee2e6;
    box-shadow: 0px 9px 10px #007bff47;
}

section.contact-pag h1 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    top: 99px;
    font-size: 3.5rem;
}

section.cont-box {
    padding: 2rem;
}

.bord-nae {
    width: 100%;
    height: 1px;
    background: #1414a2;
    margin: 2% 0;
}

p.hed-conty {
    margin: 0;
    font-size: 16px;
}

/* about correction */


section.content-wap-reap-cont {
    padding: 1rem 3rem 1rem;
    background: #f8f9fa;
}

.wapper-abo h3 {
    background: #030f61;
    padding: .4rem 1rem;
    color: #fff;
}

p.about-cont-two {
    padding: 1rem;
}

p.cont-ing {
    padding: 0 1rem 1rem;
}

.about-headtwo {
    height: 185px;
}

.about-headtwo img {
    width: 100%;
    height: 100%;
}

.box-chem {
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.coming-soon {
    width: 100%;
    height: 68vh;
    background: url(https://www.indianchemicalnews.com/assets/compendium_assets/img/comming.jpg)no-repeat center/cover;
    background-attachment: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-align: center;
}

.coming {
    margin: 0;
    font-size: 57px;
    text-transform: uppercase;
    letter-spacing: 3.2px;
}

.box-chem img {
    width: 300px;
    height: 300px;
    object-fit: cover;
}

p.inquary {
    margin-bottom: 4px;
    font-weight: 500;
    font-size: 20px;
    padding-left: 2rem;
}

p.inq {
    font-size: 15px;
    margin-bottom: 5px;
    padding-left: 2rem;
}

p.inq a {
    color: #fff;
}



/*Pagination css home page */

.pagination-list a {
    display: flex;
    width: 40px;
    /* background: red; */
    height: 40px;
    margin: 0px;
    border: 1px solid #05175a;
    padding: .2rem;
    justify-content: center;
    align-items: center;
    color: #061c5d;
    border-radius: 2px;
}

.pagination-list a:hover {
    color: #fff;
    background: #05175a;
}

ul.pagination-list {
    display: flex;
}

ul.pagination-list li.active {
    background: #0c2544;
    color: #fff;
    display: block;
    width: 39px;
    height: 40px;
}

.btn-view-mr:hover {
    text-decoration: none;
}

/*new code*/
.main-side-wapper {
    padding: 2px;
}

.side-wapper {
    padding: 2px 9px;
}

.side-sicti {
    max-width: 184px;
    margin: 0 auto;
}

.side-ba.side-wap {
    margin-top: 2%;
    padding-left: 9px;
}

.disc-img-box {
    width: 100%;
    height: 400px;
}

.disc-img-box img {
    width: 100%;
    height: 100%;
    border: 1px solid #dee2e6;
    padding: .5rem;
}

.describe-wrapper {
    margin-top: 1%;
    padding: 0px 0px 0 5px;
}

.blog-box {
    padding: .3rem;
    border: 1px solid #dee2e6;
    border-radius: 5px;
    height: 235px;
    display: flex;
    flex-direction: column;
}

a:hover {
    text-decoration: none !important;
}

.blog-img {
    height: 121px;
}

.blog-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: top;
}

.main-side-wapper {
    padding: 2px 5px;
}

.main-side-wapper {
    padding: 2px 5px;
    max-width: 650px;
}

img.img-rw {
    float: left;
    width: 300px;
    padding: .2rem;
    margin: 5px;
}

.hom-waper {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 8px;
    border-bottom: 1px solid #dee2e6;
    height: auto;
}

/*correction 7-1-2021*/

/* new code */

.image-row {
    width: 100%;
    height: 210px;
    margin-bottom: 7px;
    position: relative;
}

.image-row img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.interview-wapper {
    height: 432px;
    overflow-y: auto;
    padding: 0 .7rem;
}

.video-wapper {
    margin-top: 18px;
    overflow-y: auto;
    height: 450px;
    padding: 0 .7rem;
}

.img-over {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 70px;
    padding: .8rem 1rem .8rem;
    background: #0000009e;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

a.name-int {
    text-transform: uppercase;
    font-size: 17px;
}

span.company-int {
    display: block;
    font-size: 12px;
}

section.home-about {
    padding: 1rem 1rem;
}

/* .abo-home-hader {
    border-bottom: 1px solid #04087b;
} */
.abo-home-hader h1 {
    padding: .5rem 1rem;
    color: #050505;
    font-size: 17px;
    margin: 0;
    display: inline-block;
    font-weight: 550;
    text-transform: uppercase;
    font-weight: 500;
}

/*.lates {
    position: relative;
    left: -15px;
}*/
img.img-slides {
    width: 100%;
    height: 185px;
    object-fit: cover;
}

.carousel-item.slide-static {
    position: relative;
}

.info-sllide {
    position: absolute;
    bottom: 0;
    background: #1414158c;
    color: #fff;
    width: 100%;
    left: 0;
    padding: .5rem .7rem;
    text-align: left;
    font-size: 13px;
}

.info-sllide p {
    margin: 5px 0;
}

.info-sllide p a {
    color: #fff;
}

.nav-slide {
    background: #fdfdfd;
    height: 40px;
    width: 40px;
    top: 38%;
    color: #000;
    font-size: 22px;
}

.nav-slide:hover {
    color: #000;
}

img.opinion-img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.main-opin {
    padding: .5rem;
    border-radius: 5px;
    border: 1px solid #dee2e6;
    height: 100%;
}

.opin-info p a {
    font-weight: 550;
    margin: 3px 0;
    color: #000;
    display: block;
    width: 100%;
    font-size: 14.8px;
}

.btn-view-mr {
    padding: .5rem;
    color: #030f61;
    font-weight: 550;
}

.opin-info p {
    margin-bottom: 0;
}

span.title-opi {
    color: #052b6c;
    font-weight: 600;
    font-size: 14px;
}

span.title-cao {
    font-size: 13px;
}

img.knowledge-img {
    width: 100px;
    height: 70px;
}

.know-bo {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
}

.main-kon {
    padding-bottom: .5rem;
}

.img-wapq {
    height: 100%;
    border: 1px solid #dee2e6;
    border-radius: 5px;
}

.knowledge-info p {
    margin: 0;
    font-size: 15px;
}

.knowledge-info p a {
    color: #000;
    font-weight: 550;
    font-size: 14px;
}

.know-bo {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    border-bottom: 1px solid #e1e8ed;
    padding: 0 .5rem .4rem;
    margin-bottom: 6px;
}

.knowledge-info {
    padding: 0 0rem 0 .5rem;
}

.know-wapper {
    border-bottom: 1px solid #e1e8ed;
}

.upcoming-webinar-card {
    padding: 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}

.upcoming-webinar-card .upcoming-webinar-date {
    font-size: 16px;
    line-height: 19px;
    color: #da1f2a;
    border: 0;
    display: block;
    font-weight: 400;
}

.upcoming-webinar-card .upcoming-webinar-title {
    font-weight: 700;
    color: #003d57;
    font-size: 12px;
    text-decoration: none;
    line-height: normal;
    display: block;
    overflow: hidden;
    height: 35px;
}

.slide-statics {
    padding: 0 .4rem;
}

section.home-abouthj {
    padding: 2rem 4rem;
}

.higt {
    padding: 1rem 1rem 0;
}

ul.list-hight {
    padding-left: 1.2rem;
}

ul.list-hight li {
    padding: .2rem 0;
}

section.home-abouthj {
    background: #f8f9fa;
}

.container.bg-about {
    background: #fff;
    padding: 1rem;
    border-radius: 9px;
    border: 2px solid #09326b6e;
}

.abo-home-hader h4 {
    display: inline-block;
    padding: .5rem 1rem;
    margin: 0;
    color: #0a0a0a;
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;

}

.about-info-hight p {
    padding: 1rem 1rem 0;
}

.bottom-strip {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}

.bottom-strip h1 {
    font-size: 34px;
    margin: 0;
}

.no-more {
    color: #030f61;
    background: #fff;
    border-radius: 50px;
    font-weight: 600;
}

.banner img {
    width: 100%;
    height: 100%;
}

@media (max-width: 575.98px) {
    .banner img {
        width: 100%;
        height: 15vh;
    }
}

section.home-heaer {
    padding: 1rem;
    background: #112c66;
    color: #fff;
    display: flex;
    justify-content: center;
}

.abo-home-haders h1 {
    margin: 0;
}

section.home-heaer.border-to {
    padding: .5rem;
    margin-bottom: 14px;
}

h3.content-hed {
    padding: .5rem 0;
    border-top: 1px solid #dee2e6;
}

.home-heaerv {
    padding: .5rem;
    background: #112c66;
    color: #fff;
    margin-bottom: 10px;
}

.home-heaerv h1 {
    margin: 0;
    font-size: 30px;
}

/* new code 13/1/2021 */
h1.comp-head {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 550;
    border-left: 5px solid #0173b8 !important;
    padding: .5rem 1rem;
    background: #e1e8edb5;
}

section.home-about {
    padding: 2rem 1rem 1rem;
}

.about-hov-info {
    padding: .1rem 1rem;
}

.lates {
    display: block !important;
}

.abo-home-hader {
    background: #e1e8edb5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem 0 0;
    border-left: 5px solid #0173b8 !important;
}

.side-ba {
    padding: 0 1rem;
}

.about-hov-info p {
    font-size: 16px;
    margin-bottom: 0;
}

.social-footer {
    font-size: 18px;
    display: flex;
    width: 35px;
    height: 35px;
    margin: 3px 9px;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
}

.face-book {
    background: #3e54a9;
}

.twitter-bg {
    background: #5fb7fe;
}

.linkedin-bg {
    background: #0177b5;
}

.youtube-bg {
    background: #e42b33;
}

.opinion-info a {
    font-size: 14px !important;
}

.title-caotext {
    font-size: 14px;
}

.blog-img.img-wapper-onpi {
    height: 130px;
}

.blog-box.blog-opinion {
    height: 310px;
}

h5.opinion-info {
    font-size: 16px;
}

.owl-theme .owl-nav [class*='owl-'] {
    padding: 0px;
    background: #ffffff !important;
}

img.img-fluid.img-opi {
    object-fit: fill !important;
}

.foot-social {
    height: 50px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}


ul.pagination-list li.active a {
    color: #fff;
}

.facebook-w {
    padding: 1rem 1rem 0;
}

.feeds-wap {
    display: block;
    margin: 2% 0;
    padding: .2rem .8rem;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
}

.facebook-fee {
    background: #3e54a9;
}

.twitter-fee {
    background: #5fb7fe;
}

.feeds-wap:hover {
    color: #fff;
    text-decoration: none;
    opacity: .7;
}

.banner-side {
    width: 100%;
    margin: 3% 0;
    padding: 1rem 0 0;
    text-align: center;
}

.blog-detail h5 {
    font-size: 15px;
}

.slider-opinion .owl-nav {
    margin-top: -26px !important;
}

.blog-detail {
    padding: .3rem .2rem !important;
}

.wapper-dis {
    height: 245px !important;
}

.blog-detail h3 a:hover {
    color: #0173b8;
    text-decoration: none;
}

section.cal-to-act-sect {
    padding: 1.1rem;
    background: #0173b8;
}

h4.addver-hed {
    font-size: 18px;
    display: inline-block;
    /* width: 80%; */
    padding: 0 1rem 0 0rem;
}

.add-box-one {
    padding: .7rem 1rem;
    background: #ffffff;
    /*height: 88%; */
    border-radius: 5px;
    border: 1px solid #dee2e6;
    box-shadow: 10px 10px 11px rgba(0, 0, 0, 0.15);
    /* display: flex;
    align-items: center;
    margin-top: 8px; */
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

a.btn-connct-btn {
    background: #030f61;
    padding: .3rem .5rem;
    color: #fff;
    border-radius: 50px;
    border: 1px solid #fff;
    font-size: 15px;
}

a.btn-connct-btn:hover {
    background: #fff;
    color: #030f61;
    border: 1px solid #030f61;
}

/*css for footer copyright*/
footer.page-footer .footer-copyright a {
    color: rgb(187 181 181 / 94%);
}

.wapnner-white-papar {
    padding: 2rem;
    background: url(https://www.indianchemicalnews.com/assets/compendium_assets/img/white-wal.jpg) no-repeat center/cover;
    border: 1px solid #d6d6d661;
}

.white-paper-wapper {
    background: #fff;
    padding: 1rem;
    /* box-shadow: 0 0 16px 4px #c1b9b97a; */
    border: 1px solid #e4e4e4;
    border-radius: 5px;
}

.feat-white {
    font-size: 16px;
    color: #a5a5a5;
    letter-spacing: 0.05em;
    display: block;
    padding: .5rem 0;
}

.loog-wap {
    padding: .3rem;
    border: 1px solid #e2dada;
}

.white-header {
    font-size: 26px;
    margin: 1% 0 2%;
}

.white-header a {
    color: #050a2e;
}

.wao {
    width: 100%;
    display: flex;
    gap: 20px;
}

section.com-white-wap {
    padding: 2rem;
    background: #f3f3f3;
}

.com-white-box {
    background: #fff;
    padding: 1rem 2rem;
    border-radius: 5px;
    border: 1px solid #dedada;
    /* box-shadow: -1px 5px 10px 4px #00000029; */
}

h3.white-header.text-row {
    font-size: 26px;
}

.pri-text,
.pri-textd {
    font-size: 16px;
    color: #565252;
    margin-bottom: 5px;
}

ul.list-on-whi {
    font-size: 16px;
    padding-left: 32px;
    color: #565252;
    margin-bottom: 5px;
}

strong.strong-text {
    font-size: 16px;
}

.button-wapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 3% 0;
}

.button-wapper a {
    padding: .7rem 1rem;
    background: #030f61;
    color: #fff;
    transition: .3s ease-in-out;
}

.img-white {
    width: 153px;
    display: inline-block;
    margin-right: 9%;
}

.button-wapper a:hover {
    box-shadow: 10px 9px 10px 5px #a1a9ab82;
}

a.learn-m {
    background: #030f61;
    padding: .4rem 1rem;
}

.button-wapper.marg {
    margin-top: -14px !important;
}

img.add-img-wpa {
    width: 100%;
    height: 100%;
}

.add-img-bow {
    width: 100%;
    height: 300px;
    margin: 5% 0;
    padding: 0 .5rem;
    box-sizing: border-box;
}





/* gallery css */

.gallrycont {
    max-width: 90rem;
    width: 100%;
    padding: 3rem 2rem;
    margin: 0 auto;
    overflow: hidden;
}

.mainn .gallrycont {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 1rem;
    justify-content: center;
    align-items: center;

}

.mainn .card {
    color: #252a32;
    border-radius: 2px;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.24);
    overflow: hidden;
    position: relative;
}

.mainn .card-image {
    position: relative;
    display: block;
    width: 100%;
    height: 250px;
    background: #fff;
}

.mainn .card-image img {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 600px) {
    .mainn .gallrycont {
        display: grid;
        grid-template-columns: 1fr;
        grid-gap: 1rem;
    }
}

.gallery-head {
    padding: 2rem;
    background: #0a1b7b;
    color: #fff;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cap {
    width: 100%;
    height: 30%;
    z-index: 999;
    position: absolute;
    bottom: -20px;
    left: 0;
    background: #0a1b7bd1;
    padding: .5rem;
    text-transform: capitalize;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .3s ease-in-out;
    opacity: 0;
    color: #fff;
}

.cap h2 {
    font-size: 19px;
    text-align: center;
}

.card:hover .cap {
    opacity: 1;
    bottom: 0px;
}