img {
    width: 100%;
}

.no-shadow {
    box-shadow: none !important;
}

.no-after:after {
    content: none !important;
}

.ts-card {
    border-radius: 16px;
    background-color: #fff;
    color: #2f353a;
    flex-grow: 1;
    display: flex;
}

    .ts-card strong {
        font-weight: 600;
        color: #425275;
    }

    .ts-card .inner {
        align-items: center;
        padding: 24px;
        padding-top: 40px;
        background-color: #f5f5f7;
        border-radius: 12px;
        position: relative;
    }


    .ts-card .title {
        font-weight: 600;
        font-size: 1.5rem;
        color: #1290a7;
        margin-bottom: 2px;
    }

        .ts-card .title + * {
            margin-top: 0.75rem;
            font-size: 16px;
            color: #525252;
            font-weight: 600;
            line-height: 28px;
            margin-bottom: 5px;
        }

    .ts-card .info + * {
        margin-top: 0rem;
    }

    .ts-card .features {
        display: flex;
        flex-direction: column;
        padding: 0;
    }

        .ts-card .features li {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

            .ts-card .features li + * {
                margin-top: 0.75rem;
            }

        .ts-card .features .icon {
            background-color: #1290a7;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            border-radius: 50%;
            flex-basis: 20px;
            padding: 3px;
        }

            .ts-card .features .icon svg {
                width: 14px;
                height: 14px;
            }

        .ts-card .features + * {
            margin-top: 1.25rem;
        }

    .ts-card .action {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: end;
    }

    .ts-card .button {
        color: #1290a7;
        font-weight: 500;
        font-size: 14px;
        border: 0;
        outline: 0;
        text-decoration: underline;
        text-align: right;
        display: inline;
        background: transparent !important;
    }

        .ts-card .button:hover, .ts-card .button:focus {
            background-color: #4133B7;
        }

#recipeCarousel > a {
    position: absolute;
    height: 54px;
    width: 54px;
    background: rgb(18 144 167) !important;
    z-index: 1;
    opacity: 1;
    border-radius: 50%;
    top: calc(50% - 27px);
    font-size: 24px;
}

    #recipeCarousel > a.carousel-control-prev {
        left: -40px;
    }

    #recipeCarousel > a.carousel-control-next {
        right: -40px;
    }

.bl-card {
    text-align: left;
    display: flex;
    padding: 15px;
}

    .bl-card > div {
        background-color: #fff;
        padding: 30px;
        border: 20px solid #f5f5f5;
    }

        .bl-card > div > h3 {
            font-size: 27px;
            font-weight: 800;
            color: rgb(18 144 167);
            line-height: 45px;
            text-transform: capitalize;
        }

        .bl-card > div > h5 {
            color: #525252;
            line-height: 30px;
            margin: 0 0 15px;
            opacity: .6;
            font-weight: 500;
            font-size: 14px;
        }

            .bl-card > div > h5 i {
                display: inline-block;
                margin: 0 4px 0 0;
            }

            .bl-card > div > h5 span {
                display: inline-block;
                margin: 0 0px 0 0;
            }

        .bl-card > div > a {
            display: inline-block;
            padding: 10px 41px 10px 18px;
            color: #fff;
            position: relative;
            transition: .3s ease-in-out;
            background: #1290a7;
            color: #fff;
            border: 2px solid #1290a7;
            font-weight: 600;
        }

            .bl-card > div > a:hover {
                background: #fff;
                color: #1290a7;
            }

                .bl-card > div > a:hover i {
                }

            .bl-card > div > a:before {
                content: '\f134';
                position: absolute;
                display: inline-block;
                font-family: bootstrap-icons !important;
                font-style: normal;
                font-weight: 400 !important;
                font-variant: normal;
                text-transform: none;
                left: 109px;
                font-size: 18px;
                top: 8px;
                transition: .3s ease-in-out;
            }

.section-choose {
    background-image: url('../images/main-images/why_bg_2.jpg');
    margin: 250px 0 0 0;
    overflow: visible !important;
    padding-top: 1px !important;
}

.choose-progress {
    display: flex;
    align-items: center;
    margin: 0 0 30px 0;
}

    .choose-progress > span { /* position:absolute;*/
        width: 90px;
        height: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #fff;
        font-weight: 500;
        box-shadow: 0 0 20px rgb(179 179 179 / 10%);
    }

    .choose-progress > div {
        padding: 0 0 0 20px;
        width: calc(100% - 90px);
    }

        .choose-progress > div > h6 {
        }

        .choose-progress > div > p {
            margin: 0;
        }

:root {
    --megamenu_width: 360px;
    --offer_img_width: 200px;
    --offer_img_width2: 130px;
}

.exclusive-head {
    margin: 0 0 50px 0;
}

.exclusive-section {
    background-image: url('../images/main-images/service_bg_2.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto;
    margin: -250px 0 0 0 !important;
}

.bg-png-1 {
    background-image: url('../images/main-images/png-bg-1.png');
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.exclusive-tile-2.exclusive-tile-li li:before {
    top: 3px;
}

.exclusive-tile-2.exclusive-tile-li h3 {
    margin-bottom: 5px;
}

.exclusive-tile-2.exclusive-tile-padding > div > div {
    padding-top: 24px !important;
}

    .exclusive-tile-2.exclusive-tile-padding > div > div p {
        margin: 0 !important;
    }

.exclusive-tile-2.exclusive-tile-3 > div > div {
    box-shadow: none;
    border: 1px solid #dddddd;
}

.exclusive-tile-2.exclusive-tile-3 ul {
    padding: 0 0 0 18px !important;
}

.exclusive-tile.exclusive-tile-2 > div > div {
    padding-top: 110px;
    margin-bottom: 24px;
}

    .exclusive-tile.exclusive-tile-2 > div > div:before {
        content: none;
    }

    .exclusive-tile.exclusive-tile-2 > div > div:after {
        display: none;
    }

    .exclusive-tile.exclusive-tile-2 > div > div > img {
        top: 50px;
        filter: brightness(2.5) invert(1);
        right: initial;
        left: 25px;
    }

    .exclusive-tile.exclusive-tile-2 > div > div > i:before {
        position: absolute;
        left: 25px;
        top: 55px;
        font-size: 32px;
    }

.exclusive-tile.exclusive-tile-2 h3 {
    text-align: left;
    font-size: 22px;
    line-height: 38px;
}

.exclusive-tile.exclusive-tile-2 p {
    text-align: left;
}

    .exclusive-tile.exclusive-tile-2 p a {
        text-decoration: underline;
    }

.exclusive-tile > div > div {
    box-shadow: 0 0 20px rgb(94 94 94 / 16%);
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 70px 25px 40px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    position: relative;
    width: 100%;
}

    .exclusive-tile > div > div:before {
        content: '';
        position: absolute;
        left: 0;
        top: -45px;
        right: 0;
        width: 90px;
        height: 90px;
        background: #fff;
        margin: auto;
        border-radius: 50%;
    }

    .exclusive-tile > div > div:after {
        content: '';
        position: absolute;
        left: 0;
        top: -40px;
        right: 0px;
        width: 80px;
        height: 80px;
        background: #108399;
        margin: auto;
        border-radius: 50%;
    }

.exclusive-tile img {
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -20px;
    z-index: 9;
    filter: brightness(0) invert(1);
}

.exclusive-tile p {
}

.exclusive-tile h3 {
    font-weight: 600;
    margin: 10px 0 10px 0;
    font-size: 22px;
    line-height: 30px;
}

.partnership-tiles {
}

.mega-menu.mega-menu-ex > ul > li .list-menu.partnership-tiles > li {
    padding: 0 5px !important;
}

    .mega-menu.mega-menu-ex > ul > li .list-menu.partnership-tiles > li > a {
        border: 1px solid #ddd;
        padding: 65px 15px 25px 20px;
    }

    .mega-menu.mega-menu-ex > ul > li .list-menu.partnership-tiles > li > i {
        left: 15px;
        top: 5px;
    }

        .mega-menu.mega-menu-ex > ul > li .list-menu.partnership-tiles > li > i:before {
            height: 66px;
            width: 66px;
            background-repeat: no-repeat;
        }

.partnership-icon .bi-gear:before {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 492 492" style="enable-background:new 0 0 492 492;" xml:space="preserve"><g id="Master_Layer_2"></g><g id="Layer_1"><g><g><g><g><path style="fill-rule:evenodd;clip-rule:evenodd;fill:%231290a7;" d="M321.308,294.864c5.352,5.328,9.456,12.144,15.792,8.832 c2.448-1.272,5.064-3.096,7.32-5.256c3.744-3.576,8.256-9.528,4.656-14.28c-12.456-11.976-36.384-32.112-36.456-32.16 l7.56-8.568c0.024,0.024,5.16,4.536,11.832,10.824c8.688,8.208,20.856,16.2,26.736,24.408 c3.312,4.608,2.616,12.744,0.864,17.52c-1.392,3.84-4.104,7.464-7.32,10.536c-3.024,2.904-6.6,5.4-9.96,7.128 c-3.384,1.752-6.792,2.76-9.696,2.784c-0.096,0.456-0.216,0.936-0.336,1.392c-0.96,3.24-3.024,6.072-5.616,8.4 c-2.328,2.088-5.136,3.816-7.944,5.064c-3.072,1.344-6.288,2.112-9.168,2.16c-0.096,0.936-0.288,1.848-0.552,2.76 c-0.96,3.24-3.024,6.072-5.616,8.4c-2.328,2.088-5.136,3.816-7.944,5.064c-4.128,1.824-8.544,2.568-12,1.968 c-0.12,1.224-0.36,2.4-0.696,3.504v0.024c-1.032,3.384-3,6.24-5.52,8.352c-2.52,2.112-5.592,3.48-8.856,3.936 c-3.96,0.552-8.16-0.24-11.904-2.688c-1.032-0.672-2.16-1.536-3.48-2.592l-0.744-0.576l-11.16-8.616l6.96-9.024l11.16,8.616 l0.744,0.576c1.032,0.792,1.896,1.488,2.784,2.04c1.296,0.864,2.736,1.128,4.08,0.96c1.128-0.168,2.184-0.648,3.072-1.392 c0.864-0.72,1.56-1.728,1.92-2.904l0,0c0.456-1.56,0.384-3.504-0.456-5.76c-9.528-13.296-29.448-29.424-29.496-29.472 l7.2-8.856c0.048,0.024,8.112,6.576,16.752,15.024c2.304,2.256,4.848,4.752,7.512,7.128c0.48,0.432,0.984,0.864,1.464,1.296 l0,0l0,0c0.096,0.096,0.216,0.192,0.312,0.288c0.624,0.552,1.248,1.128,1.872,1.704c2.112,1.896,4.2,3.816,6.384,5.496 c2.592,1.848,2.544,2.232,5.496,1.344c0.624-0.192,1.296-0.528,2.016-0.84c1.776-0.768,3.504-1.848,4.896-3.096 c1.128-1.032,1.992-2.112,2.304-3.168c0.24-0.84,0.072-1.848-0.744-2.976c-9.576-13.32-35.904-36.456-35.976-36.528l7.56-8.568 c0.048,0.048,14.688,12.912,26.616,25.488c3.24,3.192,8.064,7.56,11.544,10.272c1.272,0.912,2.16,2.088,4.08,1.416 c0.816-0.288,1.848-0.696,3-1.2c1.776-0.768,3.504-1.848,4.896-3.096c1.128-1.008,1.992-2.112,2.304-3.168 c0.24-0.84,0.072-1.848-0.744-3c-9.576-13.32-35.904-36.456-35.976-36.528l7.56-8.568 C292.22,266.688,309.044,281.496,321.308,294.864z"/></g><g><path style="fill-rule:evenodd;clip-rule:evenodd;fill:%231290a7;" d="M429.02,254.424L393.692,129.72l-1.536-5.448l-5.448,1.488 l-45.216,12.408l-5.568,1.536l1.56,5.52l2.136,7.536c-21.696,1.968-42.84-2.664-62.568-6.96 c-39.264-8.568-73.296-15.984-99.576,25.896l0,0c-7.104,11.352-14.856,24.84-16.656,35.16 c-2.472,14.04,3.024,23.04,25.248,18.96c13.656-2.496,22.08-9.36,29.928-15.768c8.88-7.248,16.872-13.752,32.376-9.144 c8.136,3.36,8.88,3.672,15.24,9.024c21.144,17.736,71.4,61.536,72,62.04l0,0l10.416,9.168l2.904,2.544l3.432-1.752 l20.88-10.608l1.272,4.488l5.472-1.56l45.096-12.768l5.496-1.56L429.02,254.424L429.02,254.424z M350.636,269.976l-7.512-6.6 H343.1c-0.144-0.12-51.624-45-72.192-62.232c-7.704-6.456-8.568-6.816-18.36-10.872l-0.24-0.096l-0.528-0.192 c-21.36-6.456-31.608,1.92-42.984,11.208c-6.768,5.52-13.992,11.424-24.768,13.392c-10.08,1.848-12.768-1.032-11.928-5.784 c1.488-8.472,8.544-20.664,15.048-31.056v-0.024c21.96-35.064,52.392-28.44,87.48-20.784 c21.192,4.608,43.944,9.576,68.16,6.936l27.264,96.24L350.636,269.976L350.636,269.976z M382.364,261.696L350.06,147.625 l34.2-9.384l32.232,113.784L382.364,261.696z"/></g><g><path style="fill-rule:evenodd;clip-rule:evenodd;fill:%231290a7;" d="M155.013,145.2l-2.28,8.016 c10.224,0.216,29.592,0.048,45.72-3.6l2.496,11.136c-18.96,4.296-41.808,4.104-51.408,3.792l-25.488,89.976 c9.672,3.048,27.888,10.968,29.352,27.72l-11.4,0.984c-0.888-10.152-13.728-15.504-21.072-17.76l-1.368,4.824l-1.56,5.496 l-5.472-1.56l-45.096-12.768l-5.496-1.56l1.56-5.472l35.328-124.704l1.536-5.448l5.448,1.488l45.216,12.408l5.568,1.536 L155.013,145.2L155.013,145.2L155.013,145.2z M110.157,261.696l32.304-114.072l-34.2-9.384L76.029,252.024L110.157,261.696z"/></g><g><path style="fill-rule:evenodd;clip-rule:evenodd;fill:%231290a7;" d="M240.764,336.672L240.764,336.672 c-1.104-0.816-2.448-1.08-3.744-0.888s-2.496,0.864-3.312,1.944l-8.832,11.976h0.024c-0.816,1.104-1.104,2.472-0.912,3.744 c0.192,1.272,0.864,2.472,1.944,3.288l0.168,0.144c1.056,0.72,2.352,0.96,3.576,0.768c1.296-0.192,2.496-0.864,3.312-1.944 l8.856-12c0.816-1.104,1.08-2.448,0.888-3.744C242.516,338.688,241.844,337.488,240.764,336.672L240.764,336.672 L240.764,336.672z M176.421,266.28c4.224,3.12,6.816,7.68,7.536,12.504c0.312,2.064,0.288,4.176-0.096,6.24 c1.896-0.96,3.936-1.608,6.024-1.92c5.016-0.744,10.296,0.384,14.688,3.624v0.024c4.416,3.24,7.08,7.968,7.824,12.984 c0.312,1.992,0.288,4.032-0.024,6.048c0.6-0.144,1.176-0.264,1.776-0.36c4.536-0.672,9.336,0.36,13.296,3.288l0.288,0.24 c3.816,2.928,6.144,7.128,6.816,11.52c0.216,1.368,0.264,2.76,0.144,4.152c0.216-0.048,0.408-0.072,0.624-0.096 c4.128-0.624,8.544,0.336,12.192,3.024l0,0c3.672,2.712,5.88,6.624,6.504,10.776c0.624,4.128-0.336,8.544-3.048,12.192 l-8.856,12c-2.712,3.672-6.624,5.88-10.776,6.504c-4.128,0.624-8.52-0.336-12.192-3.024v0.024 c-3.648-2.688-5.88-6.624-6.504-10.8c-0.072-0.48-0.12-0.96-0.144-1.44c-1.008,0.336-2.04,0.6-3.072,0.744 c-4.512,0.672-9.312-0.36-13.296-3.312l0,0c-3.984-2.952-6.408-7.224-7.08-11.736c-0.144-0.912-0.216-1.824-0.192-2.76 c-1.512,0.624-3.072,1.08-4.68,1.32c-5.016,0.744-10.296-0.384-14.688-3.624l0,0c-4.392-3.24-7.08-7.992-7.824-13.008 c-0.384-2.472-0.288-5.016,0.312-7.488c-1.584,0.72-3.264,1.2-4.968,1.464c-4.824,0.72-9.912-0.384-14.136-3.48 c-4.224-3.12-6.816-7.68-7.536-12.504s0.384-9.912,3.48-14.136h0.024l10.992-14.904c3.12-4.248,7.68-6.816,12.48-7.536 C167.085,262.056,172.173,263.16,176.421,266.28L176.421,266.28L176.421,266.28L176.421,266.28z M172.653,280.464 c-0.288-1.944-1.32-3.768-2.976-4.992v-0.024c-1.68-1.224-3.72-1.656-5.688-1.368c-1.968,0.288-3.792,1.32-5.016,2.976 l-10.992,14.88h0.024c-1.248,1.68-1.68,3.744-1.392,5.688c0.288,1.944,1.32,3.768,2.976,4.992 c1.68,1.248,3.744,1.68,5.688,1.392s3.768-1.32,4.992-2.976l0.024,0l10.992-14.88h-0.024 C172.485,284.472,172.941,282.408,172.653,280.464L172.653,280.464L172.653,280.464z M201.092,301.416 c-0.312-2.136-1.44-4.152-3.264-5.496v0.024c-1.848-1.368-4.104-1.848-6.24-1.536c-2.16,0.336-4.152,1.44-5.52,3.264 l-11.616,15.744c-1.344,1.848-1.824,4.104-1.512,6.24c0.312,2.136,1.44,4.128,3.264,5.496l0,0 c1.848,1.368,4.104,1.848,6.24,1.536c2.16-0.312,4.152-1.44,5.52-3.264l0,0l11.616-15.744 C200.948,305.832,201.428,303.576,201.092,301.416L201.092,301.416L201.092,301.416z M223.244,322.152 c-0.24-1.68-1.104-3.24-2.52-4.272v0.024c-1.44-1.056-3.192-1.44-4.848-1.176c-1.656,0.24-3.216,1.104-4.248,2.544l-0.192,0.24 l-9.888,13.416v0.024c-1.056,1.416-1.416,3.168-1.152,4.824c0.264,1.68,1.128,3.24,2.544,4.272l0,0 c1.416,1.056,3.168,1.416,4.848,1.152c1.68-0.264,3.24-1.128,4.272-2.544L222.141,327 C223.124,325.584,223.508,323.832,223.244,322.152z"/></g></g></g></g></g></svg>');
    content: '';
    height: 36px;
    width: 37px;
}

.mega-menu.mega-menu-ex .mega-div .tab-content { /* max-height:475px;overflow-x:hidden;overflow-y:scroll;*/
}

.language-select {
    border: 2px solid #fff;
    background: #000;
    color: #fff;
    border-radius: 50px;
    padding: 2px 9px;
}

.dropdown.dropdown-btn {
    display: flex;
    align-items: center;
}

    .dropdown.dropdown-btn > button {
        padding: 12px 14px;
        background: #1290a7c4 !important;
        color: #fff !important;
        /*border-radius: 35px;*/
        border: 0 !important;
    }

    .dropdown.dropdown-btn > ul {
        padding: 10px 0;
        margin: 15px 0 0 0 !important;
        box-shadow: 0 0 20px rgb(0 0 0 / 10%);
        border-radius: 10px;
        border: 0;
    }

        .dropdown.dropdown-btn > ul a {
            padding: 10px 16px;
            font-size: 15px;
            text-transform: none;
            font-weight: 400;
            color: #525252;
            display: flex;
            align-items: center;
            justify-content: space-between;
            white-space: nowrap;
            transition: .3s;
            position: relative;
        }

            .dropdown.dropdown-btn > ul a:before {
                content: '';
                position: absolute;
                height: 1px;
                bottom: 0;
                background: rgb(227 227 227 / 64%);
                right: 15px;
                left: 15px;
            }

        .dropdown.dropdown-btn > ul > li:last-child a:before {
            content: none;
        }

        .dropdown.dropdown-btn > ul a:hover {
            color: #525252;
            background: #f1f1f1;
        }

.text-art {
}

    .text-art > div {
        display: flex;
        margin: 0 0 24px 0;
    }

        .text-art > div > a {
            box-shadow: 0 4px 12px 0 rgba(0,0,0,.08);
            padding: 25px;
            border-radius: 5px;
            position: relative;
            width: 100%;
        }

            .text-art > div > a:before {
                content: "\f2c6";
                display: inline-block;
                font-family: bootstrap-icons !important;
                font-style: normal;
                font-weight: 400 !important;
                font-variant: normal;
                text-transform: none;
                line-height: 1;
                vertical-align: -.125em;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
                position: absolute;
                top: 25px;
                left: 0;
                font-size: 35px;
                right: 0;
            }






            .text-art > div > a:hover {
                text-decoration: underline;
                color: #525252 !important;
            }

            .text-art > div > a > h4 {
                color: #525252;
                font-size: 17px;
                margin: 55px 0 10px 0;
                line-height: 30px;
                position: relative;
            }

            .text-art > div > a > p {
                font-size: 15px;
                margin: 0 0 15px 0;
            }

.new-blogs.cs-main h2 {
    font-size: 35px;
    display: block;
}

.cs-detail .new-blogs > div > a > h2, .cs-detail .new-blogs > div > div > h2 {
    font-size: 35px;
    display: block;
}

.cs-card a {
    display: inline-block;
    padding: 10px 41px 10px 18px;
    position: relative;
    transition: .3s ease-in-out;
    color: #1290a7;
    border: 2px solid #1290a7;
    font-weight: 600;
    cursor: pointer;
}

    .cs-card a:before {
        content: '\f134';
        position: absolute;
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 400 !important;
        font-variant: normal;
        text-transform: none;
        left: 109px;
        font-size: 18px;
        top: 10px;
        transition: .3s ease-in-out;
    }

    .cs-card a:hover {
        background: #1290a7;
        color: #fff;
    }

        .cs-card a:hover:before {
            color: #fff;
        }

.cs-card .circle-layer-one, .cs-card .circle-layer-two {
    background: #ebebeb26 !important;
}

.card-blog-2 {
    box-shadow: 0 0 20px rgb(94 94 94 / 10%);
    border-radius: 10px;
    background: #fff;
    padding: 30px 20px 20px 20px;
    position: relative;
    z-index: 1;
}

.cs-card p {
    margin: 0;
    margin-bottom: 15px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    min-height: 112px;
}

.services-main-body.services-main-body-full > div:before {
    left: 0;
}

.why-choose-points > li > div > h4 a, .why-choose-points > li > div > h3 a {
    color: #1290a7;
}

    .why-choose-points > li > div > h4 a:hover, .why-choose-points > li > div > h3 a:hover {
        text-decoration: underline;
        cursor: pointer;
    }

    .why-choose-points > li > div > h4 a i, .why-choose-points > li > div > h3 a i {
        color: #0ea2bd;
    }

.col-lg-6.video-box {
    position: relative;
}

    .col-lg-6.video-box:before {
        content: '';
        background-image: url(https://www.ishorebusinesssolutions.com/images/main-images/object-2.svg);
        position: absolute;
        top: 75px;
        left: -140px;
        width: 200px;
        height: 62px;
        background-size: 200px;
        transform: rotate(90deg);
    }

    .col-lg-6.video-box img:after {
        content: '';
    }

.section.bg-svg {
    background-image: url('https://www.ishorebusinesssolutions.com/images/main-images/feature-2-bg.svg');
    position: relative;
    background-repeat: no-repeat;
    background-position: center left;
}

.faq.faq-new .accordion-item {
    margin: 0 0 20px 0;
    border-radius: 30px !important;
    border: 1px solid #e2e8fa;
    box-shadow: 0px 10px 30px rgba(8,14,28,0.06);
}

    .faq.faq-new .accordion-item button {
        padding-left: 23px
    }

    .faq.faq-new .accordion-item .accordion-collapse {
        padding-top: 20px;
        border-top: 1px solid #ddd;
    }

.blogs-new.blogs-new-2 {
    box-shadow: none !important;
}

.tag-faq.tag-faq-new ul {
    margin: 0 -5px;
}

.tag-faq.tag-faq-new li {
    display: block;
    padding: 0 5px;
    margin: 0 0 10px;
}

.tag-faq.tag-faq-new h5 {
    border-radius: 5px;
    background: #f5f5f5;
    padding: 6px 10px;
    font-size: 14px;
    border: 1px solid #cdcdcd;
    border-radius: 25px;
}

.header-top-blog-new > ul {
    padding: 0;
    color: #525252;
    list-style: none;
    align-items: center;
    margin: 0 0 20px 0;
    display: flex;
}

    .header-top-blog-new > ul > li > span {
        line-height: 22px;
        font-weight: 500;
        font-size: 20px;
    }

    .header-top-blog-new > ul > li > a {
        line-height: 22px;
        color: #525252;
        display: inline-block;
        padding: 0 7px;
    }

.popular-posts {
}

    .popular-posts > ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .popular-posts > ul > li {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .popular-posts > ul > li > a {
                display: block;
                color: #1290a7;
                font-size: 16px;
                padding: 10px 10px 10px 15px;
                font-weight: 500;
                background: #f1f1f18c;
                margin: 0 0 15px 0;
                border-radius: 6px;
                position: relative;
                line-height: 28px;
                text-transform: capitalize;
            }

                .popular-posts > ul > li > a:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    bottom: 0;
                    width: 3px;
                    background: rgb(18 144 167);
                    border-top-left-radius: 6px;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                    border-bottom-left-radius: 6px;
                }

.blog-latest-d {
    position: relative;
}

    .blog-latest-d strong, .blog-latest-d b {
        font-weight: 600;
        font-size:18px;
    }

    .blog-latest-d > img {
        width: 100%;
        margin: 0 0 20px 0;
        box-shadow: 0 0 20px rgb(94 94 94 / 20%);
        border-radius: 0.375rem;
    }

    .blog-latest-d > h2 {
        position: relative;
        font-size: 25px;
        font-weight: 800;
        text-transform: capitalize;
        margin: 0 0 20px;
        line-height: 45px;
        color: #1290a7;
    }

        .blog-latest-d > h2.main {
            font-size: 40px;
            font-weight: 800;
            color: rgb(18 144 167);
            line-height: 65px;
        }

    .blog-latest-d > h3 {
        position: relative;
        font-size: 22px;
        font-weight: 600;
        text-transform: capitalize;
        margin: 0 0 10px 0;
        line-height: 35px;
    }

    .blog-latest-d > h5 {
        color: #525252;
        line-height: 30px;
        margin: 0 0 15px;
        opacity: .6;
        font-weight: 500;
        font-size: 14px;
    }

        .blog-latest-d > h5 > i {
            display: inline-block;
            margin: 0 4px 0 0;
        }

        .blog-latest-d > h5 > span {
            display: inline-block;
            margin: 0 0px 0 0;
        }

    .blog-latest-d ol, .blog-latest-d ul, .blog-latest-d ul, .blog-latest-d ol {
        padding: 0;
        color: #525252;
        list-style: none;
    }

        .blog-latest-d ol > li, .blog-latest-d ul > li, .blog-latest-d ul > li, .blog-latest-d ol > li {
            margin: 0 0 15px;
            position: relative;
            font-size: 15px;
            color: #525252;
            font-weight: 400;
            line-height: 28px;
            padding: 0 0 0 30px;
        }

            .blog-latest-d ol > li:before, .blog-latest-d ul > li:before, .blog-latest-d ul > li:before, .blog-latest-d ol > li:before {
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 24.5 20'%3E%3Ccircle cx='6.5' cy='10.5' r='6.5' fill='%23fdd039'/%3E%3Cpath fill='%2338cbdd' d='M14.5,0C12.1,0,10,0.8,8.3,2.2c3.8,0.8,6.9,4.2,6.9,8.3c0,3.7-2.6,6.9-5.9,8c1.5,0.9,3.3,1.5,5.2,1.5c5.5,0,10-4.5,10-10S20,0,14.5,0z'/%3E%3C/svg%3E");
                background-repeat: no-repeat no-repeat;
                background-position: center center;
                width: 24px;
                height: 25px;
                background-size: 19px;
                content: '';
                bottom: 0;
                position: absolute;
                right: 0;
                left: 0;
                top: 2px;
            }

.card-blog {
    background: #fff;
    padding: 25px; /*box-shadow:0 0 20px rgb(94 94 94 / 10%);*/
    position: relative;
    margin: 0 0 20px;
}

    .card-blog:before {
        background-image: url('https://www.ishorebusinesssolutions.com/images/main-images/group413.svg');
        content: '';
        position: absolute;
        width: 198px;
        height: 147px;
        right: -84px;
        top: -73px;
        z-index: 0
    }

    .card-blog:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #ffffff;
        z-index: 0;
    }

    .card-blog > div {
        z-index: 1;
        position: relative;
    }

.blogs-new {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

    .blogs-new > div {
        position: relative;
        padding: 0 8px;
        margin: 0 0 16px 0;
    }

        .blogs-new > div > div { /* padding:0 20px 25px 20px;*/ /* box-shadow:0 0 20px rgb(94 94 94 / 10%);*/
            overflow: hidden; /* border:1px solid #ddd;*/
        }

            .blogs-new > div > div > h3 {
                position: relative;
                min-height: 136px;
                display: flex;
                align-items: center;
                margin: 0;
                padding: 10px 0 10px 0;
                padding: 10px 20px 10px 20px;
            }

                .blogs-new > div > div > h3 span {
                    font-weight: 600;
                    font-size: 17px;
                    padding: 6px 0 8px 0;
                    line-height: 34px;
                    text-transform: capitalize;
                    position: relative;
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 3;
                    color: #1290a7;
                }

                .blogs-new > div > div > h3:before {
                    content: '';
                    right: 0px;
                    position: absolute;
                    left: 0;
                    top: 0px;
                    bottom: 0;
                    width: 3px;
                    background: rgb(18 144 167);
                    border-top-left-radius: 6px;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                    border-bottom-left-radius: 6px;
                }

                .blogs-new > div > div > h3:after {
                    content: '';
                    right: 0px;
                    position: absolute;
                    left: -20px;
                    top: 0;
                    bottom: 0;
                    right: -20px;
                    background: #f1f1f18c;
                    border-top-left-radius: 6px;
                    border-top-right-radius: 0;
                    border-bottom-right-radius: 0;
                    border-bottom-left-radius: 6px;
                    z-index: -1;
                }

            .blogs-new > div > div > div {
                padding: 20px 20px 20px 20px;
                border: 1px solid #ddd;
                border-top: 0;
            }

                .blogs-new > div > div > div > h5 {
                    color: #525252;
                    line-height: 30px;
                    margin: 0 0 15px;
                    opacity: .6;
                    font-weight: 500;
                    font-size: 14px;
                }

                    .blogs-new > div > div > div > h5 i {
                        display: inline-block;
                        margin: 0 4px 0 0;
                    }

                    .blogs-new > div > div > div > h5 span {
                        display: inline-block;
                        margin: 0 10px 0 0;
                    }

                .blogs-new > div > div > div > p {
                    font-size: 15px;
                    margin-bottom: 20px;
                    display: -webkit-box;
                    overflow: hidden;
                    -webkit-box-orient: vertical;
                    text-overflow: ellipsis;
                    -webkit-line-clamp: 4;
                    min-height: 112px;
                }

                .blogs-new > div > div > div > a {
                    display: inline-block; /* border-radius:4px;*/
                    padding: 10px 41px 10px 18px;
                    color: #fff;
                    position: relative;
                    transition: .3s ease-in-out;
                    background: #ffffff;
                    color: #1290a7;
                    border: 2px solid #1290a7;
                    font-weight: 600;
                }

                    .blogs-new > div > div > div > a:hover {
                        background: #1290a7;
                        color: #fff;
                    }

                    .blogs-new > div > div > div > a:before {
                        content: '\f134';
                        position: absolute;
                        display: inline-block;
                        font-family: bootstrap-icons !important;
                        font-style: normal;
                        font-weight: 400 !important;
                        font-variant: normal;
                        text-transform: none;
                        left: 109px;
                        font-size: 18px;
                        top: 8px;
                        transition: .3s ease-in-out;
                    }

.ul-default.li-check > li {
    position: relative;
    padding: 0 0 0 20px;
}

    .ul-default.li-check > li:before {
        content: "\f269";
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 400 !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -0.125em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 0;
        top: 5px;
        font-size: 17px;
        color: #1290a7;
    }

.ul-h5-p > li > h5 {
    margin: 0;
    color: #525252;
    font-weight: 600;
    line-height: 28px;
    font-size: 15px;
}

.ul-default, .ul-default > li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.clr-st {
    color: #1290a7 !important;
}

.services-main-body .back-btn.newback-btn {
    background: transparent;
    color: #1290a7;
    box-shadow: none;
    text-decoration: underline;
    padding-right: 0;
    width: auto;
    cursor: pointer;
    right: 10px;
}

.categories-head {
    font-size: 26px;
    font-weight: 800;
    margin: 0 0 15px;
    padding: 0;
    font-family: Montserrat;
    line-height: 45px;
}

.offer-tiles {
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    margin: 0 0 20px 0;
    border-radius: 4px;
    box-shadow: rgb(50 50 93 / 5%) 0 -4px 12px -2px,rgba(0,0,0,0.3) 0px 3px 7px -3px;
    background: #fbfbfb;
    background: #f5f5f5;
    box-shadow: none;
    border: 1px solid #e5e5e5;
}

    .offer-tiles > div {
    }

        .offer-tiles > div:nth-child(1) {
            width: var(--offer_img_width);
        }

            .offer-tiles > div:nth-child(1) img {
                border-radius: 4px;
            }

        .offer-tiles > div:nth-child(2) {
            width: calc(100% - var(--offer_img_width));
            padding: 0 0 0 20px;
        }

            .offer-tiles > div:nth-child(2) h3 {
                font-weight: 600;
                font-size: 22px;
                margin-bottom: 15px;
            }

            .offer-tiles > div:nth-child(2) h6 {
                color: #108399;
                font-weight: 600;
            }

            .offer-tiles > div:nth-child(2) p {
                padding: 0;
            }

    .offer-tiles.offer-tiles-detail {
        padding: 12px !important;
        margin: 0 0 20px 0 !important;
        border-radius: 4px !important;
        background: #f7f7f7;
        box-shadow: none;
        border: 1px solid #e5e5e5;
    }

        .offer-tiles.offer-tiles-detail > div {
        }

            .offer-tiles.offer-tiles-detail > div:nth-child(1) {
                width: var(--offer_img_width2);
            }

                .offer-tiles.offer-tiles-detail > div:nth-child(1) img {
                }

            .offer-tiles.offer-tiles-detail > div:nth-child(2) {
                width: calc(100% - var(--offer_img_width2));
                padding: 0 0 0 12px;
            }

                .offer-tiles.offer-tiles-detail > div:nth-child(2) h3 {
                    font-size: 20px;
                    line-height: 30px;
                    margin: 0;
                }

                .offer-tiles.offer-tiles-detail > div:nth-child(2) h6 {
                }

        .offer-tiles.offer-tiles-detail a {
            padding: 5px 3px;
            min-width: 170px;
            box-shadow: none;
        }

        .offer-tiles.offer-tiles-detail > p {
            margin: 10px 0 5px 0;
        }

.mobile-header ul.left li i {
    font-size: 18px;
}



.mega-menu.mega-menu-ex > ul > li .list-style-dot {
    display: flex !important;
    flex-wrap: wrap;
    align-items: start;
    padding-left: 10px !important
}

.mega-menu.mega-menu-ex > ul > li .list-menu > li {
    width: 33.3333%;
    display: flex;
    align-items: start;
    justify-content: start;
}



    .mega-menu.mega-menu-ex > ul > li .list-menu > li a {
        padding: 15px 15px 15px 42px;
        font-size: 15px;
        text-wrap: wrap;
        font-weight: 500;
        display: block;
        width: 100%;
    }

        .mega-menu.mega-menu-ex > ul > li .list-menu > li a > p {
            margin: 0;
            font-size: 14px;
            margin: 3px 0 0 0;
        }

.mega-menu.mega-menu-ex .mega-div > div:nth-child(1):before {
    border-radius: 0 !important;
}

.mega-menu .mega-div .tab-content ul > li > h4 > a {
    padding: 0;
    font-weight: 600;
    color: #525252;
    line-height: 30px;
    font-size: 15px;
    background: #fff;
    display: block;
    color: #1290a7 !important;
}

    .mega-menu .mega-div .tab-content ul > li > h4 > a > i {
        font-size: 15px;
        margin: 0;
    }

.btn-default {
    min-width: 222px;
    text-align: center;
    justify-content: center;
}

.mega-menu {
    position: initial !important;
}

    .mega-menu > ul {
        left: 0 !important;
        right: 0 !important;
    }

        .mega-menu > ul > li {
            padding: 0;
        }

    .mega-menu .mega-div {
        position: relative;
        display: inline-block;
        flex-wrap: wrap;
    }

        .mega-menu .mega-div > div:nth-child(1) {
            position: relative;
        }

            .mega-menu .mega-div > div:nth-child(1) > ul {
                opacity: 1;
                position: relative;
                top: 0;
                padding: 0;
                background: transparent;
                padding: 0 10px 0 0 !important;
            }



                .mega-menu .mega-div > div:nth-child(1) > ul > li:last-child > a {
                    border-bottom: none;
                }

                .mega-menu .mega-div > div:nth-child(1) > ul > li > a:hover, .mega-menu .mega-div > div:nth-child(1) > ul > li > a:active {
                    background: #f1f1f1;
                }

        .mega-menu .mega-div > div:nth-child(2) {
            width: calc(100% - var(--megamenu_width));
        }

        .mega-menu .mega-div .tab-content {
            padding: 0px 0 0 30px;
        }

        .mega-menu .mega-div .tab-pane {
            background: #fff !important;
        }

        .mega-menu .mega-div ul {
            display: block !important;
            position: relative !important;
            top: 0 !important;
            opacity: 1 !important; /*visibility:visible!important;*/
            box-shadow: none !important;
            padding: 0 !important;
        }

        .mega-menu .mega-div .tab-content ul > li {
            margin: 0;
        }

            .mega-menu .mega-div .tab-content ul > li:last-child a:after {
                content: none;
            }

            .mega-menu .mega-div .tab-content ul > li > a, .mega-menu .mega-div .tab-content ul > li > h4 {
                background: #fff0 !important;
                border-radius: 5px;
                padding: 8px 0;
            }

                .mega-menu .mega-div .tab-content ul > li > a:hover {
                    text-decoration: none !important;
                    background: #f1f1f1 !important;
                }

        .mega-menu .mega-div ul > li > a:before {
            display: none;
        }

.insights-new.insights-new-3 > div > div {
    width: 33.3333%;
    padding: 0px 10px;
}

.case-study-new {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .case-study-new > div {
        display: flex;
        width: 25%;
        min-width: 25%;
        background-size: cover,cover;
        background-position: center center;
        position: relative;
        padding: 70px 40px;
    }

        .case-study-new > div:nth-child(1) {
            background-image: url('../images/main-images/cs-Real-Estate.jpg');
        }

        .case-study-new > div:nth-child(2) {
            background-image: url('../images/main-images/cs-BFSI.jpg');
        }

        .case-study-new > div:nth-child(3) {
            background-image: url('../images/main-images/cs-Staffing-and-recruiting.jpg');
        }

        .case-study-new > div:nth-child(4) {
            background-image: url('../images/main-images/cs-Healthcare.jpg');
        }

        .case-study-new > div:nth-child(5) {
            background-image: url('../images/main-images/cs-Tour-and-travel.jpg');
        }

        .case-study-new > div:nth-child(6) {
            background-image: url('../images/main-images/cs-manufacturing.jpg');
        }

        .case-study-new > div:nth-child(7) {
            background-image: url('../images/main-images/cs-Logistic-and-transpiration.jpg');
        }

        .case-study-new > div:nth-child(8) {
            background-image: url('../images/main-images/cs-Retail.jpg');
        }

        .case-study-new > div:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            background: #000000cf;
            z-index: 0;
        }

        .case-study-new > div > div {
            position: relative;
            z-index: 1;
        }

            .case-study-new > div > div > h4 {
                color: #fff;
                font-size: 22px;
                margin-bottom: 15px;
                text-transform: uppercase;
            }

            .case-study-new > div > div > p {
                color: #fff;
                margin: 0 0 20px 0;
            }

            .case-study-new > div > div > a {
                display: inline-block;
                border-radius: 28px;
                padding: 10px 15px 10px 0;
                color: #fff;
                position: relative;
                transition: .3s ease-in-out;
            }

                .case-study-new > div > div > a:hover:before {
                    left: 100px;
                }

                .case-study-new > div > div > a:before {
                    content: '\f134';
                    position: absolute;
                    display: inline-block;
                    font-family: bootstrap-icons !important;
                    font-style: normal;
                    font-weight: 400 !important;
                    font-variant: normal;
                    text-transform: none;
                    left: 93px;
                    font-size: 18px;
                    top: 9px;
                    transition: .3s ease-in-out;
                }

.industries-menu {
    position: relative;
    visibility: visible;
    opacity: 1;
    display: block;
    box-shadow: none;
    padding: 0;
    margin: 0;
    background: transparent;
}

    .industries-menu > li {
        list-style: none;
    }

        .industries-menu > li > a {
            padding: 10px 0 10px 30px;
            font-size: 15px;
            text-transform: none;
            font-weight: 400;
            position: relative;
            visibility: visible;
            opacity: 1;
            display: block;
            color: #000;
            transition: .3s ease-in-out;
            text-align: left; /* background:#f2f2f252;*/
            margin: 0 0 10px 0;
            border-radius: 5px; /* border:1px solid #ddd;*/ /* border-bottom:1px solid #1290a7;*/
            box-shadow: rgba(99,99,99,0.2) 0px 2px 8px 0px;
            box-shadow: rgba(50,50,93,0.25) 0px 2px 5px -1px,rgba(0,0,0,0.3) 0px 1px 3px -1px;
        }

            .industries-menu > li > a:before {
                content: '\f280';
                position: absolute;
                display: inline-block;
                font-family: bootstrap-icons !important;
                font-style: normal;
                font-weight: 400 !important;
                font-variant: normal;
                text-transform: none;
                left: 10px;
                font-size: 12px;
                top: 12px;
            }

            .industries-menu > li > a:hover {
                color: #1290a7;
                font-weight: 500;
            }

.navbar.aside-menu-body > ul > li > a.active {
    background: #1290a7;
}

.footer-content > .container > .row > div:nth-child(2), .footer-content > .container > .row > div:nth-child(3) {
    margin-top: 60px;
}

.footer-newsletter p {
    color: #525252;
}

.ft-logo > img {
    width: auto;
    margin: 0 0 15px 0;
}

.ft-logo > p {
    text-align: justify;
}

.slider-area {
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
    height: 100vh;
    background-image: linear-gradient(237deg,#1290a7 0,#1fa3bb 100%);
    overflow: hidden;
    padding: 82px 0 0 0;
}

.creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left > .creative-carousel-left-full:before, .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left > .creative-carousel-left-full > h1:after, .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left > .creative-carousel-left-full > h1:before {
    content: ''
}

.creative-carousel {
    width: 100%;
}

    .creative-carousel > .creative-carousel-inner {
        display: flex;
        position: relative;
    }

        .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left {
            width: 60%;
            position: relative;
            padding: 0;
            align-items: center;
            display: flex
        }

            .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left > .creative-carousel-left-full {
                width: 100%;
                position: relative;
                padding: 0 15px 0 30px;
            }

                .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left > .creative-carousel-left-full > h1 {
                    font-size: 40px;
                    font-weight: 500;
                    color: #fff;
                    margin: 0 0 40px;
                    text-transform: initial;
                    line-height: 60px;
                    position: relative;
                    font-family: 'Playfair Display',serif !important
                }

                .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left > .creative-carousel-left-full > p {
                    font-size: 15px;
                    font-family: montserrat !important;
                    color: #fff;
                    margin: 0 0 30px;
                    line-height: 25px
                }

        .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-right {
            width: 50%;
            display: block;
            position: relative
        }

            .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-right > .creative-carousel-inner-right-full {
                width: 100%;
                display: block;
                position: relative;
                margin-bottom: 0
            }

              .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-right > .creative-carousel-inner-right-full > img {
                width: 100%;
                height: auto;
                /* border: 16px solid #fff; */
                /* border-radius: 50px; */
                /* padding: 30px 20px; */
            }

    .creative-carousel .circle-layer-five:before, .creative-carousel .circle-layer-four:before, .creative-carousel .circle-layer-one:before, .creative-carousel .circle-layer-six:before, .creative-carousel .circle-layer-three:before, .creative-carousel .circle-layer-two:before {
        display: none
    }

.slider-area-services .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left > .creative-carousel-left-full > h1 {
    margin-bottom: 20px;
    margin-top: 0;
    font-weight: 700
}

.creative-carousel .circle-layer-five, .creative-carousel .circle-layer-four, .creative-carousel .circle-layer-one, .creative-carousel .circle-layer-six, .creative-carousel .circle-layer-three, .creative-carousel .circle-layer-two, .icon i {
    z-index: 1
}

.creative-carousel .circle-layer-four, .creative-carousel .circle-layer-one, .creative-carousel > .circle-layer-five, .creative-carousel > .circle-layer-six, .creative-carousel > .circle-layer-three, .creative-carousel > .circle-layer-two {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255,255,255,.08)
}

.creative-carousel .circle-layer-one {
    right: -300px;
    top: -300px;
    width: 600px;
    height: 600px
}

.creative-carousel > .circle-layer-two {
    right: -500px;
    top: -500px;
    width: 1000px;
    height: 1000px
}

.creative-carousel > .circle-layer-three {
    display: none;
    right: -700px;
    top: -700px;
    width: 1400px;
    height: 1400px
}

.creative-carousel .circle-layer-four {
    left: -300px;
    bottom: -300px;
    width: 600px;
    height: 600px
}

.creative-carousel > .circle-layer-five {
    left: -500px;
    bottom: -500px;
    width: 1000px;
    height: 1000px
}

.creative-carousel > .circle-layer-six {
    display: none;
    left: -700px;
    bottom: -700px;
    width: 1400px;
    height: 1400px
}

.cursor-pointer {
    cursor: pointer;
}

body div .btn-fade {
    background: #e7e7e7 !important;
    color: #525252 !important;
}

    body div .btn-fade:hover {
        background: #d5d5d5 !important;
        color: #525252 !important;
    }

.head-tag {
    font-weight: 600;
    font-size: 16px;
}

.faq.rq-accod.rq-accod-all {
    padding: 0;
}

    .faq.rq-accod.rq-accod-all .list-style-default > li {
        width: 100%;
    }

        .faq.rq-accod.rq-accod-all .list-style-default > li > ul {
            position: relative;
            list-style: none;
            padding: 15px;
            margin: 10px 0; /* background:#f9f9f982;*/ /* border:1px solid #dddddd8c;*/
            border-radius: 10px;
            box-shadow: rgba(99,99,99,0.2) 0px 2px 8px 0px !important;
        }

            .faq.rq-accod.rq-accod-all .list-style-default > li > ul > li {
                position: relative;
                list-style: none;
                padding: 0;
                margin: 0;
            }

                .faq.rq-accod.rq-accod-all .list-style-default > li > ul > li > a {
                    position: relative;
                    padding: 0 0 0 20px;
                    margin: 0;
                }

                    .faq.rq-accod.rq-accod-all .list-style-default > li > ul > li > a:before {
                        content: '';
                        position: absolute;
                        left: 0;
                        top: 0;
                        bottom: 0;
                        margin: auto;
                        height: 2px;
                        width: 10px;
                        background: #c5c5c5;
                    }

                    .faq.rq-accod.rq-accod-all .list-style-default > li > ul > li > a:after {
                        content: '';
                    }

.card-new {
    margin: 0 0 20px;
    border-radius: 10px;
    box-shadow: 0 0 20px rgb(94 94 94 / 10%);
    position: relative;
}

    .card-new > div {
        background: #fff;
        border-radius: 10px;
        padding: 25px;
        position: relative;
    }

    .card-new:before {
        background-image: url(https://www.ishorebusinesssolutions.com/images/main-images/group413.svg);
        content: '';
        position: absolute;
        width: 198px;
        height: 147px;
        right: -84px;
        top: -73px;
        z-index: 0;
    }

.header.fixedd {
    top: 0;
    position: fixed;
}

.header-top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 997;
    border-radius: 3px;
    background: #000;
}

    .header-top ul.right {
        text-align: right;
    }

    .header-top ul, .mobile-header ul.left {
        display: inline-block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
    }

.mobile-header ul.left {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f7f7f7;
    padding: 6px 0 4px 0;
    margin: 10px 0 0 0;
}

    .header-top ul li, .mobile-header ul.left li {
        display: inline-block;
        margin: 0 10px;
    }

        .header-top ul li a, .header-top ul li span {
            color: #fff;
            line-height: 44px;
        }

        .mobile-header ul.left li a, .mobile-header ul.left li span {
            color: #552552;
            line-height: 44px;
            padding: 0 !important;
            display: inline-block;
            text-align: center;
        }

            .mobile-header ul.left li a:before {
                content: none !important;
            }

            .header-top ul li a img, .mobile-header ul.left li a img {
                width: 17px;
                height: 17px;
            }

            .mobile-header ul.left li a img {
                -webkit-filter: grayscale(1) invert(1);
                filter: grayscale(1) invert(1);
                margin: 0 0 4px 0;
            }

        .header-top ul li a.link {
            font-weight: 500;
            cursor: pointer;
        }

        .header-top ul li.divider, .mobile-header ul.left li.divider {
            margin: 0;
            width: 1px;
            position: relative; /* height:16px;*/
        }

            .header-top ul li.divider:before, .mobile-header ul.left li.divider:before {
                content: '';
                background: #fff;
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                top: -15px;
                height: 20px;
                opacity: 0.5;
                width: 1px;
            }

            .mobile-header ul.left li.divider:before {
                background: #525252;
                top: -11px;
            }

.header-top-blog {
    border-radius: 5px;
}

    .header-top-blog > ul {
    }

        .header-top-blog > ul > li {
            padding: 0 0px 0 15px !important;
            margin: 0 !important;
        }

            .header-top-blog > ul > li:before {
                content: none !important;
            }

            .header-top-blog > ul > li.divider:before {
                content: '' !important;
                left: 12px;
            }

.toogle-mobile-btn {
    display: none;
}

.navbar.aside-menu-body {
    position: relative;
    left: 0;
    width: 100%;
    bottom: initial;
    top: initial;
}

    .navbar.aside-menu-body > ul {
        padding: 20px 15px 20px 15px;
        display: block;
        position: relative;
        background-color: #0b3155;
        overflow: visible;
    }

        .navbar.aside-menu-body > ul > li {
            position: relative;
        }

            .navbar.aside-menu-body > ul > li > a {
                color: #fff !important;
                padding: 9px 5px 9px 18px !important;
                cursor: pointer;
                margin: 0 0 8px 0;
                border: 5px !important;
                display: block;
            }

                .navbar.aside-menu-body > ul > li > a[role="tab"]:before {
                    display: none;
                }

                .navbar.aside-menu-body > ul > li > a[role="tab"].active {
                    background: #1290a7;
                    color: #fff;
                }

            .navbar.aside-menu-body > ul > li.dropdown > a.show ~ ul {
                top: -10px;
                visibility: visible;
                z-index: 111;
                opacity: 1;
            }

            .navbar.aside-menu-body > ul > li.dropdown > a[aria-expanded="false"] ~ ul {
                top: 20px;
                visibility: hidden;
                opacity: 0;
            }

            .navbar.aside-menu-body > ul > li:last-child > a {
                margin: 0;
            }

            .navbar.aside-menu-body > ul > li:hover > ul {
                top: -10px;
                visibility: visible;
                z-index: 111;
                opacity: 1;
            }

            .navbar.aside-menu-body > ul > li > ul {
                display: block;
                position: absolute;
                top: 20px;
                left: calc(100% + 35px);
                bottom: initial;
                margin: 0;
                border: 0;
                overflow: visible;
                transition: .3s ease-in-out;
            }

                .navbar.aside-menu-body > ul > li > ul > li > a:before {
                    display: none;
                }

.subscribe-btn {
    background-color: #0d6a7a !important;
    border: 2px solid #fff;
}

.check-checkbox {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .check-checkbox > li > label {
        font-weight: 400;
        margin: 0 0 4px 0;
        cursor: pointer;
    }

#tooglemobileID.toogle-mobile.active > .navbar.aside-menu-body {
    display: block;
}

.main-head {
    position: relative;
    font-size: 40px;
    font-weight: 800;
    text-transform: capitalize;
    margin: 0 0 20px;
    line-height: 65px;
    padding: 0;
    color: rgb(18 144 167);
}


.main-sub-head {
    position: relative;
    font-size: 40px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 20px;
    line-height: 65px;
    padding: 0;
    color: rgb(18 144 167);
}



.dropdown.megamenu-50 > ul.mega-ul > li {
    min-width: 740px;
}

    .dropdown.megamenu-50 > ul.mega-ul > li > div {
        margin: 0;
    }

        .dropdown.megamenu-50 > ul.mega-ul > li > div > div {
            padding: 0;
        }

            .dropdown.megamenu-50 > ul.mega-ul > li > div > div > ul {
                position: relative;
                visibility: visible;
                opacity: 1;
                top: 0;
                box-shadow: none;
                padding: 0;
            }

                .dropdown.megamenu-50 > ul.mega-ul > li > div > div > ul > li:last-child > a:before {
                    display: none;
                }

                .dropdown.megamenu-50 > ul.mega-ul > li > div > div > ul > li > h3 {
                    font-size: 20px;
                    font-weight: 500;
                    transition: .5s;
                    line-height: 30px;
                    color: #128fa6;
                    padding: 10px 0 10px 15px;
                    border-bottom: 1px solid #ddd;
                    background: #f7f7f7;
                    margin: -10px 0 0 0;
                    position: relative;
                }

            .dropdown.megamenu-50 > ul.mega-ul > li > div > div:nth-child(1) > ul > li > h3 {
                border-top-left-radius: 10px;
            }

            .dropdown.megamenu-50 > ul.mega-ul > li > div > div:nth-child(2) > ul > li > h3 {
                border-top-right-radius: 10px;
            }

                .dropdown.megamenu-50 > ul.mega-ul > li > div > div:nth-child(2) > ul > li > h3:before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0px;
                    bottom: -2px;
                    margin: auto;
                    width: 0;
                    background: #fff;
                    z-index: 999;
                }

.icon-w {
    color: #2db742;
}

    .icon-w i {
        font-size: 18px !important;
    }

.fixed-whats-app-icon:after {
    content: ''
}

.fixed-whats-app-icon {
    position: fixed;
    bottom: 10px;
    right: 20px;
    width: 50px;
    height: 50px;
    background: #2db742;
    z-index: 9999;
    border-radius: 50%;
    -webkit-box-shadow: 0 8px 19px 2px rgb(0 0 0 / 8%)
}

    .fixed-whats-app-icon:before {
        content: '';
        background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NzguMTY1IDQ3OC4xNjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ3OC4xNjUgNDc4LjE2NSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMiIgaGVpZ2h0PSI1MTIiPjxwYXRoIGQ9Ik00NzguMTY1IDIzMi45NDZjMCAxMjguNTY3LTEwNS4wNTcgMjMyLjk2Ni0yMzQuNjc5IDIzMi45NjYtNDEuMTAyIDAtNzkuODE0LTEwLjU5OS0xMTMuNDQ1LTI4Ljk2OUwwIDQ3OC4xNjVsNDIuNDM3LTEyNS4wNGMtMjEuNDM4LTM1LjA2NS0zMy43Ny03Ni4yMDctMzMuNzctMTIwLjE1OUM4LjY2NyAxMDQuMzQgMTEzLjc2MyAwIDI0My40ODUgMGMxMjkuNjIzIDAgMjM0LjY4IDEwNC4zNCAyMzQuNjggMjMyLjk0NnpNMjQzLjQ4NSAzNy4wOThjLTEwOC44MDIgMC0xOTcuNDIyIDg3LjgwMy0xOTcuNDIyIDE5NS44NjggMCA0Mi45MTUgMTMuOTg2IDgyLjYwMyAzNy41NzYgMTE0Ljg3OWwtMjQuNTg2IDcyLjU0MiA3NS44NDktMjMuOTY4YzMxLjEyMSAyMC40ODEgNjguNDU3IDMyLjI5NiAxMDguNTgzIDMyLjI5NiAxMDguNzIzIDAgMTk3LjMyMy04Ny44NDMgMTk3LjMyMy0xOTUuOTA4IDAtMTA3Ljg4Ni04OC42LTE5NS43MDktMTk3LjMyMy0xOTUuNzA5ek0zNjEuOTMxIDI4Ni42MmMtMS4zOTUtMi4zMzEtNS4yMi0zLjc0Ni0xMC44OTgtNi44MTQtNS45MTctMi44NDktMzQuMDg5LTE2LjQ5Ny0zOS41MDgtMTguMzctNS4xNi0xLjkxMy04Ljk4Ni0yLjg0OS0xMi44MTEgMi44MjktNC4wMDUgNS42MzgtMTQuOTAzIDE4LjYyOS0xOC4yMyAyMi4zNTQtMy41NDYgMy43ODUtNi44NTQgNC4yNjQtMTIuNTUyIDEuNDM1LTUuNjE4LTIuODA5LTI0LjI2Ny04Ljg2Ni00Ni4yMDMtMjguMzkxLTE3LjA1NS0xNS4wNDItMjguNjctMzMuNzExLTMxLjk5Ny0zOS41MDgtMy40MjctNS43NTgtLjM5OC04LjgyNiAyLjQ3MS0xMS42MzUgMi42OS0yLjU5IDUuNzc4LTYuNzM0IDguNjI3LTEwLjA0MSAyLjk2OS0zLjI4NyAzLjkwNS01LjYzOCA1Ljc5OC05LjQyNCAxLjkxMy0zLjkwNS45MzYtNy4xOTItLjQ3OC0xMC4xNDEtMS40MTUtMi44NDktMTMuMDEtMzAuODgxLTE3Ljc1Mi00Mi4zMzctNC44NDEtMTEuNDE2LTkuNTQzLTkuNTIzLTEyLjg3MS05LjUyMy0zLjQ2NyAwLTcuMjEyLS40NzgtMTEuMTE3LS40NzgtMy43ODUgMC0xMC4wNDEgMS4zOTUtMTUuMzgxIDcuMTkyLTUuMiA1LjY1OC0yMC4xMjMgMTkuNDY1LTIwLjEyMyA0Ny41OTcgMCAyOC4wNTIgMjAuNjAxIDU1LjMwOCAyMy41NSA1OS4wNTMgMi44NjkgMy43ODUgMzkuNzQ3IDYzLjE5NyA5OC4zMDMgODYuMDcgNTguNDc2IDIyLjg3MiA1OC40NzYgMTUuMzIxIDY5LjExNSAxNC4zNjUgMTAuMzgtLjk1NiAzNC4wNjktMTMuODY3IDM4LjgxMS0yNy4wOTYgNC42Ni0xMy40NSA0LjY2LTI0Ljc2NiAzLjI0Ni0yNy4xMzd6IiBmaWxsPSIjRkZGIi8+PC9zdmc+) center/cover no-repeat;
        position: absolute;
        height: 25px;
        width: 25px;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto
    }

.aside-menu {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    width: 100%;
    padding: 30px 15px 30px 20px;
    margin: 0;
    list-style: none;
    background-color: #0b3155;
    box-shadow: 0 0 20px rgb(94 94 94 / 30%);
    border-radius: 5px;
}

    .aside-menu > li {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        width: 100%;
    }

        .aside-menu > li:hover ul {
            top: -20px;
            visibility: visible;
            z-index: 111;
            opacity: 1;
        }

        .aside-menu > li > a {
            text-transform: capitalize;
            display: block;
            border: 0;
            font-weight: 500;
            font-size: 15px;
            letter-spacing: 0;
            color: #fff;
            outline: 0 !important;
            padding: 9px 5px 9px 18px;
            line-height: 30px;
            position: relative;
            transition: .3s ease-in-out;
            cursor: pointer;
            background: #1c4061;
            border-radius: 5px;
            margin: 8px 0 0 0;
        }

        .aside-menu > li:first-child > a {
            margin: 0;
        }

        .aside-menu > li.arr > a:before {
            transform: scaleX(1) !important;
            visibility: visible !important;
            content: "\f280";
            display: inline-block;
            font-family: bootstrap-icons !important;
            font-style: normal;
            font-weight: 400 !important;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            vertical-align: -0.125em;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            right: 8px;
            top: 16px;
            background: transparent;
            width: auto;
            height: auto;
            bottom: inherit;
            left: inherit;
        }

        .aside-menu > li > ul {
            display: block;
            position: absolute;
            top: 20px;
            background: #fff;
            box-shadow: 0 0 20px rgb(0 0 0 / 10%);
            border-radius: 10px;
            padding: 20px 0;
            opacity: 1;
            left: calc(100% + 35px);
            width: max-content;
            visibility: hidden;
            transition: ease-in-out .3s;
            z-index: -4;
            opacity: 0;
            min-width: 250px;
        }

            .aside-menu > li > ul:before {
                content: '';
                display: block;
                width: 0;
                height: 0;
                border-top: 14px solid transparent;
                border-bottom: 14px solid transparent;
                border-left: 14px solid #ffffff;
                position: absolute;
                top: 26px;
                left: -14px;
                transform: rotate(180deg);
            }

            .aside-menu > li > ul:after {
                content: '';
                position: absolute;
                left: -35px;
                top: 20px;
                width: 36px;
                bottom: 0;
                right: 0;
                height: 47px;
            }

            .aside-menu > li > ul > li {
                list-style: none;
            }

                .aside-menu > li > ul > li > a {
                    display: flex;
                    align-items: center;
                    transition: .3s;
                    position: relative;
                    padding: 10px 16px !important;
                    font-size: 15px;
                    text-transform: none;
                    font-weight: 400;
                    color: #525252;
                    border-bottom: 1px solid #f3f3f3;
                    transition: ease-in-out .3s;
                    cursor: pointer;
                }

                    .aside-menu > li > ul > li > a:hover {
                        background: #f1f1f1;
                    }

                .aside-menu > li > ul > li:last-child > a {
                    border: 0;
                    margin: 0;
                }

.services-main-body .back-btn {
    position: absolute;
    top: 0px;
    right: 30px;
    width: 75px;
    height: 40px;
    background: #1290a7;
    color: #fff;
    font-size: 20px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-shadow: 0 0 20px rgb(56 203 221 / 22%);
}

.plan-main > nav {
    display: flex;
}

    .plan-main > nav > div {
        width: 100%;
        border: 0;
        justify-content: center;
        display: flex;
    }

        .plan-main > nav > div > button {
            display: inline-block;
            font-weight: 700;
            border-radius: 50px !important;
            padding: 12px 35px;
            position: relative;
            line-height: 30px;
            z-index: 1;
            overflow: hidden;
            user-select: none !important;
            color: #525252 !important;
            background-color: #e3e3e3 !important;
            box-shadow: 0 0 20px rgb(56 203 221 / 22%);
            border: 0 !important;
        }

            .plan-main > nav > div > button.active {
                color: #ffffff !important;
                background-color: #1290a7 !important;
            }

.new-blogs {
    display: block;
    position: relative;
    padding: 0 15px 0 0;
}

    .new-blogs > div {
        margin: 0 0 40px 0;
        background: #f7f7f7;
        padding: 30px 30px;
        overflow: hidden;
        position: relative;
    }

        .new-blogs > div:hover:before {
            right: 0px;
        }

        .new-blogs > div:before {
            content: "\f280";
            display: inline-block;
            font-family: bootstrap-icons !important;
            font-style: normal;
            font-weight: 400 !important;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            vertical-align: -0.125em;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            position: absolute;
            right: -100px;
            top: -640px;
            font-size: 1700px;
            color: #f1f1f1;
            transition: ease-in-out .5s;
            z-index: 0;
        }

        .new-blogs > div > a, .new-blogs > div > div {
            z-index: 1;
            position: relative;
            transition: ease-in-out .5s;
            color: rgb(18 144 167);
        }

        .new-blogs > div:hover a {
            color: #1ec3e0;
        }

        .new-blogs > div > a > h2, .new-blogs > div > div > h2 {
            position: relative;
            font-size: 45px;
            font-weight: 700;
            -webkit-line-clamp: 2;
            text-transform: capitalize;
            display: -webkit-box;
            margin: 0 0 20px;
            overflow: hidden;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            line-height: 65px;
            padding: 0;
        }

        .new-blogs > div > a > h5, .new-blogs > div > div > h5 {
            color: #525252;
            line-height: 30px;
            margin: 0 0 15px;
            opacity: .6;
            font-weight: 500;
            font-size: 14px;
        }

            .new-blogs > div > a > h5 > span, .new-blogs > div > div > h5 > span {
                display: inline-block;
                margin: 0 10px 0 0;
            }

            .new-blogs > div > a > h5 > i, .new-blogs > div > div > h5 > i {
                display: inline-block;
                margin: 0 4px 0 0;
            }

        .new-blogs > div > a > p {
            display: -webkit-box;
            margin: 0 0 25px;
            overflow: hidden;
            -webkit-box-orient: vertical;
            text-overflow: ellipsis;
            -webkit-line-clamp: 3;
        }

        .new-blogs > div > div > p {
            margin: 0 0 25px;
        }

        .new-blogs > div > a > span, .new-blogs > div > div > span {
            margin: 0 0 10px 0;
            cursor: pointer;
            transition: .3s ease-in-out;
            user-select: none !important;
            color: #ffffff;
            background-color: #1290a7;
            box-shadow: 0 0 20px rgb(56 203 221 / 22%);
            display: inline-flex;
            font-weight: 500;
            padding: 15px 25px;
            position: relative;
            z-index: 1;
            overflow: hidden;
            border: none;
            font-size: 15px;
        }

            .new-blogs > div > a > span:hover i, .new-blogs > div > div > span:hover i {
                margin: 0 5px 0 5px;
            }

            .new-blogs > div > a > span > i, .new-blogs > div > div > span > i {
                margin: 0 10px 0 0;
                transition: ease-in-out .3s;
            }

.list-style-dot-sub > li {
    text-align: left;
    margin: 0 0 15px;
    line-height: 25px;
    position: relative;
    color: #525252;
    list-style: none;
    font-weight: 500;
    padding: 19px 20px 20px 50px;
    display: block;
    background: #efefef;
    border-radius: 5px;
}

    .list-style-dot-sub > li > a {
        color: #525252;
        display: block;
    }

        .list-style-dot-sub > li > a:hover, .list-style-dot-sub .sub-list > li > a:hover {
            text-decoration: underline;
        }

        .list-style-dot-sub > li > a:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 24.5 20'%3E%3Ccircle cx='6.5' cy='10.5' r='6.5' fill='%23fdd039'/%3E%3Cpath fill='%2338cbdd' d='M14.5,0C12.1,0,10,0.8,8.3,2.2c3.8,0.8,6.9,4.2,6.9,8.3c0,3.7-2.6,6.9-5.9,8c1.5,0.9,3.3,1.5,5.2,1.5c5.5,0,10-4.5,10-10S20,0,14.5,0z'/%3E%3C/svg%3E");
            background-repeat: no-repeat no-repeat;
            background-position: center center;
            width: 24px;
            height: 25px;
            background-size: 19px;
            content: '';
            bottom: 0;
            position: absolute;
            right: 0;
            left: 20px;
            top: 20px;
        }

.list-style-dot-sub .sub-list {
    color: #525252;
    list-style: none;
    padding: 10px 0 0 0;
}

    .list-style-dot-sub .sub-list > li {
        color: #525252;
        list-style: none;
        font-weight: 500;
        padding: 0 0;
        display: block;
        background: #efefef;
        border-radius: 5px;
    }

        .list-style-dot-sub .sub-list > li > a {
            color: #525252;
            display: block;
            position: relative;
            padding: 0 0 0 20px;
        }

            .list-style-dot-sub .sub-list > li > a:before {
                content: '';
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                margin: auto;
                width: 10px;
                height: 2px;
                background: #525252;
                border-radius: 50px;
            }

.insights-new-heading h3 {
    min-height: 70px;
}

.insights-new.insights-new-p {
    padding: 0 30px 0 0;
}

.insights-new.insights-new-detail.insights-new-p > div > div > div {
    background: transparent;
    border: none;
    background-image: initial;
    padding: 0;
}

.list-style-check.list-style-check-3 > li {
    width: 33.3333%;
}

.list-style-check {
    padding: 0;
    color: #525252;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .list-style-check > li {
        text-align: left;
        margin: 0 0 15px;
        line-height: 25px;
        position: relative;
        padding: 0 !important;
        width: 50%;
    }

        .list-style-check > li:before {
            display: inline-block;
            font-family: bootstrap-icons !important;
            font-weight: 400 !important;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            vertical-align: -0.125em;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            content: "\f269";
            color: #1290a7;
            font-size: 25px;
            font-style: normal;
            position: absolute;
            left: 0;
        }

        .list-style-check > li > a {
            color: #525252;
            list-style: none;
            font-weight: 500;
            padding: 0 0 0 30px;
            display: block;
        }

.solutions-microsoft-tiles.solutions-microsoft-tiles-services > div > div {
    width: 50%;
}

.solutions-microsoft-tiles.solutions-microsoft-tiles-services > div {
    justify-content: left;
}

.growth-li > li {
    margin: 0 !important;
    color: #fff !important;
    line-height: 30px !important;
}

    .growth-li > li:after {
        display: none !important;
    }

.services-main-body.services-main-body-lines > div > div:first-child > div > ul > li {
    position: relative;
}

    .services-main-body.services-main-body-lines > div > div:first-child > div > ul > li:before {
        content: '';
        position: absolute;
        left: 28px;
        right: 28px;
        bottom: 0;
        background: #7e7e7e;
        height: 1px;
        margin: auto;
    }

    .services-main-body.services-main-body-lines > div > div:first-child > div > ul > li:last-child:before {
        display: none;
    }

. {
    margin-bottom: 30px;
}

    .carouseltexting > div {
        background: #efefef;
        border-radius: 5px;
        padding: 50px 100px 80px;
    }

        .carouseltexting > div .carousel-inner > .carousel-item {
            text-align: center;
        }

            .carouseltexting > div .carousel-inner > .carousel-item h4 {
                font-size: 20px;
                color: #1290a7;
                font-weight: 600;
                line-height: 34px;
                text-transform: uppercase;
            }

            .carouseltexting > div .carousel-inner > .carousel-item p {
                text-align: justify;
                text-align-last: center;
            }

        .carouseltexting > div > button {
            top: initial;
            bottom: 25px;
            background: #1290a7;
            opacity: 1;
            position: absolute;
            height: 40px;
            width: 40px;
            border-radius: 5px;
            box-shadow: 0 0 20px rgb(56 203 221 / 20%);
        }

            .carouseltexting > div > button.carousel-control-prev {
                left: calc(50% - 50px);
            }

            .carouseltexting > div > button.carousel-control-next {
                right: calc(50% - 50px);
            }

            .carouseltexting > div > button span {
                width: 18px;
                height: 18px;
            }

        .carouseltexting > div > div > button {
            background-color: #38cbdd !important;
        }

    .rq-accod {
        padding: 0 50px;
        margin: 10px 0 15px 0;
    }

        .rq-accod ul {
            display: flex;
            flex-wrap: wrap;
            margin: 0;
        }

            .rq-accod ul > li {
                width: 50%;
            }

                .rq-accod ul > li > span, .rq-accod ul > li > a {
                    display: block;
                    position: relative;
                    padding: 0 0 0 20px;
                }

                    .rq-accod ul > li > span:before, .rq-accod ul.list-style-default > li > a:before {
                        display: inline-block;
                        font-family: bootstrap-icons !important;
                        font-style: normal;
                        font-weight: 400 !important;
                        font-variant: normal;
                        text-transform: none;
                        line-height: 1;
                        vertical-align: -0.125em;
                        -webkit-font-smoothing: antialiased;
                        -moz-osx-font-smoothing: grayscale;
                        position: absolute;
                        left: 0;
                        top: 6px;
                        color: #1290a7;
                        content: "\f26a";
                    }

        .rq-accod .accordion-body {
            padding: 20px !important;
        }

    .ex-btn {
        display: flex;
        padding: 0 70px;
        margin: -100px 0 0 0;
    }

        .ex-btn a {
            margin: 0 5px;
            width: 100%;
            text-align: center;
            font-family: Montserrat;
            font-weight: 700;
            color: #525252;
            line-height: 45px;
            transition: ease-in-out .3s;
            font-size: 20px;
        }

            .ex-btn a:hover {
                color: #1290a7;
            }

            .ex-btn a i {
                color: #1290a7;
            }

    .clr-df {
        color: #525252 !important;
    }

    .f-w-500 {
        font-weight: 500;
    }

    .rq-pop-2 a {
        user-select: none;
        display: block;
    }

    .rq-pop-2 button.btn-close {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 3em;
        height: 3em;
        box-shadow: none !important;
        z-index: 2;
    }

    .rq-pop-2 img {
        border-radius: 0.5rem;
    }

    .ft-offer {
        position: fixed;
        bottom: 0;
        z-index: 99;
        width: 100%;
        background: #060606c2;
        text-align: center;
        box-shadow: 0 2px 20px rgb(72 86 100 / 26%);
    }

        .ft-offer p {
            margin: 11px 0;
            color: #ffff;
        }

        .ft-offer .rq-btn-offer {
            display: inline-block;
            cursor: pointer;
        }

            .ft-offer .rq-btn-offer > img {
                width: 190px;
            }

    .rq-accod button.accordion-button {
        background: #1290a7 !important;
        color: #ffffff !important;
        border-radius: 10px !important;
        padding: 10px 30px 10px 20px;
        box-shadow: rgba(99,99,99,0.2) 0px 2px 8px 0px;
        font-weight: 500;
    }

    .rq-accod .accordion-button:after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
        width: 15px;
        height: 15px;
        background-size: 16px;
    }

    .list-style-default {
        padding: 0;
        color: #525252;
        list-style: none;
    }

        .list-style-default > li {
            margin: 0 0 5px;
            position: relative;
            font-size: 15px;
            color: #525252;
            font-weight: 500;
            line-height: 28px;
            padding: 0 0 0 0;
        }

    .rq-help {
        position: relative;
        font-weight: 600;
    }

        .rq-help:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: -8px;
            height: 3px;
            background: #fff;
            width: 135px;
            border-radius: 3px;
        }

    .thankyou {
        padding: 0;
    }

        .thankyou .thankyou-body {
            margin: 0;
        }

            .thankyou .thankyou-body > div {
                padding: 60px 100px;
                text-align: center;
                border-radius: 10px;
                border: 2px dashed #d3d2d2;
            }

                .thankyou .thankyou-body > div > h2 {
                    font-family: Montserrat;
                    font-weight: 800;
                    color: #525252;
                    line-height: 45px;
                }

                .thankyou .thankyou-body > div > p {
                    color: #525252;
                    font-weight: 500;
                    line-height: 28px;
                }

                .thankyou .thankyou-body > div > a {
                    box-shadow: rgba(149,157,165,0.2) 0px 8px 24px;
                }

    .new-services-main.new-services-main-imgs > .new-services-body > .new-services-tile > a {
        padding: 30px 5px;
    }

        .new-services-main.new-services-main-imgs > .new-services-body > .new-services-tile > a > h3 {
            font-size: 17px;
            margin: 50px 0 0 0;
        }

        .new-services-main.new-services-main-imgs > .new-services-body > .new-services-tile > a > i {
            font-size: 30px;
            text-align: center;
            width: 40px;
            height: 40px;
            display: flex;
            align-items: center;
            justify-content: center;
            top: 30px;
        }

    .p-col {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .form-service-new {
        background: linear-gradient(45deg,rgb(34 163 179) 1%,rgb(56 205 223) 47%,rgb(50 195 213) 100%);
        position: relative;
        margin: 0;
        padding: 30px;
        width: 100%;
        border-radius: 5px;
    }

        .form-service-new label {
            color: #fff !important;
        }

        .form-service-new .form-control, .form-service-new .form-select {
            border: 1px solid #ffffff;
        }

            .form-service-new .form-control:focus {
                border: 1px solid #ffffff;
                color: #6c757d;
                box-shadow: 0 0 0 0.25rem rgb(0 74 117 / 25%);
            }

    .new-services-main.new-services-main-imgs a {
        margin: 20px 0px !important;
        overflow: visible !important;
    }

        .new-services-main.new-services-main-imgs a > h3::after {
            content: '';
            background: #fff;
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            border-radius: 5px;
            z-index: -2;
            box-shadow: 0 0 20px rgb(0 0 0 / 10%);
            width: 100%;
        }

        .new-services-main.new-services-main-imgs a::after {
            content: '';
            background-image: none !important;
            position: absolute;
            left: 20px;
            right: 20px;
            bottom: -20px;
            top: -20px;
            background: #f1f1f1;
            z-index: -3;
            border-radius: 5px;
            background-size: cover,contain;
            background-position: center,center;
            background-repeat: no-repeat;
        }

    .btn-2 {
        display: inline-block;
        font-weight: 700;
        border-radius: 50px;
        padding: 12px 35px;
        position: relative;
        line-height: 30px;
        z-index: 1;
        overflow: hidden;
        user-select: none !important;
        color: #fff !important;
        background-color: #1290a7;
        cursor: pointer;
    }

    .services-main-body.services-main-body-head1 {
        padding: 0;
    }

        .services-main-body.services-main-body-head1 > div > div:first-child {
            margin: 0 !important;
        }

    .services-main-body.services-main-body-head2 {
        padding: 35px 0 0;
    }

        .services-main-body.services-main-body-head2 > div > div:first-child {
            margin: -40px 0 0;
        }

    .no-before-after:before, .no-before-after:after {
        content: none !important;
    }

    .fs-18 {
        font-size: 18px !important;
    }

    .carousel-indicators {
        bottom: 12px;
    }

    .carousel-2 .carousel-caption {
        background: #00000096;
        padding: 25px 20px;
        border-radius: 10px;
        bottom: 1.25rem;
    }

        .carousel-2 .carousel-caption > h5 {
            color: #fff;
            font-size: 20px;
            opacity: 1;
            font-weight: 500;
            display: -webkit-box;
            -webkit-line-clamp: 4;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
            margin: 0 0 10px 0;
        }

            .carousel-2 .carousel-caption > h5 a {
                color: #fff;
            }

        .carousel-2 .carousel-caption > p {
            color: #fff;
            opacity: 1;
            font-weight: 500;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .carousel-2 .carousel-item > img {
        border-radius: 10px;
        box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    }

    .carousel-2 .carousel-control-prev, .carousel-2 .carousel-control-next {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        opacity: 1;
        width: 60px;
        box-shadow: 0 0 20px rgb(0 0 0 / 10%);
        height: 60px;
        background: #38cbdd;
        border-radius: 50%;
    }

    .carousel-2 .carousel-control-prev {
        left: 20px;
    }

    .carousel-2 .carousel-control-next {
        right: 20px;
    }

    .carousel-2 span[aria-hidden="true"] {
        width: 1.6rem;
        height: 1.6rem;
        filter: none;
    }

    .btn-secondary-1 {
        color: #fff !important;
        background-color: #5c636a !important;
        border-color: #565e64 !important;
    }

    .download-case-study > div {
        position: relative;
        margin: 30px 0 0px 0;
        box-shadow: 0 0 20px rgb(94 94 94 / 16%);
        background: #fff;
        text-align: center;
        padding: 5px 5px 30px 5px;
        border-radius: 5px;
    }

        .download-case-study > div > img {
            width: 100%;
        }

        .download-case-study > div > h4 {
            font-weight: 500;
            font-size: 20px;
            margin: 30px 0 27px 0;
            position: relative;
        }

            .download-case-study > div > h4:before {
                position: absolute;
                left: 0;
                right: 0;
                width: 100px;
                margin: auto;
                bottom: -14px;
                background: linear-gradient(45deg,#22a3b3 1%,#38cddf 47%,#32c3d5 100%);
                height: 3px;
                content: '';
            }

            .download-case-study > div > h4:after {
                position: absolute;
                width: 30px;
                margin: auto;
                left: 0;
                right: 0;
                bottom: -14px;
                background: linear-gradient(45deg,#22a3b3 1%,#38cddf 47%,#32c3d5 100%);
                height: 3px;
                content: '';
                border-right: 10px solid #fff;
                border-left: 10px solid #fff;
            }

        .download-case-study > div > p {
            padding: 0 10px;
            margin: 0 0 25px 0;
        }

        .download-case-study > div > a {
            display: inline-block;
            font-weight: 700;
            border-radius: 50px;
            padding: 12px 35px;
            position: relative;
            line-height: 30px;
            z-index: 1;
            overflow: hidden;
            user-select: none !important;
            color: #fff;
            background-color: #1290a7;
            box-shadow: 0 0 20px rgb(56 203 221 / 22%);
        }

            .download-case-study > div > a > i {
                padding: 0 5px 0 0;
            }

    .btn-banner {
        color: #424242 !important;
    }

        .btn-banner:hover {
            background: #0d6a7a !important;
            color: #ffffff !important;
        }

    .ft-subs {
        position: relative;
        padding: 0 120px 0 0;
        display: flex;
    }

        .ft-subs > div:nth-child(1):before {
            content: '';
            position: absolute;
            right: 3px;
            bottom: -6px;
            top: -6px;
            background: #000;
            width: 1px;
            margin: auto;
            opacity: 0.2;
        }

        .ft-subs > div {
            width: 50%;
            position: relative;
        }

            .ft-subs > div > input {
                width: 100% !important;
                border: 0;
                padding: 4px;
                outline: none !important;
            }

    .no-after:after {
        content: none !important;
    }

    .card-3 {
        background: #f8f8f8;
        padding: 30px;
        border-radius: 5px;
    }

    .m-b-30 {
        margin-bottom: 30px !important;
    }

    .faq-filter {
        padding: 20px 15px 20px 15px;
        margin: 0;
        list-style: none;
        background-color: #0b3155;
        box-shadow: 0 0 20px rgb(94 94 94 / 30%);
        border-radius: 5px;
    }

        .faq-filter label {
            display: inline-block;
            margin: 0 0 12px;
            font-size: 15px;
            font-weight: 500;
            color: #fff;
        }

    .attach-file > input[type=file], .pay-by-radio > input[type=radio] {
        top: 0;
        opacity: 0;
        z-index: 1;
        right: 0;
        left: 0;
        bottom: 0;
        cursor: pointer
    }

    .attach-file > span:before, .services-main-body > div > div:first-child > div > ul > li > a:before {
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 400 !important;
        font-variant: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased
    }

    .how-we-work-tiles > .items > .items-body > .items-in > div > .items > div > ul > li:before, .services-main-body > div > div:first-child > div > ul > li > a:before {
        text-transform: none;
        vertical-align: -.125em;
        -moz-osx-font-smoothing: grayscale;
        -moz-osx-font-smoothing: grayscale
    }

    .faq .accordion-body a:hover, .services-main-body > div > div:first-child > div > ul > li > a:hover {
        text-decoration: underline
    }

    .timeline-new, li.dropdown {
        list-style-type: none
    }

a, a:hover {
    text-decoration: none
}

.request-a-quote-banner {
    display: flex;
    position: relative;
    margin: 0 0 100px !important
}

    .request-a-quote-banner > div:first-child {
        width: 100%;
        padding: 50px 20px 40px 230px;
    }

        .request-a-quote-banner > div:first-child > h1 {
            font-size: 40px;
            color: #fff;
            margin: 0 0 15px;
            text-transform: initial;
            line-height: 60px;
            position: relative;
            font-family: 'Playfair Display',serif !important;
            font-weight: 700
        }

        .request-a-quote-banner > div:first-child > p {
            color: #fff;
            font-weight: 500;
            margin: auto;
        }

    .request-a-quote-banner > div:nth-child(2) {
        width: 200px;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        justify-content: center;
        display: flex;
        align-items: center;
    }

        .request-a-quote-banner > div:nth-child(2) > img {
            width: 100%;
            height: auto;
            border-radius: 20px;
            padding: 40px;
            background: #33a0b3;
        }

.card-2, .footer-content .contact-icons i, .staff-augmentation-3-tiles > div > div > div.items.active > div > div, .staff-augmentation-3-tiles > div > div > div.items.active > div > h3:before {
    background: #fff
}

.navbar .dropdown ul li > a.active {
    color: #1290a7 !important;
    background: 0 0
}

    .navbar .dropdown ul li > a.active:before {
        visibility: visible !important;
        transform: scaleX(1)
    }

.services-main-body > div > div:first-child > div > ul {
    padding: 30px 15px 30px 20px;
    margin: 0;
    list-style: none;
    background-color: #0b3155;
    box-shadow: 0 0 20px rgb(94 94 94 / 30%);
    border-radius: 5px;
}

.main-banner.main-banner-request-a-quote {
    padding: 0
}

.contact-tile > div > ul, .ul {
    padding: 0;
    margin: 0
}

.img-fluid.rounded {
    box-shadow: 0 0 20px rgb(94 94 94 / 20%)
}

.btn-default.btn-blue {
    box-shadow: 0 0 20px rgb(56 203 221 / 20%)
}

.list-style-dot.list-style-dot-2 > li > a:before {
    top: 2px;
    left: 1px
}

.pay-by-radio > input[type=radio] {
    position: absolute;
    margin: auto
}

.pay-by-radio {
    position: relative;
    cursor: pointer
}

    .pay-by-radio > div.active > div {
        border-color: #1290a7
    }

.iframe-contact {
    height: 100%;
    width: 100%
}

.contact-tile > div > ul > li > span > img, .flag-ul img, .contact-tile > div > ul > li > a > img {
    height: 22px;
    width: auto
}

.contact-tile > div > ul > li > a, .contact-tile > div > ul > li > span, .flag-ul span, .ul > li > a {
    font-size: 15px;
    margin-bottom: 0;
    display: block;
    color: #525252;
    font-weight: 500;
    line-height: 30px
}

.contact-tile > div > ul > li, .ul > li {
    list-style: none
}

    .contact-tile > div > ul > li i {
        font-size: 18px;
    }

.request-a-quote-section {
    border: 2px dashed #a0e3ef;
    padding: 20px;
    margin: 0 0 20px
}

.timeline-new > li > h3:before, select.form-control:before {
    content: ''
}

.card-2 {
    padding: 20px;
    display: block;
    border-radius: 8px;
    border: 2px solid #ededed;
    margin-bottom: 15px
}

.attach-file {
    padding: 20px;
    border-radius: 3px;
    border: 2px dashed #ddd;
    position: relative;
    margin-bottom: 20px
}

    .attach-file > input[type=file] {
        position: absolute
    }

    .attach-file > span {
        top: 26px;
        background: #ddd;
        display: block;
        position: absolute;
        padding: 10px 25px 10px 32px;
        border-radius: 3px;
        font-weight: 500
    }

        .attach-file > span:before {
            content: "\f4b3";
            display: inline-block;
            text-transform: none;
            vertical-align: -.125em;
            position: absolute;
            left: 10px;
            top: 10px;
            bottom: 0;
            font-size: 18px
        }

    .attach-file > div {
        padding: 12px 0 12px 155px
    }

.services-main-body > div > div:first-child > div > div.services-main-body-form > div > div > label, label {
    display: inline-block;
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 500
}

.form-control, .form-select {
    font-size: 15px;
    font-weight: 500;
    color: #6c757d;
    opacity: 1;
    margin: 0 0 12px;
    line-height: 2;
    border-radius: 3px;
    border: 1px solid #ced4da
}

.form-select {
    cursor: pointer;
}

.request-a-quote-form {
    background: #fff;
    padding: 30px !important;
    display: block;
    margin: -110px 0 60px !important;
    border-radius: 8px;
    box-shadow: 0 0 20px rgb(94 94 94 / 10%)
}

.main-banner.main-banner-request-a-quote > .banner-carousel {
    background: 0 0;
    background-image: none !important;
    padding: 0
}

.new-services-main.new-services-main-left-ul > .new-services-body > .new-services-tile > a:hover > ul > li, .new-services-main.new-services-main-left-ul > .new-services-body > .new-services-tile > a:hover > ul > li:before, .new-services-main > .new-services-body > .new-services-tile > a:hover > h3, .new-services-main > .new-services-body > .new-services-tile > a:hover > i, .new-services-main > .new-services-body > .new-services-tile > a:hover > p, .staff-augmentation-3-tiles > div > div > div.items.active > div > h3, .staff-augmentation-3-tiles > div > div > div.items.active > div > ul > li, .ul-white li, .ul-white li a, .ul-white li i {
    color: #fff
}

.why-choose-points {
    padding: 0;
    margin: 0;
    list-style: none
}

    .why-choose-points > li {
        padding: 0 0 30px;
        margin: 0;
        list-style: none;
        position: relative
    }

        .why-choose-points > li:before {
            content: '';
            position: absolute;
            left: 28px;
            top: 0;
            bottom: 0;
            right: 0;
            background: #ebebeb;
            width: 1px
        }

        .why-choose-points > li > i {
            position: absolute;
            left: 0;
            top: 0;
            height: 55px;
            width: 55px;
            background: #1290a7 !important;
            color: #fff;
            font-size: 28px;
            border-radius: 50%;
            align-items: center;
            display: flex;
            justify-content: center;
            box-shadow: 0 0 20px rgb(94 94 94 / 10%)
        }

            .why-choose-points > li > i:before {
                position: absolute;
                margin: auto;
                text-align: center;
                align-items: center;
                display: flex;
                justify-content: center
            }

        .why-choose-points > li > div {
            padding: 15px 0 0 75px
        }

            .main-h4, .why-choose-points > li > div > h4, .why-choose-points > li > div > h3 {
                font-weight: 600;
                color: #1290a7;
                line-height: 30px;
                font-size: 17px
            }

            .what-makes > div > div > div > div > div, .why-choose-points > li > div > p {
                margin: 0
            }

.contact-form, .contact-tile > div {
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}

.contact-icons {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center
}

    .contact-icons > ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: center
    }

        .contact-icons > ul > li {
            margin: 0 5px
        }

            .contact-icons > ul > li > a {
                border: 1px solid #f1f1f1;
                display: block;
                border-radius: 50%
            }

                .contact-icons > ul > li > a > i {
                    width: 50px;
                    height: 50px;
                    color: #525252;
                    align-items: center;
                    justify-content: center;
                    display: flex;
                    border-radius: 50%;
                    box-shadow: 5px 11px 17px -12px #000;
                    font-size: 18px;
                    cursor: pointer;
                    transition: .3s ease-in-out
                }

                .contact-icons > ul > li > a:hover > i.bi-linkedin {
                    background: #0976b4;
                    color: #fff
                }

                .contact-icons > ul > li > a:hover > i.bi-twitter {
                    background: #55acee;
                    color: #fff
                }

                .contact-icons > ul > li > a:hover > i.bi-facebook {
                    background: #3b5998;
                    color: #fff
                }

                .contact-icons > ul > li > a:hover > i.bi-whatsapp {
                    background: #54cc61;
                    color: #fff
                }

                .contact-icons > ul > li > a:hover > i.bi-skype {
                    background: #00aff0;
                    color: #fff
                }

.contact-form {
    width: 100%;
    padding: 30px;
    border-radius: 8px;
    background: var(--color-gray) !important;
    border: 1px solid #ddd;
    box-shadow: none !important;
}

.form-control::placeholder, form-select > option.placeholder-s {
    font-size: 15px;
    font-weight: 500;
    opacity: .5;
    color: #525252 !important
}

.form-select option {
    color: #525252 !important
}

.form-select optgroup {
    color: #525252 !important;
    font-weight: 600;
}

.contact-tile {
    padding: 0 0 19px;
    transition: .4s ease-in-out;
    height: 100%;
    border-radius: 8px;
    display: flex
}

    .contact-tile > div {
        width: 100%;
        padding: 20px 24px 20px 24px;
        border-radius: 8px
    }

        .contact-tile > div > h4 {
            font-weight: 600;
            margin: -25px -25px 0 -25px;
            margin-bottom: 14px;
            font-size: 18px;
            background-color: #ddd;
            color: #1290a7;
            padding: 13px 20px 13px;
            border-top-left-radius: 8px;
            border-top-right-radius: 8px;
        }

.active .page-link {
    background: #1290a7 !important;
    border-color: #1290a7 !important
}

.job-opening-box > div:first-child > span > i {
    color: #1290a7
}

.job-opening-box {
    display: block;
    width: 100%;
    padding: 25px;
    margin: 0 0 20px;
    position: relative;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-radius: 20px
}

    .job-opening-box > div:first-child {
        display: block;
        width: 100%;
        padding: 0
    }

        .how-we-work-tiles > .items > .items-body > .items-in > div > .items:first-child > div > h4, .how-we-work-tiles > .items > .items-body > .items-in > div > .items:nth-child(2) > div > h4, .job-opening-box > div:first-child > h4 {
            margin: 0 0 15px;
            font-weight: 600;
            font-size: 18px
        }

        .job-opening-box > div:first-child > span {
            display: inline-block;
            width: 49%;
            margin: 0 0 5px
        }

    .job-opening-box > div:nth-child(2) {
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        margin: -18px 0 0;
        padding: 0 30px 0 0
    }

        .job-opening-box > div:nth-child(2) > a {
            display: inline-block;
            cursor: pointer
        }

.how-we-work-tiles > .items > .items-body {
    padding: 40px 0 30px;
    position: relative;
    margin: 0 0 50px;
    text-align: center
}

    .how-we-work-tiles > .items > .items-body:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
        background: #1290a7;
        width: 3px;
        margin: auto;
        z-index: 0
    }

    .how-we-work-tiles > .items > .items-body:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        background: #1290a7;
        width: 9px;
        margin: auto;
        z-index: 0;
        height: 9px;
        border-radius: 50%
    }

    .how-we-work-tiles > .items > .items-body > img {
        margin: auto;
        padding: 30px 0 25px;
        position: relative;
        z-index: 1;
        background: #f9f9f9;
        width: 70px
    }

    .how-we-work-tiles > .items > .items-body > h3 {
        padding: 0 0 15px;
        font-weight: 600;
        font-size: 18px;
        text-align: center;
        position: relative;
        z-index: 2;
        background: #f9f9f9;
        margin: 0
    }

    .how-we-work-tiles > .items > .items-body > p {
        text-align: center;
        padding: 0 0 30px;
        margin: 0;
        position: relative;
        z-index: 2;
        background: #f9f9f9
    }

    .cta .img, .how-we-work-tiles > .items > .items-body > .items-in {
        position: relative
    }

        .how-we-work-tiles > .items > .items-body > .items-in:before {
            content: '';
            position: absolute;
            background-color: rgba(0,0,0,0);
            border-left: 8px solid transparent;
            border-right: 7px solid transparent;
            border-top: 13px solid #1290a7;
            bottom: -43px;
            right: 0;
            left: 0;
            width: 15px;
            height: 12px;
            margin: auto
        }

.how-we-work-tiles > .items:nth-child(5) > .items-body > .items-in:before {
    width: 9px;
    margin: auto;
    z-index: 0;
    height: 9px;
    border-radius: 50%;
    border: 0;
    background: #1290a7;
    bottom: -35px
}

.how-we-work-tiles > .items > .items-body > .items-in > div, .services > div > div > div {
    display: flex;
    flex-wrap: wrap
}

    .how-we-work-tiles > .items > .items-body > .items-in > div > .items {
        width: 50%
    }

        .how-we-work-tiles > .items > .items-body > .items-in > div > .items:first-child, .industries-lt-tiles > div > div > div:first-child {
            text-align: right
        }

            .how-we-work-tiles > .items > .items-body > .items-in > div > .items:first-child > div {
                padding: 0 45px 0 0
            }

                .footer .footer-content .footer-links ul, .how-we-work-tiles > .items > .items-body > .items-in > div > .items:first-child > div > ul, .how-we-work-tiles > .items > .items-body > .items-in > div > .items:nth-child(2) > div > ul {
                    list-style: none;
                    padding: 0;
                    margin: 0
                }

                    .how-we-work-tiles > .items > .items-body > .items-in > div > .items:first-child > div > ul > li {
                        line-height: 30px;
                        font-weight: 400;
                        color: #525252;
                        position: relative;
                        padding: 0 30px 0 0
                    }

        .how-we-work-tiles > .items > .items-body > .items-in > div > .items > div > ul > li:before {
            font: 22px/1 FontAwesome;
            text-rendering: auto;
            content: "\f26e";
            position: absolute;
            top: 4px;
            display: inline-block;
            font-family: bootstrap-icons !important;
            font-weight: 400 !important;
            -webkit-font-smoothing: antialiased;
            opacity: .8
        }

        .how-we-work-tiles > .items > .items-body > .items-in > div > .items:first-child > div > ul > li:before {
            right: 0
        }

        .how-we-work-tiles > .items > .items-body > .items-in > div > .items:nth-child(2) > div > ul > li:before {
            left: 0
        }

        .how-we-work-tiles > .items > .items-body > .items-in > div > .items:nth-child(2) {
            text-align: left
        }

            .how-we-work-tiles > .items > .items-body > .items-in > div > .items:nth-child(2) > div {
                padding: 0 0 0 45px
            }

                .how-we-work-tiles > .items > .items-body > .items-in > div > .items:nth-child(2) > div > ul > li {
                    line-height: 30px;
                    font-weight: 400;
                    color: #525252;
                    position: relative;
                    padding: 0 0 0 30px
                }

.what-makes > div > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

    .industries-lt-tiles > div > div > div, .what-makes > div > div > div {
        position: relative;
        width: 50%;
        display: flex;
        padding: 0 15px;
        margin: 0
    }

        .what-makes > div > div > div > div {
            padding: 35px;
            margin: 0 0 30px;
            position: relative;
            border: 1px solid #ebebeb !important;
            box-shadow: none;
            width: 100%;
            background: #ffff;
            text-align: center
        }

            .what-makes > div > div > div > div > div > img {
                margin: auto auto 30px;
                width: 60px
            }

            .what-makes > div > div > div > div > div > h3 {
                font-size: 18px;
                font-weight: 600;
                line-height: 25px;
                margin: 0 0 10px;
                width: 100%
            }

.list-style-dot.li-dots > li {
    padding: 0 0 0 30px !important
}

    .list-style-dot.li-dots > li:before, .list-style-dot.list-style-dot-2 > li:before {
        top: 0;
        left: 0
    }

.new-menu-partial-mobile-bg > .col-lg-8:before {
    content: '';
    position: absolute;
    width: 198px;
    height: 147px;
    background-image: url('https://www.ishorebusinesssolutions.com/images/main-images/group413.svg');
    right: -84px;
    top: -30px;
    z-index: -1
}

.page-link {
    color: #525252;
    font-weight: 500
}

.faq .accordion-body a, .insights-new > div > div > div > h2 a, .insights-new > div > div > div > h3 a {
    color: #525252
}

.casestudies-body ul, .insights-new-detail ul, .list-style-dot, .list-style-dot-default, .staff-augmentation-3-tiles > div > div > div.items > div > ul, .list-style-dot-sub {
    padding: 0;
    color: #525252;
    list-style: none
}

    .casestudies-body ul > li, .insights-new-detail ul > li, .staff-augmentation-3-tiles > div > div > div.items > div > ul > li {
        text-align: left;
        margin: 0 0 10px;
        line-height: 25px;
        position: relative;
        padding: 0 0 0 35px
    }

        .casestudies-body ul > li:before, .insights-new-detail ul > li:before, .staff-augmentation-3-tiles > div > div > div.items > div > ul > li:before {
            content: '';
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 24.5 20'%3E%3Ccircle cx='6.5' cy='10.5' r='6.5' fill='%23fdd039'/%3E%3Cpath fill='%2338cbdd' d='M14.5,0C12.1,0,10,0.8,8.3,2.2c3.8,0.8,6.9,4.2,6.9,8.3c0,3.7-2.6,6.9-5.9,8c1.5,0.9,3.3,1.5,5.2,1.5c5.5,0,10-4.5,10-10S20,0,14.5,0z'/%3E%3C/svg%3E");
            background-repeat: no-repeat no-repeat;
            background-position: center center;
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            right: 0;
            width: 24px;
            height: 25px;
            background-size: 19px
        }

        .casestudies-body ul > li > p, .insights-new-detail ul > li > p {
            margin: 0 !important
        }

.insights-new, .insights-new.insights-new-detail, .insights-new.insights-new-detail > div > div > div > div.imgs > img {
    position: relative;
    width: 100%
}

    .insights-new.insights-new-detail > div > div > div h2, .insights-new.insights-new-detail > div > div > div h3 {
        overflow: initial !important;
        -webkit-box-orient: initial
    }

        .insights-new.insights-new-detail > div > div > div h2:before, .insights-new.insights-new-detail > div > div > div h3:before {
            background: #1290a7;
            position: absolute;
            width: 150px;
            height: 3px;
            bottom: -12px;
            left: 0;
            border-radius: 15px
        }

    .insights-new.insights-new-detail > div > div, .new-services-main > .new-services-body > .new-services-tile > a:hover:before, body div.row .cs-card:before {
        width: 100%
    }

        .insights-new.insights-new-detail > div > div > div > div.imgs {
            overflow: hidden;
            border-radius: 10px;
            margin: 0 0 25px;
            box-shadow: 0 0 20px rgb(56 203 221 / 23%);
            display: block
        }

        .insights-new.insights-new-detail > div > div > div > h2, .insights-new.insights-new-detail > div > div > div > p {
            display: block;
            overflow: auto
        }

.team .team-member:hover .social {
    opacity: 1
}

.insights-new > div {
    display: flex;
    flex-wrap: wrap
}

    .insights-new > div > div {
        width: 50%;
        padding: 0px 10px;
    }

        .insights-new > div > div > div {
            margin: 0 0 20px;
            position: relative;
            border: 1px solid #ededed;
            border-radius: 10px;
            padding: 15px;
            background: #fbfbfb;
        }

            .insights-new > div > div > div:hover img {
                transform: scale(1.1) rotate(2deg)
            }

            .insights-new > div > div > div > a.imgs {
                overflow: hidden;
                border-radius: 5px;
                margin: 0 0 25px;
                display: block
            }

                .insights-new > div > div > div > a.imgs:before {
                    content: '';
                    position: absolute;
                    left: 0;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    z-index: 1;
                }

.insights-new.insights-new-detail > div > div > div > a.imgs:before {
    content: '';
    bottom: 0;
    display: none
}

.insights-new > div > div > div > a > img {
    position: relative;
    width: 100%;
    transition: .5s ease-in-out
}
/* .insights-new.blogs>div>div>div>a>img{min-height:200px;height:200px;border:1px solid #ddd;border-radius:0;border-radius:10px;position:relative;}.insights-new.blogs>div>div>div>a.btn-blog{display:inline-block;border-radius:4px;padding:10px 41px 10px 18px;color:#fff;position:relative;transition:.3s ease-in-out;background:#1290a7;}.insights-new.blogs>div>div>div>a.btn-blog:before{content:'\f134';position:absolute;display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;left:109px;font-size:18px;top:8px;transition:.3s ease-in-out;}.insights-new.blogs>div>div>div>a.imgs{position:relative;}.insights-new.blogs>div>div>div>a.imgs:before{content:'';position:absolute;left:0;top:0;bottom:0;right:0;background:#00000024;z-index:0;}.insights-new.blogs>div>div>div>h3{min-height:105px;-webkit-line-clamp:3;text-align:justify;}*/

.insights-new > div > div > div > p {
    display: -webkit-box;
    margin: 0 0 30px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3
}

.insights-new > div > div > div > h2, .insights-new > div > div > div > h3 {
    font-size: 20px;
    font-weight: 700;
    -webkit-line-clamp: 2;
    text-transform: capitalize;
    display: -webkit-box;
    margin: 0 0 15px;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 35px
}

.insights-new > div > div > div > h5 {
    color: #525252;
    line-height: 30px;
    margin: 0 0 15px;
    opacity: .6;
    font-weight: 500;
    font-size: 14px;
}

    .insights-new > div > div > div > h5 > i {
        display: inline-block;
        margin: 0 4px 0 0
    }

    .insights-new > div > div > div > h5 > span {
        display: inline-block;
        margin: 0 10px 0 0
    }

.image-section-new > img, .services-main-body > div:before {
    box-shadow: 0 0 20px rgb(94 94 94 / 10%);
    border-radius: 10px
}

.ads, .interface, .st0 {
    fill: #FFFFFF
}

.staff-augmentation-3-tiles > div, .what-makes > div {
    margin: 0 -15px
}

    .industries-lt-tiles > div > div, .staff-augmentation-3-tiles > div > div, .what-makes > div > div {
        position: relative;
        width: 100%;
        display: flex;
        padding: 0;
        flex-wrap: wrap;
        margin: 0;
        justify-content: center
    }

        .staff-augmentation-3-tiles > div > div > div.items.active > div > ul > li:before, .web-development-tiles > div > div > div:hover .list-style-dot.ul-maggin-back > li:before {
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 24.5 20'%3E%3Ccircle cx='6.5' cy='10.5' r='6.5' fill='%23ffffff'/%3E%3Cpath fill='%23ffffff' d='M14.5,0C12.1,0,10,0.8,8.3,2.2c3.8,0.8,6.9,4.2,6.9,8.3c0,3.7-2.6,6.9-5.9,8c1.5,0.9,3.3,1.5,5.2,1.5c5.5,0,10-4.5,10-10S20,0,14.5,0z'/%3E%3C/svg%3E")
        }

        .staff-augmentation-3-tiles > div > div > div.items {
            position: relative;
            width: 33.3333%;
            display: flex;
            padding: 0 15px;
            margin: 50px 0 0
        }

            .staff-augmentation-3-tiles > div > div > div.items > div {
                box-shadow: 0 0 20px rgb(0 0 0 / 10%);
                background: #ffff;
                border: 0;
                text-align: center;
                padding: 105px 15px 35px;
                margin: 0 0 30px;
                position: relative;
                width: 100%;
                border-radius: 15px
            }

            .staff-augmentation-3-tiles > div > div > div.items.active > div {
                background: linear-gradient(45deg,#22a3b3 1%,#38cddf 47%,#32c3d5 100%)
            }

            .staff-augmentation-3-tiles > div > div > div.items > div > div, .staff-augmentation-3-tiles > div > div > div.items > div > h3:before {
                background: linear-gradient(45deg,#22a3b3 1%,#38cddf 47%,#32c3d5 100%);
                margin: auto;
                position: absolute;
                left: 0;
                right: 0
            }

            .staff-augmentation-3-tiles > div > div > div.items.active > div > div .interface {
                fill: #1290a7
            }

            .staff-augmentation-3-tiles > div > div > div.items.active > div > h3:after {
                border: 6px solid #1290a7;
                background: #fff
            }

            .staff-augmentation-3-tiles > div > div > div.items > div > div {
                top: -55px;
                width: 130px;
                height: 130px;
                display: flex;
                color: #fff;
                border-radius: 50%;
                padding: 30px;
                box-shadow: 0 0 20px rgb(0 0 0 / 10%)
            }

                .staff-augmentation-3-tiles > div > div > div.items > div > div > svg {
                    width: 70px
                }

            .staff-augmentation-3-tiles > div > div > div.items > div > h3 {
                font-size: 22px;
                font-weight: 600;
                line-height: 25px;
                margin: 0 0 50px;
                width: 100%;
                position: relative
            }

                .staff-augmentation-3-tiles > div > div > div.items > div > h3:before {
                    content: '';
                    bottom: -22px;
                    height: 3px;
                    width: 170px
                }

                .staff-augmentation-3-tiles > div > div > div.items > div > h3:after {
                    content: '';
                    width: 21px;
                    height: 21px;
                    display: inline-block;
                    background: #fdd039;
                    position: absolute;
                    bottom: -31px;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    border-radius: 10px;
                    border: 6px solid #fff
                }

.new-services-main.new-services-main-left i, .cs-card i {
    left: 32px !important;
    margin: 0 !important
}

.btn-default.btn-bg {
    background: linear-gradient(237deg,#1290a7 0,#1290a7 100%) !important;
    color: #fff
}

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

    .ul-checked > li {
        padding: 0 0 0 28px;
        list-style: none;
        margin: 0;
        font-size: 15px;
        color: #525252;
        font-weight: 500;
        line-height: 28px;
        position: relative;
        transition: .5s
    }

        .ul-checked > li:before {
            position: absolute;
            left: 0;
            top: 3px;
            font-size: 20px;
            content: "\f272";
            color: #1290a7;
            transition: .5s;
            display: inline-block;
            font-family: bootstrap-icons !important;
            line-height: 1;
        }



.industries-lt-tiles > div > div > div:first-child > div:before, .timeline-new > li:before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-weight: 400 !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f269";
    color: #1290a7;
    font-size: 32px;
    font-style: normal
}

.list-style-dot.list-style-dot-2 > li > a {
    padding: 0 0 0 30px;
    background: 0 0
}

.new-services-body.new-services-body-50 > div {
    width: 50% !important
}

.new-services-body.new-services-body-no-head p {
    margin: 72px 0 0 !important
}

.new-services-main > .new-services-body, .solutions-microsoft-tiles > div {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

    .new-services-main > .new-services-body > .new-services-tile, .solutions-microsoft-tiles > div > div {
        position: relative;
        padding: 0 12px;
        display: flex;
        width: 33.3333%;
        margin: 0 0 30px
    }

        .solutions-microsoft-tiles > div > div > div {
            background-color: #fff;
            box-shadow: 0 0 20px rgb(0 0 0 / 10%);
            padding: 30px;
            border-radius: 5px;
            width: 100%;
        }

            .solutions-microsoft-tiles > div > div > div > i {
                font-size: 45px;
                transition: .5s;
                color: #1290a7;
                margin: 0 0 5px;
                display: inline-block
            }

            .solutions-microsoft-tiles > div > div > div > h3 {
                font-size: 20px;
                font-weight: 600;
                transition: .5s;
                line-height: 30px
            }

            .solutions-microsoft-tiles > div > div > div > p {
                margin: 0;
                transition: .5s
            }

.new-services-main {
    position: relative;
    display: block;
    padding: 0;
    margin: 0
}

    .new-services-main > .new-services-body > .new-services-tile > a, .cs-card {
        box-shadow: rgb(60 64 67 / 30%) 0 1px 2px 0,rgb(60 64 67 / 15%) 0 1px 3px 1px;
        position: relative;
        padding: 40px 30px;
        margin: 0;
        display: block;
        z-index: 1;
        border-radius: 5px;
        overflow: hidden;
        background-color: #fff;
        box-shadow: 0 0 20px rgb(0 0 0 / 10%);
        width: 100%
    }

        .new-services-main > .new-services-body > .new-services-tile > a:before, .cs-card:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            z-index: -1;
            border-radius: 5px;
            transition: .5s;
            width: 0
        }

        .new-services-body > .new-services-tile.three > a:before, .cs-card:before {
            background: linear-gradient(45deg,rgb(34 163 179) 1%,rgb(56 205 223) 47%,rgb(50 195 213) 100%)
        }

        .new-services-main > .new-services-body > .new-services-tile > a > .circle-layer-one, .cs-card .circle-layer-one {
            position: absolute;
            left: -220px;
            top: -220px;
            width: 384px;
            height: 384px;
            border-radius: 50%;
            background-color: rgba(255,255,255,.08);
            transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
            transform: translateX(-100px) translateY(-100px)
        }

        .new-services-main > .new-services-body > .new-services-tile > a > .circle-layer-two, .cs-card .circle-layer-two {
            position: absolute;
            left: -180px;
            top: -180px;
            width: 384px;
            height: 384px;
            border-radius: 50%;
            transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
            background-color: rgba(255,255,255,.08);
            transform: translateX(-180px) translateY(-180px)
        }

        .new-services-main > .new-services-body > .new-services-tile > a > .circle-layer-three, .cs-card .circle-layer-three {
            position: absolute;
            left: -140px;
            top: -140px;
            width: 384px;
            height: 384px;
            border-radius: 50%;
            transition: .5s;
            -moz-transition: .5s;
            -webkit-transition: .5s;
            -ms-transition: .5s;
            -o-transition: .5s;
            background-color: rgba(255,255,255,.08);
            transform: translateX(-260px) translateY(-260px)
        }

        .new-services-main > .new-services-body > .new-services-tile > a > i, .cs-card i {
            font-size: 45px;
            top: 35px;
            position: absolute;
            transition: .5s;
            width: 63px;
            left: 0;
            right: 0;
            margin: auto;
            z-index: 999;
            color: #1290a7
        }

        .new-services-main > .new-services-body > .new-services-tile > a > h3, .cs-card h3 {
            margin: 72px 0 12px;
            font-size: 20px;
            font-weight: 600;
            transition: .5s;
            line-height: 30px;
            text-align: center;
            z-index: 999;
            position: relative;
            color: #525252
        }

        .cs-card h3 {
            position: relative;
            min-height: 110px;
            display: flex;
            align-items: center;
            padding: 10px 0 10px 0;
        }

            .cs-card h3 span {
                display: -webkit-box;
                overflow: hidden;
                -webkit-box-orient: vertical;
                text-overflow: ellipsis;
                -webkit-line-clamp: 3;
                text-transform: capitalize;
            }

            .cs-card h3:before {
                content: '';
                right: 0px;
                position: absolute;
                left: -30px;
                top: 0px;
                bottom: 0;
                width: 3px;
                background: rgb(18 144 167);
                border-top-left-radius: 6px;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 6px;
            }

            .cs-card h3:after {
                content: '';
                right: 0px;
                position: absolute;
                left: -30px;
                top: 0;
                bottom: 0;
                right: -30px;
                background: #f1f1f18c;
                border-top-left-radius: 6px;
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 6px;
                z-index: -1;
            }

        .cs-card h5 {
            z-index: 999;
            font-size: 18px;
            position: absolute;
            left: 90px;
            top: 54px;
        }

        .new-services-main > .new-services-body > .new-services-tile > a > p {
            line-height: 25px;
            margin: 0;
            transition: .5s;
            text-transform: initial;
        }

        .new-services-main > .new-services-body > .new-services-tile > a:hover > .circle-layer-one, .cs-card .circle-layer-one {
            transform: translateX(0) translateY(0);
            -webkit-transition-delay: 0.3s;
            -moz-transition-delay: 0.3s;
            -ms-transition-delay: 0.3s;
            -o-transition-delay: 0.3s;
            transition-delay: 0.3s
        }

        .new-services-main > .new-services-body > .new-services-tile > a:hover > .circle-layer-two, .cs-card .circle-layer-two {
            transform: translateX(0) translateY(0);
            -webkit-transition-delay: 0.6s;
            -moz-transition-delay: 0.6s;
            -ms-transition-delay: 0.6s;
            -o-transition-delay: 0.6s;
            transition-delay: 0.6s
        }

        .new-services-main > .new-services-body > .new-services-tile > a:hover > .circle-layer-three, .cs-card .circle-layer-three {
            transform: translateX(0) translateY(0);
            -webkit-transition-delay: 0.9s;
            -moz-transition-delay: 0.9s;
            -ms-transition-delay: 0.9s;
            -o-transition-delay: 0.9s;
            transition-delay: 0.9s
        }

.navbar > ul > li > a {
    padding: 32px 10px 32px;
    color: #0a0a0a;
    font-size: 18px;
}

.header > div {
    height: 82px
}

.navbar > ul > li > ul > li > a:before, .navbar > ul > li > ul > li > ul > li > a:before, .dropdown.megamenu-50 > ul.mega-ul > li > div > div > ul > li > a:before, .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row > div > ul > li > a:before {
    content: '';
    position: absolute;
    height: 1px;
    bottom: 0;
    background: rgb(227 227 227 / 64%);
    right: 15px;
    left: 15px
}

.navbar > ul > li > ul > li:last-child > a:before, .navbar > ul > li > ul > li > ul > li:last-child > a:before {
    content: none
}

.tag-faq {
    position: relative;
    margin: 0;
    padding: 0;
    display: block
}

    .tag-faq > ul {
        position: relative;
        margin: 0 -8px;
        padding: 0;
        display: flex;
        list-style: none;
        flex-wrap: wrap
    }

        .tag-faq > ul > li {
            display: block;
            padding: 0 8px;
            margin: 0 0 16px
        }

            .tag-faq > ul > li > h5 {
                display: block;
                background: #e6e7e7;
                border-radius: 50px;
                padding: 10px 25px;
                color: #525252;
                margin: 0;
                font-weight: 500;
                font-size: 15px;
                line-height: 25px
            }

    .tag-faq.tag-faq-tl > ul {
        padding: 10px 20px;
    }

        .tag-faq.tag-faq-tl > ul > li > h5 {
            text-align: left;
            background: transparent;
            padding: 0 0 15px 0;
            border-bottom: 1px solid #ddd;
            border-radius: 0;
        }

        .tag-faq.tag-faq-tl > ul > li:last-child > h5 {
            border-bottom: none;
        }

.industries-lt-tiles > div > div > div > div {
    width: 100%;
}

.industries-lt-tiles > div > div > div:first-child > div {
    margin: 0 0 25px;
    position: relative;
    padding: 0 60px 0 0
}

    .industries-lt-tiles > div > div > div:first-child > div:before {
        position: absolute;
        right: 3px;
        top: 2px
    }

    .industries-lt-tiles > div > div > div:first-child > div:after {
        content: '';
        position: absolute;
        top: 42px;
        right: 19px;
        bottom: 16px;
        width: 2px;
        background: #f3f3f3;
        margin: auto
    }

.industries-lt-tiles > div > div > div > div > h4, .timeline-new > li > h3 {
    font-size: 20px;
    color: #525252;
    font-weight: 600;
    line-height: 34px
}

.industries-lt-tiles > div > div > div:nth-child(2) > div {
    margin: 0 0 25px;
    position: relative;
    padding: 0 0 0 60px
}

    .industries-lt-tiles > div > div > div:nth-child(2) > div:before {
        content: '';
        display: inline-block;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 400 !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -.125em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 3px;
        top: 2px;
        font-size: 32px;
        content: "\f269";
        color: #1290a7
    }

    .industries-lt-tiles > div > div > div:nth-child(2) > div:after {
        content: '';
        position: absolute;
        top: 42px;
        left: 19px;
        bottom: 16px;
        width: 2px;
        background: #f3f3f3;
        margin: auto
    }

p {
    font-size: 15px;
    color: #525252;
    font-weight: 400;
    line-height: 28px
}

.timeline-new {
    padding: 0;
    margin: 0
}

    .timeline-new > li {
        position: relative;
        list-style: none;
        margin: 0 0 16px;
        padding: 0 0 0 45px
    }

        .timeline-new > li > span {
            color: #fff;
            margin-bottom: 8px;
            display: block;
        }

        .timeline-new > li:before {
            position: absolute;
            left: 0;
            top: -5px;
        }

        .timeline-new > li:after {
            content: '';
            position: absolute;
            left: 17px;
            top: 35px;
            bottom: 7px;
            right: 0;
            width: 2px;
            background: #f3f3f3
        }

        .timeline-new > li a[href]:hover {
            text-decoration: underline;
            color: #1290a7 !important;
        }

.text-transform-initial {
    text-transform: initial !important
}

.image-section-new {
    position: relative;
    padding-top: 50px;
    padding-right: 70px;
    margin-bottom: 30px
}

    .image-section-new:before {
        position: absolute;
        content: '';
        right: 0;
        top: 0;
        width: 170px;
        height: 432px;
        background: url('../images/main-images/pattern-39.png') no-repeat;
        opacity: .5;
        z-index: -1
    }

    .image-section-new > img {
        position: relative;
        z-index: 1;
        width: 100%
    }

.services-main-body {
    display: flex;
    width: 100%;
    padding: 100px 0 0
}

    .services-main-body > div {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative
    }

        .services-main-body > div:before {
            content: '';
            position: absolute;
            left: 70px;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 1;
            background: #fff;
            padding: 25px;
            margin: 0 0 20px
        }

        .services-main-body > div:after {
            background-image: url('https://www.ishorebusinesssolutions.com/images/main-images/group413.svg');
            content: '';
            position: absolute;
            width: 198px;
            height: 147px;
            right: -84px;
            top: -73px;
            z-index: 0
        }

        .services-main-body > div > div:first-child {
            width: 35%;
            margin: -100px 0 0;
            z-index: 2;
        }

        .services-main-body > div > div {
            width: 100%;
            padding: 0 15px;
            z-index: 1;
        }

            .services-main-body > div > div:first-child > div {
                padding: 0 0 0 0;
                margin: 0 0 20px;
                border-radius: 10px;
                position: relative;
            }

                .features .tab-pane h3, .services-main-body > div > div:first-child > div > div.services-main-body-form > h5 {
                    font-family: Montserrat;
                    font-weight: 800;
                    color: #525252;
                    line-height: 35px
                }

                .services-main-body > div > div:first-child > div > div.services-main-body-form > div > div > .form-control {
                    font-size: 15px;
                    font-weight: 500;
                    opacity: 1;
                    color: #525252;
                    margin: 0 0 12px;
                    line-height: 2
                }

                    .services-main-body > div > div:first-child > div > div.services-main-body-form > div > div > .form-control:placeholder {
                        font-size: 15px;
                        font-weight: 500;
                        opacity: 1;
                        color: #525252
                    }

                .services-main-body > div > div:first-child > div > h3 {
                    font-size: 26px;
                    font-weight: 800;
                    margin: 0 0 15px;
                    padding: 0;
                    font-family: Montserrat;
                    line-height: 45px
                }

                .services-main-body > div > div:first-child > div > ul > li > h3 {
                    font-size: 17px;
                    color: #fff;
                    margin: -30px -15px 20px -20px;
                    font-weight: 500;
                    position: relative;
                    padding: 20px 0 20px 20px;
                    background: #0000004d;
                    border-top-left-radius: 5px;
                    border-top-right-radius: 5px;
                    border-bottom-right-radius: 0;
                    border-bottom-left-radius: 0;
                    letter-spacing: 1px;
                }

                    .services-main-body > div > div:first-child > div > ul > li > h3:before {
                        content: '';
                        position: absolute;
                        width: 100%;
                        left: -20px;
                        right: -15px;
                        bottom: -20px;
                        margin: auto;
                        height: 1px;
                    }

                .services-main-body > div > div:first-child > div > ul > li > a {
                    text-transform: capitalize;
                    display: block;
                    border: 0;
                    font-weight: 500;
                    font-size: 16px;
                    letter-spacing: 0;
                    text-align: left;
                    color: #fff;
                    box-shadow: none;
                    outline: 0 !important;
                    padding: 9px 5px 9px 18px;
                    width: 100%;
                    line-height: 30px;
                    position: relative;
                    margin: 0;
                    border-radius: 0;
                    transition: .3s ease-in-out;
                    cursor: pointer;
                    background: #1c4061;
                    border-radius: 5px;
                    margin: 0 0 8px 0;
                }

                .services-main-body > div > div:first-child > div > ul > li:last-child > a {
                    margin: 0 !important;
                }

                .services-main-body > div > div:first-child > div > ul > li > a.active {
                    background: #1290a7;
                }

            .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content.banner-carousel-content-all, .services-main-body > div > div:nth-child(2) {
                width: 65%
            }

.list-style-dot-default > li:before, .list-style-dot > li > a:before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 24.5 20'%3E%3Ccircle cx='6.5' cy='10.5' r='6.5' fill='%23fdd039'/%3E%3Cpath fill='%2338cbdd' d='M14.5,0C12.1,0,10,0.8,8.3,2.2c3.8,0.8,6.9,4.2,6.9,8.3c0,3.7-2.6,6.9-5.9,8c1.5,0.9,3.3,1.5,5.2,1.5c5.5,0,10-4.5,10-10S20,0,14.5,0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    width: 24px;
    height: 25px;
    background-size: 19px;
    content: '';
    bottom: 0;
    position: absolute;
    right: 0
}

.services-main-body > div > div:nth-child(2) > div {
    padding: 40px 0 60px
}

.list-style-dot-default > li {
    margin: 0 0 5px;
    position: relative;
    font-size: 15px;
    color: #525252;
    font-weight: 500;
    line-height: 28px;
    padding: 0 0 0 30px
}

    .list-style-dot-default > li > a {
        color: #525252;
    }

        .list-style-dot-default > li > a:hover {
            text-decoration: underline;
        }

    .list-style-dot-default > li:before {
        left: 0;
        top: 2px
    }

.list-style-dot > li {
    text-align: left;
    margin: 0 0 15px;
    line-height: 25px;
    position: relative;
    padding: 0 !important
}

    .list-style-dot > li > a {
        color: #525252;
        list-style: none;
        font-weight: 500;
        padding: 19px 20px 20px 50px;
        display: block;
        background: #efefef;
        border-radius: 5px
    }

.list-style-dot a:hover {
    text-decoration: underline !important;
    color: #525252 !important
}

.list-style-dot > li > a:before {
    left: 20px;
    top: 20px;
}

.services > div > div {
    display: flex
}

.insights-new ol, .insights-new ul, .new-blogs ul, .new-blogs ol {
    padding: 0;
    color: #525252;
    list-style: none
}

    .insights-new ol > li:before, .insights-new ul > li:before, .new-blogs ul > li:before, .new-blogs ol > li:before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 24.5 20'%3E%3Ccircle cx='6.5' cy='10.5' r='6.5' fill='%23fdd039'/%3E%3Cpath fill='%2338cbdd' d='M14.5,0C12.1,0,10,0.8,8.3,2.2c3.8,0.8,6.9,4.2,6.9,8.3c0,3.7-2.6,6.9-5.9,8c1.5,0.9,3.3,1.5,5.2,1.5c5.5,0,10-4.5,10-10S20,0,14.5,0z'/%3E%3C/svg%3E");
        background-repeat: no-repeat no-repeat;
        background-position: center center;
        width: 24px;
        height: 25px;
        background-size: 19px;
        content: '';
        bottom: 0;
        position: absolute;
        right: 0;
        left: 0;
        top: 2px
    }

    .insights-new ol > li, .insights-new ul > li, .new-blogs ul > li, .new-blogs ol > li {
        margin: 0 0 5px;
        position: relative;
        font-size: 15px;
        color: #525252;
        font-weight: 500;
        line-height: 28px;
        padding: 0 0 0 30px
    }

.insights-new > div > div > div h2, .insights-new > div > div > div h3, .insights-new > div > div > div h4 {
    position: relative;
}

    .insights-new > div > div > div h2:after, .insights-new > div > div > div h3:after, .insights-new > div > div > div h4:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -5px;
        right: 0;
        width: 200px;
        background: #1290a7;
        height: 2px;
    }

.main-h2, .main-h3 {
    font-family: Montserrat;
    font-weight: 800;
    color: #525252;
    text-transform: capitalize;
    line-height: 55px
}

.before-line-mid:before {
    content: '';
    position: absolute;
    width: 2px;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    margin: auto;
    background: #fff
}

.clr-bl {
    color: #1290a7 !important
}

.work-right-text {
    background: rgb(0 0 0 / 58%);
    padding: 150px;
}


.realestatePage-reviews-area {
    background-image: url('../images/main-images/NewReal-Estate-Industry-home.jpg');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative
}

.healthcarePage-reviews-area {
    background-image: url('../images/main-images/newhealthcare.jpg');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative
}


.bfsiPage-reviews-area {
    background-image: url('../images/main-images/newBfsi.jpg');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative
}



.tourismPage-reviews-area {
    background-image: url('../images/main-images/tourism.jpeg');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative
}

.retailPage-reviews-area {
    background-image: url('https://www.ishorebusinesssolutions.com/images/main-images/retail.webp');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative
}

.newretailPage-reviews-area {
    background-image: url('../images/main-images/newretailPage-reviews-area.png');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative
}

.newManufacturingPage-reviews-area {
    background-image: url('../images/main-images/newManufacturingPage-reviews-area.jpg');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative
}




.staffingPage-reviews-area {
    background-image: url('https://www.ishorebusinesssolutions.com/images/main-images/newstaffing.jfif');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative
}







.reviews-area {
    background-image: url('../images/main-images/top_banner_bg.jpeg');
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
    width: 100%;
    height: auto;
    position: relative
}

.text {
    color: #525252;
    font-weight: 400;
    line-height: 28px
}

.btn-default, .ul-check > li {
    line-height: 30px
}

    .btn-default.btn-blue {
        color: #fff;
        background-color: #1290a7;
    }

.btn-default {
    cursor: pointer;
    transition: .3s ease-in-out;
    user-select: none !important;
    color: rgb(18 144 167);
    background-color: #fff;
    box-shadow: 0 0 20px rgb(255 255 255 / 10%);
    display: inline-flex;
    font-weight: 500;
    border-radius: 5px;
    padding: 12px 35px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: none;
}

    .btn-default:hover {
        background: #0d6a7a;
        color: #fff !important;
        box-shadow: 0 0 20px rgb(14 158 183 / 20%)
    }

.ul-check {
    padding: 0;
    list-style: none
}

    .ul-check > li > a {
        display: block;
        font-weight: 600
    }

        .ul-check > li > a > i {
            margin: 0 5px 0 0
        }

.main-banner {
    padding: 82px 0 0;
}

    .main-banner > .banner-carousel {
        margin: 0;
        display: block;
        position: relative;
        width: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        padding: 30px 0;
        background: rgb(18 144 167);
    }

        .main-banner > .banner-carousel > .banner-carousel-body > div {
            display: flex;
            position: relative;
            margin: 0;
            padding: 0;
            flex-wrap: wrap;
            width: 100%;
            justify-content: center
        }

            .main-banner > .banner-carousel > .banner-carousel-body > div > div {
                display: flex;
                position: relative;
                margin: 0;
                padding: 0;
                flex-wrap: wrap;
                width: 50%;
                align-items: center
            }

                .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content > div {
                    position: relative;
                    margin: 0;
                    padding: 0;
                    flex-wrap: wrap;
                    width: 100%;
                    justify-content: center;
                    align-items: center
                }

                    .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content > div > h1 {
                        font-size: 40px;
                        color: #fff;
                        margin: 0 0 10px;
                        text-transform: initial;
                        line-height: 60px;
                        position: relative;
                        font-family: 'Playfair Display',serif !important;
                        font-weight: 700
                    }

                    .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content > div > p {
                        color: #fff;
                        font-weight: 500;
                        text-align: justify;
                        text-align-last: center;
                        width: 100%;
                        margin: auto
                    }

:root {
    scroll-behavior: smooth
}

a {
    color: #0ea2bd;
}

    a:hover {
        color: #1ec3e0
    }

.header .logo h1 {
    font-weight: 300;
    color: var(--color-secondary)
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-primary)
}

#preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    overflow: hidden;
    background: var(--color-white);
    transition: .6s ease-out;
    width: 100%;
    height: 100vh
}

    #preloader:after, #preloader:before {
        content: "";
        position: absolute;
        border: 4px solid var(--color-primary);
        border-radius: 50%;
        animation: 2s cubic-bezier(0,.2,.8,1) infinite animate-preloader
    }

    #preloader:after {
        animation-delay: -.5s
    }

@keyframes animate-preloader {
    0% {
        width: 10px;
        height: 10px;
        top: calc(50% - 5px);
        left: calc(50% - 5px);
        opacity: 1
    }

    100% {
        width: 72px;
        height: 72px;
        top: calc(50% - 36px);
        left: calc(50% - 36px);
        opacity: 0
    }
}

.section {
    padding: 80px 0;
    overflow: hidden
}

.scroll-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 15px;
    z-index: 995;
    background: var(--color-primary);
    width: 40px;
    height: 40px;
    border-radius: 4px;
    transition: .4s
}

    .scroll-top i {
        font-size: 24px;
        color: var(--color-white);
        line-height: 0
    }

    .scroll-top:hover {
        background: rgba(var(--color-primary-rgb),.85);
        color: var(--color-white)
    }

    .scroll-top.active {
        visibility: visible;
        opacity: 1
    }

@media screen and (max-width:768px) {
    [data-aos-delay] {
        transition-delay: 0 !important
    }

    .navbar .dropdown .megaMenu-leftside ul.aside-menu a.active:after {
        display: none;
    }

    .mega-menu .mega-div > div:nth-child(1) > ul > li > a {
        font-size: 13px;
        display: flex !important
    }

    .menu-icons {
        width: 22px !important;
    }

    .mega-menu.mega-menu-ex .list-menu.mega-menulist li a {
        font-size: 14px;
        box-shadow: none !important;
        min-height: auto;
        border: 1px solid rgb(204 204 204 / 47%);
    }
}

.header {
    padding: 0;
    transition: .5s;
    z-index: 997;
    background: var(--color-white);
    box-shadow: 0 2px 20px rgba(var(--color-secondary-rgb),.1);
    position: fixed;
    top: 0;
    transition: none;
}

    .header.sticked {
        background: var(--color-white);
        box-shadow: 0 2px 20px rgba(var(--color-secondary-rgb),.1)
    }

    .header .logo img {
        height: 82px;
        margin-right: 6px
    }

    .header .logo h1 {
        font-size: 32px;
        font-family: var(--font-secondary)
    }

        .header .logo h1 span {
            color: var(--color-primary);
            font-weight: 500
        }

    .header .btn-getstarted, .header .btn-getstarted:focus {
        font-size: 16px;
        color: var(--color-white);
        background: var(--color-primary);
        padding: 8px 23px;
        border-radius: 4px;
        transition: .3s;
        font-family: var(--font-secondary)
    }

        .header .btn-getstarted:focus:hover, .header .btn-getstarted:hover {
            color: var(--color-white);
            background: rgba(var(--color-primary-rgb),.85)
        }

@media(min-width:1200px) {
    .navbar {
        padding: 0;
        position: initial
    }

        .navbar ul {
            margin: 0;
            padding: 0;
            display: flex;
            list-style: none;
            align-items: center
        }

        .navbar li {
            position: relative
        }

        .navbar > ul > li {
            white-space: nowrap
        }


        .navbar a i, .navbar a:focus i {
            font-size: 12px;
            line-height: 0;
            margin-left: 5px
        }

        .navbar > ul > li > a:before {
            content: none;
            position: absolute;
            width: 100%;
            height: 2px;
            bottom: 0;
            left: 0;
            background-color: var(--color-primary);
            visibility: hidden;
            transition: .3s ease-in-out;
            transform: scaleX(0)
        }

        .navbar .active:before, .navbar a:hover:before, .navbar li:hover > a:before {
            visibility: visible;
            transform: scaleX(.7)
        }

        .navbar .active, .navbar .active:focus, .navbar a:hover, .navbar li:hover > a {
            color: var(--color-primary)
        }

        .navbar .dropdown .active:before, .navbar .dropdown a:hover:before, .navbar .dropdown:hover > a:before {
            visibility: hidden
        }

        .navbar > ul > .dropdown > ul {
            padding: 10px 0;
            top: 82px
        }

            .navbar > ul > .dropdown > ul > li > ul {
                padding: 10px 0
            }

        .navbar .dropdown ul {
            display: block;
            position: absolute;
            left: 0;
            top: 100%;
            margin: 0;
            padding: 0px;
            z-index: 99;
            opacity: 0;
            background: #fff;
            box-shadow: 0px 4px 24px 12px rgba(0,0,0,0.1);
            border-radius: 5px
        }

            .navbar .dropdown ul:not(.aside-menu,.list-style-dot) {
                visibility: hidden;
            }

            .navbar .dropdown ul li {
                min-width: 200px
            }

            .navbar .dropdown ul a {
                padding: 10px 16px;
                font-size: 15px;
                text-transform: none;
                font-weight: 400;
                /*color: #1290a7*/
            }

                .navbar .dropdown ul a[data-bs-toggle="tab"] {
                    padding: 7px 16px;
                    font-weight: 500;
                    margin: 0;
                }

                .navbar .dropdown ul a i {
                    font-size: 12px
                }

            .navbar .dropdown ul li:hover > a {
                color: #525252;
                background: #f1f1f1
            }

        .navbar .dropdown:hover > ul {
            opacity: 1;
            visibility: visible
        }

        .navbar .megamenu {
            position: static
        }

            .navbar .megamenu ul {
                right: 0;
                padding: 10px;
                display: flex
            }

                .navbar .megamenu ul li {
                    flex: 1
                }

                    .navbar .megamenu ul li a, .navbar .megamenu ul li:hover > a {
                        color: rgba(var(--color-white-rgb),.5);
                        background: 0 0
                    }

                        .navbar .megamenu ul li .active, .navbar .megamenu ul li .active:hover, .navbar .megamenu ul li a:hover {
                            color: var(--color-white);
                            background: var(--color-primary)
                        }

        .navbar .dropdown .dropdown ul {
            top: 0;
            left: calc(100% - 30px);
            visibility: hidden
        }

        .navbar .dropdown .dropdown:hover > ul {
            opacity: 1;
            top: 0;
            left: 100%;
            visibility: visible
        }

        .navbar > ul > .dropdown > ul.menu-s-mega {
            opacity: 0;
            visibility: hidden;
            display: none;
        }

        .navbar > ul > .dropdown:hover > ul.menu-s-mega {
            opacity: 1;
            visibility: visible;
            display: block;
        }

        .navbar > ul > .dropdown > ul.menu-s-mega {
            width: 500px;
        }

            .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row {
                align-items: start;
                justify-content: start;
                margin: 0;
            }

                .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row > div {
                    padding: 0 0;
                }

                    .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row > div > ul {
                        position: relative;
                        visibility: visible;
                        opacity: 1;
                        display: block;
                        box-shadow: none;
                        padding: 0;
                        margin: 0;
                        background: transparent;
                    }

                        .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row > div > ul > li:last-child {
                            width: 100%;
                            max-width: 100%;
                        }

                            .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row > div > ul > li:last-child > a:before {
                                display: none;
                            }

                        .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row > div > ul > li > a {
                            position: relative;
                            visibility: visible;
                            opacity: 1;
                            display: block;
                        }
}

@media(min-width:1280px) and (max-width:1366px) {
    .navbar .dropdown .dropdown ul {
        left: -90%
    }

    .navbar .dropdown .dropdown:hover > ul {
        left: -100%
    }
}

.featured-services .service-item:hover h4 a, .features .nav-link:hover, .footer .footer-content .footer-info h3 span, .services .service-item:hover .details .icon i, .services .service-item:hover .details h3 {
    color: var(--color-primary)
}

@media(min-width:992px) {
}

@media(max-width:991px) {
    .rq-accod {
        padding: 0 40px;
    }

        .rq-accod ul > li {
            width: 100%;
        }
}

.about .nav-link {
    font-weight: 400;
    font-family: var(--font-secondary)
}

@keyframes up-down {
    0% {
        transform: translateY(10px)
    }

    100% {
        transform: translateY(-10px)
    }
}

.pricing .buy-btn:hover, .pricing .featured .buy-btn {
    background: var(--color-primary);
    color: var(--color-white)
}

.hero .carousel-control-prev {
    justify-content: start
}

.hero .carousel-control-next {
    justify-content: end
}

@media(min-width:640px) {
    .hero .carousel-control-prev {
        padding-left: 15px
    }

    .hero .carousel-control-next {
        padding-right: 15px
    }
}

.hero .carousel-control-next-icon, .hero .carousel-control-prev-icon {
    background: 0 0;
    font-size: 26px;
    line-height: 0;
    background: rgba(var(--color-secondary-rgb),.4);
    color: rgba(var(--color-white-rgb),.98);
    border-radius: 50px;
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero .carousel-control-next-icon {
    padding-left: 3px
}

.hero .carousel-control-prev-icon {
    padding-right: 3px
}

.hero .carousel-control-next, .hero .carousel-control-prev {
    transition: .3s
}

    .hero .carousel-control-next:focus, .hero .carousel-control-prev:focus {
        opacity: .5
    }

    .hero .carousel-control-next:hover, .hero .carousel-control-prev:hover {
        opacity: .9
    }

.hero .carousel-indicators li {
    cursor: pointer;
    background: rgba(var(--color-secondary-rgb),.5);
    overflow: hidden;
    border: 0;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    opacity: .6;
    transition: .3s
}

    .hero .carousel-indicators li.active {
        opacity: 1;
        background: var(--color-primary)
    }

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

@keyframes fadeInDownLite {
    from {
        opacity: 0;
        transform: translate3d(0,-10%,0)
    }

    to {
        opacity: 1;
        transform: translate3d(0,0,0)
    }
}

.featured-services .service-item {
    padding: 30px;
    transition: .4s ease-in-out;
    background: var(--color-white);
    height: 100%;
    box-shadow: 0 0 20px rgb(94 94 94 / 10%);
    border-radius: 8px
}

    .featured-services .service-item .icon {
        margin-bottom: 10px;
        position: absolute;
        left: 15px;
        top: 8px
    }

        .featured-services .service-item .icon i {
            color: var(--color-primary);
            font-size: 36px;
            transition: .3s
        }

    .featured-services .service-item h4, .featured-services .service-item h3 {
        font-weight: 600;
        margin-bottom: 15px;
        font-size: 22px;
        padding: 0 0 0 50px
    }

        .featured-services .service-item h4 a, .featured-services .service-item h3 a {
            color: var(--color-secondary);
            transition: .3s ease-in-out
        }

    .featured-services .service-item p {
        font-size: 15px;
        margin-bottom: 0
    }

.about .nav-link, .about .tab-content h4 {
    font-size: 18px;
    color: var(--color-secondary)
}

.featured-services .service-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 0 60px 0 rgba(var(--color-secondary-rgb),.1)
}

.about h3 {
    color: var(--color-secondary);
    font-family: var(--font-secondary);
    font-weight: 300;
    font-size: 32px;
    margin-bottom: 20px
}

@media(max-width:768px) {
    .hero h2 {
        font-size: 30px
    }

    .about h3 {
        font-size: 28px
    }
}

.about .nav-pills {
    border-bottom: 1px solid rgba(var(--color-secondary-rgb),.2)
}

    .about .nav-pills li + li {
        margin-left: 40px
    }

.about .nav-link {
    background: 0 0;
    padding: 12px 0;
    margin-bottom: -2px;
    border-radius: 0
}

    .about .nav-link.active {
        color: var(--color-primary);
        background: 0 0;
        border-bottom: 3px solid var(--color-primary)
    }

.about .tab-content h4 {
    margin: 0;
    font-weight: 700
}

.about .tab-content i {
    font-size: 22px;
    line-height: 0;
    margin-right: 8px;
    color: var(--color-primary)
}

.clients {
    padding: 0 0 60px
}

    .clients .swiper-slide img {
        opacity: .5;
        transition: .3s;
        filter: grayscale(100)
    }

        .clients .swiper-slide img:hover {
            filter: none;
            opacity: 1
        }

.cta {
    padding: 0;
    margin-bottom: 60px
}

    .cta .container {
        padding: 80px;
        background: rgba(var(--color-secondary-rgb),.1);
        border-radius: 15px
    }

@media(max-width:992px) {
    .cta .container {
        padding: 60px
    }
}

.cta .content h3 {
    color: var(--color-secondary);
    font-size: 48px;
    font-weight: 700
}

    .cta .content h3 em {
        font-style: normal;
        position: relative
    }

        .cta .content h3 em:after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: 10px;
            height: 10px;
            background: rgba(var(--color-primary-rgb),.5);
            z-index: -1
        }

.cta .content p {
    color: var(--color-secondary);
    font-weight: 600;
    font-size: 18px
}

.footer .footer-content .footer-links ul a:hover {
    color: #0d6a7a;
}

.cta .content .cta-btn, .features .nav-link.active h4, .services .details .icon {
    color: var(--color-white)
}

.cta .content .cta-btn {
    font-weight: 500;
    font-size: 16px;
    display: inline-block;
    padding: 12px 40px;
    border-radius: 5px;
    transition: .5s;
    margin-top: 10px;
    background: rgba(var(--color-primary-dark-rgb),.9)
}

    .cta .content .cta-btn:hover {
        background: var(--color-primary)
    }

.cta .img:before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(var(--color-white-rgb),.5);
    border-radius: 15px;
    transform: rotate(12deg)
}

.cta .img:after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(var(--color-white-rgb),.9);
    border-radius: 15px;
    transform: rotate(6deg)
}

.cta .img img {
    position: relative;
    z-index: 3;
    border-radius: 15px
}

@media(min-width:768px) {
    .rq-vall {
        width: 100% !important;
        padding: 0.375rem 2.25rem 0.375rem 3.25rem !important;
        border-radius: 50px !important;
        overflow: initial !important;
    }

        .rq-vall > i {
            position: absolute;
            height: 50px;
            width: 50px;
            top: -5px;
            left: -10px;
            background: #1290a7;
            border: 3px solid #ffff;
            border-radius: 50%;
            font-size: 37px;
            margin: auto;
            padding: 3px 0 0 0;
        }
}

.blog .sidebar .categories ul, .blog .sidebar .tags ul, .features .tab-pane ul {
    list-style: none;
    padding: 0
}

    .features .tab-pane ul li {
        padding-bottom: 10px
    }

.features .tab-pane p:last-child {
    margin-bottom: 0
}

@keyframes pulsate-btn {
    0% {
        transform: scale(.6,.6);
        opacity: 1
    }

    100% {
        transform: scale(1,1);
        opacity: 0
    }
}

.faq .accordion-collapse, .features .nav-tabs {
    border: 0
}

.features .nav-link {
    border: 0;
    padding: 25px 20px;
    color: var(--color-secondary);
    box-shadow: 0 0 30px 1px #e3eae9;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    transition: none;
    cursor: pointer;
    height: 100%
}

    .features .nav-link i {
        font-size: 32px;
        line-height: 0
    }

    .features .nav-link h4 {
        font-size: 20px;
        font-weight: 600;
        margin: 0;
        color: var(--color-secondary);
        line-height: 30px
    }

    .features .nav-link.active {
        transition: .3s;
        background: var(--color-secondary) linear-gradient(rgba(var(--color-primary-rgb),.95),rgba(var(--color-primary-rgb),.6));
        border-color: var(--color-primary)
    }

        .features .nav-link.active i {
            color: var(--color-white) !important
        }

.features .tab-content {
    margin-top: 30px
}

.features .tab-pane.active {
    animation: .5s ease-out fadeIn
}

.features .tab-pane ul i {
    font-size: 24px;
    margin-right: 4px;
    color: var(--color-primary)
}

@keyframes fadeIn {
    0%,from {
        opacity: 0
    }

    100%,to {
        opacity: 1
    }
}

.services .img, .team .team-member .member-img {
    border-radius: 8px;
    width: 100%;
    overflow: hidden
}

    .services .img img {
        transition: .6s
    }

.services .details {
    padding: 50px 15px;
    margin: -100px 15px 0;
    transition: .3s ease-in-out;
    background: var(--color-white);
    position: relative;
    background: rgba(var(--color-white-rgb),1859);
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 25px rgba(var(--color-black-rgb),.1);
    display: flex;
    flex-wrap: wrap
}

    .services .details .icon {
        margin: 0 0 20px;
        width: 72px;
        height: 72px;
        background: var(--color-primary);
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 28px;
        transition: .3s ease-in-out;
        position: absolute;
        top: -36px;
        left: calc(50% - 36px);
        border: 6px solid var(--color-white)
    }

    .services .details h3 {
        color: var(--color-default);
        font-weight: 700;
        margin: 10px 0 15px;
        font-size: 22px;
        transition: .3s ease-in-out;
        text-transform: capitalize
    }

    .services .details p {
        font-size: 15px;
        color: #525252;
        font-weight: 500;
        line-height: 28px;
        text-align: justify;
        text-align-last: center
    }

    .services .details a {
        display: block;
        text-align: center;
        width: 100%
    }

.services .service-item:hover .details .icon {
    background: var(--color-white);
    border: 2px solid var(--color-primary)
}

.services .service-item:hover .img img {
    transform: scale(1.2)
}

.contact .map {
    margin-bottom: 40px
}

.pricing ul .na, .pricing ul .na i {
    color: rgba(var(--color-gray-rgb),.5)
}

.pricing {
    background: rgba(var(--color-secondary-rgb),.04)
}

    .pricing .pricing-item {
        padding: 60px 40px;
        box-shadow: 0 3px 20px -2px rgba(var(--color-gray-rgb),.15);
        background: var(--color-white);
        height: 100%;
        display: flex;
        flex-direction: column;
        border: 4px solid var(--color-white);
        border-radius: 10px;
        overflow: hidden
    }

    .pricing h3 {
        font-weight: 600;
        margin-bottom: 5px;
        font-size: 36px;
        color: var(--color-white)
    }

    .pricing h4 {
        font-size: 48px;
        color: var(--color-white);
        font-weight: 400;
        font-family: var(--font-primary);
        margin-bottom: 0
    }

        .pricing h4 sup {
            font-size: 28px
        }

        .pricing h4 span {
            color: rgba(var(--color-white-rgb),.6);
            font-size: 24px
        }

    .pricing ul {
        padding: 30px 0;
        list-style: none;
        color: var(--color-gray);
        text-align: left;
        line-height: 20px
    }

        .footer .footer-content .footer-links ul li, .pricing ul li {
            padding: 10px 0;
            display: flex;
            align-items: center
        }

        .pricing ul i {
            color: var(--color-primary);
            font-size: 36px;
            padding-right: 3px;
            line-height: 0
        }

        .pricing ul .na i {
            font-size: 24px;
            padding-left: 4px
        }

        .pricing ul .na span {
            text-decoration: line-through
        }

    .pricing .buy-btn {
        display: inline-block;
        padding: 12px 40px;
        border-radius: 6px;
        color: var(--color-primary);
        transition: .3s;
        font-size: 16px;
        font-weight: 700;
        border: 1px solid var(--color-primary)
    }

    .pricing .featured {
        border-color: var(--color-primary)
    }

.faq .content h3 {
    font-weight: 400;
    font-size: 34px;
    color: var(--color-secondary)
}

.faq .content h4 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 5px
}

.faq .content p {
    font-size: 15px;
    color: var(--color-gray)
}

.faq .img {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 400px
}

.faq .accordion-item {
    margin-bottom: 15px;
    border-radius: 33px !important;
    background: #f9f9f9;
    border: 1px solid #1290a7 !important;
}

.faq .accordion-body, .faq .accordion-button {
    border: 0;
    font-weight: 500;
    background: 0 0;
    box-shadow: none
}

.faq .accordion-button {
    padding: 15px 30px 15px 51px;
    font-size: 16px;
    color: var(--color-default);
    text-align: left;
    color: #525252;
    line-height: 34px;
    text-transform: capitalize
}

    .faq .accordion-button:not(.collapsed) {
        color: var(--color-primary);
        border-bottom: 0;
        box-shadow: none
    }

.faq .accordion-button {
    /* color: var(--color-primary);*/
}

.faq .question-icon {
    position: absolute;
    top: 15px;
    left: 20px;
    font-size: 22px;
    color: var(--color-primary)
}

.faq.rq-accod .accordion-button:after {
    top: 17px;
}

.faq .accordion-button:after {
    position: absolute;
    right: 17px;
    top: 17px;
    color: var(--color-primary);
    opacity: .4;
}

.faq .accordion-body {
    padding: 0 30px 25px;
    border-radius: 5px;
    font-size: 15px;
    color: #525252;
    line-height: 28px
}

    .faq .accordion-body p {
        margin: 0;
    }

.contact .info, .team .team-member .member-info {
    box-shadow: 0 2px 15px rgba(var(--color-black-rgb),.1)
}

@media(max-width:575px) {
    .about .nav-link {
        font-size: 16px
    }
}

.team .team-member .social {
    position: absolute;
    left: 0;
    top: -18px;
    right: 0;
    opacity: 0;
    transition: .3s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center
}

    .team .team-member .social a {
        transition: .3s;
        color: var(--color-white);
        background: var(--color-primary);
        margin: 0 5px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 50%
    }

        .team .team-member .social a i {
            line-height: 0;
            font-size: 16px
        }

        .team .team-member .social a:hover {
            background: var(--color-primary-light)
        }

    .team .team-member .social i {
        font-size: 18px;
        margin: 0 2px
    }

.team .team-member .member-info {
    padding: 30px 15px;
    text-align: center;
    background: var(--color-white);
    margin: -50px 20px 0;
    position: relative;
    border-radius: 8px
}

    .team .team-member .member-info h4 {
        font-weight: 400;
        margin-bottom: 5px;
        font-size: 24px;
        color: var(--color-secondary)
    }

    .team .team-member .member-info span {
        display: block;
        font-size: 16px;
        font-weight: 400;
        color: var(--color-gray)
    }

    .team .team-member .member-info p {
        font-style: italic;
        font-size: 14px;
        line-height: 26px;
        color: var(--color-gray)
    }

.contact .map iframe {
    border: 0;
    width: 100%;
    height: 400px
}

.contact .info {
    padding: 40px;
    overflow: hidden
}

    .contact .info h3 {
        font-weight: 600;
        font-size: 24px
    }

    .contact .info p {
        color: var(--color-secondary-light);
        margin-bottom: 30px;
        font-size: 15px
    }

.contact .info-item + .info-item {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgba(var(--color-secondary-rgb),.15)
}

.contact .info-item i {
    font-size: 24px;
    color: var(--color-primary);
    transition: .3s ease-in-out;
    margin-right: 20px
}

.contact .info-item h4 {
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
    color: var(--color-secondary)
}

.contact .info-item p {
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: var(--color-secondary-light)
}

.footer .footer-content .footer-newsletter form input[type=button]:hover {
    background: rgba(var(--color-primary-rgb),.85)
}

@keyframes animate-loading {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.blog .sidebar .categories ul a {
    color: var(--color-secondary);
    transition: .3s
}

.blog .sidebar .tags ul li {
    display: inline-block
}

.blog .sidebar {
    padding: 30px;
    box-shadow: 0 4px 16px rgba(var(--color-black-rgb),.1)
}

    .blog .sidebar .sidebar-item + .sidebar-item {
        margin-top: 40px
    }

    .blog .sidebar .categories ul li + li {
        padding-top: 10px
    }

    .blog .sidebar .categories ul a:hover {
        color: var(--color-default)
    }

    .blog .sidebar .categories ul a span {
        padding-left: 5px;
        color: rgba(var(--color-default-rgb),.4);
        font-size: 14px
    }

    .blog .sidebar .tags {
        margin-bottom: -10px
    }

        .blog .sidebar .tags ul a {
            color: var(--color-secondary-light);
            font-size: 14px;
            padding: 6px 14px;
            margin: 0 6px 8px 0;
            border: 1px solid rgba(var(--color-secondary-light-rgb),.8);
            display: inline-block;
            transition: .3s
        }

            .blog .sidebar .tags ul a:hover {
                color: var(--color-white);
                border: 1px solid var(--color-primary);
                background: var(--color-primary)
            }

            .blog .sidebar .tags ul a span {
                padding-left: 5px;
                color: rgba(var(--color-secondary-light-rgb),.8);
                font-size: 14px
            }

.footer {
    color: var(--color-white);
    font-size: 15px
}

    .footer .footer-content {
        background: #f1f1f1;
        padding: 50px 0 50px;
    }

        .footer .footer-content .footer-info, .footer .footer-content .footer-links {
            margin-bottom: 30px
        }

            .footer .footer-content .footer-info h3 {
                font-size: 28px;
                margin: 0 0 20px;
                padding: 2px 0;
                line-height: 1;
                font-weight: 700;
                text-transform: uppercase
            }

            .footer .footer-content .footer-info p {
                font-size: 15px;
                line-height: 24px;
                margin-bottom: 0;
                font-family: var(--font-primary);
                color: var(--color-white)
            }

        .footer .footer-content h4 {
            font-size: 18px;
            font-weight: 500;
            color: #525252;
            position: relative;
            padding-bottom: 12px;
            margin-bottom: 15px;
        }

            .footer .footer-content h4::after {
                content: "";
                position: absolute;
                display: block;
                width: 20px;
                height: 2px;
                background: #525252;
                bottom: 0;
                left: 0
            }

        .footer .footer-content .footer-links ul i {
            padding-right: 3px;
            color: #525252;
            font-size: 12px;
            line-height: 1
        }

        .footer .footer-content .footer-links ul li:first-child {
            padding-top: 0
        }

        .footer .footer-content .footer-links ul a {
            transition: .3s;
            display: inline-block;
            line-height: 1;
            color: #525252;
            font-weight: 400
        }

        .footer .footer-content .footer-newsletter form {
            margin-top: 30px;
            background: var(--color-white);
            padding: 6px 10px;
            position: relative;
            border-radius: 4px
        }

            .footer .footer-content .footer-newsletter form input[type=email] {
                border: 0;
                padding: 4px;
                width: calc(100% - 110px)
            }

                .footer .footer-content .footer-newsletter form input[type=email]:focus-visible {
                    outline: 0
                }

            .footer .footer-content .footer-newsletter form input[type=button] {
                position: absolute;
                top: 0;
                right: -2px;
                bottom: 0;
                border: 0;
                background: 0 0;
                font-size: 15px;
                padding: 0 20px;
                background: rgb(18 144 167);
                color: var(--color-white);
                transition: .3s;
                border-radius: 0 4px 4px 0;
                font-weight: 500;
            }

    .footer .footer-legal {
        padding: 12px 0;
        background: #d7d7d7;
        color: #525252;
        font-weight: 500;
    }

        .footer .footer-legal .credits {
            padding-top: 4px;
            font-size: 13px;
            color: var(--color-white)
        }

            .footer .footer-legal .credits a {
                color: var(--color-primary-light)
            }

        .footer .footer-legal .social-links a {
            font-size: 18px;
            display: inline-block;
            background: rgba(var(--color-white-rgb),.1);
            color: var(--color-white);
            line-height: 1;
            padding: 8px 0;
            margin-right: 4px;
            border-radius: 4px;
            text-align: center;
            width: 36px;
            height: 36px;
            transition: .3s
        }

            .footer .footer-legal .social-links a.twitter {
                background: #00acee;
            }

            .footer .footer-legal .social-links a.facebook {
                background: #3b5998;
            }

            .footer .footer-legal .social-links a.linkedin {
                background: #0077b5
            }

            .footer .footer-legal .social-links a:hover {
                background: var(--color-primary);
                text-decoration: none
            }

@media screen and (max-width:1399px) and (min-width:1200px) {
    .case-study-new > div:nth-child(7), .case-study-new > div:nth-child(8) {
        width: 50%;
    }
}

@media(max-width:1399px) {
    .section-choose {
        margin: 0 0 0 0;
        padding-top: 0 !important;
    }

    .exclusive-section {
        margin: 0 0 0 0 !important;
    }

    .navbar > ul > li > a {
        padding: 32px 5px 27px;
    }

    .toogle-mobile .back-btn.newback-btn {
        right: 60px;
        height: 45px;
    }

        .toogle-mobile .back-btn.newback-btn.lg {
            right: 10px;
        }

    .toogle-mobile-btn .offers {
        display: block;
        position: absolute;
        left: -120px;
        color: #525252;
        font-weight: 500;
        text-decoration: underline;
        font-size: 19px;
        top: 9px;
    }

    .toogle-mobile-btn {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background: #0b3155;
        color: #fff;
        border: 0;
        width: 45px;
        height: 45px;
        font-size: 23px;
        border-radius: 5px;
    }

    .case-study-new > div {
        width: 33.3333%;
    }

    .footer-content > .container > .row > div:nth-child(2) {
        margin-top: 60px;
    }

    .footer-content > .container > .row > div:nth-child(3) {
        margin-top: 0;
    }

    .footer-content > .container > .row > div:nth-child(2) {
        margin-top: 60px;
    }

    .services-main-body > div:before {
        display: none;
    }

    .aside-menu > li > ul > li > a {
        padding: 7px 10px !important;
    }

    .services-main-body > div:before {
        left: 0;
        padding: 0 0;
    }

    .services-main-body > div > div {
        width: 100% !important;
        padding: 0 20px;
    }

        .services-main-body > div > div:nth-child(2) {
            background: #fff;
            box-shadow: 0 0 20px rgb(94 94 94 / 10%);
            border-radius: 10px;
        }

            .services-main-body > div > div:nth-child(2) > div {
                padding: 20px 0 60px;
            }

        .services-main-body > div > div:first-child {
            margin: 0 0 20px 0;
            padding: 0;
            background: transparent !important;
            box-shadow: none !important;
        }

    .services-main-body {
        padding: 0;
    }

    .download-case-study {
        display: none;
    }

    .work-right-text {
        padding: 50px
    }
}

@media(max-width:1279px) {
    .carouseltexting > div {
        padding: 50px 60px 80px 60px;
    }

    .header .btn-getstarted, .header .btn-getstarted:focus {
        margin-right: 50px
    }
}

@media(min-width:1200px) {
    .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content.banner-carousel-content-all.banner-carousel-content-cs {
        width: 80%;
    }
}

@media(max-width:1199px) {
    .aside-menu {
        padding: 0;
        margin: 0;
        box-shadow: none;
    }

        .aside-menu > li > ul:before, .aside-menu > li > ul:before {
            display: none;
        }

        .aside-menu > li > a {
            display: none;
        }

        .aside-menu > li > ul {
            position: relative;
            background: #fff;
            width: 100%;
            visibility: visible;
            z-index: initial;
            opacity: 1;
            left: 0;
            top: 0;
            padding: 30px 15px 30px 20px;
            margin: 0;
            list-style: none;
            background-color: #0b3155;
            box-shadow: 0 0 20px rgb(94 94 94 / 30%);
            border-radius: 5px;
        }

            .aside-menu > li > ul > li > a {
                border: 0;
                font-weight: 500;
                font-size: 16px;
                color: #fff;
                outline: 0 !important;
                padding: 9px 5px 9px 18px;
                width: 100%;
                line-height: 30px;
                position: relative;
                cursor: pointer;
                background: #1c4061;
                border-radius: 5px;
                margin: 0 0 8px 0;
                display: block;
            }

    #tooglemobileID.toogle-mobile > .navbar.aside-menu-body > ul > li > a.show:before {
        transform: rotate(-90deg) !important;
    }

    #tooglemobileID.toogle-mobile > .navbar.aside-menu-body > ul > li > a:before {
        transform: rotate(90deg) !important;
        transition: .3s ease-in-out;
    }

    #tooglemobileID.toogle-mobile > .navbar.aside-menu-body > ul > li > ul[data-bs-popper="static"] {
        display: block;
    }

    #tooglemobileID.toogle-mobile > .navbar.aside-menu-body > ul > li > ul {
        position: relative;
        left: 0;
        top: 0;
        padding: 10px;
        background: #fff;
        margin: 8px 0 10px 0;
        width: 100%;
        bottom: initial;
        border-radius: 5px;
        display: none;
    }

        #tooglemobileID.toogle-mobile > .navbar.aside-menu-body > ul > li > ul > li > a {
            background: #f5f5f5;
            color: #525252;
        }

    #tooglemobileID.toogle-mobile {
        position: relative;
        margin: 0;
    }

        #tooglemobileID.toogle-mobile > .navbar.aside-menu-body {
            padding: 0;
            display: none;
        }

    .mega-head {
        display: none;
    }

    .mega-menu .mega-div .tab-content ul > li > a:hover {
        background: #f1f1f1;
    }

    .mega-menu .mega-div .col-md-6 ul {
        margin: 0;
        background: #fbfbfb;
    }

    .mega-menu .mega-div .col-md-6:nth-child(2) .list-style-dot {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom: 0;
    }

    .mega-menu .mega-div .col-md-6:nth-child(3) .list-style-dot {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
    }

    .mega-menu > ul {
        overflow: hidden;
    }

    .mega-menu .mega-div .tab-content {
        padding: 0px 0 0 15px;
    }

    .mega-menu > ul > li {
        padding: 0px 10px;
    }

    .mega-menu .mega-div > div:nth-child(1) > ul {
        background: #fff;
        border: none;
        margin: 0;
        padding: 10px 0 0 20px;
    }

    .mega-menu .mega-div .tab-pane .col-md-6 {
        width: 100%;
    }

    .mega-menu .mega-div > div:nth-child(1) > ul > li > a {
        display: block;
        color: #525252;
    }

    .navbar {
        position: fixed;
        top: 0;
        left: -100%;
        width: calc(100% - 20%);
        bottom: 0;
        transition: .3s;
        z-index: 9997
    }

        .navbar ul:not(.aside-menu,.left) {
            position: absolute;
            inset: 0;
            padding: 10px 0;
            margin: 0;
            background: #fff;
            overflow-y: auto;
            transition: .3s;
            z-index: 9998
        }

        .navbar a, .navbar a:focus {
            display: flex;
            align-items: center;
            justify-content: start;
            padding: 12px 20px !important;
            font-size: 15px;
            font-weight: 500;
            color: #525252;
            white-space: nowrap;
            transition: .3s;
            position: relative
        }

            .navbar a i, .navbar a:focus i {
                font-size: 12px;
                line-height: 0;
                margin-left: 5px
            }

            .navbar .active, .navbar .active:focus, .navbar a:hover, .navbar li:hover > a {
                color: #1290a7
            }

        .navbar .dropdown .dropdown ul, .navbar .dropdown ul {
            position: static;
            display: none;
            padding: 10px 0;
            margin: 10px 20px;
            transition: .5s ease-in-out;
            border: 1px solid rgb(227 227 227 / 64%);
            border-radius: 8px;
        }

        .navbar .dropdown .dropdown > .dropdown-active, .navbar .dropdown > .dropdown-active {
            display: block
        }

    .mobile-nav-toggle {
        display: block !important;
        color: var(--color-secondary);
        font-size: 28px;
        cursor: pointer;
        line-height: 0;
        transition: .5s;
        position: absolute;
        top: 0;
        right: 15px;
        z-index: 9999;
        bottom: 0;
        margin: auto;
        width: 28px;
        height: 28px;
    }

        .mobile-nav-toggle.bi-x {
            color: var(--color-white)
        }

    .mobile-nav-active {
        overflow: hidden;
        z-index: 9995;
        position: relative
    }

        .mobile-nav-active .navbar {
            left: 0
        }

            .mobile-nav-active .navbar:before {
                content: "";
                position: fixed;
                inset: 0;
                background: rgba(var(--color-secondary-rgb),.8);
                z-index: 9996
            }

    .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row {
        flex-wrap: wrap;
        margin: 0;
    }

        .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row > div {
            width: 100%;
            padding: 0;
        }

            .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row > div > ul {
                display: block;
                margin: 0;
                border: 0;
                padding: 0;
            }

            .navbar > ul > .dropdown > ul.menu-s-mega > li > div.row > div:last-child > ul > li:last-child > a:before {
                display: none;
            }
}

@media(max-width:1199px) {
    .exclusive-tile > div:last-child > div {
        margin: 0 0 0px 0;
    }

    .exclusive-tile > div > div {
        margin: 0 0 70px 0;
    }

    .exclusive-tile.exclusive-tile-2 > div > div {
        padding-top: 100px;
    }

    .mega-menu .mega-div .tab-pane > .row > .col-md-12 {
        padding: 0 !important;
    }

    .mega-menu.mega-menu-ex > ul > li .list-menu > li i {
        left: 10px;
    }

    .mega-menu.mega-menu-ex .mega-div .tab-content {
        padding: 0;
    }

    .mega-menu.mega-menu-ex > ul > li .list-menu > li {
        width: 50%;
    }

        .mega-menu.mega-menu-ex > ul > li .list-menu > li a {
            padding: 15px 15px 15px 18px !important;
            font-size: 14px;
        }

    .mega-menu.mega-menu-ex .list-menu.mega-menulist li a p {
        font-size: 13px;
        margin: 3px 0px 0px;
        line-height: 20px;
        -webkit-line-clamp: 3;
    }

    .mega-menu.mega-menu-ex > ul > li .list-style-dot {
        margin: 10px 12px 0px 12px;
        border: 0px;
    }

    .mega-menu.mega-menu-ex > ul {
        position: relative !important;
        display: none;
        padding: 5px 0 !important;
        margin: 10px 20px;
        transition: .5s ease-in-out;
        border: 1px solid rgb(227 227 227 / 64%) !important;
        border-radius: 8px !important;
    }

        .mega-menu.mega-menu-ex > ul .mega-div:before {
            display: none;
        }

        .mega-menu.mega-menu-ex > ul > li .list-menu.partnership-tiles > li > i {
            top: 12px;
        }

    .mega-menu .mega-div ul.partnership-tiles {
        padding: 0 10px !important;
        margin: 0 !important;
        border: 0;
    }

    .mega-menu.mega-menu-ex > ul > li .list-menu.partnership-tiles > li > i:before {
        height: 40px;
        width: 40px;
    }

    .mega-menu.mega-menu-ex > ul > li .list-menu.partnership-tiles > li {
        margin: 0 0 10px 0;
    }

        .mega-menu.mega-menu-ex > ul > li .list-menu.partnership-tiles > li > a {
            border: 1px solid rgb(227 227 227 / 64%) !important;
            padding: 15px 15px 15px 55px !important
        }

    .dropdown-contact {
        display: block !important;
    }

    .dropdown.dropdown-btn {
        display: none;
    }

    .mega-menu .mega-div > div:nth-child(1) > ul > li > a {
        padding: 7px 5px !important;
        margin: 0;
        background: transparent;
        border-bottom: 1px solid #e3e3e3a3;
    }

        .mega-menu .mega-div > div:nth-child(1) > ul > li > a.active {
            background: transparent;
            color: #1290a7 !important;
        }

    body .mega-menu .mega-div > div:nth-child(1) > ul > li a:before {
        display: inline-block !important;
        font-family: bootstrap-icons !important;
        font-style: normal;
        font-weight: 400 !important;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        vertical-align: -0.125em;
        -webkit-font-smoothing: antialiased;
        position: absolute;
        right: 13px;
        top: 17px;
        z-index: 1;
        font-size: 16px;
        content: "\f282" !important;
    }

    body .mega-menu .mega-div > div:nth-child(1) > ul > li a:before {
        font-size: 14px;
        top: 15px;
        right: 1px;
    }

    .mega-menu .mega-div .tab-content {
        padding: 10px 0 0 0;
    }

    .mega-menu .mega-div > div:nth-child(1) > ul > li > a.active:after {
        content: none;
    }

    .mega-menu .mega-div > div {
        width: 100% !important;
    }

    .insights-new.insights-new-3 > div > div {
        width: 50%;
        padding: 0px 10px;
    }

    .case-study-new > div {
        width: 50%;
    }

    .footer-content > .container > .row > div:nth-child(2) {
        margin-top: 0px;
    }

    .list-style-check > li, .list-style-check.list-style-check-3 > li {
        width: 100%;
    }

    .carouseltexting > div {
        padding: 40px 30px 80px;
    }

    .attach-file > div {
        padding: 14px 0 12px 155px;
    }

    .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content.banner-carousel-content-all, .what-makes > div > div > div {
        width: 100%
    }
}

@media(max-width:991px) {
    .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-right {
        display: none;
    }

    .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left {
        width: 100%;
    }

        .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left > .creative-carousel-left-full {
            padding: 0 15px;
        }

    .cs-card h3 {
        overflow: visible;
        -webkit-box-orient: initial;
        text-overflow: initial;
        -webkit-line-clamp: initial;
    }

        .cs-card h3 span {
            display: block;
            overflow: visible;
            -webkit-box-orient: initial;
            text-overflow: initial;
            -webkit-line-clamp: initial;
        }

    .blog-latest-d > h2.main {
        font-size: 35px;
        line-height: 55px;
    }

    .blogs-new > div > div > div > p {
        overflow: visible;
        -webkit-box-orient: initial;
        text-overflow: initial;
        -webkit-line-clamp: initial;
        min-height: auto;
    }

    .blogs-new > div > div > h3 {
        min-height: auto; /* line-height:0px;*/
    }

    .blogs-new > div > div > div > h3 span {
        padding: 0;
        overflow: visible;
        -webkit-box-orient: initial;
        text-overflow: initial;
        -webkit-line-clamp: initial;
        min-height: auto; /* line-height:33px;*/
    }

    .blogs-new > div > div > div > h3:before {
    }

    .insights-new.insights-new-3 > div > div {
        width: 100%;
    }

    .case-study-new > div {
        width: 100%;
    }

    .services-main-body > div > div {
        padding: 0;
    }

        .services-main-body > div > div:first-child {
            margin: 0 0 20px 0;
        }

    .services-main-body {
        padding: 0;
    }

        .services-main-body .back-btn {
            right: 0px;
        }

    .new-blogs > div > a > h2, .new-blogs > div > div > h2, .main-head {
        font-size: 35px;
        line-height: 50px;
    }

    .new-blogs {
        padding: 0;
    }

    .insights-new-heading h3 {
        min-height: initial;
    }

    .insights-new.insights-new-p {
        padding: 0
    }

    .ex-btn {
        padding: 0 20px;
        margin: -73px 0 0 0;
    }

        .ex-btn a {
            font-size: 15px;
        }

    .attach-file > div {
        padding: 62px 0 0 0;
    }

    .request-a-quote-banner > div:nth-child(2) {
        display: none;
    }

    .request-a-quote-banner > div:first-child {
        padding: 0
    }

    .services-main-body > div > div:first-child > div > ul > li > a.active {
        margin: 0
    }

    .featured-services .service-item h4, .featured-services .service-item h3, .services-main-body > div > div:first-child > div {
        padding: 0
    }

    .featured-services .service-item .icon {
        position: relative;
        top: 0;
        left: 0
    }

    .industries-lt-tiles > div > div > div, .insights-new > div > div, .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content > div > p, .staff-augmentation-3-tiles > div > div > div.items {
        width: 100%
    }

    .before-line-mid:before, .services-main-body > div:before, .we-offer {
        display: none
    }

    .new-services-main > .new-services-body > .new-services-tile, .solutions-microsoft-tiles > div > div {
        width: 50%
    }

    .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content {
        width: 100%;
        padding: 0 20px
    }

    .before-line-mid > div {
        position: relative
    }

        .before-line-mid > div:first-child:before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            right: 0;
            width: 100%;
            height: 2px;
            background: #fff
        }

    .industries-lt-tiles > div > div > div:first-child {
        text-align: left
    }

        .industries-lt-tiles > div > div > div:first-child > div {
            padding: 0 0 0 60px
        }

            .industries-lt-tiles > div > div > div:first-child > div:before {
                right: initial;
                left: 3px
            }

            .industries-lt-tiles > div > div > div:first-child > div:after {
                right: initial;
                left: 19px
            }

    .industries-lt-tiles > div > div > div > div > h4, .timeline-new > li > h3 {
        font-size: 18px
    }

    .image-section-new {
        padding-top: 30px;
        padding-right: 40px
    }

    .main-h2 {
        font-size: 22px;
        line-height: 32px
    }

    .services-main-body > div > div:nth-child(2) > div {
        padding: 25px;
    }

    .thankyou .thankyou-body > div {
        padding: 15px 40px 50px 40px;
    }
}

@media(max-width:767px) {
    .w-md-100 {
        width: 100%;
    }

    .mega-menu.mega-menu-ex > ul > li .list-menu > li {
        width: 100% !important;
    }

    .blog-latest-d > h2.main {
        font-size: 30px;
    }

    .offer-tiles > div:nth-child(1) {
        width: 100%;
        padding: 0 0 20px 0;
    }

    .offer-tiles > div:nth-child(2) {
        padding: 0;
        width: 100%;
    }

    .navbar {
        width: 100%;
    }

        .navbar > ul {
            padding: 50px 0 10px 0 !important;
        }

    .mobile-nav-toggle {
        color: #525252 !important;
        transition: none !important;
    }

        .mobile-nav-toggle.bi-x {
            top: 15px;
            margin: 0;
        }

    .header {
        top: 0;
        position: absolute;
    }

    .main-banner {
        padding: 82px 0 0;
    }

    .header-top > div > div > div {
        display: none;
    }

    .header-top ul.right {
        text-align: left;
    }

    .new-blogs > div {
        margin: 0 0 20px 0;
    }

        .new-blogs > div > a > h2, .new-blogs > div > div > h2, .main-head {
            font-size: 25px;
            line-height: 40px;
        }

    .rq-vall {
        background: transparent !important;
        box-shadow: none !important;
        padding: 0;
        color: #1290a7 !important;
        text-decoration: underline;
        margin: 0 0 12px 0;
        float: right;
    }

        .rq-vall > i {
            display: none;
        }

    .ft-offer p {
        text-align: left;
        padding: 0 15px
    }

        .ft-offer p a {
            display: block !important;
            margin: 4px 0 0 0 !important;
        }

    .thankyou .thankyou-body > div > figure {
        height: 152px;
        width: 208px;
    }

    .thankyou .thankyou-body > div {
        padding: 15px 20px 40px 20px;
    }

    .new-services-main.new-services-main-imgs > .new-services-body > .new-services-tile {
        width: 100%;
    }

    .job-opening-box > div:first-child > span, .new-services-main > .new-services-body > .new-services-tile, .solutions-microsoft-tiles > div > div {
        width: 100%
    }

    .job-opening-box > div:nth-child(2) {
        position: relative;
        margin: 20px 0 0;
        padding: 0
    }

    .how-we-work-tiles > .items > .items-body:before {
        right: initial;
        left: 3px
    }

    .how-we-work-tiles > .items > .items-body, .how-we-work-tiles > .items > .items-body > h3, .how-we-work-tiles > .items > .items-body > p {
        text-align: left
    }

        .how-we-work-tiles > .items > .items-body:after {
            right: initial
        }

        .how-we-work-tiles > .items > .items-body > img {
            margin: 0
        }

        .how-we-work-tiles > .items > .items-body > .items-in:before {
            right: initial;
            left: -3px
        }

    .how-we-work-tiles > .items:nth-child(5) > .items-body > .items-in:before {
        left: 0
    }

    .how-we-work-tiles > .items > .items-body > .items-in > div > .items:first-child {
        text-align: left;
        width: 100%;
        margin: 0 0 30px
    }

        .how-we-work-tiles > .items > .items-body > .items-in > div > .items:first-child > div, .how-we-work-tiles > .items > .items-body > .items-in > div > .items:nth-child(2) > div {
            padding: 0 0 0 20px
        }

            .how-we-work-tiles > .items > .items-body > .items-in > div > .items:first-child > div > ul > li {
                padding: 0 0 0 30px
            }

                .how-we-work-tiles > .items > .items-body > .items-in > div > .items:first-child > div > ul > li:before {
                    right: initial;
                    left: 0
                }

    .how-we-work-tiles > .items > .items-body > .items-in > div > .items:nth-child(2) {
        text-align: left;
        width: 100%
    }

    .casestudies-body-head > div:before {
        display: none
    }

    .casestudies-body-head {
        display: block
    }

        .casestudies-body-head > div > div > p {
            margin: 0 0 10px
        }

    .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content > div > h1 {
        font-size: 30px
    }

    .new-services-body.new-services-body-50 > div {
        width: 100% !important
    }

    .industries-lt-tiles > div > div > div > div {
        padding: 0 0 0 35px !important
    }

        .industries-lt-tiles > div > div > div > div:before {
            font-size: 25px !important;
            top: 5px !important;
            left: 0 !important
        }

        .industries-lt-tiles > div > div > div > div:after {
            left: 12px !important
        }
}

@media(max-width:577px) {
    #recipeCarousel > a.carousel-control-prev {
        left: 0;
    }

    #recipeCarousel > a.carousel-control-next {
        right: 0;
    }

    .col-lg-6.video-box:before {
        display: none;
    }

    .why-choose-points > li:before, .why-choose-points > li > i {
        display: none;
    }

    .why-choose-points > li > div, .why-choose-points > li {
        padding: 0;
    }
}

@media(max-width:575px) {
    .mobile-header ul.left li {
        margin: 0 4px;
    }

        .mobile-header ul.left li a i {
            font-size: 13px;
        }

        .mobile-header ul.left li a img {
            width: 13px;
            height: 13px;
            margin: 0 0 0px 0;
        }

    .mobile-header .divider {
        display: none !important;
    }

    .ex-btn {
        padding: 0 0;
        margin: -14.8% 0 0 0;
    }

        .ex-btn a {
            font-weight: 600;
            margin: 0;
            font-size: 13px;
        }

    .rq-accod {
        padding: 0 8%;
    }

        .rq-accod button.accordion-button {
            padding: 10px 15px;
            font-size: 15px;
        }
}

@media (min-width:767px) {
    img.w-md-auto {
        width: auto !important;
    }
}

@media (max-width:767px) {
    .carousel-inner .carousel-item > div {
        display: none !important;
    }

        .carousel-inner .carousel-item > div:first-child {
            display: flex !important;
        }
}

.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
    display: flex;
}
/* medium and up screens */

@media (min-width:768px) {
    .carousel-inner .carousel-item-end.active, .carousel-inner .carousel-item-next {
        transform: translateX(50%);
    }

    .carousel-inner .carousel-item-start.active, .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
    }
}

.carousel-inner .carousel-item-end, .carousel-inner .carousel-item-start {
    transform: translateX(0);
}


/*mega menu section 08022025*/
.mr-16 {
    margin-right: 16px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.menu-icons {
    width: 28px;
}

.megaMenu-leftside ul.aside-menu a.active .menu-icons {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.navbar .dropdown .megaMenu-leftside ul.aside-menu a.active {
    background: #1290a7 !important;
    color: #fff !important;
}

.megaMenu-leftside ul.aside-menu a {
    background: #fff;
    border-radius: 5px;
    padding: 11px 20px !important;
    color: #525252;
    position: relative;
    display: flex;
    line-height: 20px;
    font-size: 15px;
    border-bottom: 1px solid rgb(204 204 204 / 53%);
    align-items: center;
}

.navbar .dropdown .megaMenu-leftside ul.aside-menu a.active:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 20px;
    top: 14px;
    font-weight: bold;
}

.mega-menu.mega-menu-ex > ul > li .list-menu > li {
    width: 100%;
    margin-right: 10px;
    margin-bottom: 8px;
}

.mega-menu.mega-menu-ex .list-menu.mega-menulist li a {
    /* font-size: 14px;*/
    padding: 0px;
    position: relative;
    overflow: hidden;
    background: none !important;
    font-weight: 400;
    color: #767474;
    text-decoration: none !important;
}

    .mega-menu.mega-menu-ex .list-menu.mega-menulist li a:hover {
        color: #1290a7 !important;
    }

.ubermenu-target .mega-menulist li i.dropdown-indicator {
    color: #525252;
    padding-right: 10px;
}

    .ubermenu-target .mega-menulist li i.dropdown-indicator:before {
        content: "\f282";
        transform: rotate(271deg);
    }

.ubermenu-target .main-h4 a {
    font-size: 18px !important;
    display: inline-block;
    line-height: 22px;
}

.hire-customer-team {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.mega-div.ubermenu-target {
    overflow: auto;
    max-height: calc(100vh - 100px);
    overflow-x: hidden;
    padding-bottom: 30px;
}

.mega-menu.mega-menu-ex .list-menu.mega-menulist li a p {
    font-size: 14px;
    margin: 5px 0px 0px;
    line-height: 22px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mega-menu.mega-menu-ex .list-menu.mega-menulist li a:hover {
    background: none !important;
    box-shadow: none;
}

.mega-menu .mega-div .tab-content ul > li > h4 > a {
    line-height: 30px;
    font-size: 18px;
    margin-bottom: 10px;
}

.overlay-triangle {
    position: absolute;
    left: 30%;
    top: -22px;
    z-index: 3;
    margin-top: 6px;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0 16px 17px 16px;
    border-color: transparent transparent #ffffff transparent;
    transform: rotate(0deg);
}

    .overlay-triangle.outSerives {
        left: 45%;
    }

    .overlay-triangle.staff-augs {
        left: 60%;
    }

.mega-menu.mega-menu-ex > ul > li {
    max-width: 1440px !important;
    margin: auto;
    padding: 25px 10px 30px 15px;
}

.mega-menu.mega-menu-ex > ul {
    box-shadow: 0px 4px 24px 12px rgba(0,0,0,0.1) !important;
    padding: 0px !important;
}

.navbar .dropdown ul.dropdown-category {
    top: 45px;
    padding: 10px 0px 0px 0px;
    box-shadow: 0px 4px 24px 12px rgba(0, 0, 0, 0.1) !important;
}

.overlay-triangle.partnership {
    left: 25%;
}

.navbar > ul > .dropdown > .partnership-tiles {
    top: 50px;
    left: -40px;
    margin: 0px;
    padding: 0px 0px 0px;
    opacity: 1;
    display: none;
}

@media(min-width:1200px) {
    .navbar .dropdown:hover > .partnership-tiles {
        display: block;
    }
}

.navbar li.dropdown a.active + ul {
    display: block;
}

.navbar > ul > .dropdown > .partnership-tiles li {
    margin: 0px;
}

    .navbar > ul > .dropdown > .partnership-tiles li a {
        background: none;
        display: block;
        border-bottom: 1px solid rgb(204 204 204 / 53%);
        border-radius: 0px;
        text-decoration: none !important;
    }

        .navbar > ul > .dropdown > .partnership-tiles li a:before {
            display: none;
        }

        .navbar > ul > .dropdown > .partnership-tiles li a:hover {
            background: #1290a7;
            color: #fff !important;
        }

@media(max-width:767px) {
    .creative-carousel > .creative-carousel-inner > .creative-carousel-inner-left > .creative-carousel-left-full > h1 {
        font-size: 32px;
        margin: 0 0 40px;
        line-height: 48px;
    }

    .main-h2 {
        font-size: 18px;
        line-height: 26px;
    }

    .main-h2, .main-h3 {
        line-height: 30px;
        font-size: 20px;
    }

    .bl-card > div {
        background-color: #fff;
        padding: 0px;
        border: none;
    }

        .bl-card > div > h3 {
            font-size: 24px;
            line-height: 34px;
        }

    .section {
        padding: 50px 0;
    }

    .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content > div > h1 {
        line-height: 36px;
    }

    .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content > div > p {
        text-align: left;
        font-size: 14px;
        line-height: 24px;
    }

    .new-blogs > div > a > h2, .new-blogs > div > div > h2, .main-head {
        font-size: 20px;
        line-height: 32px;
    }

    p {
        font-size: 14px;
        line-height: 26px;
    }

    .industries-lt-tiles > div > div > div > div > h4, .timeline-new > li > h3 {
        font-size: 16px;
        line-height: 24px;
    }

    #recipeCarousel > a {
        height: 35px;
        width: 35px;
        font-size: 16px;
    }

    .exclusive-tile.exclusive-tile-2 > div > div {
        padding-top: 60px;
    }

        .exclusive-tile.exclusive-tile-2 > div > div > img {
            top: 24px;
        }

    .main-banner > .banner-carousel > .banner-carousel-body > div > div.banner-carousel-content {
        padding: 0 10px;
    }

    .services-main-body > div > div:first-child > div > h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .contact-form {
        padding: 15px;
    }

    .request-a-quote-form {
        padding: 15px !important;
    }
}




.card-info-box {
    box-shadow: 0 0 20px rgb(94 94 94 / 16%);
    background-color: #fff;
    border-radius: 10px;
    text-align: left;
    padding: 20px;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    position: relative;
    width: 100%;
    margin-bottom: 24px;
}

    .card-info-box h3 {
        font-size: 18px;
        line-height: 28px;
        font-weight: 600;
        margin: 0px 0 10px 0;
    }

    .card-info-box ul {
        margin: 0px;
        padding: 0px 0px 0px 20px;
    }

        .card-info-box ul li {
            /* margin-bottom: 8px; */
            font-size: 15px;
            color: #525252;
            font-weight: 400;
            line-height: 30px;
        }

.profile-cards {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 50px;
    margin-bottom: 16px;
}

    .profile-cards .card {
        display: flex;
        align-items: center;
        width: 100%;
        position: relative;
        color: #2d2d2d;
        background-color: #f9f9f9;
        letter-spacing: 1px;
        border-radius: 25px;
        overflow: hidden;
        flex-direction: row;
        gap: 10px;
        align-items: flex-start;
        padding: 10px;
    }

        .profile-cards .card .card-description {
            display: flex;
            flex-direction: column;
            gap: 3px;
            padding: 0;
            width: auto;
            height: 100%;
        }

        .profile-cards .card .card-image {
            width: 100px;
            object-fit: cover;
            border-radius: 18px;
        }

        .profile-cards .card .card-description .card-description-title {
            font-size: 18px;
            margin-top: 10px;
            color: #1290a7;
        }

        .profile-cards .card .card-description .card-description-profession {
            display: block;
            font-size: 14px;
        }

        .profile-cards .card .card-description .card-description-company {
            display: block;
            font-size: 14px;
        }

            .profile-cards .card .card-description .card-description-company .primary {
                color: #1290a7;
                font-weight: 600;
            }

        .profile-cards .card .card-description .card-description-social {
            /* position: absolute; */
        }

            .profile-cards .card .card-description .card-description-social .card-description-social-follow {
                display: block;
                margin-bottom: 8px;
                color: #555572;
                font-size: 14px;
            }

            .profile-cards .card .card-description .card-description-social ul {
                display: flex;
                align-items: center;
                gap: 10px;
                padding: 0;
                margin: 0;
                margin-top: 4px;
            }

                .profile-cards .card .card-description .card-description-social ul li {
                    list-style-type: none;
                }

                    .profile-cards .card .card-description .card-description-social ul li a {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 35px;
                        height: 35px;
                        color: #121212;
                        border-radius: 50%;
                        transition: all 0.4s;
                    }

                        .profile-cards .card .card-description .card-description-social ul li a i {
                            font-size: 20px;
                        }



.services-card .wrap {
    display: flex;
    background: white;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
    text-decoration: none !important;
}

    .services-card .wrap:hover {
        background: #1290a7;
        color: white !important;
    }

        .services-card .wrap:hover p, .services-card .wrap:hover .fa {
            color: white !important;
        }

.services-card .ico-wrap {
    margin: auto;
}

.services-card .mbr-iconfont {
    font-size: 3.8rem;
    color: #313131;
    margin: 1rem;
    padding-right: 1rem;
}

.services-card .vcenter {
    margin: auto;
}

.services-card .mbr-section-title3 {
    text-align: left;
}

.services-card h2 {
    margin-top: 0.5rem;
    font-size: 20px;
    margin-bottom: 0.5rem;
    line-height: 1.3;
}


@media screen and (max-width:768px) {
    .services-card .ico-wrap {
    }
        .services-card .ico-wrap i {
            font-size: 2rem;
            padding: 0;
        }
}