@charset "UTF-8";

/*
Theme Name: Intrakraft Blog2023
Theme URI: https://www.intrakraft.com
Author: Ashwin Nair
Author URI: https://www.linkedin.com/in/ashwinrnair/
Description: Developed as a minimal interface for intrakraft's blogging platform
Tested up to: 6.3
Requires PHP: 7.4
Version: 1.9
License: private
License URI: https://www.intrakraft.com
Text Domain: IK BLOG 2023
*/


html,
body {
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif !important;
}

a {
    text-decoration: none !important;
    
}

.black-title{
	color:black !important;
}


.hero-banner-one {
    height: 50vh;
    background-image: url(../assets/backgroundsec1.webp);
    background-size: contain;
    background-position-x: 80%;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 600px) {
    html {
        font-size: 16px;
    }

    .hero-banner-one {
        background-size: auto;
        background-position: bottom;
        height: 90vh;
    }
}

@media only screen and (max-height: 800px) {
    .hero-banner-one {
        height: 60vh;
    }
}


/* header  */

#header-body {
    top:0px;
    position: fixed;
    transition: all 500ms ease 0s;
    width: 100%;
    z-index: 1000;
    height: 60px;
    color: white;
    background-color: black;
}

.sticky-header {
    position: sticky;
    top: 0;
    z-index: 100;
}

.products-btn {
    text-decoration: none;
    border: none;
    background-color: inherit;
    outline: none;
}

.products-btn-span {

    color: white !important;
    font-size: 1.0rem;
    background-color: inherit;
    border: none;

}

.products-btn-span:hover {
    color: #009DFF;
    font-size: 1.0rem;
    text-decoration: none !important;
}

.header-solutions {
    color: #FFFFFF;
    background-color: inherit;
}

.dropdown-menu {
    position: fixed;
    top: 100% !important;
    left: 0;
    z-index: 1000;
    display: none;
    float: center !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    color: black !important;
    list-style: none;
    background-color: #fff;
    border: none !important;
    border-radius: 0 !important;
    height: 40vh;
}

.header-products {
    color: #FFFFFF;
    background-color: inherit;
}

.dropleft:hover>.dropdown-menu {
    display: block;
    margin-right: -6.0rem !important;
}

.drop-card {
    width: 900px;
    margin-top: 65px;
}

.colorNav {
    border-radius: 5px 5px 5px 5px;
    margin-top: 25px;
    position: absolute;
}

.colorNav :after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-bottom-color: #ffffff;
    left: 95%;
    top: -10px;
    margin-left: -5px;

}

.use-cases {

    font-size: 1.7rem;
    font-weight: 600;
    margin-left: 25px;
    margin-top: 25px;
}

.menuUL {
    list-style: none;
    background-color: white;
    border: 1px solid rgb(233, 233, 233);
    max-height: 250px;
    width: 250px;
    z-index: 999;
}

.menuUL li {
    padding: 10px 0px;
    margin: 5px 0px;
}

.stackholder {
    color: black !important;
    margin: 15px 0px 20px 0px;
    font-size: 1rem;
}

.header-ik {
    margin-top: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 0px;
}

.header-configure {
    font-size: 1.0rem;
    color: #838383;
    margin-bottom: 0px;
}



/* Responsive Header  */


.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 60px;
    left: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    background-color: white;
    color: #ffffff;
}


.overlay .closebtn {
    position: relative;
    font-size: 2.2rem;
    text-align: start;
    border-bottom: 1px solid lightgrey;
}

.openBTN {
    font-size: 1.8rem;
    display: flex;
    justify-content: end;
    margin: 10px;
    color: white;
}

@media screen and (max-height: 450px) {


    .overlay .closebtn {
        font-size: 2.6rem;
        top: 15px;
        right: 35px;
    }
}


/* Responsive Header General CSS  */

.Initial-Headers {
    font-size: 1.7rem;
    color: #000000;
    text-align: start;
    margin-left: 20px;
    margin-top: 15px;
}

.initial-arrow {
    width: 20px;
    margin-top: 10px;
    margin-right: 15px;
}

.link-div {
    border-bottom: 1px solid whitesmoke !important;
    margin-top: 20px;
}

.link-name {
    margin-top: 10px;
    margin-left: 18px;
    font-size: 1rem;
    color: black;

}

.link-right-arrow1 {
    margin-left: 65%;
    width: 45px;
    padding: 15px;
    opacity: 46%;
    height: 50px;
}

.link-right-arrow2 {
    margin-left: 58%;
    width: 45px;
    padding: 15px;
    opacity: 46%;
    height: 50px;
}

.link-right-arrow3 {
    margin-left: 59%;
    width: 45px;
    padding: 15px;
    opacity: 46%;
    height: 50px;
}

.link-right-arrow4 {
    margin-left: 50%;
    width: 45px;
    padding: 15px;
    opacity: 46%;
    height: 50px;
}

.usecases-stakeholder {
    font-size: 1rem;
    color: #000000;
    text-align: start;
    margin-top: 20px;
    margin-left: 20px;
}

.usecases-stakeholder-rightarrow {
    width: 20px;
    margin-top: 25px;
    margin-right: 15px;
    opacity: 46%;
}

.products-headers {
    font-size: 1rem;
    color: #000000;
    text-align: start;
    margin-left: 15px;
    margin-top: 20px;
}

.usecases-content {
    font-size: 1rem;
    color: #000000;
    text-align: start;
    margin-left: 10px;
    margin-top: 20px;
}

.usecases-content-head {
    display: flex;
    justify-content: space-between;
    min-inline-size: max-content;
    border-bottom: 1px solid lightgray;
    padding: 2% 0%;
}

.usecases-content-arrow {
    width: 20px;
    margin-right: 10px;
    opacity: 46%;
}

.stakeholder-content {
    font-size: 1.2rem;
    color: #000000;
    text-align: start;
    margin-left: 15px;
    margin-top: 20px;
}

.overlay-exit {
    font-size: 1.2rem;
    color: #000000;
}

.tag-rightarrow {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid lightgray;
}



/* overlay solutions  */


.overlaySolutions {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 60px;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlaySolutions-content {
    position: relative;
    top: 0%;
    width: 100%;
    text-align: center;
    margin-top: 0px;
    background-color: white;
    color: #000000;
}

.overlaySolutions a {
    text-decoration: none;
    font-size: 2.4rem;
    color: #818181;
    display: block;
    transition: 0.3s;
}


.overlaySolutions .closebtn {
    position: relative;
    font-size: 2.2rem;
    text-align: start;
    background-color: white;
    margin: 0px;
    height: 8vh;
}



/* overlayUseCases  */


.overlayUseCases {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 60px;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlayUseCases-content {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: white;
    color: #000000;
}

.overlayUseCases a {
    text-decoration: none;
    font-size: 2.4rem;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlayUseCases a:hover,
.overlayUseCases a:focus {
    color: #f1f1f1;
}

.overlayUseCases .closebtn {
    position: relative;
    font-size: 2.2rem;
    text-align: start;
    background-color: white;
    margin: 0px;
    height: 8vh;
}

.openBTN {
    font-size: 1.8rem;
    display: flex;
    justify-content: end;
    margin: 10px;
}

@media screen and (max-height: 450px) {
    .overlayUseCases a {
        font-size: 20px
    }

    .overlayUseCases .closebtn {
        font-size: 2.6rem;
        top: 15px;
        right: 35px;
    }
}


/* overlayStakeholder  */


.overlayStakeholder {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 60px;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlayStakeholder-content {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: white;
    color: #000000;
}

.stakeholder-content-head {
    display: flex;
    justify-content: space-between;
    min-inline-size: max-content;
    border-bottom: 1px solid lightgray;
    padding: 2% 0%;
}

.stakeholder-content-arrow {
    width: 20px;
    margin-right: 15px;
    opacity: 46%;
}

.overlayStakeholder a {
    text-decoration: none;
    font-size: 2.4rem;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlayStakeholder a:hover,
.overlayStakeholder a:focus {
    color: #f1f1f1;
}

.overlayStakeholder .closebtn {
    position: inherit;
    text-align: start;
    top: 0px;
    right: 0px;
    font-size: 2.2rem;
}

.openBTN {
    font-size: 1.8rem;
    display: flex;
    justify-content: end;
    margin: 10px;
}

@media screen and (max-height: 450px) {
    .overlayStakeholder a {
        font-size: 20px
    }

    .overlayStakeholder .closebtn {
        font-size: 2.6rem;
        top: 15px;
        right: 35px;
    }
}

/* overlayProducts  */


.overlayProducts {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 60px;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlayProducts-content {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: white;
    color: #000000;
}

.products-header-arrow {
    width: 20px;
    margin-right: 15px;
    margin-top: 20px;
    opacity: 46%;
}

.overlayProducts a {
    padding: 8px;
    text-decoration: none;
    font-size: 2.4rem;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlayProducts a:hover,
.overlayProducts a:focus {
    color: #f1f1f1;
}

.overlayProducts .closebtn {
    position: inherit;
    right: 45px;
    font-size: 2.2rem;
    text-align: start;
}

@media screen and (max-height: 450px) {
    .overlayProducts a {
        font-size: 20px
    }

    .overlayProducts .closebtn {
        font-size: 2.6rem;
        top: 15px;
        right: 35px;
    }
}



/* overlayBrands */


.overlayBrands {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 60px;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlayBrands-content {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: white;
    color: black;
}

.overlayBrands a {
    padding: 8px;
    text-decoration: none;
    font-size: 2.4rem;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlayBrands a:hover,
.overlayBrands a:focus {
    color: #f1f1f1;
}

.overlayBrands .closebtn {
    position: inherit;
    top: 20px;
    right: 45px;
    font-size: 2.2rem;
    text-align: start;
    margin: 0px;
}

@media screen and (max-height: 450px) {
    .overlayBrands a {
        font-size: 20px
    }

    .overlayBrands .closebtn {
        font-size: 2.6rem;
        top: 15px;
        right: 35px;
    }
}


/* overlayRetailers */


.overlayRetailers {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 60px;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlayRetailers-content {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: white;
    color: black;
}

.overlayRetailers a {
    padding: 8px;
    text-decoration: none;
    font-size: 2.4rem;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlayRetailers a:hover,
.overlayRetailers a:focus {
    color: #f1f1f1;
}

.overlayRetailers .closebtn {
    position: inherit;
    top: 20px;
    right: 45px;
    font-size: 2.2rem;
    text-align: start;
    margin: 0px;
}

@media screen and (max-height: 450px) {
    .overlayRetailers a {
        font-size: 20px
    }

    .overlayRetailers .closebtn {
        font-size: 2.6rem;
        top: 15px;
        right: 35px;
        text-align: start;
    }
}


/* overlayDistributors */

.overlayDistributors {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 60px;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlayDistributors-content {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: white;
    color: black;
}

.overlayDistributors a {
    padding: 8px;
    text-decoration: none;
    font-size: 2.4rem;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlayDistributors a:hover,
.overlayDistributors a:focus {
    color: #f1f1f1;
}

.overlayDistributors .closebtn {
    position: inherit;
    top: 20px;
    right: 45px;
    font-size: 2.2rem;
    text-align: start;
    margin: 0px;
}

@media screen and (max-height: 450px) {
    .overlayDistributors a {
        font-size: 20px
    }

    .overlayDistributors .closebtn {
        font-size: 2.6rem;
        top: 15px;
        right: 35px;
        text-align: start;
    }
}


/* overlaySuppliers */


.overlaySuppliers {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 60px;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
}

.overlaySuppliers-content {
    position: relative;
    width: 100%;
    text-align: center;
    background-color: white;
    color: black;
}

.overlaySuppliers a {
    padding: 8px;
    text-decoration: none;
    font-size: 2.4rem;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlaySuppliers a:hover,
.overlaySuppliers a:focus {
    color: #f1f1f1;
}

.overlaySuppliers .closebtn {
    position: inherit;
    top: 20px;
    right: 45px;
    font-size: 2.2rem;
    text-align: start;
    margin: 0px;
}

@media screen and (max-height: 450px) {
    .overlaySuppliers a {
        font-size: 20px
    }

    .overlaySuppliers .closebtn {
        font-size: 2.6rem;
        top: 15px;
        right: 35px;
        text-align: start;
    }
}


/* End of Responsive Header  */

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */

/* Clear floats after the tab */

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.logo-header {
    padding: 5px 0px;
    max-width: 200px;
}

.logo-tag {
    margin-left: 40px;
    color: white;
    text-align: start;
    font-size: 2.0rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.logo-tag2 {
    margin-left: 40px;
    color: white;
    text-align: start;
    padding: 0px !important;
}

.intrakraft-header {
    font-size: 1.7rem;
    margin: 0px 0px 0px 10px;
    font-weight: 500;
    color: white;
}

.ik-connect-header {
    font-size: 1.1rem;
    margin: 0px 0px 0px 10px;
    color: white;
}


.accordion-item {
    border: none;
}

.accordion-header {
    background-color: #FAFDFF;
}


/* End Of Header Page  */


/* Home Page  */

/* Home section1  */

.sec1img {
    width: 100%;
}

.home-sec1-1 {
    /* background-color: rgba(158, 117, 75, 0.75); */
    width: 60%;
    /* border-radius: 20px; */
}

.home-sec1-2 {
    padding: 40% 0% 0% 13%;
}

.home-sec1-head {
    color: #ffffff;
    font-size: 55px;
    /* margin-bottom: 55px; */
}

.digi-main {
    font-size: 1.6rem;
    font-weight: 700;
}

.home-sec1-content {
    color: black;
    font-size: 1.6rem;
    margin: 5% 0% 1% 0%;
}


.TAB-P {
    padding: 7% 3% 7% 3%;
}

.newimg {
    /* background: url(../assets/banner1.webp); */
    background-size: cover;
    background-position: center;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.product-content {

    color: #838383;
}

.product-content:hover {

    /* border-left: 5px solid #009DFF; */
    color: black;

    font-size: 1.3rem;
    padding-left: 6px;

}

.para-content-1 {
    border-left: 6px solid #009DFF;
    padding-left: 5px;

    font-size: 1.3rem;
    color: black !important;
    padding-left: 10px;
}

.para-content-2 {
    /* border-bottom: 3px solid #009DFF; */
    padding-left: 5px;

    font-size: 1.3rem;
    color: black !important;
}

.para-content-3 {
    border-left: 6px solid #009DFF;
    padding-left: 5px;
    font-size: 1.3rem;
    color: black !important;
    padding-left: 10px;
}



.para-content2:hover {
    /* border-bottom: 3px solid #009DFF; */
    padding-left: 5px;

    font-size: 1.3rem;
    color: black;
}


.para-content3:hover {
    border-left: 6px solid #009DFF;
    padding-left: 5px;
    font-size: 1.1rem;
    color: black;
}



.para-content2 {

    color: #838383;

    font-size: 1.3rem;
    margin: 0;
    padding: 5px 0px 5px 5px;
}

.para-content3 {
    color: #838383;
    font-size: 1.1rem;
    margin: 0;
    padding: 5px 0px 5px 5px;
}

.inventory_para {

    color: #838383 !important;
    font-size: 1.1rem;
    margin: 0;
    padding: 5px 0px 5px 5px;
}

.inventory_para:hover {
    color: black !important;
    font-size: 1.1rem;
    margin: 0;
    padding: 5px 0px 5px 5px;
}

.addLine {
    height: 10px;
    width: 50px;
    background-color: #009DFF;
    color: black !important;
}

.addline2-1 {
    height: 4px;
    background: #8D6F5A;
    width: 70%;
    margin-left: 15px;
}

.addline2-2 {
    height: 4px;
    background: #8D6F5A;
    width: 20%;
    margin-left: 15px;
    margin-top: 10px;
}

@media only screen and (max-width: 600px) {

    .home-sec1-head {
        color: #ffffff;
        font-size: 2.2rem;
        margin-bottom: 10px;
    }

    .home-sec1-content {
        color: black;
        font-size: 1rem;
        margin-bottom: 20px;
        margin-top: 15px !important;
    }

    .home-sec1-1 {
        width: 100%;
        border-radius: 20px;
    }

    .home-sec1-2 {
        padding: 15px;
        padding-left: 20px;
    }


    .newimg {
        background: none !important;
        background-color: white;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 60vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 10%;
    }

    .home-btn1-div {
        text-align: start;
    }

    .home-btn-1 {
        background-color: #9E754B;
        color: white;
        width: 70%;
        height: 20%;
        border: 2px solid black;
        border-radius: 25px;
        font-size: 1.4rem;
        font-weight: 700;
    }

    .logo-header {
        margin-top: 6px;
        width: 50%;
        height: 45px;
        justify-content: center;
        margin-left: 0px;
    }

    .sandy {
        display: flex;
        align-items: center;
    }


}


/* Home section2  */

.home-sec2-1 {
    /* background-color: rgba(167, 129, 89, 0.75); */
    padding: 15px;
    border-radius: 10px;
    color: black;
}

.Integrated {
    font-size: 2.2rem;
    text-align: start;
    color: white;
    padding: 10px 0px 0px 50px;


}

.hybrid {
    text-align: start;
    color: black;

    font-size: 1.3rem;
    margin: 20px 20px 50px 0px;

}

.hybrid2 {
    text-align: start;
    color: black;

    font-size: 2.4rem;
    margin: 0% 0% 0% 0%;

}

.sec2img {
    width: 100%;
    padding: 0px 200px 80px 200px;
}

.home-sec-head {
    font-size: 2.0rem;
    font-weight: 700;
    color: black;
    padding: 3% 0% 0% 0%;
    text-align: center;
}

.plot-brand {
    font-size: 1.4rem;
}

@media only screen and (max-width: 600px) {

    .home-sec2-1 {
        /* background-color: rgba(167, 129, 89, 0.75); */
        color: black;
        border-radius: 10px;
    }

    .sec2img {
        width: 100%;
        padding: 0px 0px 40px 0px !important;
    }

    .home-sec-head {
        font-size: 1.4rem;
        color: black;
        padding: 10px 0px 0px 0px;
        text-align: left;
    }

    .hybrid {
        text-align: start;
        color: black;
        font-size: 1.3rem;
        margin: 20px 10px 35px 15px;

    }

    .hybrid2 {
        text-align: start;
        color: black;

        font-size: 2.0rem;
        margin: 20px 0px 0px 15px;

    }

    .Integrated {
        font-size: 2.2rem;
        text-align: start;
        color: black;


    }

    .plot-brand {
        font-size: 1.0rem;
    }


}



/* Home section 3  */

.zoom {
    color: black;
}

.zoom:hover {
    transition: transform .2s;
    -ms-transform: scale(0.1);
    /* IE 9 */
    -webkit-transform: scale(0.1);
    /* Safari 3-8 */
    transform-origin: 0%;
    transform: scaleX(1.01);
    color: white;
}

.mymultiplediv {
    border: 1px solid #ccc;
    cursor: pointer;
    align-items: center;
    appearance: none;
    border: 0;
    border-radius: 6px;
    box-sizing: border-box;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition: box-shadow .15s, transform .15s;
    user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    width: 100%;
    /* height: 120px; */
    background-color: #F5F5F5;


}

.mymultipledivActive {
    background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
    color: white;
    transform: scale(1.01);
    box-shadow: #5a6bff 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 1px 1px -6px, #3c4fe0 0 -3px 0 inset;

}

.mymultiplediv:focus {
    box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 1px 1px -6px, #3c4fe0 0 -3px 0 inset;
}

.mymultiplediv:hover {
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px inset;
    transform: translateY(-2px);
    background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
}


.checkDiv {
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px inset;
    transform: translateY(-2px);
    background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
    color: #ffffff;

}

#iromp-ecosystem {
    background-color: #FAFDFF;
}

.ecosystem-tab-content {
    display: none;
    padding: 15px;
}

.ecosystem-tab-content-active {
    display: block;
}

.ecosystem-img {
    max-height: 400px;
    width: 100%;

}


.button-29 {
    align-items: center;
    appearance: none;
    background-image: radial-gradient(100% 100% at 100% 0, #5adaff 0, #5468ff 100%);
    border: 0;
    border-radius: 6px;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-flex;

    height: 48px;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s, transform .15s;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow, transform;
    font-size: 1.4rem;
}

.button-29:focus {
    box-shadow: #3c4fe0 0 0 0 1.5px inset, rgba(45, 35, 66, .4) 0 2px 4px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
}

.button-29:hover {
    box-shadow: rgba(45, 35, 66, .4) 0 4px 8px, rgba(45, 35, 66, .3) 0 7px 13px -3px, #3c4fe0 0 -3px 0 inset;
    transform: translateY(-2px);
}

.button-29:active {
    box-shadow: #3c4fe0 0 3px 7px inset;
    transform: translateY(2px);
}

.tab-head {
    font-size: 1.4rem;
    font-weight: 700;
}

.plot-brand1 {
    font-size: 1.1rem;
}



.Plot-Discover1 {
    background: inherit;
    border: 1px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 1.1rem;
    cursor: pointer;
    width: 135px;
    height: 38px;
    color: #0061D1;
}

.home-sec3-4 {
    padding-left: 0px !important;
}

.order-sec3-1 {
    font-size: 2.5rem;
    color: #000000;
    font-weight: 600;
    text-align: center;
    padding: 4% 0% 6% 0%;
}

.order-sec3-2 {
    font-size: 1.1rem;
    padding: 10px 0px;
    margin: 0px !important;
}

.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: upleft;
    white-space: nowrap;
    font-size: 1.0rem;
    font-weight: 700 !important;
    transform: rotateZ(180deg);
}

/* .radius1 {
    border-radius: 10px 10px 0px 0px !important;
}

.radius2 {
    border-radius: 0px 0px 10px 10px !important;
} */


.sec3btn {
    color: black;
    background-color: #e4e4e4;
    border: 0px solid #000000;
    width: 45px;
    height: 130px;
}

.sec3btn.active {
    color: white;
    background-color: #000000;
    border: 1px solid black;
}

.sec3btnimp {
    color: white;
    background-color: #000000;
    border: 1px solid black;
}

.order-pad {
    padding: 8% 0%;
}

.newSaaS {
    font-size: 1.4rem;
}

@media only screen and (max-width: 600px) {

    .newSaaS {
        font-size: 0.9rem;
    }

    .tab .tab-content {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.5px;
        line-height: 25px;
        padding: 20px 25px;
        height: 62vh;
    }

    .order-sec3-1 {
        font-size: 1.3rem;
        color: #000000;
        text-align: start;
    }

    .tab-head {
        font-size: 1.8rem;
    }

    .brandhead {
        margin: 0px;
    }

    .sec3icons-1 {
        width: 100%;
        height: 30vh;
    }

    .sec3icons-2 {
        width: 100%;
        height: 30vh;
    }

    .sec3icons-3 {
        width: 100%;
        height: 30vh;
    }

    .sec3icons-4 {
        width: 100%;
        height: 30vh;
    }

    .order-pad {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}


/* Home section 4  */

.acc-btn {
    display: flex;
    border: none;
    width: 100%;
    color: black;
    border-radius: 10px;
    transform: translateY(-2px);
    background-color: #F5F5F5;
}

.acc-btn-selected {
    display: flex;
    border: none;
    width: 100%;
    color: white;
    border-radius: 10px;
    transform: translateY(-2px);
    background-image: radial-gradient(100% 100% at 100% 60%, blue 20%, #5adaff 125%);
}

.product-Development {
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;
}

.product-Development2 {
    text-align: center;
    font-size: 1.8rem;
    font-weight: bold;

    color: #000;
    margin: 35px 0px 0px 15px !important;
}

.Ingredients {
    font-size: 1.4rem;
    color: #000;
    margin: 0px;
}

.grow {
    font-weight: 600;
    font-size: 1.2rem;
    color: #000;
}

.product-content {
    margin: 10px 0px 10px 0px;
}

.para-content {
    font-size: 1.1rem;
    margin: 0;
    color: #838383;
}

.para-content:hover {
    border-left: 6px solid #009DFF;
    font-size: 1.1rem;
    margin: 0;
    color: black;
    padding-left: 10px;
}

.sec4img {
    width: 100%;

}

.trade-pad {
    padding: 10% 0%;
}

.manage-pad {
    padding: 8% 0% !important;
}

.Ingredients-order {
    font-size: 1.6rem;
    color: #000;
    font-weight: 700;
    margin: 0px;
    text-align: start;
    margin-top: 2%;
}

.prod_fontsize {
    font-size: 1.3rem !important;
    color: #000000 !important;
}

@media only screen and (max-width: 600px) {

    .grow {

        font-weight: 600;
        font-size: larger;
        color: #000;
        margin: 10px 0px 0px 15px;
    }

    .Ingredients-order {
        font-size: larger;
        color: #000;
        margin: 0px;
        margin-top: 10px;
    }

    .Ingredients {
        font-size: 1.2rem;
        color: #000;
    }

    .trade-pad {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .manage-pad {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .product-Development {
        margin-bottom: 10px;
        font-size: 1.4rem;
        font-weight: bold;
        color: #000;
    }

    .prod_fontsize {
        font-size: 1rem !important;
        color: #000000 !important;
    }

    .sec4img {
        width: 100%;
        padding: 10% 0% !important;
    }
}

/* Home section5  */

.sec5img {
    width: 100%;
}

.capture {
    margin-left: 10px;
}

.Ingredients-partner {
    font-size: 1.6rem;
    color: #000;
    margin: 0px 0px 0px 15px;

}

.partner {
    color: black;
    font-size: 1.1rem;
    margin-left: 15px;
}

.grow-partner {

    font-weight: 600;
    font-size: larger;
    color: #000;
    margin-left: 15px;
}

.partner-management {
    text-align: center;
    font-size: 1.9rem;
    font-weight: bold;
    color: #000;
    margin-left: 15px;




}

.Plot-Discover-partner {
    background: inherit;
    border: 1px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 1.1rem;
    cursor: pointer;
    width: 135px;
    height: 38px;
    color: #0061D1;
}

.icons {
    width: 6%;
}

@media only screen and (max-width: 600px) {
    .capture {
        margin: 0px;
    }

    .sec5img {
        width: 80%;
    }

    .partner-management {
        text-align: center;
        font-size: 2.2rem;
        font-weight: bold;
        color: #000;
    }

    .partner-content {

        color: black;

        font-size: 1.3rem;
    }

    .partner-Discover {
        text-align: center;
        background: inherit;
        border: 2px solid #0061D1;
        border-bottom: 3px solid #0061D1;
        font-size: 1.3rem;

        cursor: pointer;
        width: 135px;
        height: 38px;
        color: #0061D1;
    }

}

/* Home section6  */

.section6 {
    background-color: white;
    color: white;
}

.productlist {
    display: flex;
    color: black;
    font-size: 1.3rem;
    text-align: start;
    color: black;
}

.sec6img {
    width: 100%;
}

.Inventory-Management {
    text-align: center;
    font-size: 1.9rem;
    font-weight: bold;
    color: #000;
    margin-top: 35px;
}

.Plot-Discover-inventory {
    background: inherit;
    border: 1px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 1.1rem;
    cursor: pointer;
    width: 135px;
    height: 38px;
    color: #0061D1;
}

.blockquote {
    color: black !important;
    font-size: 1.7rem !important;
    text-align: center;
    border-radius: 25px;
    background-color: #AADEFF;
    padding: 2%;
}

@media only screen and (max-width: 600px) {


    .productlist {
        display: flex;
        color: black;
        font-size: 1rem;
        text-align: start;
        color: black;
    }

    .productlist-new {
        display: flex;
        color: black;
        font-size: 1.1rem;
        text-align: start;
        color: black;
        font-weight: 500;
    }

    .product-ingredients {
        font-size: 1.3rem;

        color: #000;
        margin-left: 15px;
    }

    .Inventory-Management {
        text-align: center;
        font-size: 2.2rem;
        font-weight: bold;

        color: #000;
        margin-top: -15px;
    }

    .Inventory-content {

        color: #838383;
    }

    .Inventory-content:hover {

        border-left: 5px solid black;
        color: black;

        font-size: 1.3rem;
        padding-left: 6px;
    }

    .Inventory-Discover {
        text-align: center;
        background: inherit;
        border: 2px solid #0061D1;
        border-bottom: 3px solid #0061D1;
        font-size: 1.3rem;

        cursor: pointer;
        width: 135px;
        height: 38px;
        color: #0061D1;
    }

    .sec6img {
        width: 80%;
    }

    .blockquote {
        color: black !important;
        font-size: 1.1rem !important;
        text-align: start !important;
        border-radius: 20px;
        background-color: #AADEFF;

    }
}

.head1 {
    text-align: center;
}


/* Home section7  */


.bg7 {
    background-color: #FAFDFF;
}

.section7 {
    color: white;

}

.sec7img {
    width: 100%;
}

.Sales-management {
    font-size: 1.9rem;
    font-weight: bold;
    color: #000;
    margin-top: 15px;
    margin-left: 15px;
}

.Ingredients-sales {
    font-size: 1.6rem;
    color: #000;
    margin-left: 15px;
}

.grow-sales {

    font-weight: 600;
    font-size: larger;
    color: #000;
    margin-left: 15px;
}

.Sales-Discover {
    background: inherit;
    border: 2px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 1.3rem;

    cursor: pointer;
    width: 135px;
    height: 38px;
    color: #0061D1;
}

.Plot-Discover-sales {
    background: inherit;
    border: 1px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 1.1rem;
    cursor: pointer;
    width: 135px;
    height: 38px;
    color: #0061D1;
}

.digital_marketing {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
}

@media only screen and (max-width: 600px) {

    .Sales-management {
        text-align: center;
        font-size: 1.8rem;
        font-weight: bold;

        color: #000;
        margin-top: 15px;
    }

    .sec7img {
        width: 80%;
    }

    .digital_marketing {
        background-color: white;
        padding: 10px !important;
        border-radius: 10px;
    }
}


/* Home section8  */

.section8 {
    background-color: white;
    color: white;
}

.sec8img {
    width: 100%;
}

.Field-management {
    font-size: 1.9rem;
    font-weight: bold;
    color: #000;
}

.Plot-Discover-field {
    background: inherit;
    border: 1px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 1.1rem;
    cursor: pointer;
    width: 135px;
    height: 38px;
    color: #0061D1;
    margin-top: 10px;
}

.field-content {
    margin: 10px 0px 10px 0px;
}

@media only screen and (max-width: 600px) {

    .Field-management {
        font-size: 1.8rem;
        text-align: center;
        font-weight: bold;

        color: #000;
    }

    .Field-content {

        color: #838383;
    }

    .Field-content:hover {

        border-left: 5px solid #009DFF;
        color: black;

        font-size: 1.3rem;
        padding-left: 6px;
        margin-top: 20px;
    }

    .Field-Discover {
        background: inherit;
        border: 2px solid #0061D1;
        border-bottom: 3px solid #0061D1;
        font-size: 1.3rem;

        cursor: pointer;
        width: 135px;
        height: 38px;
        color: #0061D1;
    }

    .sec8img {
        width: 80%;
    }

}


/* Home section9  */


.bg9 {
    color: black;
    padding: 2% 0%;
}

.CHOOSE {
    background-color: #FFFCFA;

}

.One {
    font-size: 1.3rem;
    font-weight: 600;
    margin-left: 10px;

}


.logo {
    width: 7%;
    text-align: center;
}

.nav-link {
    color: white;
}

.menu_class {
    position: absolute;
    right: 0;
    color: white !important;
}

.navbar {
    width: 100%;
    background-color: black;
    color: white;
}

.navbar-collapse {
    display: flex;
    justify-content: end;
}

.navbar-nav a {
    color: white;
}

.TABS {
    padding-top: 10%;
}



/* Brand Page  */


/* Brand section 1  */

.Brand {
    text-align: center;
    color: #000;
}


.brandhead {
    color: #000;
    font-size: 1.6rem;
}

.Brandhead {
    color: #000;
    text-align: start;
}

.sec1-one {

    font-size: 2.2rem;
    font-weight: 700;
    color: #000000;
}

.sec1-two {
    color: #0061D1;
}

.sec1-three {
    font-size: 1.6rem;
    color: #000000;
    margin-bottom: 1%;
}

.sec1-four {

    color: #717171;
    font-size: 1.3rem;
}

.sec1-btn {
    border: none;
    height: 35px;
    width: 175px;
    border-radius: 30px;
    font-size: 1.1rem;
    margin-top: 15px;
    margin-bottom: 20px;
    color: #FFFFFF;
    background-image: radial-gradient(100% 100% at 100% 0, #0061D1 0, #009DFF 100%);
}

.reach_btn {
    padding-left: 10% !important;
}

.sec1-img {
    width: 100%;
    height: 40vh;
}

.stream2 {
    margin-top: 50px;
    margin-bottom: 200px;
}

.stream {
    min-height: 80vh !important;
}

@media only screen and (max-width: 600px) {

    .increase-res {
        font-size: 1.5rem;
        font-weight: 500;
        color: #000000;
    }

    .sec1-img {
        width: 100%;
        height: 30vh;
    }

    .stream2 {
        text-align: center;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .sec1-one {

        font-size: 2.2rem;
        font-weight: 700;
        color: #000000;
    }

    .stream {
        text-align: center;
        margin: 0px !important;

    }

    .sec1-btn {
        border: none;
        height: 35px;
        width: 175px;
        border-radius: 30px;
        font-size: 1.3rem;
        color: #FFFFFF;
        background-image: radial-gradient(100% 100% at 100% 0, #0061D1 0, #009DFF 100%);
    }

    .reach_btn {
        padding-left: 0px !important;
    }

    .sec1-four {

        color: #717171;
        font-size: 1.3rem;
    }

    .aligns {
        text-align: start;
    }
}

/* Brand section 2  */

.getinto-previous {
    position: absolute;
    display: block;
    top: 50%;
    width: 25px;
}

.brand-sec2 {
    padding: 4% 0%;
}

.sec2-one {
    font-size: 1.8rem;
}



.sec2-five {
    width: 80px;
}

.sec2-icons {
    background-color: white;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
}

.video-carousel {
    height: 15vh;
    width: 120vw;
    background-color: #4d4d4d;
    color: white;
}

.cloud-img {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 10px;
}


.cloud-resonsive {
    margin: 2px;
    font-size: 1.8rem;
    font-weight: 600;

}

.cloud-content {
    font-size: 1.3rem;

}

.sec2-two {
    text-align: start;
    font-size: 1.1rem;
    color: #FFFFFF;
    opacity: 90%;
}

.sec2-three {
    margin: 0px;
    font-size: 1.2rem;
    color: #FFFFFF;
}

.sec2-four {
    font-size: 1rem;
    margin: 0px;
    color: white;
    opacity: 90%;
    font-weight: 400;
}


/* Brand section 3-1  */

.sec4-build {

    font-size: 2.3rem;
    font-weight: 700;
    color: #000000;
}

.sec4-head {
    color: #0061D1;

    /* border-bottom: 2px dashed #0061D1; */
    opacity: 90%;
}

.dotted-line {
    border-bottom: 2px dashed #0061D1;
    width: 12%;
}

.wehave-solution {
    text-align: center;
    font-size: 2.6rem;
    font-weight: 700;

}

.visual {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000000;
}

.analysis {

    color: #000000;
    font-size: 1.1rem;
    height: 85px;
    margin-top: 15px;
}

.fw-white {
    color: whtie;
}

.brand-sec3-head {
    color: #003798 !important;
}

.brand-sec6-head {
    color: rgb(247, 157, 0);
}

.dotted-line-order {
    border-bottom: 2px dashed white;
    width: 10%;
}

.sec3-head {
    text-align: center !important;
    color: #000000;
    font-size: 2.5rem;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 600;
}

.cards {
    background-color: white;
    border-radius: 10px;
}

.dotted-line-product {
    border-bottom: 2px dashed #0061D1;
    width: 15%;
}

.dotted-line-brand {
    border-bottom: 2px dashed white !important;
    width: 15%;
}

@media only screen and (max-width: 600px) {
    .brand-sec3-head {
        color: #0061D1;
        opacity: 90%;
        text-align: start;
        margin-top: 20px;
    }

    .sec2-one {
        font-size: 1.3rem;
    }

    .sec2-three {
        margin: 0px;
        padding-bottom: 10px !important;
        font-size: 1.1rem;
        color: #FFFFFF;
    }

    .sec3-head {
        text-align: start !important;
        color: #000000;
        font-size: 1.4rem;
        font-weight: 600;
    }

    .dotted-line-product {
        border-bottom: 2px dashed #0061D1;
        width: 30%;
    }

    .dotted-line-brand {
        border-bottom: 2px dashed white;
        width: 30%;
    }

    .dotted-line-product2 {
        border-bottom: 2px dashed white;
        width: 30%;
    }


    .dotted-line-order {
        border-bottom: 2px dashed white;
        width: 22%;
        margin-left: 0%;
    }

    .visual {
        font-size: 1.3rem;
        font-weight: 700;
        color: #000000;
        text-align: start;
    }

    .brand-sec6-head {
        color: white;
        text-align: start;
        margin-top: 30px;

    }

    .analysis {

        color: #000000;
        font-size: 0.8rem;
        height: 85px;
        margin-top: 15px;
    }
}

/*------------------------------ vertical bootstrap slider----------------------------*/

.arun-kumar>.carousel-item.carousel-item-next,
.arun-kumar>.carousel-item.active.carousel-item-right {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 0, 0);
    top: 0;
    transition: 0ms;

}

.arun-kumar>.carousel-item.carousel-item-prev,
.arun-kumar>.carousel-item.active.carousel-item-left {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    -o-transform: translate3d(0, 0, 0);
    top: 0;
    transition: 0ms;

}

.arun-kumar>.carousel-item.next.carousel-item-left,
.arun-kumar>.carousel-item.carousel-item-prev.carousel-item-right,
.arun-kumar>.carousel-item.active {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    ;
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    top: 0;
    /* transition: 2ms; */

}

/*------------------------------- vertical carousel indicators ------------------------------*/


/* Brand section 3-2  */

.arun li {
    font-size: 2.6rem;
    color: #0061D1;
    margin-left: 40px;
}

.arun span {
    margin-left: 40px;
    font-size: 1.3rem;
    color: black;

}

.accordion .card-header:after {
    font-family: 'FontAwesome';
    content: "-";
    float: right;
    font-size: 1.8rem;
    font-weight: bolder;
    margin-top: -35px;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "+";
    font-size: 1.8rem;
    font-weight: bolder;
    margin-top: -35px;
}


/* Brand section 3-3  */

.sec4-3tag {
    font-size: 1.3rem;
    color: #000000;
    margin-left: 20px;
    margin-bottom: 5px;
}

.analysis2 {

    color: #585858;
    font-size: 1.4rem;
    margin-left: 30px;
    padding-bottom: 10px;
    padding-top: 8px;
}

.centralished {
    padding: 10px;
    font-size: 1.1rem;
}

@media only screen and (max-width: 600px) {
    .sec4-head {
        margin-top: 30px;
        color: #0061D1;

        border-bottom: 2px dashed #0061D1;
        opacity: 90%;
    }
}


/* Brand section 4  */

.sec4-one {
    color: #ffffff;

    border-bottom: 2px dashed #ffffff;
    opacity: 90%;
}

.sec4-two {

    font-size: 2.3rem;
    font-weight: 700;
    color: #ffffff;
}

.sec4-three {

    color: #d7d5d5;
    font-size: 1.4rem;
}

.sec4-four {
    font-size: 1.4rem;
    color: #ffffff;
}



.sec4-img {
    background-color: white;
    width: 100%;
    margin-top: 10px;
    margin-left: 10px;
}

.sec4-btn {
    background: inherit;
    border: 2px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 1.3rem;

    cursor: pointer;
    width: 135px;
    height: 38px;
    margin-bottom: 30px;
    color: #ffffff;
    background-color: #0061D1;
}

.sec5-main {
    padding-top: 80px;
    padding-bottom: 80px;
}

@media only screen and (max-width: 600px) {

    .sec4-one {
        text-align: center;
        margin-top: 30px;
        color: #ffffff;

        border-bottom: 2px dashed #ffffff;
        opacity: 90%;
    }

    .sec5-main {
        padding: 0px !important;
    }

    .part-sec {
        margin-left: 20px;
        margin-top: 0px !important;
    }

    .sec4-two {
        text-align: start;

        font-size: 2.0rem;
        font-weight: 700;
        color: #ffffff;
    }

    .sec4-three {

        color: #e3e3e3;
        font-size: 1.3rem;
        text-align: start;
    }
}

/* Brand section 5  */

.sec5-one {
    color: #0061D1;

    border-bottom: 2px dashed #0061D1;
    opacity: 90%;
}

.sec6-main {
    padding-top: 60px;
    padding-bottom: 60px;
}

.sec5-two {
    font-size: 1.9rem;
    font-weight: 700;
    color: #000000;
}

.sec5-three {

    color: #717171;
    font-size: 1.3rem;
}

.sec5-four {
    font-size: 1.3rem;
    color: #000000;
    margin-left: 20px;
    margin-bottom: 5px;
    font-weight: 600;
}


.sec5-btn {
    background: inherit;
    border: 2px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 1.3rem;

    cursor: pointer;
    width: 135px;
    height: 38px;
    color: #0061D1;
}

.sec5-btn-mob {
    text-align: center;
}

@media only screen and (max-width: 600px) {

    .sec5-one {
        margin-top: 15%;
        color: #0061D1;

        border-bottom: 2px dashed #0061D1;
        opacity: 90%;
        text-align: center;
    }

    .sec6-main {
        padding: 0px !important;
    }

    .sec5-two {
        font-size: 1.5rem;
        text-align: start;
        font-weight: 700;
        color: #000000;
    }

    .sec5-three {
        color: #717171;
        font-size: 1.3rem;
    }

    .sec5-four {
        font-size: 1.4rem;

        color: #000000;
        margin-left: 20px;
        font-weight: 600;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .sec5-five {
        background-color: #FFEF88;
        padding: 0px;
        border-radius: 10px;
        margin-bottom: 40px;
    }

}

/* Brand section 6  */

.sec6-one {
    color: #0061D1;

    border-bottom: 2px dashed #0061D1;
    opacity: 90%;
    text-align: center;
    inline-size: max-content;
}


.sec6-two {
    margin-left: 15px;
    font-size: 1.1rem;
    color: black;

}

.sec6-three {
    font-size: 1.9rem;
    font-weight: 700;
    color: #000000;
}

.sec6-btn {
    background: inherit;
    border: 2px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 1.3rem;

    cursor: pointer;
    width: 135px;
    height: 38px;
    color: #0061D1;
}

.sec6-icon {
    width: 30px;
    height: 30px;
}

@media only screen and (max-width: 600px) {
    .sec6-one {
        color: #0061D1;

        border-bottom: 2px dashed #0061D1;
        opacity: 90%;
        margin-top: 15%;
    }

    .sec6-three {

        font-size: 1.7rem;
        font-weight: 700;
        color: #000000;
        text-align: start;
        margin: 20px 0px 10px 15px !important;

    }

    .sec6-two {
        font-size: 1.1rem;
        color: black;
    }

    .sec6-icon {
        width: 40px;
        height: 40px;
    }

    .design-card {
        background: none !important;
        box-shadow: none !important;
        border: none !important;
        margin: 10px 0px !important;
        padding: 0px !important;
    }
}

/* sec 4 & 6 & 8 Properties  */

.discover {
    background: inherit;
    border: 1px solid black;
    border-radius: 20px;

    float: right;
    margin-right: 0px;
    font-size: 0.8rem;
    overflow: auto;
}

.Discover {
    background: inherit;
    border: 1px solid black;
    border-radius: 20px;

    margin-right: 0px;
    font-size: 0.8rem;
    overflow: auto;
}




.Plot-Discover {
    background: inherit;
    border: 1px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 1.3rem;
    cursor: pointer;
    width: 135px;
    height: 38px;
    color: #0061D1;

}

.Plot-Discover1-1 {
    text-align: center;
    margin-bottom: 20px;
    border: 1px solid white;
    color: white;
    background-color: black;
    padding: 5px 10px;
}

@media only screen and (max-width: 600px) {

    .sec8-one {
        font-size: 1.6rem !important;
        margin: 35px 0px;
    }

    .Discover {
        text-align: center;
    }

    .Brand {
        margin-top: 10px;
        text-align: center;
        color: #000;
    }

    .brandhead {
        margin-top: 10px;
        margin-bottom: 10px;
        color: #000;
        font-size: 1.3rem;
        text-align: start;
        font-weight: 700
    }

    .Plot-Discover1-1 {
        text-align: center;
        margin-bottom: 20px;
        border: 1px solid white;
        color: white;
        background-color: black;
        padding: 5px 10px;
    }

    .Plot-Discover1 {
        margin-bottom: 25px !important;
        margin-top: 10px !important;
        font-size: 0.9rem !important;
    }

    .Plot-Discover1-new {
        background: inherit;
        border: 1px solid #0061D1;
        border-bottom: 3px solid #0061D1;
        font-size: 0.9rem;
        cursor: pointer !important;
        color: #0061D1;
        height: 38px;
        width: 135px;
    }
}

/* Brand section 7  */

.blue-black {
    background: #010121;
    padding: 50px !important;
    border-radius: 10px;
    margin-bottom: 50px;
}

.sec7-one {
    color: #ffffff;

}

.sec7-two {

    font-size: 1.8rem;
    font-weight: 700;
    color: #ffffff;
}

.sec7-three {

    color: #ffffff;
    font-size: 1.3rem;
}

.sec7-four {
    color: #000000;
    font-size: 1.3rem;
    font-weight: 600;
}

.sec7-five {
    font-size: 1.6rem;
    font-weight: 700;
    color: #000000;
}

.sec7-six {
    color: #313131;
    font-size: 1.3rem;
}

.browse-radiobtn {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    margin: 2px;
}

.browse-radiobtn:active {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    margin: 2px;
    background-color: #009DFF;
}


@media only screen and (max-width: 600px) {

    .blue-black {
        background-color: black !important;
        margin: none !important;
        padding: 20px !important;
    }

    .sec7-one {
        margin-top: 30px;
        text-align: center;
        color: #ffffff;

    }

    .sec7-two {
        text-align: start;
        font-size: 1.4rem;
        color: #ffffff;
        margin-top: 15px;
    }

    .sec7-three {
        text-align: start;
        color: #ffffff;
        font-size: 1.1rem;
    }

    .sec7-four {
        color: #000000;
        font-size: 1.4rem;
    }

    .sec7-five {

        font-size: 1.4rem;
        font-weight: 700;
        color: #000000;
        text-align: start;
    }

    .sec7-six {
        color: #717171;
        font-size: 1.1rem;
        text-align: start;
    }

    .sec7-six-2 {

        color: #717171;
        font-size: 0.9rem;
        text-align: start;
        font-weight: 700;
    }

}


/* Brand section 8  */

.sec8-one {
    font-size: 2.3rem;
    font-weight: 900;

}

.explore-product {
    padding-top: 50px;
    padding-bottom: 50px;
}

.sec8-two {
    font-size: 1.4rem;
    color: #000000;
}

.sec8-three {
    background-color: white;
    height: 170px;
    padding: 5%;
    margin-top: 20px;
    border: 1px solid #eaeaec;
    border-radius: 10px;
    margin-bottom: 50px;
    transition: transform 1.0s;
}

.sec8-three:hover {
    -ms-transform: scale(0.2);
    /* IE 9 */
    -webkit-transform: scale(0.2);
    /* Safari 3-8 */
    transform: scale(1.05);
}


.sec8-five {

    font-size: 1.3rem;
    color: #000000;
}

.carousel-radiobtn.active {
    background-color: blue;
}

/* Brand section 9  */

.sec9-one {
    font-size: 2.2rem;
    margin: 50px 0px 80px 0px;

}

.sec9-two {
    position: relative;
    bottom: 120px;
    color: #ffffff;
}

.sec9-img {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 70%;
}

.sec9-three {
    font-size: 2.2rem;

}

.sec9-four {
    font-size: 1.3rem;

}

@media only screen and (max-width: 600px) {



    .sec8-two {
        text-align: start;
        margin-left: 15px !important;
    }

    .sec8-four1 {
        margin-left: 10px;
        font-weight: 500 !important;
    }

    .sec8-three {
        background-color: white;
        border: 1px solid #C3C7D8;
        border-radius: 10px;
        margin-bottom: 0px !important;
        /* transition: transform 1.0s; */
    }

    .sec8-three:hover {
        -ms-transform: none !important;
        /* IE 9 */
        -webkit-transform: none !important;
        /* Safari 3-8 */
        transform: none !important;
    }

    .sec9-one {
        font-size: 1.8rem !important;
        margin: 0 !important;
    }

    .sec9-two {
        position: relative;
        bottom: 120px;
        color: #ffffff;
    }

    .sec9-img {
        width: 100%;
        height: 60%;
        background-color: black;
        opacity: 70%;
    }

    .sec9-three {
        font-size: 2.2rem;
        margin-left: 8px;

    }

    .sec9-four {
        font-size: 1.3rem;

    }

    .sec9-five {
        margin-left: 8px;
    }

    .explore-product {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* Brand section 10  */

.sec10-one {
    font-size: 1.7rem;
    color: white;
    font-weight: 700;

}

.sec10-personalize {
    font-size: 2.0rem;
    color: white;
    font-weight: 600;
    text-align: start;
}

.sec10-two {
    margin-top: 20px;
    font-size: 1.3rem;
    color: white;
}

.sec10-btn {
    border: none;
    height: 35px;
    width: 175px;
    border-radius: 30px;
    font-size: 1.3rem;
    margin-top: 15px;
    margin-bottom: 50px;
    color: #FFFFFF;
    background-image: radial-gradient(100% 100% at 100% 0, #0061D1 0, #009DFF 100%);
}

.label_name {
    font-size: 1.3rem;
}

.reach_in1 {
    width: 20rem !important;
    outline: none !important;
    margin-left: 10px;
    border: none !important;
    border-bottom: 1px solid black !important;
}

.reach_in2 {
    width: 20rem !important;
    outline: none !important;
    margin-left: 10px;
    border: none !important;
    border-bottom: 1px solid black !important;
}

.reach_in3 {
    width: 20rem !important;
    outline: none !important;
    margin-left: 3px;
    border: none !important;
    border-bottom: 1px solid black !important;
}

@media only screen and (max-width: 600px) {

    .sec10-one {
        font-size: 1.6rem;
        color: white;
        font-weight: 700;
        text-align: start !important;
    }

    .sec10-personalize {
        font-size: 2.0rem;
        color: white;
        font-weight: 600;
        text-align: start !important;
    }

    .sec10-two {
        font-size: 1.2rem;
        color: white;
        text-align: start;

    }


}


/* Order management page  */

/* Order section 1  */

.order-sec1-1 {

    font-size: 2.2rem;
    font-weight: 700;
    color: #486CA5;
}

.order-sec1-2 {

    font-size: 1.6rem;
    color: #717171;
}

/* Order section 2  */

.order-sec2-1 {
    color: #000000;

}

.order-sec2-2 {
    color: #717171;
    font-size: 1.1rem;

}

.order-design-card {
    background-color: #ffffff;
    border-radius: 30px;
    margin-bottom: 15px;
    height: 30vh;
    width: 25vw;
    padding: 20px;
    border: 1px solid #EBEAEA;
    /* box-shadow: 0px 0px 10px 5px #00000019; */
    transition: transform 1.0s;
    margin-top: -150px;
}

.order-design-card:hover {
    -ms-transform: scale(1.2);
    /* IE 9 */
    -webkit-transform: scale(1.2);
    /* Safari 3-8 */
    transform: scale(1.05);
}


.order-sec2-3 {
    color: white;
    font-size: 1.8rem;
    padding: 10% 0% 5% 0%;
}

.order-secondcard {
    background-color: #FFFFC6;
    color: black;
    display: flex;
    height: 20vh;
    border-radius: 10px;
    transition: transform 1.0s;
}

.order-secondcard:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.05);
}

.order-secondcard2 {
    background-color: #B2D4EA;
    color: black;
    display: flex;
    height: 20vh;
    border-radius: 10px;
    transition: transform 1.0s;
    margin-top: 25%;
}

.order-secondcard2:hover {
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 3-8 */
    transform: scale(1.05);
}

.order-secondcard-head {
    color: #000000;
    margin-left: 10px;
    margin-bottom: 2% !important;
    font-size: 1.25rem !important;
    font-weight: 600;

}

.order-secondcard-content {
    font-size: 1.1rem;
    margin: 0% 0% 0% 2% !important;
    color: #000000;

}

.order-img {
    width: 80%;
    margin-top: 40%;
    opacity: 10% !important;
}

.sec3-pad {
    padding-top: 50px;
    padding-bottom: 50px;
}



.sec4-head-order {
    color: #0061D1;

    opacity: 90%;
    margin-top: 20px;
}

.booking-pad {
    padding-top: 50px;
    padding-bottom: 50px;
}

@media only screen and (max-width: 600px) {

    .order-design-card {
        background-color: #ffffff;
        border-radius: 10px;
        margin-bottom: 15px;
        height: 25vh;
        padding: 10px;
        border: 1px solid #EBEAEA;
        box-shadow: 0px 0px 10px 5px #00000019;
        transition: transform 1.0s;
        margin-top: 25px !important;
        width: 100% !important;
    }

    .order-sec1-1 {

        font-size: 2.2rem;
        font-weight: 700;
        color: #486CA5;
    }

    .order-sec2-2 {
        color: #717171;
        font-size: 1rem;

    }

    .order-sec2-1 {
        margin-left: 10px;
        font-size: 1.1rem;
        margin-top: 3px;
    }

    .order-design-mob {
        display: flex;
    }

    .order-sec2-3 {
        color: white;
        font-size: 1.8rem;
        margin-bottom: 50px;

    }

    .sec3-pad {
        padding: 0px !important;
    }

    .booking-pad {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
}

/* get in touch page  */


.getin-touch {
    font-size: 2.7rem;
    margin-top: 70px;
    font-weight: 700;
    color: #000000;
    padding: 0px 0px 10px 0px;

}

.getin-sendmsg {
    font-size: 2.0rem;
    color: #000000;

}

.getin-give {
    font-size: 1.3rem !important;
    color: #606060;
    text-align: start !important;

}

.form-control {
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 2px solid gray !important;
}

.form-control-msg {
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 2px solid gray !important;
    font-size: 1.5rem !important;
}

.Getin-Name {
    font-size: 1.5rem;
    margin-top: 3%;
    color: #000000;
}

.REACH_US {
    text-align: center;
    font-size: 2.7rem !important;
    font-weight: 600 !important;
    font-family: 'Roboto', sans-serif !important;
}

.reach_flip {
    perspective: 1000px;
    transform-style: preserve-3d;
    transition: transform 2s;
}

.reach_flip.flipped {
    transform: rotateY(360deg);
}

.getin-name {
    font-size: 1.7rem;
    margin-top: 3%;
    color: #000000;
    text-align: start !important;
    font-family: 'Roboto', sans-serif !important;
}

.social-icons {
    filter: grayscale(100%);
}

.nav-link {
    border: none !important;
    background-color: white !important;
    color: black !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    padding: 14px 22px !important;
    font-family: 'Roboto', sans-serif !important;
}

.navbtns .nav-link.active {
    padding: 14px 22px !important;
    color: black;
    background-color: white !important;
    border: none !important;
    border-bottom: 3px solid blue !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    font-family: 'Roboto', sans-serif !important;
}

.navbtns_carous {
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    border-bottom: 3px solid blue !important;
    color: black;
    background-color: white !important;
    padding: 4% 0% !important;
    font-family: 'Roboto', sans-serif !important;


}

.problem_statement {
    font-size: 1.4rem !important;
    padding: 20px 0px !important;
    color: #606060 !important;
}

input::placeholder {
    font-size: 1.3rem !important;
    color: black !important;
}

textarea::placeholder {
    font-size: 1.3rem !important;
    color: black !important;
    resize: none;
}

textarea {
    resize: none !important;
}

.submit_button1 {
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 20px;
}

.flex_submit_button1 {
    text-align: end !important;
}

.submit_button2 {
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 20px;
}

.flex_submit_button2 {
    text-align: end !important;
}

.submit_button3 {
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 20px;
}

.flex_submit_button3 {
    text-align: end !important;
}

.submit_button4 {
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 20px;
}

.flex_submit_button4 {
    text-align: end !important;
}

.iconcaptcha {
    margin-right: 5px;
}

.g-recaptcha {
    display: inline-block;
}

.GET_INPUT_DATA {
    font-size: 1.3rem !important;
    color: black !important;
}

.brand-form-total {
    font-family: Arial, sans-serif;
    /* background-color: #f4f4f4; */
    margin: 0;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    /* height: 100vh; */

}


.brand-form {
    /* background-color: white; */
    padding: 0% 18% !important;
    border-radius: 10px;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
    text-align: center;

}

.brand-form label {
    display: block;
    margin-bottom: 10px;
    text-align: left;

}

.brand-form input[type="text"],
.brand-form input[type="email"],
.brand-form textarea {
    width: 100%;
    padding: 16px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    outline: none !important;
}

.brand-form input[type="checkbox"] {
    margin-right: 5px;
    outline: none !important;
}

.brand-form input[type="tel"] {
    width: 100%;
    /* padding: 8px; */
    height: 61px;
    padding: 16px !important;
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    outline: none !important;
}

.brand-form button {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    width: 150px;
    font-size: 1.4rem;
}

.brand-form button:hover {
    background-color: #0056b3;
}



.supplier-form-total {
    font-family: Arial, sans-serif;
    /* background-color: #f4f4f4; */
    margin: 0;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    /* height: 100vh; */
}


.supplier-form {
    padding: 0% 18% !important;
    border-radius: 10px;
    text-align: center;
}

.supplier-form label {
    display: block;
    margin-bottom: 10px;
    text-align: left;
}

.supplier-form input[type="text"],
.supplier-form input[type="email"],
.supplier-form textarea {
    width: 100%;
    padding: 16px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    outline: none !important;
}

.supplier-form input[type="tel"] {
    width: 100%;
    /* padding: 8px; */
    height: 61px;
    padding: 16px !important;
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    outline: none !important;
}

.supplier-form button {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    width: 150px;
    font-size: 1.4rem;
}

.supplier-form button:hover {
    background-color: #0056b3;
}




.retailer-form-total {
    font-family: Arial, sans-serif;
    /* background-color: #f4f4f4; */
    margin: 0;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    /* height: 100vh; */
}


.retailer-form {
    /* background-color: white; */
    padding: 0% 18% !important;
    border-radius: 10px;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
    text-align: center;
}

.retailer-form label {
    display: block;
    margin-bottom: 10px;
    text-align: left;
}

.retailer-form input[type="text"],
.retailer-form input[type="email"],
.retailer-form textarea {
    width: 100%;
    padding: 16px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    outline: none !important;
}

.retailer-form input[type="tel"] {
    width: 100%;
    /* padding: 8px; */
    height: 61px;
    padding: 16px !important;
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    outline: none !important;
}

.retailer-form button {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    width: 150px;
    font-size: 1.4rem;
}

.retailer-form button:hover {
    background-color: #0056b3;
}



.distributor-form-total {
    font-family: Arial, sans-serif;
    /* background-color: #f4f4f4; */
    margin: 0;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    /* height: 100vh; */
}


.distributor-form {
    /* background-color: white; */
    padding: 0% 18% !important;
    border-radius: 10px;
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
    text-align: center;
}

.distributor-form label {
    display: block;
    margin-bottom: 10px;
    text-align: left;
}

.distributor-form input[type="text"],
.distributor-form input[type="email"],
.distributor-form textarea {
    width: 100%;
    padding: 16px;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    outline: none !important;
}

.distributor-form input[type="tel"] {
    width: 100%;
    /* padding: 8px; */
    height: 61px;
    padding: 16px !important;
    border: 1px solid #ccc;
    /* border-radius: 5px; */
    outline: none !important;
}

.distributor-form button {
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 40px;
    cursor: pointer;
    width: 150px;
    font-size: 1.4rem;
}

.distributor-form button:hover {
    background-color: #0056b3;
}

@media (max-width: 576px) {
    .navbtns {
        display: flex;
        overflow-x: auto;
        white-space: nowrap;
    }

    .nav-item {
        flex: 0 0 auto;
        margin-right: 10px;
    }

    .nav-link {
        width: 100% !important;
    }

    .brand-form input[type="tel"] {
        width: 100%;
        height: 61px;
        padding: 16px !important;
        border: 1px solid #ccc;
        outline: none !important;
        margin-bottom: 15px;
    }

    .supplier-form input[type="tel"] {
        width: 100%;
        height: 61px;
        padding: 16px !important;
        border: 1px solid #ccc;
        outline: none !important;
        margin-bottom: 15px;
    }

    .distributor-form input[type="tel"] {
        width: 100%;
        height: 61px;
        padding: 16px !important;
        border: 1px solid #ccc;
        outline: none !important;
        margin-bottom: 15px;
    }

    .retailer-form input[type="tel"] {
        width: 100%;
        height: 61px;
        padding: 16px !important;
        border: 1px solid #ccc;
        outline: none !important;
        margin-bottom: 15px;
    }


}

@media only screen and (max-width: 600px) {

    .getin-touch {
        font-size: 1.7rem;
        margin-top: 15px;
        font-weight: 600;
        color: #000000;
        padding: 0px !important;

    }

    .getin-sendmsg {
        font-size: 1.3rem;
        color: #000000;

    }

    .getin-give {
        font-size: 1rem;
        color: #606060;

    }

    .form-control {
        border: none !important;
        border-radius: 0px !important;
        border-bottom: 2px solid gray !important;
        font-size: 0.5rem !important;
    }

    .form-control-msg {
        border: none !important;
        border-radius: 0px !important;
        border-bottom: 2px solid gray !important;
        font-size: 1.5rem !important;
    }

    .getin-name {
        font-size: 1.3rem;
        color: #000000;
        font-family: 'Roboto', sans-serif !important;

    }

    .social-icons {
        filter: grayscale(100%);
    }

    .brand-form {
        padding: 0% !important;
        border-radius: 10px;
    }

    .supplier-form {
        padding: 0% !important;
        border-radius: 10px;
    }

    .retailer-form {
        padding: 0% !important;
        border-radius: 10px;
    }

    .distributor-form {
        padding: 0% !important;
        border-radius: 10px;
    }

    .flex_submit_button1 {
        text-align: center !important;
    }

    .flex_submit_button2 {
        text-align: center !important;
    }

    .flex_submit_button3 {
        text-align: center !important;
    }

    .flex_submit_button4 {
        text-align: center !important;
    }

    .distributor-form button {
        padding: 2% 0% !important;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 40px;
        cursor: pointer;
        width: 150px;
        font-size: 1.2rem;
    }

    .brand-form button {
        padding: 2% 0% !important;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 40px;
        cursor: pointer;
        width: 150px;
        font-size: 1.2rem;
    }

    .supplier-form button {
        padding: 2% 0% !important;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 40px;
        cursor: pointer;
        width: 150px;
        font-size: 1.2rem;
    }

    .retailer-form button {
        padding: 2% 0% !important;
        background-color: #007bff;
        color: white;
        border: none;
        border-radius: 40px;
        cursor: pointer;
        width: 150px;
        font-size: 1.2rem;
    }

}

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin: 10px 0 0 0;
    padding: .5em .5em .5em .7em;
    min-height: 0;
    font-size: 100%;
    border: 1px solid #FDF8E4;
    background: gray;
    color: #fff;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    display: none;
}

.integ-content {
    font-size: 1.7rem;
    color: white;

}

.integ-content2 {
    height: 130px;
    padding: 12px;
    font-size: 1.1rem;
    color: #000000;

}



/* field service management page  */

/* field service management section 1 */

.offnow {
    display: none !important;
}

.field-service-1 {
    color: #000000;
    font-size: 2.2rem;
    font-weight: 700;

}

.ikfield-service-1 {

    color: black;
    font-size: 2.2rem;
    font-weight: 700;

}

.booking-service-1 {
    color: black;
    font-size: 2.2rem;
    font-weight: 700;

}

.field-service-2 {
    color: #905C90;
    font-size: 2.2rem;
    font-weight: 700;

}

.field-service-new {
    color: #6DAC84;
    font-size: 2.2rem;
    font-weight: 700;

}

.field-service-btn {
    width: 80%;
    height: 60px;
    margin-top: 20%;
    border-radius: 30px;
    background-color: #FFFFFF;
    border: none;
    color: #905C90;
    font-size: 1.4rem;
    font-weight: bolder;
    box-shadow: 5px 5px 5px #0000000F;
}

.field-service-btn-new {
    width: 80%;
    height: 60px;
    margin-top: 20%;
    border-radius: 30px;
    background-color: #FFFFFF;
    border: none;
    color: #6DAC84;
    font-size: 1.4rem;
    font-weight: bolder;
    box-shadow: 5px 5px 5px #0000000F;
}

.fieldservice-btn-icon {
    width: 10%;
    margin-right: 10px;
}

@media only screen and (max-width: 600px) {

    .field-service-1 {
        color: #000000;
        font-size: 1.6rem;
        font-weight: 700;
        text-align: center;

    }

    .ikfield-service-1 {
        color: white;
        font-size: 1.8rem;
        font-weight: 700;
        text-align: center;

    }

    .booking-service-1 {
        color: white;
        font-size: 1.8rem;
        font-weight: 700;
        text-align: center;

    }

    .field-service-2 {
        color: #905C90;
        font-size: 1.6rem;
        font-weight: 700;
        text-align: center;

    }

    .field-service-new {
        color: #6DAC84;
        font-size: 1.8rem;
        font-weight: 700;
        text-align: center;

    }

    .field-service-btn {
        text-align: center;
        width: 80%;
        border-radius: 30px;
        background-color: #FFFFFF;
        border: none;
        color: #905C90;
        font-size: 1.2rem;
        font-weight: bolder;
        box-shadow: 5px 5px 5px #0000000F;
        margin: 0px !important;
        color: #6DAC84;
    }

    .field-service-btn-new {
        text-align: center;
        width: 70%;
        height: 40px;
        border-radius: 30px;
        background-color: #FFFFFF;
        border: none;
        font-size: 1.4rem;
        font-weight: bolder;
        box-shadow: 5px 5px 5px #0000000F;
        margin: 0px !important;
        color: #6DAC84;
    }

    .fieldservice-btn-icon {
        width: 10%;
        margin-right: 10px;
    }

}

/* field service management section 2 */

.Atune {
    margin-top: 8%;
    font-weight: 600;
    font-size: 1.7rem;
    line-height: 2.4rem;
    color: white !important;
}

.workforce-icon {
    width: 16%;
}

.Manage-Workforce {
    font-size: 1.9rem;
    margin-left: 15px;
    color: white !important;
}

.manage-dotted-line {
    border-bottom: 2px dashed #0061D1;
    width: 20%;
    margin-left: 15px;
}

.manage-shedule {
    font-size: 1.5rem;
    margin-left: 15px;
    padding: 2% 0% 0% 0%;
    color: white !important;

}

@media only screen and (max-width: 600px) {

    .Atune {
        margin-top: 8%;
        font-weight: 700;
        font-size: 1.5rem;
        line-height: 2.2rem;
        text-align: start !important;
    }

    .Manage-Workforce {
        font-size: 1.5rem;
        margin-left: 15px;
    }

    .workforce-icon {
        width: 16%;
        margin-left: 15px;
    }

    .manage-shedule {
        text-align: start !important;
        font-size: 1.2rem;
        margin-top: 10px;
        padding: 20px;
    }
}

/* field service management section 3  */

.real-time-communication {
    font-size: 1.9rem;
    color: #FFFFFF;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: 15px;
}

.term-facilitate {
    font-size: 1.5rem;
    color: #FFFFFF;
    margin-left: 15px;
    padding: 2% 0% 0% 0%;
}

.ensure {
    font-size: 2.0rem;
}

.ensure-icon {
    width: 100%;
    margin-top: -50px;
}

@media only screen and (max-width: 600px) {

    .real-time-communication {
        font-size: 1.5rem;
        color: #FFFFFF;
        margin-top: 5%;
        margin-bottom: 5%;
    }

    .term-facilitate {
        font-size: 1.3rem;
        color: #FFFFFF;
        margin-left: 15px;
        padding: 5% 0% 5% 0% !important;
    }

    .ensure {
        font-size: 1.3rem;

    }

    .ensure-icon {
        margin-top: -160px;
        width: 25px;
    }
}

/* Retailer Page  */

/* Retailer Page section 1  */

.brown {
    color: #D17F0F;
}

.retailer-address {
    text-align: start;
    font-size: 1.3rem;

    color: #FFFFFF;
    opacity: 70%;
}

.carousradiobtn {
    height: 1.6rem;
    width: 1.6rem;
    border-radius: 50%;
    border: none;
    background-color: white;
}

.carousradiobtn:active {
    background-color: #00428d !important;
    height: 1.6rem;
    width: 1.6rem;
    border-radius: 50%;
    border: none;
}

@media only screen and (max-width: 600px) {

    .retailer-address {
        text-align: center;
        font-size: 1.3rem;

        color: #FFFFFF;
        opacity: 70%;
    }

}

/* Distributor Page  */

/* Distributor Page section 1  */

.Plot-Discover-product {
    background: inherit;
    border: 1px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 0.9rem;
    cursor: pointer;
    width: 135px;
    height: 38px;
    margin-top: 25px;
    color: #0061D1;
}

.an-intuitive {

    font-size: 1.9rem;
    font-weight: 700;
    color: #000000;
}

.an-intuitive2 {

    font-size: 1.7rem;
    margin: 20px 0px 20px 0px;
}

.an-intuitive-btn {

    border: none;
    height: 45px;
    width: 200px;
    border-radius: 30px;
    font-size: 1.3rem;
    margin-top: 15px;
    color: #FFFFFF;
    background-image: radial-gradient(100% 100% at 100% 0, #00428d 0, #0088de 100%);
}

.interaction-mapping {

    font-size: 1.9rem;
    font-weight: 700;
    color: #43AC01;
}

@media only screen and (max-width: 600px) {


    .an-intuitive2 {

        font-size: 1.7rem;
    }

}

/* Distributor Page section 2 */

.dist-sec2-1 {
    text-align: start;
    font-size: 1.3rem;

    color: #FFFFFF;
    opacity: 70%;
}

@media only screen and (max-width: 600px) {

    .dist-sec2-1 {
        text-align: center;
        font-size: 1.3rem;

        color: #FFFFFF;
        opacity: 70%;
    }

}

/* Distributor Page section 3  */

.dist-sec3-1 {
    text-align: center;
    font-size: 2.0rem;
    font-weight: 700;
    margin: 0% 0% 5% 0%;
}

.dist-img-1 {
    width: 100%;
}

.dist-partner {
    color: #0061D1;
    text-align: start;
    font-size: 1.3rem;
    opacity: 90%;
    margin: 3% 0 1% 0 !important;
}

.dist-partner-DM {
    color: white !important;
    text-align: start;
    font-size: 1.3rem;
    opacity: 90%;
    margin: 0 0 1% 0 !important;
}

.dist-dotted-line {
    border-bottom: 2px dashed #0061D1;
    width: 12%;
}

@media only screen and (max-width: 600px) {

    /* .dist-sec3-1 {
        text-align: center;
        font-size: 2.2rem;
        margin-top: 30px;

    } */

}

/* Distributor Page section 8  */

.distributor-niche {
    font-size: 1.6rem;
    color: #000000;
    font-weight: 700;
    padding-top: 5%;
    padding-bottom: 3%;
}

.distributor-develop {
    font-size: 1.4rem;
    color: #000000;

}

.distributor-custom {
    font-size: 1.3rem;
    color: #000000;

}



/* Product & Inventory Page  */

/* Product & Inventory Page section 1 */
.extend {
    font-size: 2.0rem;
    font-weight: 700;

}

.trade-manage {
    font-size: 1.4rem;
}

.IK-TRADE2 {
    color: #4B44A2;
}

.ensure-optimal {
    font-size: 1.8rem;

}

.ensure-image {
    width: 100%;
}

.ensure-btn {
    width: 65%;
    height: 60px;
    margin-top: 20%;
    border-radius: 30px;
    background-color: #FFFFFF;
    border: none;
    color: #285E95;
    font-size: 1.4rem;
    font-weight: bolder;
    box-shadow: 5px 5px 5px #0000000F;
}

@media only screen and (max-width: 600px) {
    .extend {
        text-align: center;
        margin-bottom: 25px;
        font-size: 1.3rem;
        font-weight: 700;

    }

    .ensure-optimal {
        text-align: center;
        font-size: 1.3rem;

    }

    .ensure-btn {
        width: 85%;
        height: 50px;
        margin-top: 5%;
        margin-bottom: 20px;
        border-radius: 30px;
        background-color: #FFFFFF;
        border: none;
        color: #285E95;
        font-size: 1.4rem;
        font-weight: bolder;
        box-shadow: 5px 5px 5px #0000000F;
    }

    .ensure-image {
        width: 100%;
        margin-bottom: 10px;
    }

}

/* Product & Inventory Page section 2  */

.key {
    font-size: 2.0rem;
    font-weight: 700;

}

.innovation {

    font-size: 1.5rem;
}

.facilitate-inventory {
    font-size: 1.3rem;
}

.consolidated-inventory {
    color: #cbc2c2;
    font-size: 1.1rem;
}

.logos-inventory {
    overflow: hidden;
    white-space: nowrap;
    /* height: 30vh; */
}

.logos-slide-inventory {
    /* height: 30vh; */
    display: inline-block;
    animation: 80s slide infinite linear;
}

.logos-inventory:hover .logos-slide-inventory {
    animation-play-state: paused;
}

.cloud-img-inventory {
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 10px;
}


.cloud-resonsive-inventory1-1 {
    margin-top: 25px;
    font-size: 1.8rem;
    font-weight: 600;

}

.cloud-content-inventory1-2 {
    font-size: 1.3rem;

}

.cloud-resonsive-inventory2-1 {
    margin-top: 20px;
    font-size: 1.8rem;
    font-weight: 600;

}

.cloud-content-inventory2-2 {
    font-size: 1.3rem;

}

.cloud-resonsive-inventory3-1 {
    margin-top: 18px;
    font-size: 1.8rem;
    font-weight: 600;

}

.cloud-content-inventory3-2 {
    font-size: 1.3rem;

}

.cloud-resonsive-inventory4-1 {
    margin-top: 15px;
    font-size: 1.8rem;
    font-weight: 600;

}

.cloud-content-inventory4-2 {
    font-size: 1.3rem;

}

.cloud-resonsive-inventory5-1 {
    margin: 2px;
    font-size: 1.8rem;
    font-weight: 600;

}

.cloud-content-inventory5-2 {
    font-size: 1.3rem;

}

.cloud-resonsive-inventory6-1 {
    margin-top: 18px;
    font-size: 1.8rem;
    font-weight: 600;

}

.cloud-content-inventory6-2 {
    font-size: 1.3rem;

}

.cloud-resonsive-inventory7-1 {
    margin: 2px;
    font-size: 1.8rem;
    font-weight: 600;

}

.cloud-content-inventory7-2 {
    font-size: 1.3rem;

}

.cloud-resonsive-inventory8-1 {
    margin-top: 15px;
    font-size: 1.8rem;
    font-weight: 600;

}

.cloud-content-inventory8-2 {
    font-size: 1.3rem;

}


.video-carousel-inventory {
    height: 24vh;
    width: 140vw;
    background-color: #4d4d4d;
    color: white;
}


@media only screen and (max-width: 600px) {

    .key {
        text-align: center;
        font-size: 1.6rem;
        font-weight: 700;
    }

    .innovation {
        text-align: center;
        font-size: 1.3rem;
    }

    .facilitate-inventory {

        font-size: 1.3rem;
    }

    .consolidated-inventory {
        color: #717171;

        font-size: 1.1rem;
    }

    .img-res {
        width: 25%;
    }

}

/* Product & Inventory Page section 3  */


.transform-ordering {
    font-size: 2.0rem;
    margin-top: 5%;

    font-weight: 600;
}

.shopping-experience {
    font-size: 1.7rem;

    font-weight: 600;
    margin-bottom: 25px;
}

.data-collection {
    font-size: 1.3rem;
    margin-left: 15px;

}

.lend-partners {
    padding-bottom: 10px;
    font-size: 1.4rem;
    margin-left: 15px;

}

.empowering-img {
    width: 70%;
}

.lend-section {
    background-color: #ffffff;
}

.manage-size {
    text-decoration: none;
    margin-bottom: 35px;
}

@media only screen and (max-width: 600px) {

    .transform-ordering {
        text-align: center;
        font-size: 1.3rem;
        margin-top: 18%;

        font-weight: 700;
    }

    .empowering-img {
        width: 100%;
    }

    .shopping-experience {
        font-size: 1.4rem;

        font-weight: 600;
        text-align: center;
    }

}

/* Product & Inventory Page section 4  */

.from-choas {
    font-size: 2.0rem;
    font-weight: 700;

}

.let-your {
    font-size: 1.7rem;

}

.pre-production {
    font-size: 1.3rem;
    margin-left: 20px;

}

.pre-production-img {
    width: 100%;
    margin-top: 40px;
}

.let-items {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    box-shadow: 0px 5px 5px 0px #DBEAF0;
    margin-bottom: 20px;
}

.product-inventory-icons {
    width: 8%;
    margin-left: 15px;
    margin-bottom: 10px;
}

@media only screen and (max-width: 600px) {

    .from-choas {
        margin-top: 4%;
        text-align: center;
        font-size: 1.4rem;
        font-weight: 700;

    }

    .let-your {
        font-size: 1.4rem;

    }

    .pre-production-img2 {
        width: 100%;
        margin-top: 10px;
        margin-left: 10px;

    }

    .pre-production {
        font-size: 1.3rem;
        margin-left: 20px;

    }

}

/* Product & Inventory Page section 6  */

.visual-inventory {
    font-size: 1.9rem;
    font-weight: 700;
    margin-bottom: 6%;

}

.analysis-visual {
    font-size: 1.4rem;
}

.shipment-icons {
    width: 20%;
}

.inventory-card {
    background-color: #ffffff;
    border-radius: 30px;
    height: 25vh;
    margin-bottom: 15px;
    padding: 20px;
    border: 1px solid #EBEAEA;
    box-shadow: 0px 0px 10px 5px #00000019;
}

.prod-invent-img {
    width: 80%;
}

@media only screen and (max-width: 600px) {

    .visual-inventory {
        text-align: center;
        margin-top: 4%;
        font-size: 1.7rem;
        font-weight: 700;

    }

    .analysis-visual {
        font-size: 1.4rem;
        margin-left: 15px;
    }

    .shipment-icons {
        width: 20%;
        height: 35%;
        margin-top: 15px;
    }

    .inventory-card {
        display: flex;
        background-color: #ffffff;
        border-radius: 30px;
        height: 15vh;
        margin-bottom: 15px;
        padding: 20px;
        border: 1px solid #EBEAEA;
        box-shadow: 0px 0px 10px 5px #00000019;
    }

    .prod-invent-img {
        width: 50%;
    }

}

/* Product Development Page  */

/* Product Development section 1  */

.empower-cross {
    font-size: 2.8rem;
    font-weight: 700;
    margin-top: 16%;
    color: white !important;
}



.simplify {
    font-size: 1.7rem;
    margin-top: 15px;

}

.say-goodbye {
    font-size: 1.3rem;
    margin-top: 10px;
    color: white !important;

}

.prod-dev-btn {
    height: 60px;
    margin-top: 20%;
    border-radius: 30px;
    background-color: #FFFFFF;
    border: none;
    color: #285E95;
    font-size: 1.2rem;
    font-weight: bolder;
    box-shadow: 5px 5px 5px #0000000F;
}

.prod-dev-img {
    width: 100%;
}

@media only screen and (max-width: 600px) {

    .empower-cross {
        text-align: center;
        font-size: 1.3rem;
        font-weight: 700;
        margin-top: 7% !important;
    }

    .simplify {
        text-align: center;
        font-size: 1.4rem;
        margin-top: 15px;

    }

    .say-goodbye {
        text-align: center;
        font-size: 1.4rem;
        margin-top: 5px;

    }

    .prod-dev-btn2 {
        width: 85%;
        height: 55px;
        border-radius: 30px;
        background-color: #FFFFFF;
        border: none;
        color: #285E95;
        font-size: 1.4rem;
        font-weight: bolder;
        margin-bottom: 10px;
        box-shadow: 5px 5px 5px #0000000F;
    }

}

/* Product Development section 3  */

.visual-gain {
    font-size: 1.7rem;
    font-weight: 700;

}

.newplan {
    font-size: 1.3rem !important;
}

.planning-head {
    color: #0061D1;
    margin-top: 85px;

    border-bottom: 2px dashed #0061D1;
    opacity: 90%;
}

.planning li {
    color: #0061D1;
    font-size: 2.2rem;
}

.planning h6 {
    color: #000000;
    font-size: 1.4rem;
}

.planning-image {
    width: 100%;
    padding-top: 5%;
}

@media only screen and (max-width: 600px) {

    .visual-gain {
        text-align: center;
        font-size: 1.3rem;
        font-weight: 700;

    }

    .newplan {
        font-size: 1.2rem !important;
    }

    .planning-head {
        color: #0061D1;
        margin-top: 10px;

        border-bottom: 2px dashed #0061D1;
        opacity: 90%;
    }

    .planning li {
        color: #0061D1;
        font-size: 1.3rem;
    }

    .planning h6 {
        color: #000000;
        font-size: 1.1rem;
    }

    .planning-image {
        text-align: center;
        width: 100%;
        padding-top: 0 !important;
        padding-bottom: 5% !important;
    }

}

/* Product Development section 4  */

.design-icons {
    width: 30px;
    height: 30px;
    margin-bottom: 15px;
}

.design-head {
    color: #0061D1;
    border-bottom: 2px dashed #0061D1;
}

.design-analysis {
    font-size: 1.0rem;
    font-weight: 400;
}

.design-card {
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 5% 5% 10% 5%;
    border: 1px solid #EBEAEA;
    box-shadow: 0px 0px 10px 5px #00000019;
}

.sec4-asset {
    width: 100%;
    padding-top: 10%;
}

.visual-sec-4 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000000;
}

@media only screen and (max-width: 600px) {

    .sec4-asset {
        width: 100%;
    }

    .design-head {
        color: #0061D1;

        border-bottom: 2px dashed #0061D1;
        opacity: 90%;
        margin-top: 70px;
    }

    .design-card2 {
        display: flex;
        background-color: #ffffff;
        /* border-radius: 30px; */
        margin-bottom: 15px;
        padding: 20px;
        border: 1px solid #EBEAEA;
        box-shadow: 0px 0px 10px 5px #00000019;
    }

    .visual-sec-4 {
        text-align: center;

        font-size: 1.7rem;
        font-weight: 700;
        color: #000000;
    }

    .design-analysis {
        font-size: 1.0rem;
        font-weight: 400;
    }

    .design-icons {
        width: 10%;
        margin-bottom: 10px;
    }

    .reduce-section {
        background-color: #f1a0a0;
    }

    .reduce-collection {
        color: #FFFFFF;
        font-size: 1.3rem;
        margin-left: 15px;

    }

}

/* Product Development section 5  */

.access-content {
    padding: 10px;

    color: #838383;
    font-size: larger;
}

.access-resource {
    margin-top: 30px;
    color: #0061D1;

    border-bottom: 2px dashed #0061D1;
    opacity: 90%;
}

@media only screen and (max-width: 600px) {

    .access-content2 {

        color: #838383;
        font-size: 1.3rem;
        margin-bottom: 10px;
    }

    .access-content-head {
        text-align: center;
        margin-bottom: 20px;
        font-size: 1.7rem;
        font-weight: 700;

        margin-top: 15px;
    }

    .access-resource {
        margin-top: 60px;
        color: #0061D1;

        border-bottom: 2px dashed #0061D1;
        opacity: 90%;
    }

}

/* Product Development section 6  */

.source-head {
    color: #0061D1;

    border-bottom: 2px dashed #0061D1;
    opacity: 90%;
    margin-bottom: 15px;
}

.source-img {
    width: 100%;
}

.access-icons {
    width: 33px;
    margin: 15px;
}

.source-HEAD {
    margin-bottom: 20px;
    font-size: 2.0rem;
    font-weight: 700;

}

.access-gain {
    margin-left: 20px;
    font-size: 1.1rem;

}

.source-card {
    display: flex;
    align-items: center;
    background-color: #FFFFFF;
    box-shadow: 0px 4px 2px 0px #efecec;
    margin-bottom: 18px;

}

@media only screen and (max-width: 600px) {

    .source-HEAD {
        text-align: center;
        margin-bottom: 20px;
        font-size: 1.7rem;
        font-weight: 700;

        margin-top: 15px;
    }

    .source-head {
        color: #0061D1;

        border-bottom: 2px dashed #0061D1;
        opacity: 90%;
        margin-top: 70px;
        margin-bottom: 15px;
    }

    .access-gain {
        margin-left: 5px;
        font-size: 1rem;
    }

    .source-card2 {
        display: flex;
        align-items: center;
        background-color: #FFFFFF;
        box-shadow: 0px 4px 2px 0px #FFE0CE;

    }

}


/* Product Development section 7  */


.integrate-product {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.8rem;
    margin-top: 4%;
    color: white !important;

}

.understand-demand {
    margin-bottom: 30px;
    text-align: center;
    font-size: 1.5rem;
    color: #FFF4CE;

}

.ik-plus {
    font-size: 2.4rem;
    margin-right: 15px;
    margin-left: 15px;
    margin-bottom: 30px;
    color: white !important;
}

.ik-btn {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;

}

.asset2 {
    width: 35px;
    margin-left: 15px;
}

.asset3 {
    width: 35px;
}

.asset-font {
    border: 1px solid #806F39;
    border-radius: 10px;
    padding: 25px;
    font-size: 1.2rem;
    width: 180px;
    color: #FFFFFF;
    background-color: #FFFFFF19;
    opacity: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2rem !important;
}

.leverage-sell {
    text-align: center;
    font-size: 1.3rem;
    color: #FFFFFF;
    background-color: #FFFFFF19;
    border: 1px solid #806F39;
    border-radius: 10px;
}

.leverage-sell-2 {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 1.2rem !important;
}

.ik-trade-btn {
    margin-top: 40px;
}

.ik-trade-btn {
    border: none;
    height: 2.5rem;
    width: auto;
    border-radius: 30px;
    font-size: 1.3rem;
    margin-top: 30px;
    margin-bottom: 30px;
    color: #FFFFFF;
    background-image: radial-gradient(100% 100% at 100% 0, #0061D1 0, #009DFF 100%);
}

.personalize {
    background-image: url('assets/sectionalimages/personalisesectionimg/personalizebg.svg');
    background-size: cover !important;
}

.booking_offer {
    background-color: #C6F6FF;
    color: black;
    display: flex;
    height: 40vh;
    display: flex;
    align-items: center;
    border-radius: 15px;
}

.field_ensure {
    background-color: #FFFFC6;
    color: black;
    display: flex;
    height: 40vh;
    display: flex;
    align-items: center;
    border-radius: 15px;
}

@media only screen and (max-width: 600px) {

    .integrate-product {
        margin-top: 30px;
        margin-bottom: 10px;
        text-align: center;
        font-size: 1.3rem;

    }

    .understand-demand {
        margin-bottom: 30px;
        text-align: center;
        font-size: 1.2rem;
        color: #FFF4CE;

    }

    .asset-font {
        border: 1px solid #806F39;
        border-radius: 10px;
        padding: 8px;
        font-size: 1.1rem;
        width: 140px;
        height: 50px !important;
        color: #FFFFFF;
        background-color: #FFFFFF19;
        opacity: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .ik-trade-btn {
        border: none;
        height: 2.5rem;
        width: auto;
        border-radius: 30px;
        font-size: 1.1rem;
        margin-top: 30px;
        margin-bottom: 30px;
        color: #FFFFFF;
        background-image: radial-gradient(100% 100% at 100% 0, #0061D1 0, #009DFF 100%);
    }

    .asset2 {
        width: 30px !important;
        margin-left: 20px !important;
    }

    .leverage-sell {
        text-align: center;
        font-size: 1.3rem;

        color: #FFFFFF;
        background-color: #FFFFFF19;
        border: 1px solid #806F39;
        border-radius: 10px;
        margin-top: 10px;
    }

    .field_ensure {
        background-color: #FFFFC6;
        color: black;
        display: flex;
        height: 55vh;
        display: flex;
        align-items: center;
        border-radius: 15px;
    }


}


@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.logos {
    overflow: hidden;
    white-space: nowrap;
}

.logos-slide {
    display: inline-block;
    animation: 80s slide infinite linear;
}

.logos:hover .logos-slide {
    animation-play-state: paused;
}

.btns-indi {
    position: inherit !important;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 50px;
    width: 50px;
    right: 10px;
    left: auto;
    width: auto;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.btns {
    display: block;
    margin-bottom: 5px;
    border: 1px solid #00a199;
    width: 35px;
    height: 25px;

}

.btns:active {
    margin-bottom: 5px;
    background: #00a199;
    color: #0061D1;
}




/* Partner Management page */

/* Partner Management section1  */

.manage-all {
    font-size: 2.0rem;
    text-align: center;
    margin-top: 20px;
}

.content {
    padding-bottom: 15px;

    color: #838383;
    font-size: larger;
    height: 8vh;
}

.ownwebsite-heading {
    color: rgb(13, 2, 114);
    font-size: 1.8rem;
    text-align: center;

}

.forge {
    font-size: 2.0rem;
    font-weight: 700;

}

.IK-TRADE {
    color: #285E95;
}

.effective {
    font-size: 1.4rem;

}

.trade-btn {
    width: 65%;
    height: 60px;
    margin-top: 20%;
    border-radius: 30px;
    background-color: #FFFFFF;
    border: none;
    color: #285E95;
    font-size: 1.2rem;
    font-weight: bolder;
    box-shadow: 5px 5px 5px #0000000F;
}

.trade-btn-icon {
    width: 10%;
    margin-right: 25px;
}

.own-border {
    border-radius: 20px;
    border: 2px solid gray;
    height: 20vh;
}

.ownwebsite-img {
    width: 90px;
    height: 90px;
    margin-top: 15px;
    margin-left: -15px;
}

.ownwebsite-img2 {
    width: 90px;
    height: 90px;
    margin-left: -15px;
}

.ownwebsite-take {
    font-size: 1.2rem;
}

.ownwebsite-content {
    color: white;
    font-size: 1.1rem;
    margin-top: 10px;
}

.white_sec_li li {
    font-size: 1.2rem;
}


@media only screen and (max-width: 600px) {

    .forge {
        text-align: left;
        font-size: 1.6rem;
        font-weight: 700;

    }

    .effective {
        text-align: left;
        font-size: 1.3rem;

    }

    .manage-all {
        font-size: 1.3rem !important;
        font-weight: 700 !important;
        text-align: start !important;
        margin-top: 20px;
        color: white !important;
    }

    .trade-btn {
        text-align: left;
        width: 80%;
        height: 50px;
        margin-top: 4%;
        border-radius: 30px;
        background-color: #FFFFFF;
        border: none;
        color: #285E95;
        font-size: 1.4rem;
        font-weight: bolder;
        box-shadow: 5px 5px 5px #0000000F;
    }

    .trade-btn-icon {
        width: 10%;
        margin-right: 15px;
    }
}

/* Partner Management section 2  */

.thrive {
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 600;
    font-size: 2.0rem;

}

.thrive-pad {
    padding-top: 5%;
    padding-bottom: 5%;
}

.dist_main {
    padding-top: 10%;
    padding-bottom: 10%;
}

.dist_first {
    padding-top: 8%;
    padding-bottom: 8%;
}

.space {
    padding: 3% 0% 3% 0% !important;
}


.partner-icon {
    width: 100px;
}

.thrive-content {
    margin-top: 10%;
}

.partner-onboarding {
    color: #67AEFF;

    border-bottom: 2px dashed #0061D1;
    opacity: 90%;
    margin-top: 15px;
    margin-bottom: 15px;
}

.part-img {
    width: 80%;
}

.request_btn {
    background-color: white;
    height: 40px;
    font-weight: 600;
    border: 0px;
    width: 150px;
    border-radius: 27px;
    font-size: 1.1rem;
    text-align: center;
}

@media only screen and (max-width: 600px) {

    .thrive {
        margin-top: 5%;
        margin-bottom: 5%;
        font-weight: 600;
        font-size: 1.5rem;
    }

    .space {
        padding: 0% !important;
    }

    .part-icon {
        display: flex;
    }

    .partner-onboarding {
        color: #67AEFF;

        border-bottom: 2px dashed #0061D1;
        opacity: 90%;
        margin-top: 15px;
        margin-bottom: 15px;
        margin-left: 10px;
    }

    .partner-icon {
        width: 75px;
    }

    .facilities {
        font-size: 1.3rem;

    }

    .part-img {
        width: 35%;
    }

    .thrive-pad {
        padding-bottom: 70px;
    }

    .dist_main {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .dist_first {
        padding-top: 1%;
        padding-bottom: 1%;
    }

    .request_btn {
        background-color: white;
        height: 40px;
        font-weight: 600;
        border: 0px;
        width: 150px;
        border-radius: 27px;
        font-size: 0.9rem;
    }
}

/* Partner Management section 3  */

.set-img {
    width: 80%;
}

.set-icon {
    width: 20%;
}

.set-terms {
    font-size: 1.8rem;
    color: #FFFFFF;
    margin-top: 5%;
    margin-bottom: 5%;
}



.black_section_title {
    color: #ffffff;
    margin-top: 15px;
    padding: 15px 0px 0px 0px;
    font-size: 1.8rem;
}

.black_section_title_hr {
    height: 1px;
    width: 15%;
    border-bottom: 3px dashed #8d8dff;
    margin: 10px 0px 35px 0px;
}

.black_section_title_para {
    font-size: 1.3rem;
    color: white;
}

.white_section_title {
    margin-top: 15px;
    padding: 15px 0px 0px 0px;
    font-size: 1.5rem;
    font-weight: 700;
}

.white_section_title_hr {
    height: 1px;
    width: 15%;
    border-bottom: 3px dashed #8d8dff;
    margin: 10px 0px 10px 0px;
}

.white_section_title_para {
    font-size: 1.3rem;
}


.interconnecting {
    font-size: 2.0rem;
}

/* footer  */

.footer-font {
    font-size: 1.3rem;
}

.Footer-Font {
    font-size: 1.7rem;
}

.footbg {
    background-image: url(../assets/Component\ 144\ GÇô\ 1.webp);
}

.jobs,
.volunteer {
    display: none;
}

.button1:hover+.jobs,
.button2:hover+.volunteer {
    display: block;
    position: absolute;
    top: 120px;
}



.Orderspan {
    width: 20%;
    font-size: 1.6rem;
    transform: translateY(2px);
    margin-top: 5%;
    margin-bottom: 5%;
    border: none;
    background-color: inherit;
    color: white;
}

.Orderspan:active {
    font-size: 1.6rem;
    border-bottom: 1px solid blue;
}

.orderD2C {
    font-size: 1.7rem;
    display: block;
    text-align: left;
    color: #FFFFFF;
    border: 2px solid #292828;
    border-radius: 20px;
    width: 100%;
    height: 30vh;
    padding: 20px;


}

.testing {
    background-color: black;
    font-size: 2.2rem;
}

/* footer  */


.LOGO {
    width: 15%;
}

.Icit {
    margin: 0% 7% 0% 4%;
}

footer{
    color:white;
}
.solution {
    text-align: start !important;
    padding-left: 10%;    
}

.solution p{
    color: #9d9898;
}

.privacypolicy {
    padding: 0% 1% !important;
    text-align: center;
}

.borderbottom {
    content: '';
    border: solid 1px #6d6d6d;
    display: inline-block;
    width: 36px;
    margin-bottom: 17px;
}

.one11 {
    content: '';
    border: solid 1px #707070;
    display: inline-block;
    width: 30px;
    margin: 0px 0px 9px -6px;
}

.footfont {
    font-size: 0.9rem;
}

.why {
    font-size: 2.2rem;
    font-weight: 600;
    text-align: center !important;

}

#footer {
    background-color: black;
    color: white;
}


.one {
    width: 40px;
    height: 40px;
    border: 2px solid #707070;
    border-right: 8px solid #707070;
    font-size: 1.3rem;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
    display: inline-block;

}

.sec9cont {
    opacity: 1;
    text-align: center;
    font-size: 1.3rem;
    color: #000;
    margin: 0px 0px 50px 0px;
}

.getmoney-img {
    width: 50px;
    padding-top: 8% !important;
}

.getmoney-font {
    font-size: 1.2rem;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 50px;
}

.links-color {
    color: white;
}

.links-color:active {
    color: white;
    text-decoration: none !important;
    cursor: pointer !important;
}

.footerlinks {
    color: white !important;
    text-align: start !important;
    align-items: center;
    font-size: 0.9rem;
}

@media only screen and (max-width: 600px) {

    .sec9cont {
        opacity: 1;
        text-align: start;
        font-size: 1rem;
        color: #000;
    }

    .one-mob {
        width: 20px;
        height: 20px;
        border: 1px solid #707070;
        border-right: 4px solid #707070;
        font-size: 0.8rem;
        border-radius: 50%;
        line-height: 18px;
        text-align: center;
        display: inline-block;
    }

    .One-mob {
        font-size: 1.4rem;
        font-weight: 500;
        margin-left: 10px;

    }

    .one11-mob {
        content: '';
        border: solid 1px #707070;
        display: inline-block;
        width: 20px;
        margin: 0px 0px 4px -6px;
    }

    .getmoney-img {
        width: 40px;
    }

    .getmoney-font {
        font-size: 0.9rem;
        font-weight: 500;
        margin-top: 5px !important;
    }

    .black_section_title {
        color: #ffffff;
        margin-top: 15px;
        padding: 15px 0px 0px 0px;
        font-size: 1.3rem;
    }

    .black_section_title_hr {
        height: 1px;
        width: 15%;
        border-bottom: 3px dashed #8d8dff;
        margin: 10px 0px 35px 0px;
    }

    .black_section_title_para {
        font-size: 1rem;
        color: white;
    }

    .white_section_title {
        margin-top: 15px;
        padding: 15px 0px 0px 0px;
        font-size: 1.3rem;
        font-weight: 700;
    }

    .white_section_title_hr {
        height: 1px;
        width: 15%;
        border-bottom: 3px dashed #8d8dff;
        margin: 10px 0px 10px 0px;
    }

    .white_section_title_para {
        font-size: 1rem;
    }



}

@media only screen and (max-width: 600px) {

    .why {
        text-align: center;
        font-size: 2.4rem;
        font-weight: 600;
        text-align: center !important;

        padding: 2% 0%;
    }

    .borderbottom-oursolution {
        content: '';
        border: solid 1px white;
        display: block;
        width: 130px;
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .borderbottom-sitemap {
        content: '';
        border: solid 1px white;
        display: block;
        width: 70px;
        margin-bottom: 15px;
        margin-top: 5px;
    }

    .borderbottom-note {
        content: '';
        border: solid 1px white;
        display: block;
        width: 50px;
        margin-bottom: 15px;
        margin-top: 5px;
    }

}

.sandy {
    height: 2.6rem;
    border: none;
    color: white;
    font-size: 1rem;
    box-shadow: 0.3em 0.3em #00428d;
    transition: all 25s 25em #000;

    border-radius: 8px;
    cursor: pointer;
    background-image: radial-gradient(100% 100% at 100% 50%, #5468ff 40%, #5adaff 100%);
}

.Sandy {
    height: 2.6rem;
    border: none;
    color: white;
    font-size: 1rem;
    box-shadow: 0.3em 0.3em #00428d;
    transition: all 25s 25em #000;

    border-radius: 8px;
    cursor: pointer;
    background-image: radial-gradient(100% 100% at 100% 50%, #5468ff 40%, #5adaff 100%);
}


.Sandy:hover {
    box-shadow: 0.3em 0.3em blue;
    transform: translate(1px 1px);
    border-radius: 8px;
}



.activeweb {
    background-color: yellow;
    cursor: not-allowed;
}

.clickable {
    background-color: green;
    cursor: pointer;
}


#nav {
    list-style: none inside;
    margin: 0;
    padding: 0;
    text-align: center;
}

#nav li {
    display: block;
    position: relative;
    float: left;
    background: #24af15;
    /* menu background color */
}

#nav li a {
    display: block;
    padding: 0;
    text-decoration: none;
    width: 200px;
    /* this is the width of the menu items */
    line-height: 35px;
    /* this is the hieght of the menu items */
    color: #ffffff;
    /* list item font color */
}

#nav li li a {
    font-size: 80%;
}

/* smaller font size for sub menu items */

#nav li:hover {
    background: #003f20;
}

/* highlights current hovered list item and the parent list items when hovering over sub menues */

#nav ul {
    position: absolute;
    padding: 0;
    left: 0;
    display: none;
    /* hides sublists */
}

#nav li:hover ul ul {
    display: none;
}

/* hides sub-sublists */

#nav li:hover ul {
    display: block;
}

/* shows sublist on hover */

#nav li li:hover ul {
    display: block;
    /* shows sub-sublist on hover */
    margin-left: 200px;
    /* this should be the same width as the parent list item */
    margin-top: -35px;
    /* aligns top of sub menu with top of list item */
}

.normalDropDownContainer {
    display: none;
    position: absolute;
    top: 100%;
    width: 200px;
    right: 0;
    background: white;
    padding: 15px 10px;
    box-shadow: 0px 8px 15px 0px rgb(0 0 0 / 29%);
}

.wrapper {
    background-color: #f7f7f7;
}

.menuWrapper {
    position: relative;
}

.nav-item {
    margin-right: 15px;
}

.normalDropDownContainer ul {
    list-style: none;
    padding: 0px;

}

.normalDropDownContainer li {
    height: 50px;
    display: flex;
    align-items: center;
    padding: 10px;
}

.normalDropDownContainer li:hover {
    background-color: #f5f5f5;
}

.normalDropDownContainer:after {
    content: '';
    /* Required to display content */
    position: absolute;
    /* Sets the position absolute to the top div */
    top: 0;
    right: 5%;
    margin-left: 0px;
    margin-top: -8px;
    /* Set margin equal to border px */
    width: 0;
    z-index: 1;
    height: 0;
    border-bottom: solid 15px #FFF;
    /* Creates the arrow pointing up, to change to a notch instead user border-top */
    border-left: solid 15px transparent;
    /* Creates triangle effect */
    border-right: solid 15px transparent;
    /* Creates triangle effect */
}

.megaMenuContainer {
    display: none;
    position: absolute;
    width: 700px;
    right: 0;
    top: 100%;
    background: white;
    padding: 15px 10px;
    box-shadow: 0px 8px 15px 0px rgb(0 0 0 / 29%);
}

.megaMenuContainer:after {
    content: '';
    /* Required to display content */
    position: absolute;
    /* Sets the position absolute to the top div */
    top: 0;
    right: 5%;
    margin-left: 0px;
    margin-top: -8px;
    /* Set margin equal to border px */
    width: 0;
    z-index: 1;
    height: 0;
    border-bottom: solid 15px #FFF;
    /* Creates the arrow pointing up, to change to a notch instead user border-top */
    border-left: solid 15px transparent;
    /* Creates triangle effect */
    border-right: solid 15px transparent;
    /* Creates triangle effect */
}

/* DropDown Container */

.tablinks {
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
    margin: 10px 0px;
}

.tabContainer {
    display: none;
    min-height: 250px;
}

.tabActive {
    display: block;
}

.tablinksactive {
    content: " ";
    border-left: 5px solid blue;
    margin-right: 10px;
}

.blackBtn {
    background-color: black;
    color: white;
}

.paymentBg {
    background: #ffd000;
}

.prod-dev_hero_banner {
    background-image: url(../assets/bannerimages/product\ development_mainbg.webp);
    background-size: cover !important;
    padding: 7% 0% !important;
}



.carousel-inner {
    min-height: 420px;
}

.founded_slide p {
    animation: slideFromLeft 1s ease-in-out;
}

.plan_slide {
    animation: slideFromLeft 1s ease-in-out;
}

.tune_slide {
    animation: slideFromRight 1s ease-in-out;
}

.arm_slide1 {
    animation: slideFromLeft 1s ease-in-out;
}

.arm_slide2 {
    animation: slideFromLeft 2s ease-in-out;
}

.arm_slide3 {
    animation: slideFromLeft 3s ease-in-out;
}

.arm_slide4 {
    animation: slideFromLeft 4s ease-in-out;
}

.armbtn_slide {
    animation: slideFromRight 1s ease-in-out;
}

/* .empowering_slide1 {
    animation: slideFromLeft 5s ease-in-out;
}

.empowering_slide2 {
    animation: slideFromRight 5s ease-in-out;
} */

@keyframes slideFromLeft {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slideFromRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}


/* bubbles */

.loader {
    overflow: hidden;
    width: 10%;
    height: 10%;
    position: inherit;
    top: 0;
    left: 0;
    display: flex;
    text-align: center;
    align-items: center;
    align-content: center;
    justify-content: center;
    z-index: 100000;
    --point-color: red;
    --size: 5px;
}

.loader__element {
    border-radius: 100%;
    border: var(--size) solid var(--point-color);
    margin: calc(var(--size)*2);
    text-align: center;
}

.loader__element:nth-child(1) {
    animation: preloader .6s ease-in-out alternate infinite;
}

.loader__element:nth-child(2) {
    animation: preloader .6s ease-in-out alternate .2s infinite;
}

.loader__element:nth-child(3) {
    animation: preloader .6s ease-in-out alternate .4s infinite;
}

@keyframes preloader {
    100% {
        transform: scale(2);
    }
}

/* bubbles */

/* Floating  */

@keyframes float {
    0% {
        transform: translatey(0px);
    }

    50% {
        transform: translatey(-20px);
    }

    100% {
        transform: translatey(0px);
    }
}

.floating_img {
    /* width: 100%; */
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.floating_avatar {
    width: 50px;
    /* height: 150px; */
    box-sizing: border-box;
    /* border: 5px white solid; */
    border-radius: 50%;
    overflow: hidden;
    /* box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6); */    
    text-align: center;
    justify-content: center;
    align-items: center;

    img {
        width: 50px;
        height: auto;
        text-align: center;
        justify-content: center;
        align-items: center;

    }
}


#drag_image {
    transform-style: preserve-3d;
    transition: all .1s;
}



.anime_btn {
    display: inline-block;
    position: relative;
    text-decoration: none;
}

.anime_btn:before,
.anime_btn:after {
    width: 4.4em;
    height: 2.95em;
    position: absolute;
    content: "";
    display: inline-block;
    background: #f3c21c;
    border-radius: 50%;
    transition: transform 1s ease;
    transform: scale(0);
    z-index: -1;
}

.anime_btn:before {
    top: -25%;
    left: 20%;
}

.anime_btn:after {
    bottom: -25%;
    right: 20%;
}

.anime_btn:hover:before,
.anime_btn:hover:after {
    transform: none;
}

.Plot-Discover-product {
    background: inherit;
    border: 1px solid #0061D1;
    border-bottom: 3px solid #0061D1;
    font-size: 0.9rem;
    cursor: pointer;
    width: 135px;
    height: 38px;
    margin-top: 25px;
    color: #0061D1;
}


/* .letter_changes content,
.letter_changes content {
    text-align: center;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
} */



.theme {
    position: relative;
    background-image: url('../assets/bannerimages/retailer_mainbg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 600px;
}

.theme .text-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: white;
    color: black;
    margin: 20px;
}

.theme2 {
    position: relative;
    background-image: url('../assets/bannerimages/retailer_mainbg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
}

.theme2 .text-overlay2 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: white;
    color: black;
    margin: 20px;
}

.theme3 {
    position: relative;
    background-image: url('../assets/bannerimages/retailer_mainbg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
}

.theme3 .text-overlay3 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: white;
    color: black;
    margin: 20px;
}

.theme4 {
    position: relative;
    background-image: url('../assets/bannerimages/retailer_mainbg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
}

.theme4 .text-overlay4 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: white;
    color: black;
    margin: 20px;
}

.theme5 {
    position: relative;
    background-image: url('../assets/bannerimages/retailer_mainbg.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 300px;
}

.theme5 .text-overlay5 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background-color: white;
    color: black;
    margin: 20px;
}

.blogs_head {
    text-transform: uppercase !important;
}


/* Wordpress Styles */

.wp_widget_title{    
    font-size: 17px;
    font-weight: 700;
    padding: 5px 0px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
    border-bottom: 3px solid #FFC107;
}

.featured_posts_list{
    list-style: none;
    padding: 0px;
}
.featured_posts_list li{
    margin-top: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bebebe;    
    padding-bottom: 10px;
}
.wp_post_title{
    font-size: 16px;
    font-weight: 600;
		color:black !important;
	text-decoration:none !important;
}
.wp_featured_post_title{
    font-size: 20px;
    font-weight: 700;
	color:black !important;
	text-decoration:none !important;
}
.wp_featured_sub_title{
    font-size: 15px;
    font-weight: 400;
}
.wp_author_title{
    font-size: 14px;
		color:black !important;
	text-decoration:none !important;
}
.feature_thumbnail{
    background: #fbf9e2;
}
.featureImg{
    height: 420px;
    max-height: 70vh;    
}
.post_feature_Img{
    height: 180px;
    margin-bottom: 15px;
}

.entry-title{
    font-size: 34px;
    font-weight: 700;
}