.btn{
    background-color: #26348b;
}

button.btn[type="submit"]{
    background-color: black !important;
}

[data-dismiss="modal"]{
    background-color: grey;
}

.text-blue{
    color: #26348b;
}

.text-orange{
    color: #ff8302;
}

.text-maroon{
    color: #521002;
}

a:hover{
    color: unset;
}

[data-toggle="modal"]{
    cursor: pointer;
}

.modal{
    z-index: 1000000 !important;
}
.modal-header,
.modal-body{
    background: #ebebeb!important;
}

.modal-footer{
    display: block!important;
}

.modal-backdrop{
    z-index: 999999 !important;
}

.brain-capture-page{

    section{
            ul{
            list-style: none;
            padding-left: 0;
        }

        ul li{
            position: relative;
            padding-left: 35px;
            margin-bottom: 12px;
        }

        ul li::before{
            content: "";
            position: absolute;
            left: 0;
            top: 4px;
            width: 20px;
            height: 20px;
            background: url('../img/brain-capture/list.png') no-repeat center;
            background-size: contain;
        }
    }

    .section-1{
        background-color: #ffb522;
        h1{
            font-size: 50px;
            font-weight: 700;
        }
        h2{
            font-size: 30px;
            width: 200px;
            font-weight: 700;
        }
        h6{
            font-size: 20px;
            font-weight: 300;
            width: 110px;
            text-align: center;
        }
        .brain-capture-logo{
            width: 300px;
        }
        .btn{
            width: 150px;
        }
    }

    .section-2{
        h2{
            font-size: 30px;
        }
    }

    .section-3{
        h2{
            background-color: #ff8302;
            font-size: 30px;
        }
        hr{
            background-color: #acacac;
        }
        .product-img{
            width: 400px;
        }
        .amplifier-img{
            width: 300px;
        }
        .flip-img{
            transform: scaleX(-1);
        }
        li{
            font-size: 20px;
        }
        .grey-part{
            background-color: #f5f5f5;
        }
    }

    .section-4{
        background-color: #f8e9da;
        .box{
            border-radius: 25px;
            background-color: #fff;
            border: 1px solid #ff8302;
            .icon{
                width: 100px;
            }
            li{
                font-size: 20px;
            }
        }
    }

    .section-5{
        img{
            width: 100px;
        }
    }

    .section-6{
        background-color: #ff8302;
        height: 500px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        .captions .owl-nav {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            transform: translateY(-50%);
            pointer-events: none; /* allows clicks only on buttons */
        }
        
        .captions .owl-nav button {
            position: absolute;
            pointer-events: auto;
            width: 45px;
            height: 45px;
            border-radius: 50% !important;
            background: rgba(0,0,0,0.5) !important;
            color: #fff !important;
            border: none !important;
            display: flex !important;
            align-items: center;
            justify-content: center;
            font-size: 22px !important;
            transition: 0.3s;
        }
        
        .captions .owl-nav .owl-prev {
            left: -100px;
        }
        
        .captions .owl-nav .owl-next {
            right: -100px;
        }
        
        .captions .owl-nav button:hover {
            background: rgba(0,0,0,0.8) !important;
        }
    }

    .section-7{
        background: url('../img/brain-capture/customer-training-bg.png') center/cover no-repeat;
        .box{
            border: 3px solid black;
            padding-left: 100px;
            padding-right: 100px;
        }
    }

    .section-8{
        background-color: #f5f5f5;
        .box{
            box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
            p{
                font-weight: 500;
            }
        }
    }

    .section-9{
        background-color: #ff8302;
        h5{
            font-size: 24px;
        }
    }

    .section-10{
        p{
            font-weight: 500;
        }
        .left-side{
            background-color: #ebebeb;
        }
    }
}
/* tablet */
@media only screen and (max-width: 1024px) {
    .brain-capture-page {
        .modal-dialog{
            width: 80%;
        }
        .section-1 {
            h2 {
                font-size: 18px;
            }
            .brain-capture-logo {
                width: 150px;
            }
            h1{
                font-size: 30px;
            }
            h6{
                width: auto;
            }
            .btn{
                width: 100px;
                font-size: 12px;
                padding: 5px!important;
            }
        }
        .section-3{
            .product-img{
                width: 100%;
            }
            li{
                font-size: 16px;
            }
        }
        .section-4{
            h4{
                font-size: 16px;
            }
            .box{
                .icon{
                    width: 60px;
                }
                li{
                   font-size: 12px;
                }
            }
        }
        .section-5{
            img{
                width: 60px;
            }
            h2{
                font-size: 24px;
            }
        }
        .section-6{
            .captions .owl-nav .owl-prev{
                left:0;
            }
            .captions .owl-nav .owl-next{
                right:0;
            }
        }
        .section-7{
            .row{
                align-items: center;
            }
            h5{
                font-size: 16px;
            }
            a{
                font-size: 12px;
            }
            .box{
                padding-left: 25px;
                padding-right: 25px;
            }
        }
    }
}
/* phone */
@media only screen and (max-width: 767px) {
    h2{
        font-size: 1.5rem;
    }
    h3{
        font-size: 1.25rem;
    }
    .brain-capture-page {
        .section-1 {
            .brain-capture-logo {
                width: 200px;
            }
    h2{
font-size:14px;
width:100%;
}
a.btn{
width:120px;
}
        }
    }
}