:root {
    --white: #ffffff;
    --black: #303030;
    --theme-red: #e42e28;
    --theme-blue: #1573ac;
    --black-medium: #2b2d42;
}


/* max */

@media (max-width: 1399px) {
    .flip-box .inner {
        padding: 1rem;
    }
}

@media (max-width: 1199px) {
    .bg-tertiary {
        background-color: #efefef;
    }
    .dropdown-toggle::after {
        display: none;
    }
    .social-links i,
    .dropdown-toggles i {
        color: #727272;
    }
    .product_box_main .tab-pane {
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }
    .product_inner * {
        color: var(--theme-dark-blue);
    }
    .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    }
    .product_sec::after {
        height: 100%;
    }
    .product_sec .accordion-body {
        background-color: rgb(233, 233, 233);
        border: 1px solid #b3b3b3;
        border-top: 0;
    }
}

@media (max-width: 991px) {
    .threeser_main {
        border-radius: 1rem;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
}

@media (max-width: 767px) {
    .our-team:after{
        background: transparent;
    }
    .our-team:hover .social{
        top: 0;
    }
    .social .btn{
        font-size: .8rem;
        padding: 0.25rem 0.65rem;
    }
    .our-team .social {
        top: 0;
        transform: rotate(0deg);
        right: 0;
        display: flex;
        justify-content: end;
    }
    .main_banner {
        background-image: url(../img/banner-bg.webp);
        background-position: center bottom;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .thankyou_head {
        font-size: 3rem;
    }
    .services_box {
        padding: 1rem;
    }
}

@media (max-width: 575px) {
    .banner_head_breadcrumb_box {
        padding: 2rem 0rem;
    }
    .skill_content p {
        height: 17rem;
        overflow-y: scroll;
    }
    .cust_btn_1 {
        font-size: 0.8rem;
    }
    .thankyou_head {
        font-size: 2rem;
    }
    .banner_box {
        padding: 3rem 0rem;
    }
    .threeser_main img {
        height: 7rem;
    }
    .threeser_cont p {
        -webkit-line-clamp: 2;
    }
    .vis_mis_inner img {
        height: 4rem;
    }
    .industries_serve_box img {
        height: 4rem;
    }
    .industries_serve_box p {
        font-size: 0.95rem;
        line-height: 1.4;
    }
    .industries_serve_box img {
        height: 2.5rem;
    }
    .product_about {
        padding: 2rem;
    }
}

@media (max-width: 359px) {
    .slider_move_box {
        left: -4rem;
        /* bottom: 3rem; */
    }
    .slider_move_txt .slider_move_box:nth-child(2) {
        /* bottom: 1rem; */
        right: -4rem;
        left: auto;
    }
    @-webkit-keyframes mover {
        0% {
            transform: translateY(0) scale(0.55);
        }
        100% {
            transform: translateY(-1rem) scale(0.55);
        }
    }
}


/* min */

@media (min-width: 360px) {
    .slider_move_box {
        left: -4rem;
    }
    .slider_move_txt .slider_move_box:nth-child(2) {
        right: -4rem;
        left: auto;
    }
    @-webkit-keyframes mover {
        0% {
            transform: translateY(0) scale(0.75);
        }
        100% {
            transform: translateY(-1rem) scale(0.75);
        }
    }
}

@media (min-width: 576px) {
    .banner_box {
        padding: 3rem 0rem;
    }
    .slider_move_box {
        left: -4rem;
        /* bottom: 3rem; */
    }
    .awards_sec {
        /* margin-top: -5rem; */
    }
    .slider_move_txt .slider_move_box:nth-child(2) {
        /* bottom: 1rem; */
        right: -4rem;
        left: auto;
    }
    @-webkit-keyframes mover {
        0% {
            transform: translateY(0) scale(1);
        }
        100% {
            transform: translateY(-1rem) scale(1);
        }
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .flip-box-front,
    .flip-box-back {
        min-height: 30rem;
    }
}

@media (min-width: 768px) {
    
    .industries_serve_box img {
        height: 4rem;
    }
    .top_circle {
        position: absolute;
        top: -8%;
        right: -3%;
        height: 12rem;
        z-index: -1;
        /* background: red; */
        width: 12rem;
        border-radius: 50rem;
        border: 2px solid var(--theme-dark-blue);
    }
    .c-preview {
        height: auto;
    }
    .logo {
        height: 2.5rem;
        z-index: 3;
    }
    .banner_box {
        padding: 4rem 0 13rem 0;
    }
    .main_banner {
        background-position: bottom center;
        background-size: auto;
    }
    .slider_move_box {
        left: -1rem;
        /* bottom: 3rem; */
        padding: 0.25rem 0.5rem;
    }
    .slider_move_txt .slider_move_box:nth-child(2) {
        /* bottom: 1rem; */
        right: -2rem;
        left: auto;
    }
    .threeser_main_box {
        margin-top: -9rem;
        z-index: 1;
        position: relative;
    }
    .cta_box {
        padding-bottom: 8rem !important;
    }
}

@media (min-width: 992px) {
    .banner_box {
        padding: 2rem 0 13rem 0;
    }
    .threeser_main_box {
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    }
    .choose_tagline::after {
        height: 100%;
        width: 200vh;
        right: 0;
        top: 0;
        position: absolute;
        content: "";
        z-index: -1;
        background-color: var(--black-medium);
    }
    .choose_tagline_main {
        position: absolute;
        left: 0;
        bottom: 0;
    }
}


/* @media (min-width:992px) and (max-width:1199px) {
    .vis_mis_box {
        display: block;
        padding-top: 1rem;
    }
    .vis_icon {
        margin: 0rem 0 0 1rem;
    }
    .vis_mis_main {
        padding-left: 0rem;
    }
    .vis_mis_cont {
        width: 100%;
    }
    .vis_icon {
        height: 5rem;
        width: 5rem;
        background-color: var(--theme-blue);
        border-radius: 50rem;
    }
    .vis_icon img {
        height: 3rem;
    }
} */

@media (min-width: 1200px) {
    .product_inner a {
        color: var(--white);
        transition: .3s;
    }
    .flip-box-front,
    .flip-box-back {
        width: 90%;
        margin: auto;
    }
    .industries_serve_box {
        padding: 1.5rem 0.5rem;
    }
    .industries_serve_box {
        border-radius: 2rem;
    }
    .prod_head_box {
        color: var(--theme-dark-blue);
        height: 4.5rem;
        padding: 0 1rem;
    }
    .product_tab_box button {
        transition: 0.3s;
    }
    .product_tab_box button.active,
    .product_tab_box button:hover {
        transform: translateY(-1rem);
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1270px;
    }
    .offcanvas {
        visibility: visible;
        position: relative;
        background: none;
        border: none;
        justify-content: end;
        /* color: red; */
    }
    .navbar-nav .nav-item:not(:last-child)::before {
        position: absolute;
        content: "";
        left: 50%;
        height: 3px;
        width: 0;
        background-color: var(--theme-orange);
        bottom: 5px;
        transition: 0.3s;
    }
    .navbar-nav .nav-item:not(:last-child):hover::before {
        left: 10%;
        width: 80%;
    }
    .navbar-nav .nav-item.reg_btn_header::before {
        content: none;
    }
    .dropdown:hover>.dropdown-menu {
        display: block;
        animation: fadeIn 0.3s alternate;
    }
    .dropend:hover>.dropdown-menu {
        display: block;
        animation: fadeIn 0.3s alternate;
    }
    .nav-item.dropdown:hover>.dropdown-menu {
        animation: fadeIn 0.3s alternate;
        display: block;
    }
    .dropend:hover>.dropdown-menu {
        animation: fadeIn 0.3s alternate;
        display: block;
    }
    .dropend .dropdown-menu {
        top: 0;
        animation: fadeIn 0.3s alternate;
        left: 100%;
    }
    .g-recaptcha_inquire {
        transform: scale(0.8) !important;
        /* transform-origin: left center;
    */
    }
    .navbar .dropdown-menu-end {
        right: 0;
        left: auto;
    }
    .navbar .nav-item .dropdown-menu {
        display: none;
        opacity: 0;
        visibility: hidden;
        transition: 0.3s;
        margin-top: 0;
    }
    .navbar .dropend:hover>.nav-link,
    .navbar .nav-item:hover>.nav-link {
        color: var(--theme-orange);
    }
    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }
    .navbar .dropdown-menu.fade-up {
        top: 140%;
    }
    .dropend:hover>.dropdown-menu {
        top: 0% !important;
    }
    .navbar .dropend:hover>.dropdown-menu,
    .navbar .nav-item:hover>.dropdown-menu {
        transition: 0.3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute;
        width: 250px;
        border: 0px solid #fff;
        border-radius: 2px;
        padding: 1rem;
    }
    .header_ul>li>a {
        color: var(--white);
        text-transform: capitalize;
        font-weight: 600;
    }
    .program_accordion .accordion-item:nth-child(even) {
        transform: translateX(2rem);
    }
    .navbar-nav .nav-link {
        padding: 1rem 1rem !important;
    }
    .navbar-nav .dropdown .nav-link {
        padding-right: 1.8rem !important;
    }
    .navbar-nav>.nav-item {
        margin: 0px 8px;
    }
    .navbar-nav li:hover {
        background-color: transparent;
        color: var(--white) !important;
    }
    .navbar-nav li a.nav-link li:hover {
        background-color: transparent !important;
        color: var(--theme-red) !important;
    }
    .slider_move_box {
        padding: 0.65rem 1.5rem;
    }
    .slider_move_box {
        bottom: 30%;
    }
    .slider_move_txt .slider_move_box:nth-child(2) {
        bottom: 15%;
    }
    .threeser_main_box {
        margin-top: -12rem;
    }
    .cta_box {
        padding-bottom: 11rem !important;
    }
    .main_banner {
        background-position: bottom center;
        background-size: 100% auto;
    }
    .product_inner {
        position: absolute;
        left: 0;
        height: 100%;
        width: 100%;
        transition: 0.3s;
        bottom: -100%;
        background-color: rgb(0 8 34 / 90%);
        color: var(--white);
    }
    .product_box:hover .product_inner {
        bottom: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1250px) {
    .navbar-nav .nav-link {
        padding: 1rem 0.8rem !important;
    }
}

@media (min-width: 1400px) {
    .banner_box {
        padding: 2rem 0 14rem 0;
    }
    .cta_box {
        padding-bottom: 13rem !important;
    }
    .industries_serve_box img {
        height: 5rem;
    }
}

@media (min-width: 1501px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1520px !important;
    }
    section {
        padding: 4rem 0;
    }
    .product_about {
        padding: 3rem 3rem 15rem 3rem;
    }
    .product_about,
    .services_box {
        padding: 3rem 3rem 12rem 3rem;
    }
}

.thank_you_main {
    background-color: #f1faff;
}