@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:wght@500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Wix+Madefor+Text:wght@500;600&display=swap');


@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&family=Wix+Madefor+Text:wght@500;600&display=swap');

body, html {
    overflow-x: hidden;
}

    body::-webkit-scrollbar {
        width: 15px;
    }

    body::-webkit-scrollbar-track {
        background-color: #f0f0f0;
    }

    body::-webkit-scrollbar-thumb {
        background-color: #C2C2C2;
        border-radius: 20px;
        border: 4px solid transparent;
        background-clip: content-box;
        transition: ease all 0.3s;
    }

        body::-webkit-scrollbar-thumb:hover {
            background-color: #999999;
            transition: ease all 0.3s;
        }
/* Overal */



* {
    color: #424242;
    font-family: 'Wix Madefor Text', sans-serif;
}
.title_design, .sec_title, .search_title, .box_title_new1, .box_title, .single-title, .side_ttl p,
.title_Hstry, .Vbox_title {
    color: #333333;
}
.cardHbody .box_title {
    color: #fff;
}
h1, h2, h3, h4 {
    font-weight: 600
}

p {
    font-size: 0.906em;
   
}

.owl-dots {
    display: none;
}

.sec_title_small {
    font-size: 30px;
    text-align: left;
    padding: 60px 0;
    text-transform: capitalize;
}

.sec_title {
    font-size: 38px;
    text-align: center;
    padding: 3.5rem 0 3.5rem 0;
    text-transform: capitalize;
    width: fit-content;
    margin: auto;
    position: relative;
    margin-bottom: 0.5rem;
}

.justify {
    text-align: justify;
}

.dropdown-menu {
    width: fit-content;
}

.text-org {
    color: #fc6d00;
}

.text-blu {
    color: #155a9e;
}

.text-white {
    color: #fff
}

.text-dark {
    color: #222
}

.box_title {
    font-size: 1.3rem;
}

a {
    color: inherit;
    text-decoration: none;
    transition: ease all 0.2s;
}

.read-more a:hover {
    color: #fc6d00;
    transition: ease all 0.2s;
}

ul {
    list-style: none;
    padding-left: 1rem;
}

.fw-600 {
    font-weight: 600
}

input:focus-visible {
    outline: none;
    border: none;
}

.holdImg {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

    .holdImg img {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
        -webkit-transition: all .4s ease-in;
        transition: all .3s ease-in;
    }

    .holdImg:hover img {
        margin-left: 0;
        -webkit-transition: all .4s ease-in;
        transition: all .3s ease-in;
    }

.left_title {
    font-size: 40px;
    text-align: left;
    padding: 30px 0;
    text-transform: capitalize;
}


.title_design {
    width: fit-content;
    position: relative;
    font-size: 35px;
    text-transform: capitalize;
    padding: 1rem 0;
}

.h5, h5 {
    font-size: 1.16rem;
}

.title_design:before {
    content: "";
    position: absolute;
    width: 45%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    height: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 105%;
    display: block;
    border-width: 3px;
    border-style: solid;
    border-image-source: linear-gradient(to left, #ffffff, #fc6d00);
    border-image-slice: 1;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
}



.sec_title:after {
    content: "";
    position: absolute;
    width: 120%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    height: 5px;
    top: 0;
    bottom: -50%;
    margin: auto auto;
    left: -10%;
    right: -10%;
    display: block;
    border-width: 3px;
    border-style: solid;
    border-image-source: linear-gradient(to left, white, #fc6d00 50%, #fc6d00 50%, white 100%);
    border-image-slice: 1;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
}




.pagination {
    margin: 2rem 0 !important;
}

.pb_20 {
    padding-bottom: 20px;
}

.pb_75 {
    padding-bottom: 75px;
}


.bb1 {
    border-bottom: 1px solid #eee;
}

.py-h {
    padding-top: 1.1rem !important;
    padding-bottom: 1.1rem !important;
}


.dropdown-toggle::after {
    content: "";
    width: 8px;
    height: 5px;
    background-image: url(../Images/img/select.png);
    background-position: center;
    background-size: 7px;
    background-repeat: no-repeat;
    border: none;
    margin-bottom: -3px;
}

.timeline__content-desc {
    text-align: justify;
}




/************     HEADER     ***************/
.dropdown-item.active,
.navbar-nav .nav-link.active,
.nav-link:hover {
    color: #222;
}

a.dropdown-item.active {
    background-color: #fff;
}

.serch_form_stk {
    position: relative;
    margin-left: 10px;
}

.resultBox {
    position: absolute;
    width: 90%;
    top: 102%;
    padding: 15px 10px;
    background-color: #fff;
    z-index: 9;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: 0 5px 5px 1px #00000017;
    left: 2%;
    right: auto;
    margin: auto auto;
    opacity: 0;
    transition: ease all 0.3s;
    z-index: -10;
}

.showResult {
    opacity: 1;
    transition: ease all 0.3s;
    z-index: 10;
}

.search_result {
    text-align: left;
    padding: 0 1rem;
}

    .search_result li {
        font-size: 0.78rem;
        transition: ease all 0.3s;
        color: #5a5a5a;
        padding: 13px 0;
        border-bottom: 1px solid #f5f5f5;
    }


        .search_result li:hover {
            color: #fc6d00;
            transition: ease all 0.3s;
        }




.srch_input_stk {
    background-color: transparent;
    background-image: url(../Images/img/logo/icn-search.png);
    background-position: 99% center;
    background-repeat: no-repeat;
    background-size: 30px;
    border: none;
    cursor: pointer;
    height: 36px;
    width: 30px;
    margin: 0;
    position: relative;
    -webkit-transition: width 400ms ease, background 400ms ease;
    transition: width 400ms ease, background 400ms ease;
    cursor: pointer;
    border-radius: 50px;
    font-size: 13px;
}




.form-control.srch_input_stk:focus {
    background-color: #f7f7f7;
    border: 1px solid #f5f5f5;
    cursor: text;
    width: 250px;
    color: #212529;
}

.btn_search_stk {
    display: none;
}




#head_All .container {
    padding: 1rem 0;
}

#head_All.Sticky .container {
    padding: 0.6rem 0;
}

#head_All .navbar-collapse {
    flex-grow: inherit;
}

.lang {
    color: #225092;
    font-size: 0.91rem;
}

.serch_form .form-control {
    border-radius: 50px;
    font-size: 13px;
    padding: 10px 15px;
    border: 1px solid #f5f5f5;
    background-color: #f7f7f7;
}

.form-control:focus {
    background-color: #fff;
    border-color: #fc6d0087;
    outline: 0;
    box-shadow: none;
}

.serch_form {
    position: relative;
}

.btn_search {
    position: absolute;
    right: 11px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    padding: 0;
}

    .btn_search:hover .fa-search {
        background-color: #F5F5F5;
        transition: ease all 0.3s;
        color: #155a9e;
    }


.serch_form .fa-search {
    border: 1px solid #f5f5f5;
    border-radius: 50px;
    padding: 9px;
    background-color: #155a9e;
    transition: ease all 0.3s;
    color: #Fff;
    z-index: 22;
}

.logo_box {
    width: 45%;
    transition: ease all 0.2s;
    margin: auto 0;
    float: right;
}

.dropdown-menu {
    border: none;
    box-shadow: 0 0px 2px 1px #00000014;
}

.dropdown-item:active {
    background-color: #fff;
    color: #222;
}

.dropdown-item:hover {
    background-color: #fff;
}

.dropdown-item {
    padding-bottom: 10px;
}


#head_All {
    width: 100%;
    background-color: #fff;
    text-align: center;
    position: relative;
    transition: ease all 0.2s;
    z-index: 3;
}

.Sticky#head_All {
    top: 0;
    transition: ease all 0.2s;
    position: fixed;
    z-index: 3;
    visibility: visible;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: visibility 500ms ease, -webkit-transform 500ms ease;
    transition: visibility 500ms ease, -webkit-transform 500ms ease;
    transition: transform 500ms ease, visibility 500ms ease;
    transition: transform 500ms ease, visibility 500ms ease, -webkit-transform 500ms ease;
}


#head_All .container {
    overflow: visible
}

.Sticky .stiky_none {
    transform: scale(0);
    transition: ease all 0.3s;
    display: none !important;
}

.stiky_show {
    transform: scale(0);
    transition: ease all 0.3s;
}

.Sticky .stiky_show {
    transform: scale(1);
    transition: ease all 0.3s;
    display: block !important;
}

.Sticky#head_All {
    transition: ease all 0.3s;
    background-color: #fff;
    z-index: 1000;
}

.header_itm {
    font-size: 1.03rem;
    text-transform: capitalize;
}

    .header_itm:hover a,
    .header_itm a.active {
        font-weight: 400;
    }

.Hlogo {
    display: inline-block;
}


.Sticky .logo_box {
    width: 35%;
    transition: ease all 0.3s;
}


.Sticky {
    box-shadow: 0 0 5px #969696;
}


.header_itm a, .dropdown-toggle {
    position: relative;
    color: #1f1f1f;
}

.dropdown-menu {
    padding: 10px 0;
}

    .dropdown-menu li {
        padding: 3px 0;
    }

.header_itm a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background-color: #fc6d00;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
    transform-origin: bottom right;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    width: 80%;
    margin: auto;
}

.header_itm:hover a:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transform-origin: left center;
}

.header_itm a.active:after {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.dropdown-menu .header_itm {
    width: auto;
}
/* HEADER MOB  */
.logo_mob {
    width: 20%;
    float: right;
}

.logo_offcanvas {
    width: 40%;
    margin: auto;
}

div#offcanvasNavbar {
    padding: 2%;
}

nav#mob_head {
    background-color: #ffffff;
    color: #fff;
    box-shadow: 0 0 5px #969696;
}

/***** Main Slider ****/
.carousel_bg {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 71vh;
}

/*    .carousel_bg:after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        background-color: #00000040;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }*/

#mainslider .carousel-indicators li {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 12%;
    height: 3px;
    margin-right: 5px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #f7f7f78f;
    color: transparent;
}

    #mainslider .carousel-indicators li:before {
        position: absolute;
        top: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    #mainslider .carousel-indicators li:after {
        position: absolute;
        bottom: -10px;
        left: 0;
        display: inline-block;
        width: 100%;
        height: 10px;
        content: "";
    }

    #mainslider .carousel-indicators li.active {
        background-color: #D35500 !important;
    }


.carousel-caption {
    position: absolute;
    top: auto;
    bottom: 10%;
    margin: auto;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: left;
    z-index: 2;
}

.carousel-txt {
    width: 80%;
    margin: auto auto;
    text-align: center;
    max-height: 400px;
    vertical-align: middle;
}

.carousel-caption h4 {
    font-size: 1.6rem;
}


.carousel-caption .carousel_button {
    padding: 10px 9%;
    background-color: #225092;
    border-radius: 1.5rem;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 1rem;
    margin: auto;
    width: 60%;
}

.carousel-caption h4, .carousel_button, .carousel-caption p {
    text-align: center;
    margin: 8% auto;
}
/* Slider Caption animation */
.slider_txt_BG {
    display: grid;
    width: 450px;
    height: 450px;
    border-radius: 50%;
    /*background: rgb(255 255 255 / 5%);*/
    backdrop-filter: blur(6px);
    position: relative;
}

    .slider_txt_BG:after {
        content: "";
        width: 480px;
        height: 480px;
        border-left: 2px solid #ffffff85;
        border-radius: 50%;
        position: absolute;
        margin: auto;
        text-align: center;
        left: -15px;
        right: auto;
        top: -15px;
        bottom: auto;
    }

.carousel-item .carousel-caption h4,
.carousel-item .carousel-caption p,
.carousel-item .carousel-caption .carousel_button,
.slider_txt_BG {
    opacity: 0;
}

.carousel-item.active .slider_txt_BG {
    transition: ease all 0.7s;
    opacity: 1;
    border-right: 1px solid #ffffff69;
}

.carousel-item.active .carousel-caption h4 {
    transform: translateX(-30%);
    opacity: 0;
    animation: slide-in-anim ease-in forwards;
    animation-delay: 0.3s;
    animation-duration: 0.3s;
    text-transform: capitalize;
}

@keyframes slide-in-anim {
    0% {
        opacity: 0;
        transform: translateX(-30%);
    }


    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.carousel-item.active .carousel-caption p {
    transform: translateY(60%);
    opacity: 0;
    animation: slide-up-anim ease-in forwards;
    animation-duration: 0.2s;
    animation-delay: 1.2s;
}

@keyframes slide-up-anim {
    0% {
        opacity: 0;
        transform: translateY(60%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.carousel-item.active .carousel-caption .carousel_button {
    transform: translateY(60%);
    opacity: 0;
    animation: slide-up-anim ease-in forwards;
    animation-delay: 1.35s;
    animation-duration: 0.17s;
}

@keyframes slide-up-anim {
    0% {
        opacity: 0;
        transform: translateY(80%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.About_home_sec {
    padding: 3% 0 0 0;
}


/*  HOME BU */

.img_hex {
    z-index: 1;
    display: block;
    position: relative;
}

.product_boxN .img_hex {
    width: 90%;
    margin: auto;
}

.img_one {
    position: absolute;
    width: 50%;
    right: 0;
    left: 0;
    top: auto;
    bottom: 20%;
    margin: auto auto;
    z-index: 2;
    transition: ease all 0.3s;
}

.hex_box:hover .img_one {
    width: 45%;
    right: 0;
    left: 0;
    top: auto;
    bottom: 35%;
    transition: ease all 0.3s;
}

.hex_box:hover .hex_ttl {
    bottom: 13%;
    opacity: 1;
    top: auto;
    transition: ease all 0.4s;
    transition-delay: 0.1s;
}

.hex_box a:before {
    opacity: 0;
    content: "";
    width: 100%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-position: center;
    background-image: url(../Images/img/products/hex/orng-r.png);
    background-size: 100%;
    background-repeat: no-repeat;
    transition: ease all 0.4s;
    z-index: 0;
}

.hex_box {
    position: relative;
}

    .hex_box a {
        width: 100%;
        height: 100%;
        display: block;
    }

        .hex_box a:hover:before {
            opacity: 1;
            transition: ease all 0.4s;
        }

.hex_ttl {
    z-index: 3;
    transition: ease all 0.4s;
    position: absolute;
    bottom: 1%;
    right: 0;
    left: 0;
    text-align: center;
    margin: auto;
    opacity: 0;
    font-size: 0.93rem;
    font-weight: 500;
    width: 56%;
    text-align: center;
}


section.BUHome {
    background-color: #eee;
    background-image: linear-gradient( 0deg, hsl(0deg 0% 100%) 0%, hsl(344deg 0% 99%) 5%, hsl(344deg 0% 98%) 9%, hsl(344deg 0% 97%) 13%, hsl(344deg 0% 96%) 17%, hsl(344deg 0% 94%) 21%, hsl(0deg 0% 93%) 26%, hsl(344deg 0% 93%) 30%, hsl(344deg 0% 93%) 34%, hsl(344deg 0% 93%) 38%, hsl(344deg 0% 93%) 42%, hsl(344deg 0% 92%) 46%, hsl(0deg 0% 92%) 51%, hsl(344deg 0% 92%) 55%, hsl(344deg 0% 93%) 59%, hsl(344deg 0% 93%) 63%, hsl(344deg 0% 93%) 67%, hsl(344deg 0% 93%) 71%, hsl(0deg 0% 93%) 75%, hsl(344deg 0% 94%) 79%, hsl(344deg 0% 96%) 84%, hsl(344deg 0% 97%) 88%, hsl(344deg 0% 98%) 92%, hsl(344deg 0% 99%) 96%, hsl(0deg 0% 100%) 100% );
}

.BUContainer {
    padding-left: 10%;
}

img {
    width: 100%;
}


.TwoB {
    margin-top: 16%;
}

.OneB {
    margin-top: 8%;
}

.OneL {
    margin-left: -3%;
}

.OneT {
    margin-top: -8%;
}

.TwoT {
    margin-top: -16%;
}










/* BU mob*/
.img_bu_mob {
    width: 40%;
    right: 0;
    left: 0;
    top: auto;
    bottom: 40%;
}

.hex_mob_ttl {
    opacity: 1;
    font-size: 12px;
    z-index: 3;
    position: absolute;
    bottom: 10%;
    right: 0;
    left: 0;
    margin: auto;
    font-weight: 500;
    width: 65%;
    text-align: center;
    color: #474747;
}


/* HOME BLOG */


.cardHbody {
    position: absolute;
    bottom: 0;
    height: 100%;
    padding: 3% !important;
    color: #fff !important;
    right: 0;
    left: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(5, 11, 32, 0) 32.82%, #000000 100%);
    border-radius: 5px;
    align-content: flex-end;
}

.carousel-indicators .homeblog_img.blogtop-img {
    min-height: 23vh;
    border-radius: 5px;
}

.home_Blog .hold-img-topbox {
    min-height: 50vh;
    max-height: 50vh;
}

.home_Blog .homeblog_thumb {
    height: 27vh !important;
}


.home_Blog .blog_archive_sec .col-md-4 {
    padding-left: 0;
}

.home_Blog .col-md-4 {
    padding-left: 0;
}

.blog-box .date, .blog-box .cat {
    font-size: 11px;
}


.blog-card-img {
    overflow: hidden;
    border-radius: 5px;
}

.slider_txt_BG p {
    line-height: 1.7rem;
    font-size: 1rem;
    font-weight: 400;
}

.blog-card-img:hover img {
    margin-left: 0;
    -webkit-transition: all .4s ease-in;
    transition: all .3s ease-in;
}

.blog-box:hover .box_title {
    color: #155a9e;
    transition: ease all 0.3s;
}

.read-more {
    font-size: 14px;
}

@media (max-width: 767px) {
    #homBlogCarousel .carousel-inner .carousel-item > div {
        display: none;
    }

        #homBlogCarousel .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
}

#homBlogCarousel .carousel-inner .carousel-item.active,
#homBlogCarousel .carousel-inner .carousel-item-next,
#homBlogCarousel .carousel-inner .carousel-item-prev {
    display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

    #homBlogCarousel .carousel-inner .carousel-item-end.active,
    #homBlogCarousel .carousel-inner .carousel-item-next {
        transform: translateX(25%);
    }

    #homBlogCarousel .carousel-inner .carousel-item-start.active,
    #homBlogCarousel .carousel-inner .carousel-item-prev {
        transform: translateX(-25%);
    }
}

#homBlogCarousel .carousel-inner .carousel-item-end,
#homBlogCarousel .carousel-inner .carousel-item-start {
    transform: translateX(0);
}


/******   World map  **********/
.worldMap_sec {
    background-color: #ffffff;
    padding: 3% 0 0 0;
}

    .worldMap_sec img {
        max-width: fit-content;
        height: auto;
        margin: auto;
        display: block;
    }

.map-Iran {
    top: 42.5%;
    left: 48.5%;
    position: absolute;
    cursor: pointer;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    overflow: visible;
    width: 48px;
    height: 48px;
    background-image: url(../Images/img/map/World/iran-flag2.png);
    background-size: contain;
    background-position: center;
    box-shadow: 0 0 7px 4px #00000047;
    border-radius: 100%;
}


.marker-map:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    transition: all 300ms;
    animation: Iran 2.7s infinite;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

@keyframes Iran {
    from {
        box-shadow: 0 0 0 0px #fb6d005e;
    }

    to {
        box-shadow: 0 0 0 50px rgba(0, 0, 0, 0);
    }
}


/*   *********         BLOG    archive      ********** */
#carouseltopblog .carousel-indicators {
    position: inherit !important;
    display: block !important;
    margin-left: 5%;
    margin-right: 0;
}

    #carouseltopblog .carousel-indicators [data-bs-target] {
        flex: inherit;
        width: 100%;
        height: 33vh;
        padding: 0;
        margin-right: 0;
        margin-left: 0;
        text-indent: 0;
        border: 0;
        opacity: 1;
        transition: opacity .6s ease;
    }

    #carouseltopblog .carousel-indicators .active {
        display: none;
    }

.blogtop-img {
    overflow: hidden;
}

.hold-img-topbox {
    min-height: 45vh
}



.blog-top-box .date,
.blog-top-box .cat {
    font-size: 11px;
}

#carouseltopblog .carousel-indicators .blog-top-box .blogtop-img {
    max-height: 18vh;
    border-radius: 5px;
}

#carouseltopblog .carousel-indicators .blog-top-box .box_title {
    font-size: 1.1rem;
}

#carouseltopblog .carousel-indicators .blog-top-box .read-more {
    font-size: 13px;
}

#carouseltopblog .carousel-item.active .blogtop-img {
    max-height: 45vh;
    border-radius: 5px;
}

.archive-blog {
    max-height: 100vh;
    overflow-y: scroll;
}

    .archive-blog::-webkit-scrollbar {
    }

.blog_archive_sec .col-md-8 {
    padding-right: 1%;
}

.blog_archive_sec .col-md-4 {
    padding-left: 2%;
}

.archive-blog .blog-card-img {
    max-height: 35vh;
}

.archive-blog .blog-box {
    border: #eeeeee 1px solid;
    margin-bottom: 50px;
    border-radius: 5px;
}

.hold-img-archive2 {
    min-height: 210px;
}

.archive-blog::-webkit-scrollbar {
    width: 5px;
}

.archive-blog::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #eee;
}


.cat_dropdown .dropdown-item.active {
    background-color: #f5f5f7;
    color: #fc6d00 !important;
}

.cat_dropdown .dropdown-item {
    padding: 10px;
}

/* NEW BLOG */
.showAll {
    float: right;
    border-color: #155a9e !important;
}

.filter_item a {
    width: 100%;
    height: 100%;
    display: block;
    padding: 8px 21px;
    border-radius: 50px;
    border: 1px solid #9b9b9b73;
}

.filter_item .active {
    background: #155a9e;
    color: #fff;
    border: 1px solid #155a9e;
}

.filter_item {
    text-transform: capitalize;
    background: #fff;
    border-radius: 50px;
    margin: 8px 8px 0 0;
    font-size: 15px;
    font-weight: 500;
    transition: ease all 0.3s;
    display: inline-block;
    cursor: pointer;
    width: 23%;
    min-width: fit-content;
    height: fit-content;
    text-align: center;
}

    .filter_item a:hover {
        border: 1px solid #155a9e;
        transition: ease all 0.3s;
        color: #155a9e;
    }

.BlogFilter ul {
    display: inline-flex;
    overflow: auto;
    white-space: nowrap;
    width: min-content;
    padding-left: 0;
    margin-right: 5%;
    max-width: 70%;
}



.card_thumb {
    border: 1px solid transparent;
}

.box_title_new {
    font-size: 1.3rem;
}

.CrouselIndicatorTitle {
    display: block;
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.blogTwo_thumb .topblog_thumb .blog-box {
    padding: .5rem
}

.blogTwo_thumb:first-child .blog-box {
    padding-left: 0;
}

.blogTwo_thumb:last-child .blog-box {
}

.card-bodyBlogTwo {
    position: absolute;
    bottom: 0;
    padding: 3% !important;
    color: #fff !important;
    right: 0;
    left: 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgb(0 0 0 / 4%) 0%, rgba(0,0,0,1) 100%);
    border-radius: 5px;
}



p.card-textBlogTwo {
    color: #fff;
}

.cread-moreBlogTwo {
    color: #fff;
}



#carouseltopblogTwo .carousel-indicators {
    position: inherit !important;
    display: block !important;
    margin-left: 0;
    margin-right: 0;
}

    #carouseltopblogTwo .carousel-indicators [data-bs-target] {
        flex: inherit;
        width: 100%;
        height: 30vh;
        padding: 0;
        text-indent: 0;
        border: 0;
        opacity: 1;
        transition: opacity .6s ease;
    }

    #carouseltopblogTwo .carousel-indicators .active {
        display: none;
    }

.top_date, .top_cat, .cread-moreBlogTwo1, .cread-moreBlogTwo {
    font-size: 0.84rem;
}


.BlogFilter ul::-webkit-scrollbar-track {
    background-color: #f3f3f3;
}

.BlogFilter ul::-webkit-scrollbar {
    height: 7px;
}

.BlogFilter ul::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
    border-radius: 10px;
    border: 1px solid transparent;
    background-clip: content-box;
}



/* pagination */
.pagination > li {
    display: inline-block;
    border: 1px solid #eee;
    border-radius: 40px;
    padding: 4px 2px;
}

    .pagination > li:hover a,
    .pagination > li:hover i {
        color: #fc6d00;
        transition: ease all 0.2s;
    }

.pagination li a {
    padding: 2px 10px;
    transition: ease all 0.2s;
}

.pagination > li.active {
    background-color: #eee;
}
/*    blog sidebar   */
.sidebar {
    padding-left: 3%;
    display: block;
    height: 100%
}

.blog_search {
    border-left: 2px solid #fff;
    padding-left: 10%;
    height: 100%;
}

#search-form {
    position: relative;
}

.blog-search {
    width: 100%;
    border: 1px solid #f4f4f4;
    height: 45px;
    border-radius: 5px;
    padding: 5px 20px;
    font-size: 14px;
    background-color: #f4f4f4;
}

.inserchbox {
    position: absolute;
    right: 5%;
    top: 50%;
    color: #b5b5b5;
}

.sort-choose-date {
    display: flex;
}

.Dropdown-box {
    display: none;
    opacity: 0;
    transition: ease all 0.3s;
}

    .Dropdown-box.show {
        display: flex;
        opacity: 1;
        transition: ease all 0.3s;
        padding: 2rem 0;
    }

button:active,
button:focus {
    border: none;
    outline: none
}

.dropdown-toggle {
    outline: none;
    border-radius: 5px;
}

.dropdown-menu.show {
    border-radius: 5px;
}

.sort-type {
    padding: 1rem 10px;
    border-bottom: 1px solid #eee;
}

.sort-choose-date {
    border-bottom: 1px solid #eee;
}

.search-all {
    width: 95%;
    /* border-radius: 5px; */
    display: block;
    height: 2.5rem;
    background-color: #155a9e;
    color: #fff;
    border: none;
    border-radius: 1.5rem;
    margin: auto;
}
/*Video**/

.video-btn {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}

    .video-btn i {
        color: #fff;
        box-shadow: 0 0 3px 4px #0000003d;
        border-radius: 200px;
        margin-top: 2px;
        margin-left: 2px;
    }





/*Counter*/

.count {
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

figure.image {
    width: 100%;
    margin: auto;
    text-align: center;
}

    figure.image img {
        width: 245px;
        height: 245px;
        border-radius: 200px;
    }


.count p {
    text-align: center
}

.count:after {
    content: "";
    position: absolute;
    width: 80%;
    height: 0px;
    top: 0;
    bottom: -6%;
    margin: auto auto;
    left: 0;
    right: 0;
    display: block;
    border-width: 3px;
    border-style: solid;
    border-image-source: linear-gradient(to left, white, #6c757d1f 50%, #6c757d1f 50%, white 100%);
    border-image-slice: 1;
    border-width: 0.003rem;
    border-right: 0;
    border-left: 0;
}


.lower_conter p {
    font-size: 1rem;
}

.count span {
    color: #ffffff00 !important;
    -webkit-text-stroke-width: 0.06rem;
    -webkit-text-stroke-color: #fc6d00;
    -moz-text-stroke-width: 0.08rem;
    -moz-text-stroke-color: #000;
    font-size: 2.5rem;
    transition: ease all 0.3s;
}

.lower_conter h3 {
    color: #424242;
    font-size: 1.4rem;
}

.counter-block-one:hover
.count {
    transition: ease all 0.3s;
    background-color: #ffffff63;
}

    .counter-block-one:hover .count p span {
        transition: ease all 0.3s;
        color: #fc6d00 !important;
        -webkit-text-stroke-width: 0;
        -webkit-text-stroke-width: 0.06rem;
        -webkit-text-stroke-color: #fc6d0000;
        -moz-text-stroke-width: 0.06rem;
        -moz-text-stroke-color: #000;
    }

figure.image:after {
    content: "";
    width: 245px;
    height: 245px;
    border-radius: 200px;
    background-color: #020c1661;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    transition: ease all 0.2s;
}

.counter-block-one:hover figure.image:after {
    background-color: transparent;
    transition: ease all 0.2s;
}








/* ***   Single news   *** */
.singlePostImg {
    min-height: 55vh;
}

.shareBy {
    font-size: 0.9rem;
}

.single-title h1 {
    font-size: 2rem;
}

.single-container .card-details {
    font-size: 14px;
}

.single-content video,
.single-content img {
    border-radius: 5px;
    width: 100%;
    height: auto;
}

.share-list {
    display: inline-flex;
    text-align: center;
    justify-content: space-between;
    padding: 0;
    width: 100%;
}

    .share-list li {
        width: 37px;
        height: 37px;
        margin: auto 8px;
        display: block;
        background-position: center;
        position: relative;
        background-color: #155a9e;
        border-radius: 50px;
        transition: ease all 0.3s;
    }

        .share-list li:hover {
            background-color: #D6D6D6;
            transition: ease all 0.3s;
        }

        .share-list li i {
            position: absolute;
            right: 0;
            left: 0;
            top: 0;
            bottom: 0;
            margin: auto auto;
            display: table;
        }

.share_title {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 8px 15px;
    text-align: center;
}

.share li:after {
    content: "";
    border: 1px solid #D6D6D6;
    width: 47px;
    height: 47px;
    position: absolute;
    top: -5px;
    right: 0;
    left: -5px;
    border-radius: 50px;
    z-index: -1;
}

.share-list a {
    width: 100%;
    height: 100%;
    display: block;
}


.share li {
    animation-name: out;
    animation-duration: 0.3s;
    -webkit-animation-name: out;
    -webkit-animation-duration: 0.3s;
    transform: translateX(-30%);
    animation-fill-mode: forwards;
    opacity: 0;
}

.share:hover li {
    animation-name: in;
    animation-duration: 0.3s;
    -webkit-animation-name: in;
    -webkit-animation-duration: 0.3s;
    transform: translateX(0);
    animation-fill-mode: forwards;
}

.share:hover .share_one {
    animation-delay: 0.2s;
}

.share:hover .share_two {
    animation-delay: 0.5s;
}

.share:hover .share_three {
    animation-delay: 0.8s;
}

.share:hover .share_four {
    animation-delay: 1.1s;
}



@keyframes in {
    from {
        opacity: 0;
        transform: translateX(-90%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes in /* Safari and Chrome */
{
    from {
        opacity: 0;
        transform: translateX(-90%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes out {
    from {
        opacity: 1;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(-30%);
    }
}

@-webkit-keyframes out /* Safari and Chrome */
{
    from {
        opacity: 1;
        transform: translateX(0);
    }

    to {
        opacity: 0;
        transform: translateX(-30%);
    }
}









/* About page */

.prsntion {
    font-size: 14px;
    color: #707070;
}

    .prsntion i {
        margin-right: 10px;
    }








/*        Rank       */
.rank-sec {
    position: relative;
    min-height: 50vh;
    width: 100%;
    overflow: hidden;
    /* border-bottom-right-radius: 200px;
    border-top-right-radius: 200px;
    background: rgb(247,247,247);
    background: linear-gradient(280deg, #f5f5f5 0%, rgba(255,255,255,1) 100%);*/
}


.IMI img {
    width: 75%;
}


.rankTop-sec {
    position: absolute;
    right: -5%;
    left: 52%;
    top: 30%;
    bottom: auto;
    margin: auto 0;
}

.rank-sec .container {
    display: table;
    vertical-align: middle;
    min-height: 40vh;
    margin: auto;
}

.rank-txt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-table;
    right: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: 600;
    width: fit-content;
}

.rank-title {
    display: table-cell;
    vertical-align: middle;
}

.rank {
    background-image: url(../Images/img/Rank.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 140px;
    height: 140px;
    margin: auto;
    display: block;
    background-position: center;
    position: relative
}

.year-rank {
    text-align: center;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 5px 10%;
    padding-bottom: 0;
    width: fit-content;
    margin: auto;
}

@media (max-width: 767px) {
    #rankTop .carousel-inner .carousel-item > div {
        display: none;
        transition: ease all 1.2s;
    }

        #rankTop .carousel-inner .carousel-item > div:first-child {
            display: block;
            transition: ease all 1.2s;
        }


    #rankTop .carousel-inner .carousel-item.active, #rankTop .carousel-inner .carousel-item-next, #rankTop .carousel-inner .carousel-item-prev {
        display: block !important;
        transition: ease all 1.2s;
    }
}

#rankTop .carousel-inner .carousel-item.active,
#rankTop .carousel-inner .carousel-item-next,
#rankTop .carousel-inner .carousel-item-prev {
    display: flex;
    transition: ease all 1.2s;
}

@media (min-width: 768px) {

    #rankTop .carousel-inner .carousel-item-end.active,
    #rankTop .carousel-inner .carousel-item-next {
        transform: translateX(33%);
        transition: ease all 1.2s;
    }

    #rankTop .carousel-inner .carousel-item-start.active,
    #rankTop .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
        transition: ease all 1.2s;
    }

    #rankTop .carousel-inner .carousel-item-end,
    #rankTop .carousel-inner .carousel-item-start {
        transform: translateX(0);
        transition: ease all 1.2s;
    }
}


.bgGear1 img {
    width: 85%;
    margin: auto;
}

.bgGear2 img {
    width: 87%;
    float: left;
}

.client_sec {
    justify-content: space-between;
    padding-bottom: 4%;
}

.client_logo {
    position: relative;
    display: inline-block;
}

    .client_logo:hover img {
        transition: ease all 0.2s
    }

    .client_logo img {
        transition: ease all 0.2s;
        margin: auto;
    }

.client_name {
    text-transform: capitalize;
    opacity: 0;
    position: absolute;
    bottom: -10px;
    transition: ease all 0.4s;
    right: 0;
    left: 0;
    font-size: 1.1rem;
}

.client_logo:hover .client_name {
    opacity: 1;
    bottom: -30px;
    transition: ease all 0.4s;
}

.client_sec .owl-stage-outer {
    overflow: inherit !important;
}

.client_sec .owl-item {
    text-align: center;
}


.v-align {
    vertical-align: middle
}

/* vision */
.vision_title {
    width: 15%;
}

.filter_item a.active:hover {
    color: #fff;
}

/*.gearBox_title {
    min-height: 17.5vh;
    text-align: center;
     position: absolute;
    top: -6vh;
    left: -10%;
    right: auto;
    background-image: url(../Images/img/BG/gear-i2.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
     width: 32%;
}*/
/*.gearBox_title {
    text-align: center;
    position: absolute;
    top: -5vh;
    left: -3%;
    right: auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 150px;
    height: 150px;
    box-shadow: inset 0px 0px 8px rgb(0 0 0 / 22%);
    padding: 0.85rem;
    transition: ease all 0.2s;
    margin: 0 auto 1.1rem auto;
    border-radius: 250px;
    background-color: #ffffff;
    border: solid 17px transparent;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #e5e5e5,#ffffff);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}*/

.policy_content {
    margin-top: 75px;
}

.mb-box {
    margin-bottom: 8vh;
}



.policy_box:hover .Vbox_title {
    color: #fc6d00;
    transition: ease all 0.3s;
}

@keyframes spin {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.gearBox_title {
    vertical-align: middle;
    text-align: center;
    display: block;
    font-size: 0.91rem;
    color: #525252;
    z-index: 10;
    position: absolute;
    top: 0;
    bottom: auto;
    right: 0;
    left: 0;
    padding-top: 2vh;
    width: 100%;
    height: 7vh;
    margin: auto auto;
    border-top-right-radius: 30px;
    border-top-left-radius: 30px;
}

    .gearBox_title:before {
        content: "";
        position: absolute;
        width: 100%;
        border-top: 0;
        top: auto;
        bottom: 0;
        margin: auto auto;
        left: 0;
        right: 0;
        display: block;
        border-width: 1px;
        border-style: solid;
        border-image-source: linear-gradient(to left, #ffffff00, #fc6d0080 50%, #fc6d0080 50%, #ffffff00 100%);
        border-image-slice: 1;
        border-width: 1px;
        border-right: 0;
        border-left: 0;
    }

.Vbox_title {
    transition: ease all 0.3s;
    font-size: 1.15rem;
}
/*.Vbox_title:after {
    content: "";
    position: absolute;
    width: 120%;
    border-top: none;
    border-bottom: 1px solid;
    height: 0px;
    top: 0;
    bottom: -50%;
    margin: auto auto;
    left: -10%;
    right: -10%;
    display: block;
    border-width: 3px;
    border-style: solid;
    border-image-source: linear-gradient(to left, white, #fc6d00ab 50%, #fc6d00b5 50%, white 100%);
    border-image-slice: 1;
    border-width: 1px;
    border-right: 0;
    border-left: 0;
}*/

.policy_box {
    width: 98%;
    /* border: 1px solid #eee; */
    padding: 4%;
    height: auto;
    border-radius: 30px;
    position: relative;
    background: rgb(238,238,238);
    background: radial-gradient(circle, #f5f5f5 0%, rgb(253 253 253) 100%);
}

.policy_content {
    overflow-y: scroll;
    height: 40vh;
    margin-top: 10vh;
    width: 90%;
    margin-left: 7%;
}

.prps_content {
    height: 9vh;
    margin-top: 10vh;
    width: 80%;
    margin: 10vh auto 0 auto;
}

.policy_content::-webkit-scrollbar {
    width: 5px;
    height: 10px;
}

.policy_content::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background: #eee;
}


/* Charts */

.charts {
    padding: 3% 0;
    /*  border-bottom-right-radius: 300px;
    border-top-right-radius: 300px;
    background: rgb(247,247,247);
    background: linear-gradient(280deg, #f5f5f5 0%, rgba(255,255,255,1) 100%);*/
}

.chart-box {
    width: 100%;
    max-width: 600px;
    margin: auto;
}

.charts h6 {
    color: #787878;
    margin-top: 3%;
    font-size: 0.9rem;
}


/* Sign Carousel */




@media (max-width: 767px) {
    #signsCarousel .carousel-inner .carousel-item > div {
        display: none;
        transition: ease all 0.8s;
    }

        #signsCarousel .carousel-inner .carousel-item > div:first-child {
            display: block;
            transition: ease all 0.8s;
        }


    #signsCarousel .carousel-inner .carousel-item.active, #signsCarousel .carousel-inner .carousel-item-next, #signsCarousel .carousel-inner .carousel-item-prev {
        display: block !important;
        transition: ease all 0.8s;
    }
}

#signsCarousel .carousel-inner .carousel-item.active,
#signsCarousel .carousel-inner .carousel-item-next,
#signsCarousel .carousel-inner .carousel-item-prev {
    display: flex;
    transition: ease all 0.8s;
}

@media (min-width: 768px) {

    #signsCarousel .carousel-inner .carousel-item-end.active,
    #signsCarousel .carousel-inner .carousel-item-next {
        transform: translateX(33%);
        transition: ease all 0.8s;
    }

    #signsCarousel .carousel-inner .carousel-item-start.active,
    #signsCarousel .carousel-inner .carousel-item-prev {
        transform: translateX(-33%);
        transition: ease all 0.8s;
    }

    #signsCarousel .carousel-inner .carousel-item-end,
    #signsCarousel .carousel-inner .carousel-item-start {
        transform: translateX(0);
        transition: ease all 0.8s;
    }
}

.signs {
    border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;
    background: rgb(247,247,247);
    background: linear-gradient(280deg, #f5f5f5 0%, rgba(255,255,255,1) 100%);
    position: relative;
    min-height: 45vh;
    width: 100%;
    overflow: hidden;
}

.signsCarousel_sec {
    position: absolute;
    left: -5%;
    right: 52%;
    top: 30%;
    bottom: auto;
    margin: auto 0;
}


.signs-sec {
    position: relative;
    min-height: 50vh;
    width: 100%;
    overflow: hidden;
    /* border-bottom-left-radius: 220px;
    border-top-left-radius: 220px;
    background: rgb(245,245,245);
    background: linear-gradient(90deg, rgba(245,245,245,1) 0%, rgba(255,255,255,1) 100%);*/
}

.gradient_sec {
    background-image: linear-gradient(to left, #ffffff, #fdfefd, #fcfcfc, #fafbfa, #f9f9f9, #f9f9f9, #f9f9f9, #f9f9f9, #fafbfa, #fcfcfc, #fdfefd, #ffffff);
}


.signsTop-sec {
    position: absolute;
    left: -5%;
    right: 52%;
    top: 20%;
    bottom: auto;
    margin: auto 0;
}

.signs-sec .container {
    display: table;
    vertical-align: middle;
    min-height: 50vh;
    margin: auto;
}

.signs-txt {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-table;
    right: 0;
    left: 0;
    font-size: 2.2rem;
    font-weight: 600;
    width: fit-content;
}

.signs-title {
    display: table-cell;
    vertical-align: middle;
}

.sign_box img {
    width: 70% !important;
    display: block;
    box-shadow: inset 0px 0px 8px rgba(0,0,0,0.5);
    padding: 0.85rem;
    border: 20px solid #eee;
    transition: ease all 0.2s;
    margin: 0 auto 1.1rem auto;
    border-image: linear-gradient(60deg, #e1e1e1, #fbfbfb) 1;
}

/* certificates */

.lightbox-carousel .ratio {
    background-color: #f7f7f7 !important;
    margin-bottom: 1px;
}

.lightbox-caption {
    background-color: #f1f1f1;
    FONT-SIZE: 1.25rem;
    font-weight: normal;
    line-height: 2.5rem;
    border-top: 1px solid #f1f1f1;
    padding: 15px 0 !important;
}

.ratio img {
    max-height: 90% !important;
    box-shadow: 0 0 5px 2px #00000024;
}

.lightbox .btn-close svg {
    fill: #b3b3b3;
}

span.sign_title {
    font-size: 0.92rem;
    font-weight: 500;
    color: #565656;
}

#clientsCarousel img {
    width: 40%;
}

.homeblog_img.blogtop-img img {
    min-height: 23vh;
}








/* Under Header */
.block-title {
    padding: 0px 0 0px;
    border-bottom: none;
    background-attachment: fixed;
    min-height: 17vh;
}

.mt_75 {
    margin-top: 5rem;
}

.pt_75 {
    padding-top: 5rem;
}





.overlay {
    display: inline-block;
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #06101e;
    opacity: 0.8;
    z-index: 0;
}

.ui-title-page h1 {
    color: #ffff;
    font-size: 2rem;
}

.breadcrumb_list {
    color: #e7e7e7;
    font-size: 13px;
}

.breadcrumbs {
    align-self: center;
    text-align: start;
    font-size: 14px;
    padding-top: 12px;
}



/* COntact */

.social_sec {
    padding: 3rem 0;
}

.contact_form {
    width: 85%;
    margin: auto;
}

    .contact_form .d-flex {
        flex-wrap: wrap;
        justify-content: space-between;
    }

.input_box {
    width: 49%;
}

.contact_form input {
    width: 100%;
    height: 45px;
    border: 1px solid #f9f9f9;
    border-radius: 5px;
    padding: 5px 15px;
    font-size: 12px;
    margin-bottom: 15px;
    background-color: #f9f9f9;
}
    .contact_form input::placeholder,
    .contact_form textarea::placeholder {
        color: #b7b7b7;
        opacity: 1;
    }

.contact_form textarea {
    width: 100%;
    height: 240px;
    border: 1px solid #f9f9f9;
    border-radius: 5px;
    padding: 15px;
    font-size: 13px;
    margin-bottom: 15px;
    background-color: #f9f9f9;
}

    .contact_form textarea:focus-visible,
    .contact_form input:focus-visible {
        outline: 1px solid #fc6d0059;
    }


.contact_submit {
    padding: 9px 7%;
    background-color: #225092;
    border-radius: 1.5rem;
    display: block;
    color: #fff;
    text-decoration: none;
    margin: auto;
    width: 40%;
    border: none;
    text-transform: capitalize;
    margin-top: 10px;
    font-size: 0.92rem;
}






.green {
    color: #4BB543
}

#presenton {
    width: fit-content;
    cursor: pointer;
}

.opctyO {
    opacity: 0;
    width: 0;
    display: table-column;
    transition: ease all 0.3s;
}

.opctI {
    opacity: 1;
    width: max-content;
    display: inline-block;
    transition: ease all 0.3s;
}

.pasShow input {
    border: 1px solid #d3d3d3;
    border-radius: 5px;
    padding: 8px 40px 8px 15px;
    font-size: 14px;
}

    .pasShow input:focus-visible {
        border: 1px solid #fec092;
        border-radius: 5px;
    }

.pasShow {
    position: relative
}

    .pasShow i {
        cursor: pointer;
        position: absolute;
        display: inline-table;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 10px;
    }

.catSide .cat_item {
    font-size: 13px;
    padding: 0;
    margin: 3px;
}
/*** Image Map ***/
.map-location {
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
}


.image-map-sec {
    position: relative;
    overflow: visible;
}

.map-sec {
    background-color: #fafafa;
}

.map {
    position: relative;
    width: 100%;
    margin: auto;
    background-color: #ccc;
}

    .map img {
        display: block;
        width: 70%;
        margin: auto
    }

.map-popup {
    position: absolute;
    /*left: 50%;
    top: 50%;*/
    width: min-content;
    z-index: 99;
    padding: 1.4rem;
    background-color: #fff;
    transition: all 300ms ease-in;
    transform: translate(-50%,-50%);
    opacity: 0;
    visibility: hidden;
    background: rgb(255 255 255 / 88%);
    border-radius: 5px;
    box-shadow: 0 0 9px 5px rgb(0 0 0 / 26%);
    font-size: 0.9rem;
}

    .map-popup li {
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .map-popup > *:first-child {
        margin-top: 0;
    }

    .map-popup > *:last-child {
        margin-bottom: 0;
    }

    .map-popup.open {
        opacity: 1;
        visibility: visible;
    }

.marker {
    position: relative;
    z-index: 1;
    width: 100px;
    height: 100px;
    color: #155a9e;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
    transition: all 300ms;
    display: table-cell;
    vertical-align: bottom;
    font-weight: 500;
    background-color: #ffffffb8;
}

    .marker span {
        position: absolute;
        bottom: 0px;
        margin: auto;
        right: 0;
        left: 0;
        color: #155a9e;
    }

.map-item {
    position: absolute;
    cursor: pointer;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
    overflow: visible;
}

.marker:before {
    content: "";
    transition: all 300ms;
    animation: pulse 2.2s infinite;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-image: url(../Images/img/pin.png);
    background-size: contain;
    background-position: center;
}

.marker2:before,
.marker1:before,
.marker3:before,
.marker4:before {
    position: absolute;
    top: 30%;
    left: 32%;
}

.marker1,
.marker2, .marker3, .marker4 {
    top: 0;
    left: 0;
}

.map-item3 {
    top: 73%;
    left: 24%;
}

@keyframes pulse {
    from {
        box-shadow: 0 0 0 0px #fb6d005e;
    }

    to {
        box-shadow: 0 0 0 30px rgba(0, 0, 0, 0);
    }
}

@media only screen and (min-width:48em) {

    .map-item4 {
        top: 42%;
        left: 39%;
    }

    .map-item1 {
        top: 23%;
        left: 29%;
    }

    .map-item2 {
        top: 44%;
        left: 50%;
    }

    .map-item3 {
        top: 73%;
        left: 62%;
    }

    .map-popup {
        position: absolute;
        transform: translateY(-50%);
    }

        /*.map-popup:before {
            content: "";
            position: absolute;
            top: 50%;
            left: -16px;
            margin-top: -16px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 16px 16px 16px 0;*/
        /* border-color: transparent #fff transparent transparent; */
        /*border-color: #00000021 rgb(255 255 255 / 28%) #0000002e transparent
        }*/

        .map-popup.edge {
            left: auto;
            right: calc(100% + 24px);
        }

            .map-popup.edge:before {
                left: auto;
                right: -16px;
                border-width: 16px 0 16px 16px;
                border-color: transparent transparent transparent #fff;
            }
}

aside#marker1 {
    top: 220%;
    right: 0;
}

aside#marker2 {
    top: -35%;
    left: 90%;
}

aside#marker3 {
    left: 100%;
    top: 50%;
}

aside#marker4 {
    top: 200%;
    left: auto;
    right: -55%;
}





.map-hold {
    position: relative;
}

picture {
    position: relative;
}


@media (max-width: 767px) {
    #plantsBox .carousel-inner .carousel-item > div {
        display: none;
        transition: ease all 0.6s;
    }

        #plantsBox .carousel-inner .carousel-item > div:first-child {
            display: block;
            transition: ease all 0.6s;
        }


    #plantsBox .carousel-inner .carousel-item.active, #plantsBox .carousel-inner .carousel-item-next, #plantsBox .carousel-inner .carousel-item-prev {
        display: block !important;
        transition: ease all 0.6s;
    }
}

#plantsBox .carousel-inner .carousel-item.active,
#plantsBox .carousel-inner .carousel-item-next,
#plantsBox .carousel-inner .carousel-item-prev {
    display: flex;
    transition: ease all 0.6s;
}

@media (min-width: 768px) {

    #plantsBox .carousel-inner .carousel-item-end.active,
    #plantsBox .carousel-inner .carousel-item-next {
        transform: translateX(50%);
        transition: ease all 0.6s;
    }

    #plantsBox .carousel-inner .carousel-item-start.active,
    #plantsBox .carousel-inner .carousel-item-prev {
        transform: translateX(-50%);
        transition: ease all 0.6s;
    }

    #plantsBox .carousel-inner .carousel-item-end,
    #plantsBox .carousel-inner .carousel-item-start {
        transform: translateX(0);
        transition: ease all 0.6s;
    }
}


#plantsBox .owl-stage {
    display: grid;
    grid-auto-flow: column;
}
.location_box {
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 4%;
    margin-bottom: -2px;
    background-color: #fff;
    height: 100%;
    display: grid;
    align-content: center;
}
 .plantsBox-item {
    height: 100%;
}



/* social */

.social_boxes p {
    font-size: 0.9rem;
    margin: 7% 0 0 0;
    color: #343434;
    font-weight: 500;
}

.social_box {
    display: inline-block;
}

.social_boxes li {
    position: relative;
    width: fit-content;
    padding-right: 3px;
}


.social_content {
    display: table-cell;
    vertical-align: middle;
}

.social_boxes li:hover svg,
.social_boxes li:hover img {
}

.social_boxes {
    padding: 0;
}

    .social_boxes svg,
    .social_boxes img {
        width: 37px;
        transition: ease all 0.3s;
        position: absolute;
        top: 0;
        height: 37px;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
    }




/***   BU  product categories  ****/
.BU-location {
    max-width: 100%;
    height: auto;
    margin: auto;
    display: block;
}



/*********     Product Archive      ******/


.cat_dropdown {
    text-align: right;
    padding: 5% 10%;
    font-size: 0.83rem;
}

    .cat_dropdown li {
        padding: 10px 0;
        border-bottom: 1px solid #f7f7f7;
    }

body.modal-open {
    padding: 0 !important;
}

.products_container .filterDiv {
    margin-bottom: 7vh;
}

.f-left {
    float: left;
}

.filterDiv {
    float: left;
    color: #ffffff;
    text-align: center;
    display: none;
    transition: ease all 0.3s;
}

.PBox {
    width: 90%;
}

.filterDiv.show {
    display: block;
    transition: ease all 0.3s;
}

/**********BU product archive  NEW *************/
.current_BU {
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

    .current_BU i {
        padding-right: .5rem;
    }

.BUPage {
    background-image: linear-gradient(to bottom, #f7f7f7, #f6f6f6, #f6f6f6, #f5f5f5, #f4f4f4, #f4f4f4, #f5f5f5, #f5f5f5, #f6f7f6, #f8f8f8, #f9faf9, #fbfbfb);
    padding-bottom: 20px;
    margin-bottom: -20px;
}

.img_oneInner {
    position: absolute;
    width: 50%;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto auto;
    z-index: 2;
}

.hex_ttlInner {
    position: absolute;
    bottom: 0;
    right: 0;
    top: 103%;
    left: 0;
    text-align: center;
    margin: auto;
    font-size: 0.9rem;
    font-weight: 500;
    color: #3a3a3a;
}
/* Style the buttons */
#myCatContainer ul {
    padding-left: 0;
}

.Cat {
    border: none;
    outline: none;
    padding: 12px 16px;
    cursor: pointer;
    transition: ease all 0.3s;
    margin-bottom: 15px;
}

    .Cat.activeCat {
        border-color: #fc6d00;
    }

    .Cat:hover {
        color: #fc6d00;
        transition: ease all 0.3s;
    }

.activeCat {
    border-radius: 4px;
    background-image: linear-gradient(to left, #f5f5f7, #fafafb, #fdfcfd, #fff, #ffffff);
    color: #fc6d00;
    transition: ease all 0.3s;
}

#dropdownprdct_Cat {
    background-color: #fff;
    padding: 10px;
    font-weight: 500;
    width: 100%;
    border: none;
    font-size: 0.92rem;
    box-shadow: 0 0 2px 0px #00000014;
}

.mob_Pfilter {
    position: relative;
}


.cat_dropdown.show {
    width: 95%;
    left: 0 !important;
    right: 0 !important;
    margin: 5px auto !important;
    transform: none !important;
    top: 100% !important;
    box-shadow: 0 0 3px 0px #00000017;
}
/* product box*/
.product_img img {
    width: 70%;
}

.product_box {
    border: 1px solid #eee;
    border-radius: 4px;
}

.product_name {
    font-size: 1rem;
    font-weight: 500;
    background-color: #f9f9f9;
}

.productModal {
    max-width: 40vw;
}

.productMimg {
    text-align: center;
    position: relative;
    padding: 2%;
}

    .productMimg img {
        width: 100%;
        padding: 2%;
    }

.Pdetails h3 {
    font-size: 1.2rem;
}

.modal-body .col-12 {
    position: relative
}

.productMdetails {
    background-color: #f7f7f7;
}

.Pdetails {
    text-align: left;
    padding: 0 10%;
    line-height: normal;
}

    .Pdetails i {
        padding-right: 3%;
    }

    .Pdetails span {
        font-weight: 500
    }

.productContent .btn-close {
    position: absolute;
    right: 25px;
    z-index: 2;
    top: 25px;
    border: 1px solid #ddd;
    padding: 7px;
}

.side_ttl p {
    font-size: 0.8rem;
}









.navbar1 .menu-items a {
    font-size: 1.2rem;
}


.shareBy, .title_design,
.Vbox_title, .sec_title, .ftr_box h5,
.slogan {
    cursor: default;
}

.policy_content h6 {
    color: #000000;
}

ul.owl-carousel {
    padding: 0
}


/**gallery */
.gallery_item {
    display: none
}

.show {
    display: block;
}

.lb-outerContainer {
    background: none;
}

.lb-dataContainer {
    display: none !important;
}

.lightbox .lb-image {
    height: 65vh !important;
    width: auto !important;
    margin: auto auto;
}

#filter_gallery {
    margin-bottom: 5rem;
    text-align: center;
}

.filter_btn {
    background-color: #fff;
    margin: 0 10px;
    padding-bottom: 5px;
}

#filter_gallery .active,
#filter_gallery .filter_btn {
    border: none !important;
}

#filter_gallery .filterItem {
    position: relative;
}

    #filter_gallery .filterItem:before {
        content: "";
        position: absolute;
        width: 140%;
        border-top: 0;
        top: auto;
        bottom: 0;
        margin: auto auto;
        left: -20%;
        right: -20%;
        display: block;
        border-width: 1px;
        border-style: solid;
        border-image-source: linear-gradient(to left, #ffffff00, #fc6d0080 50%, #fc6d0080 50%, #ffffff00 100%);
        border-image-slice: 1;
        border-width: 1px;
        border-right: 0;
        border-left: 0;
    }







/*********FOOTER NEW **********/
.ftr_box {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
}

    .ftr_box li, .ftr_box p {
        color: #fff;
        font-size: 0.9rem;
        padding-bottom: 1px;
    }

.LogoFtr {
    width: 43%;
    
}

.mainFooter {
    background-color: rgb(17, 71, 126);
    padding: 60px 0 15px 0;
    /*background-color: #11477E;*/
    background-color: #10457a;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}



.footer-copyright {
    border-top: 1px solid #ffffff0a;
}

.social-icons li {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0 0 0 15px;
}

.footer-copyright p {
    font-size: 0.78rem;
    color: #ffffff99;
    margin-bottom: 0;
    display: contents;
}

    .footer-copyright p a {
        color: #fff;
    }

.mainFooter .row {
    padding: 25px 0;
}

.social-icons li g {
    fill: #ffffff99;
    transition: ease all 0.3s;
}

.ftr_box li i {
    color: #fff;
    transition: ease all 0.3s;
}

.ftr_box li:hover i {
    color: #fc6d00;
    transition: ease all 0.3s;
}

.social-icons li:hover g {
    fill: #fff !important;
    transition: ease all 0.3s;
}

.social-icons li:hover path {
    fill: #fff;
    transition: ease all 0.3s;
}

.ftr_box li:hover a {
    color: #fc6d00 !important;
    transition: ease all 0.3s;
}



main {
    position: relative;
    margin-bottom: 31rem;
    background-color: #fff;
    z-index: 1;
}

.ftr_box h5 {
    margin-bottom: 20px;
}

.ftr_box h5 {
    position: relative;
    width: fit-content;
}

    .ftr_box h5:after {
        content: "";
        position: absolute;
        width: 140%;
        border-top: 1px solid;
        border-bottom: 1px solid;
        height: 3px;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 103%;
        display: block;
        border-width: 3px;
        border-style: solid;
        border-image-source: linear-gradient(to left, #ffffff00, #ffffff75);
        border-image-slice: 1;
        border-width: 1px;
        border-right: 0;
        border-left: 0;
    }



.slogan {
    letter-spacing: 1px;
    position: relative;
}


/******** Back To Top *******/

.back-to-top {
    position: fixed;
    bottom: -30px;
    right: 15px;
    display: block;
    width: 50px;
    height: 50px;
    opacity: 0;
    z-index: 200;
    transition: ease all 0.7s;
    cursor: pointer;
}

    .back-to-top.show {
        bottom: 20px;
        right: 15px;
        opacity: 1;
        transition: ease all 0.7s;
    }

#backToTop:before {
    content: "";
    left: 0;
    top: 0;
    bottom: 0;
    height: 40px;
    width: 40px;
    background-image: url(../Images/img/BackToTop/btt1.png);
    background-repeat: no-repeat;
    background-size: 95%;
    background-position: center;
    position: absolute;
    z-index: 333;
}

body.modal-open {
    padding: 0 !important;
}



.hold-img-archiveNew {
    min-height: 160px;
    position: relative;
    overflow: hidden;
    height: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.Ftr-castbox:hover svg {
    fill: white !important;
}



.err_sec {
    min-height: 50vh;
}


.errorImg {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto auto;
    width: 35%;
    top: 0;
    bottom: 0;
    animation: spin 60s linear infinite;
    transition: ease all 0.3s;
}

.err_txt h3 {
    text-align: center;
    font-size: 2rem;
    position: relative;
    padding: 15px 0;
    font-weight: bold;
    text-transform: capitalize;
}

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

    .err_txt h3:after {
        content: "";
        position: absolute;
        width: 70%;
        border-top: 1px solid;
        border-bottom: 1px solid;
        height: 5px;
        top: 0;
        bottom: -90%;
        margin: auto auto;
        left: -10%;
        right: -10%;
        display: block;
        border-width: 3px;
        border-style: solid;
        border-image-source: linear-gradient(to left, white, #fc6d00 50%, #fc6d00 50%, white 100%);
        border-image-slice: 1;
        border-width: 1px;
        border-right: 0;
        border-left: 0;
    }

.err_button {
    padding: 10px 10%;
    background-color: #225092;
    border-radius: 1.5rem;
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 0.9rem;
    margin: auto;
    width: fit-content;
    text-transform: capitalize;
}


.errorImg1 {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: auto auto;
    width: 15%;
    top: 20px;
    bottom: 0;
}

.errorImg2 {
    position: absolute;
    display: block;
    left: 57%;
    right: auto;
    margin: auto auto;
    width: 13%;
    top: 42px;
    bottom: 0;
}

@keyframes spinrev {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(-360deg)
    }
}

.err_txt {
    width: fit-content;
    margin: auto;
}

.pagination li {
    cursor: pointer;
}

video {
    width: 100%;
    border-radius: 5px;
}

.lightbox-carousel .ratio {
    background-color: #ffffff !important;
    border-bottom: none;
    margin-bottom: 0px !important;
}

.SnglNewSide {
    border-left: 1px solid;
    border-color: #eee;
    padding-left: 15px;
    min-height: 100vh;
}

.title_side {
    width: fit-content;
    position: relative;
    font-size: 1.2rem;
    text-transform: capitalize;
    padding: .7rem 0 .7rem 0;
    margin-bottom: 0;
}

    .title_side:before {
        content: "";
        position: absolute;
        width: 100%;
        border-top: 1px solid;
        border-bottom: 1px solid;
        height: 5px;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 105%;
        display: block;
        border-width: 3px;
        border-style: solid;
        border-image-source: linear-gradient(to left, #ffffff, #fc6d00);
        border-image-slice: 1;
        border-width: 1px;
        border-right: 0;
        border-left: 0;
    }

.trends {
    border-bottom: 1px solid #f7f7f7;
}

    .trends .top_date,
    .trends .top_cat {
        font-size: 11px;
    }



.cat_dropdown .dropdown-item {
    text-align: left;
}


.crouseplus {
    color: #225092 !important;
    font-family: 'iranyekanB';
}


.history_item li{
       list-style:none;
}












/*   ***************************************************     RESPONSIVE      ****************************************************** */
/*  less than 1200px  */
@media only screen and (max-width: 1200px) {
    .productContent {
        height: auto !important;
    }

    .productModal {
        max-width: 75vw;
    }

    #homBlogCarousel .hold-img-archive2 {
        min-height: 170px;
    }

    .slogan:before {
        display: none;
    }

    .slogan {
        margin-left: 0;
    }

    .HstrySection .owl-dots {
        bottom: -4vh;
        right: 0;
        left: 0;
    }
    .HstrySection .owl-nav {
        bottom: -12vh;
        right: 50%;
        left: 50%;
     }
    #hstrySlide .owl-prev span, #hstrySlide .owl-next span {
        font-size: 3.5rem;
    }

}


/*  less than 992  */
@media only screen and (max-width: 992px) {
    .HstrySection .owl-nav {
        bottom: 0rem;
    }

    .history_item  {
        text-align:center;
        width: 100%;
    }
        #hstrySlide .owl-dots {
        display: none;
    }
    #hstrySlide .owl-nav{

    }

    #singleNewsSlider .holdImg {
        height: auto;
    }

    .singlePostImg {
        min-height: 30vh;
    }


    .navbar-nav li {
        width: max-content;
    }

    .rankTop-sec, .signsTop-sec {
        position: inherit;
    }

    .gearBox_title {
        position: inherit;
        padding-top: 2vh;
    }

    .policy_content {
        margin-left: 0;
        margin: 0 !important;
        width: 100%;
        padding-top: 7vh;
    }

    .gearBox_title span {
        font-size: 1rem;
        color: #424242;
    }

    .dropdown-menu {
        border: none;
        box-shadow: none
    }

    .slogan {
        font-size: 0.7rem !important;
        padding-bottom: 1px;
        margin-top: 3px;
    }

    .ftr_box h5 {
        font-size: 1rem;
        width: 70%;
        margin: 15px 0 5px 0;
        font-weight: 600;
        border-bottom: 1px solid #ffffff2b;
        padding-bottom: 5px;
    }

        .ftr_box h5:after {
            display: none;
        }


    #homBlogCarousel .hold-img-archive2 {
        min-height: 130px;
    }

    #homBlogCarousel .box_title {
        font-size: 1.1rem;
    }

    #homBlogCarousel .card-text {
        display: none;
    }


    .About_home_sec, .about_sec {
        background-image: url(../Images/img/vertical-front-bw.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        padding: 10% 1%;
        position: relative;
        background-position: center bottom;
    }


        .About_home_sec p,
        .About_home_sec h5 {
            text-align: justify
        }

        .About_home_sec:before,
        .about_sec:before {
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            z-index: 0;
            background-image: linear-gradient(to top, #ffffff, #fdfefdde, #fcfcfcde, #fafbfade, #f9f9f9de, #f9f9f9de, #f9f9f9de, #f9f9f9de, #fafbfade, #fcfcfcde, #fdfefdde, #ffffff);
        }

    .about_home_txt {
        z-index: 3;
        position: relative;
    }


    .image-map {
        height: 45vh;
    }

    .archive-blog {
        max-height: inherit !important;
        overflow-y: visible;
    }

    #homBlogCarousel .carousel-indicators,
    #responsTopBlog .carousel-indicators {
        bottom: -1.5%;
    }

        #homBlogCarousel .carousel-indicators li,
        #responsTopBlog .carousel-indicators li {
            width: 10%;
            height: 3px;
            margin: 3px;
            background-color: #d9d9d9;
            transition: ease all 0.3s;
            color: transparent;
        }

            #homBlogCarousel .carousel-indicators li.active,
            #responsTopBlog .carousel-indicators li.active {
                background-color: #fc6d00;
                transition: ease all 0.3s;
            }


    /* top blog */
    .txt-right {
        text-align: right
    }

    .txt-left {
        text-align: left
    }

    .holdImg-topblog {
        min-height: 340px;
    }

    .responsTopBlogItem {
        position: relative;
    }

    .responsTopTxt {
        position: absolute;
        bottom: 0px;
        right: 0;
        left: 0;
        padding: 4%;
        background-image: linear-gradient(to top, #000000e8, #00000000);
        color: #fff;
    }

        .responsTopTxt span {
            color: #fff;
            font-size: 13px;
        }

    .search-all {
        width: 100%;
    }

    .blog-search {
        width: 90%;
    }

    .inserchbox {
        right: 15%;
    }

    .productMimg {
        padding: 0 !important;
    }

        .productMimg img {
            width: 85%;
            padding: 0 !important;
        }

        .productMimg:before {
            display: none;
        }


    .block-title {
        min-height: 10vh;
    }

    .ui-title-page h1 {
        font-size: 1.4rem;
        margin-bottom: 0;
    }

    .tmpl-page-title {
        padding: 0 10px;
    }

    .sec_title_small {
        padding: 30px 0;
    }

    .mt_75 {
        margin-top: 40px;
    }

    .pt_75 {
        padding-top: 40px;
    }
}


/*     between 990 and 575px     */
@media only screen and (max-width: 990px) and (min-width: 575px) {

    .hex_mob_ttl {
        font-size: 14px;
        bottom: 14%;
        font-weight: 600;
    }

    .img_bu_mob {
        width: 43%;
        right: 0;
        left: 0;
        top: auto;
        bottom: 37%;
    }
}


/*     between 768 and 650px     */
@media only screen and (max-width: 768px) and (min-width: 650px) {

    .sign_box img {
        width: 80%;
    }
}




/*  less than 768  */
@media only screen and (max-width: 768px) {
    .social-icons {
        margin-top: 15px;
    }

    .ftr_box li {
        font-size: 12px;
        padding: 3px 0px;
    }

    .ftr_box h5 {
        font-size: 13px;
    }

    .single-container .card-details {
        font-size: 12px;
    }

    .breadcrumb_list {
        font-size: 11px;
    }

    .ui-title-page h1 {
        font-size: 0.9rem;
        margin-bottom: 5px;
    }

    .single-title h1 {
        font-size: 1.2rem;
    }

    .timeline-item {
        padding: 0 25px 150px 25px;
    }

    .ftr_box ul li {
        width: 90%;
        margin: auto;
        display: block;
    }

    .LogoFtr {
        width: 50%;
    }

    .ftr_box {
        margin-top: 20px;
    }

    .social_boxes svg {
        width: 25px;
        height: 25px;
    }

    #homBlogCarousel .hold-img-archive2 {
        min-height: 200px;
    }

    #homBlogCarousel .card-text {
        display: block;
    }

    .carousel-item.active .carousel-caption h4,
    .carousel-item.active .carousel-caption p {
        animation-delay: 0s;
        transform: none;
        opacity: 1;
    }

    .carousel-item.active .carousel-caption .carousel_button {
        animation-delay: 0.4s;
    }



    .carousel_bg {
        height: 25vh;
    }

    .maininner .carousel-control-next-icon, .maininner .carousel-control-prev-icon {
        position: absolute;
        top: 20%;
    }

    #singleNewsSlider .carousel-control-next-icon, .carousel-control-prev-icon {
        position: absolute;
        top: 45%;
    }

    #mainslider .maininner {
        overflow: visible;
    }

    #mainslider .carousel_bg:after {
        display: none;
    }

    #mainslider .carousel-caption {
        position: initial;
        padding: 3% 0;
    }

        #mainslider .carousel-caption h4, .carousel-caption p {
            color: #313131;
        }

    #mainslider .carousel-indicators {
        bottom: -4%;
    }

        #mainslider .carousel-indicators li {
            background-color: #8383838f;
        }

    .marker1 {
        top: 2%;
        left: 6%;
    }

    .marker2 {
        top: 30%;
        left: 44%;
    }

    .rank-sec, .charts {
        min-height: 60vh;
        border-radius: 0;
    }

    .signs-sec {
        min-height: 85vh;
        border-radius: 0;
        overflow: visible;
    }

    .rankTop-sec {
        right: 0;
        left: 0;
        top: 63%;
    }

    .signsTop-sec {
        top: 50%;
        left: 20%;
        right: 20%;
        width: 60%;
        margin: auto;
    }

    .sign_box img {
        width: 80%;
        padding: 0.5rem;
        border: 8px solid #eee;
    }


    /* vision tab */

    .vision_title .tab_title:before {
        width: 100%;
    }

    .tab_title {
        width: 32%;
    }

    .vision_title {
        width: 100%;
        display: flex;
        margin-bottom: 20px;
    }

    .vision_content {
        width: 100%;
        padding: 6%;
    }

    .tab-content > .active {
        height: 44vh;
    }



    .worldMap_sec img {
        transform: scale(1.5);
    }

    .worldMap_BG {
        z-index: 0;
        position: relative;
    }

    .worldMap_sec .container {
        z-index: 1;
        position: relative;
    }

    .sec_title, .title_design {
        font-size: 27px !important;
    }

    main {
        margin-bottom: 32rem;
    }

    .timeline-item:before {
        right: 10px !important;
        text-align: right !important;
        width: 90%;
    }

    .timeline-item:nth-child(even):before {
        left: auto;
        text-align: right;
        right: calc(-100% - 56px);
    }




    .timeline-item .timeline__content-title,
    .timeline-item:nth-child(even) .timeline__content-title {
        border-right: 2px solid rgba(255, 255, 255, .5);
        padding-left: 0;
        padding-right: 10px;
        right: 10px;
        top: 20%;
        width: auto;
        margin: auto;
        display: block;
        text-align: right;
        border-left: none;
        font-size: 2.3rem;
    }

    .timeline:before {
        display: none;
    }

    .prps_content {
        margin: 4vh auto 0 auto;
    }
}




#plantsBox {
    position: relative;
}

    #plantsBox .owl-prev {
        /* position: absolute;
        left: 1rem;
        right: auto;
        bottom: -2.5rem;*/
        border-radius: 50px;
        border: 1px solid #e9e9e9;
        width: 2rem;
        height: 2rem;
        box-shadow: 0 0 2px 2px #00000003;
    }


    #plantsBox .owl-next {
        /*position: absolute;
        right: 1rem;
        left:auto;
        bottom: -2.5rem;*/
        border-radius: 50px;
        border: 1px solid #e9e9e9;
        width: 2rem;
        height: 2rem;
        box-shadow: 0 0 2px 2px #00000003;
    }

    #plantsBox .owl-prev span {
        font-size: 1.7rem;
        margin: auto;
        display: block;
        line-height: 0;
        color: #fc6d00;
        padding: 0 2px 4px 0px;
        font-family: serif;
    }

    #plantsBox .owl-next span {
        font-size: 1.7rem;
        margin: auto;
        display: block;
        line-height: 0;
        color: #fc6d00;
        padding: 0px 0px 4px 2px;
        font-family: serif;
    }

#ContactUsResult {
    text-align: left;
    color: #f98e8e;
    font-size: 0.78em;
    line-height: 1.7;
    margin-top: 5px;
}







/***** Between 768 & 500 px ******/
@media only screen and (max-width: 768px) and (min-width: 500px) {


    #clientsCarousel img {
        width: 30%;
        padding-bottom: 10px;
    }
}

/*  less than 768px  */
@media only screen and (max-width: 768px) {

    .mainFooter .row,
    .footerLogo, .slogan {
        text-align: center !important;
    }
    .ftr_box h5 {
        width: 100%;
    }
    .back-to-top.show {
        bottom: 0;
        right: 0;
     }

    }



    /*  less than 576px  */
    @media only screen and (max-width: 576px) {
        .hold-img-topbox {
            min-height: 200px;
        }

        #mainslider .carousel-indicators {
            bottom: -10%;
        }

        .singlePostImg {
            min-height: 20vh;
        }

        .carousel_bg {
            height: 19vh;
        }

        .holdImg-topblog, .hold-img-topbox {
            min-height: 208px;
        }

        .cat_dropdown {
            width: 90%;
            margin: auto;
        }

        .carent-prdct_Cat {
            font-size: 0.9rem;
        }


        button #dropdownprdct_Cat {
            width: 90%;
        }

        .PBox {
            margin: auto;
        }

        .productModal {
            max-width: 90vw;
            margin: auto;
        }

        .BUPage .mob_Pfilter {
            display: block !important;
            width: 99%;
            text-align: center;
        }

        .BUPage p.col-4 {
            display: block !important;
            width: 99%;
            text-align: center;
        }

        .PBox .img_hex {
            width: 80%;
            margin: auto;
        }

        .PBox .img_oneInner {
            width: 43%;
        }

        .BUHome .hex_mob_ttl {
            display: none;
        }

        .mt_75 {
            margin-top: 35px;
        }

        .pt_75 {
            padding-top: 35px;
        }

        .sec_title_small {
            font-size: 25px;
            padding: 35px 0;
        }

        .BUContainer {
            padding-left: 5%;
        }

        .hex_box a:before {
            width: 100%;
        }

        .BUHome .img_hex {
            width: 100%;
            margin: auto;
        }

        .BUHome .img_bu_mob {
            width: 60%;
            bottom: 20%;
            right: 0;
            left: 0;
        }
    }

    /*  less than 500px  */
    @media only screen and (max-width: 500px) {
        .signsTop-sec {
            top: 57%;
            width: 62%;
        }

        .sign_box img {
            width: 80%;
        }


        .timeline__img {
            width: 183px;
            height: 183px;
        }
    }


    /*  less than 400px  */
    @media only screen and (max-width: 400px) {
        .sign_box img {
            width: 90%;
        }

        .Pdetails {
            width: 100%;
        }

        .modal-body {
            padding: 10px;
        }

        .Pdetails {
            padding: 0 4%;
        }
    }







    .carousel-item.rankTop-item.carousel-item-next.carousel-item-start {
        opacity: 1
    }

    .carousel-item.rankTop-item {
        opacity: 0.1
    }

    .rankTop-item.active {
        opacity: 1;
    }



    .insta:hover g {
        fill: #fc6d00;
        transition: ease all 0.2s;
    }

    .aparat:hover g {
        fill: #fc6d00;
        transition: ease all 0.2s;
    }

    .youtube:hover g {
        fill: #fc6d00;
        transition: ease all 0.2s;
    }

    .castbox:hover svg {
        fill: #fc6d00 !important;
        transition: ease all 0.2s;
    }

    .linkedin:hover g {
        fill: #fc6d00;
        transition: ease all 0.2s;
    }

    .history_item {
        list-style: disc;
        padding: 0;
        width: 80%;
        font-size: 1.2rem;
    }

    /*gallery*/
    .gallery_item img {
        border-radius: 6px;
    }

    .gallery_container {
        width: 90%;
        height: 45vh;
        display: flex;
        gap: 15px;
        margin: auto;
        padding-bottom: 20px;
    }

        .gallery_container .slide {
            flex: 1;
            border-radius: 15px;
            background: center/ cover no-repeat;
            position: relative;
            transition: all 0.7s ease-in-out;
            cursor: pointer;
            opacity: 0.3;
        }

    .slide h3 {
        font-size: 13px;
    }

    .gallery_container .slide.active {
        flex: 10;
        opacity: 1;
    }

        .gallery_container .slide.active h3 {
            opacity: 1;
            transition: opacity 0.3s ease-in;
        }



    /* Enamad*/

    .namadEtemad {
        width: 50px;
        height: auto;
        margin: auto;
        filter: saturate(5);
    }

    .design {
        font-size: 0.66rem !important;
        color: #5c7c9b !important;
    }