main,
section {
    display: block;
}

:root {
    --borderR: '10px'
}

.btn {
    background-color: #f58220;
    color: white;
}

.section-title-text {
    color: white;
}

#inner-banner {
    background: linear-gradient(to right, #f2fafd 0%, #b1bdd9 100%);
}

#inner-cover {
    background: linear-gradient(to right, #b1bdd9 0%, #f2fafd 100%);
}

#inner-poster {
    background: linear-gradient(to right, #b1ced9 0%, #bac3c7 100%);
}
#inner-footer {
    background: linear-gradient(to right, #e2e4e4 0%, #d7dff2 100%);
}

.save-offer {
    color: white;
}

.col-2 {
    padding: 0;
    margin: 12px;
}

#icon {
    width: 50px;
}

.bg-price {
    background-color: #dadada;
}

.bg-mail-form {
    background-color: #f58220;
}

.mail-id {
    text-decoration: none;
    list-style: none;
}

.table-title {
    color: white;
    background-color: #f58220;
    padding: 20px;
    font-size: 17px;
    font-weight: "bolder";
    border: 5px solid white;
}

.skillspan {
    background-color: white;
    font-size: 16px;
    color: black;
    font-weight: "bold";
    box-shadow: 1px 2px 3px 4px solid rgb(198, 196, 196);
}

.case-study {
    background-color: #f5f5f5;
}

.bg-ready-to-hire {
    background-color: #f58220;
}

.d-lg-block {
    color: #f58220;
    background-color: #f9f9f9;
    font-weight: bold;
}

.btn-link {
    color: #f58220;
    list-style: none;
    text-decoration: none;
}

.accordion-button {
    color: #f58220;
    text-decoration: none;
    list-style: none;
}

.footer-link-item {
    color: white;
    margin-right: 15px;
    text-align: right;

}

li {
    list-style: none;
    text-decoration: none;
}

#footer-link-item {
    text-decoration: none;
}

#footer-link-item a:hover {
    color: black;
}

#mail-id {
    text-decoration: none;
    list-style: none;
}

#mail-id a:hover {
    color: green;
}

#accordion-button {
    text-decoration: none;
    list-style: none;
}

#accordion-button a:hover {
    text-decoration: none;
    list-style: none;
    color: black;
}

#questions {
    text-decoration: none;
    list-style: none;
}

a:hover {
    color: grey;
}
.txt-color {
    color: grey;
}

#number,
#email,
#get-touch {
    text-decoration: none;
    list-style: none;
}

.social-link-item {
    color: white;
    margin-right: 18px;
}

.fixed-sec {
    position: sticky;
    top: 20px;
}

.scrolled-sec {
    margin-top: 20px;
}

.screen {
    margin: 20px auto;
    clear: both;
}

.screen::before,
.screen:after {
    content: '';
    display: table;
    clear: both;
}

.right {
    display: inline-block;
    vertical-align: top;
    margin-top: 80px;
}

.right div {
    background-color: white;

}

.left {
    width: 500px;
    height: 400px;
    background-color: white;
    display: inline-block;
    position: sticky;
    top: 150px;
}

.nav-item a:hover {
    color: grey;
}


.inputlabel {
    border-color: white;
    border-radius: 10px;
    width: 90%;
}

.selectbtn {
    border-color: white;
    border-radius: 10px;
    width: auto;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    background-color: white;
}

.dropdown-menu {
    border-color: white;
}

.bottom-line {
    width: 100%;
    height: 10px;

    display: inherit;
    border-radius: 0 0 5px 5px;
    background-color: #35b0bf;
}

::selection {
    background-color: purple;
    color: pink;
}

.bi:hover {
    color: rgb(0, 102, 255);
}

#menu {
    color: grey;
}

#menu:hover {
    color: rgb(0, 132, 255);
}

.title_18 {
    color: #5f90db;
}

.title_19 {
    color: #ec6b6b;
}

.title_20 {
    color: #75cd9f;
}

.title_21 {
    color: #ec956b;
}

.title_22 {
    color: #8d6bec;
}

.title_23 {
    color: #9e308f;
}

.box-hover:hover {
    background: white;
    border-radius: 5px;
    box-shadow:
        0 2.8px 2.2px rgba(0, 0, 0, 0.034),
        0 6.7px 5.3px rgba(0, 0, 0, 0.048),
        0 12.5px 10px rgba(0, 0, 0, 0.06),
        0 22.3px 17.9px rgba(0, 0, 0, 0.072),
        0 41.8px 33.4px rgba(0, 0, 0, 0.086),
        0 100px 80px rgba(0, 0, 0, 0.12);
}

.box-shadow:hover {
    background: #b1bdd9 ;
    border-radius: 5px;
    box-shadow:
        0 2.8px 2.2px rgba(51, 51, 51, 0.034),
        0 6.7px 5.3px rgba(48, 48, 48, 0.048),
        0 12.5px 10px rgba(31, 30, 30, 0.06),
        0 22.3px 17.9px rgba(58, 58, 58, 0.072),
        0 41.8px 22.4px rgba(0, 0, 0, 0.086),
        0 50px 20px rgba(38, 37, 37, 0.12);
}


@media screen and (max-width: 770px) {
    .left {
        position: relative;
    }
}