@charset "UTF-8";

   @font-face {
    font-family:'Work Sans';
    font-weight: 400;
    src: url('../fonts/WorkSans-Regular.ttf');
  font-display: swap;
  }
  @font-face {
    font-family:'Work Sans';
    font-weight: 500;
    src: url('../fonts/WorkSans-Medium.ttf');
  font-display: swap;
  }
  @font-face {
    font-family:'Work Sans';
    font-weight: 600;
    src: url('../fonts/WorkSans-SemiBold.ttf');
  font-display: swap;
  }
  @font-face {
    font-family:'Work Sans';
    font-weight: 700;
    src: url('../fonts/WorkSans-Bold.ttf');
  font-display: swap;
  }
/*h1, h2, h3, h4, h5, h6, ul, p, button, span, a, input, select, textarea {
    margin: 0;
    padding: 0;
    font-family: "Work Sans", sans-serif;
}*/
#page_wrapper .about-company .about-img {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px;
    margin-top: -35px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#page_wrapper .about-company .about-img img {
    background: linear-gradient(to right, #5ba42f, #2ea5d9);
    border-radius: 100%;
    padding: 5px;
}
#page_wrapper .about-company .about-img:before {
    content: '';
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 96%;
    height: 96%;
    border: 1px dashed #b3b3b3;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#page_wrapper .about-company .about-img:after {
    content: '';
    position: absolute;
    right: 20px;
    top: 20px;
    width: 96%;
    height: 96%;
    border: 1px dashed #b3b3b3;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.tawk-button-large{
 background-color:#ed3237!important;
}               
.insta {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
 /* Also define standard property for compatibility */
 background-clip: text;
 -webkit-text-fill-color: transparent;
}
.section-title.text-center {
    padding: 0
}

.section-title.text-center span {
    display: none
}

.section-title.text-center p {
    margin-left: 0
}

.section-title-2 {
    position: relative;
    margin-bottom: 70px
}

@media only screen and (max-width:991px) {
    .section-title-2 {
        margin-bottom: 50px
    }
}

@media only screen and (max-width:767px) {
    .section-title-2 {
        margin-bottom: 40px;
        padding-top: 10px
    }
}

.section-title-2 h2 {
    position: relative;
    font-size: 42px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s
}

@media only screen and (max-width:767px) {
    .section-title-2 h2 {
        font-size: 25px;
        letter-spacing: 0
    }
}

.section-title-2 p {
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    padding-left: 70px
}

.section-title-2 p:after, .section-title-2 p:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.section-title-2 p:after {
    width: 6px;
    height: 6px;
    background-color: #fff;
    border-radius: 50%
}

.v-light:not(.no-light) .section-title-2 p:after {
    background-color: #000
}

.section-title-2 p:before {
    width: 60px;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #eeeeee), color-stop(35%, #bababa), color-stop(65%, #999), to(#212121));
    background: -webkit-linear-gradient(left, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%);
    background: -o-linear-gradient(left, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%);
    background: linear-gradient(to right, #eeeeee 0, #bababa 35%, #999 65%, #212121 100%)
}

@media only screen and (max-width:767px) {
    .section-title-2 p {
        letter-spacing: 0
    }
}

                .footer-bg {
                    top: 20px;
                    right: 50px;
                }
                
                .dsn-style-cards .dsn-posts.box-image-normal .dsn-post-link.custom-menu-link {
                    position: relative;
                    bottom: auto;
                    right: auto;
                    border-width: unset;
                }
                
                .menu-tabs {
                    max-height: 350px;
                }
                
                .dsn-style-cards .dsn-posts:not(.box-image-blackdsn) .post-content.menu-tab-content {
                    bottom: 20px;
                    height: auto;
                    padding: 0 20px;
                }
                
                .dsn-style-cards .dsn-posts.box-image-transform.menu-tab-types .dsn-post-link {
                    padding: 15px;
                    border-style: solid;
                    border-radius: 50%;
                    width: 60px;
                    height: 60px;
                }
                
                .dsn-style-cards .dsn-posts.box-image-transform.menu-tab-types .dsn-post-link svg {
                    fill: var(--heading-color);
                }
                
                .product_dropdown {
                    position: fixed;
                    top: 70px;
                    left: 0;
                    /* padding-left: 18%; */
                    z-index: 10000;
                    /* width: 94%; */
                    display: none;
                    margin-left: 300px;
                    margin-right: 50px;
                }
                
                .site-header.nav-bg .product_dropdown {
                    top: 70px;
                }
                
                .products:hover .product_dropdown {
                    display: block;
                    padding: 10px;
                }
                
                .site-header.dsn-hamburger ul.top-list {
                    left: auto;
                    top: auto;
                    z-index: 1;
                }
                
                .menu-tab {
                    position: absolute;
                    top: 0;
                    transform: translateY(100%);
                    transition: 0.3s;
                    z-index: 1;
                    width: 94%;
                }
                
                .product .bg-dark {
                    height: 200px;
                }
                
                .menu-tab h1 {
                    font-weight: 900;
                    font-size: 60px;
                }
                
                .menu-tab-content .product {
                    height: 200px;
                }
                
                .menu-btn a:hover span {
                    color: #fff;
                }
                
                .loader_logo_thumb {
                    max-width: 20 0px;
                    height: auto;
                }
                
                .menu_search_tag {
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    z-index: 2;
                }
                
                .menu_search_item {
                    background-size: cover;
                }
                
                .menu_search_item::after {
                    content: "";
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 0;
                    left: 0;
                    background-color: #00000070;
                    transition-duration: 0.3s;
                }
                
                .menu_search_item:hover::after {
                    background-color: #00000025;
                }
                
                .menu_product_tag {
                    bottom: 20px;
                    left: 20px;
                    z-index: 2;
                }
                
                .box-under-img .content {
                    z-index: 1;
                }
                
                .slider_head {
                    font-size: 65px;
                    font-weight: 900;
                }
                
                .our_product_tag {
                    font-weight:900;
                    transform: translateY(0) !important;
                    opacity: 1 !important;
                    visibility: visible !important;
                }
                
                @media only screen and (max-width: 1500px) {
                    .product_dropdown {
                        width: 100%;
                        margin-left: 0;
                        margin-right: 0;
                    }
                }
                
                @media only screen and (max-width: 1200px) {
                    .product_dropdown {
                        max-height: 85vh;
                        overflow-y: scroll !important;
                    }
                    .product_dropdown .section-margin {
                        margin-top: 0;
                        margin-bottom: 0;
                    }
                    .menu-tab {
                        transform: translateY(0);
                        transition: 0.3s;
                        z-index: 10001;
                        width: 100%;
                        position: fixed;
                        top: 100%;
                        left: 0;
                        z-index: 10001;
                        margin-left: 0;
                        margin-right: 0;
                        max-height: 85vh;
                        overflow-y: scroll !important;
                        padding: 50px;
                    }
                }
                
                .menu_catalogue_img {
                    height: 420px;
                }
                
                @media only screen and (max-width: 991px) {
                    .creativity_section {
                        margin-top: 30px;
                    }
                    .menu_catalogue_img {
                        max-width: 400px;
                        height: 300px;
                    }
                }
                
                .about_name {
                    padding-left: 24%;
                    letter-spacing: 0.5;
                    font-weight: 900;
                    white-space: nowrap;
                    font-size: 70px;
                }
                
                .about_name_minerals {
                    padding-left: 39%;
                    font-size: 55px;
                }
                
                @media only screen and (max-width: 767px) {
                    .about_name,
                    .about_name_minerals {
                        padding-left: 0;
                        font-size: 35px;
                    }
                    .slider_head {
                        font-size: 30px;
                    }
                    .pera-tag {
                        text-align: justify;
                    }
                }
                
                @media only screen and (max-width: 767px) {
                    .product_dropdown,
                    .menu-tab {
                        padding: 30px 20px;
                    }
                }
                /*Packing details Page*/
                
                .tbl1 {
                    padding-top: 40px;
                }
                
                .tbl1 table {
                    width: 100%;
                    max-width: 100%;
                }
                
                .table-style .table-bordered td,
                .table-bordered th {
                    border: 1px solid #dee2e6!important;
                    padding: 15px!important;
                    white-space: nowrap;
                    font-weight:900;
                }
                
                .table-striped tbody tr:nth-of-type(odd) {
                    background-color: #f8f9fa1f;
                }
                /*Packing details Page End*/
                /*Contact Page*/
                
                .Contact__Page a {
                    text-decoration: none;
                }
                
                .Contact__Page a:hover {
                    color: #000000;
                }
                /*Contact Page End*/
                /*Blog Page*/
                
                .Blog__Page a {
                    text-decoration: none;
                    color: #fff;
                }
                /*Blog Page End*/
                /*Catalogue Page*/
                
                .Catalogue__Page a {
                    text-decoration: none;
                    color: #fff;
                }
                
                .catdownbtn span {
                    border: solid 1px #eee;
                    padding: 0.85rem 3rem;
                }
                /*Catalogue Page End*/
                /*Product Page Page */
                
                .Product__Page a {
                    text-decoration: none;
                    color: #fff;
                }
                
                .dropdown {
                    /*container for custom dropdown arrow*/
                    -webkit-appearance: none;
                    -moz-appearance: window;
                    padding: 2px 50px 2px 2px;
                    border: none;
                    background-image: url("../img/jayganesh/down.png");
                    background-repeat: no-repeat;
                    background-position: right center;
                }
                
                .Product__Page select {
                    font-size: 15px;
                    font-weight: 400;
                    width: 100%;
                    border: 1px solid var(--border-color);
                    padding: 15px 15px;
                    color: #fff;
                    margin-bottom: 0;
                    background-color: #000;
                }
                
                .resetbtn {
                    position: relative;
                    font-size: 13px;
                    line-height: 16px;
                    letter-spacing: 3px;
                    text-transform: uppercase;
                    color: var(--heading-color);
                    padding: 15px 15px;
                    cursor: pointer;
                    z-index: 9;
                    min-width: 150px;
                    border: solid 1px #fff;
                    margin-left: 10px;
                }
                /*Product Page Page End*/
                /*Product-details Page Page */
                
                .Productdetails__Page a {
                    text-decoration: none;
                    color: #fff;
                }
                
                .pad-15 {
                    padding: 20px;
                }
                
                .Productdetails__Page .dowbtn {
                    position: relative;
                    font-size: 13px;
                    line-height: 16px;
                    letter-spacing: 3px;
                    text-transform: uppercase;
                    color: var(--heading-color);
                    padding: 20px 30px;
                    cursor: pointer;
                    z-index: 9;
                    min-width: 150px;
                }
                
                .Productdetails__Page .sizes__section--inner {
                    text-align: center;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    justify-content: center;
                }
                
                .Productdetails__Page .sizes__section--inner_box {
                    border: 1px solid #fff;
                }
                
                .Productdetails__Page .sizes__section--inner_title {
                    margin-top: 10px;
                }
                
                .Productdetails__Page .surfaces__section--inner_box {
                    width: 50%;
                    height: 50%;
                    padding: 10px;
                    text-align: center;
                    font-size: 50px;
                    border: 2px solid #fff;
                }
                
                .Productdetails__Page .surfaces__section--inner {
                    text-align: center;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }
                
                @media (max-width:991px) {
                    .Productdetails__Page .surfaces__section--inner {
                        margin: 10px 0;
                    }
                }
                
                .Productdetails__Page .surfaces__section--inner_title {
                    padding-top: 10px;
                }
                /*Product-details Page End*/
                /*Application Page*/
                
                .appbtn {
                    position: relative;
                    font-size: 13px;
                    line-height: 16px;
                    letter-spacing: 3px;
                    text-transform: uppercase;
                    color: var(--heading-color);
                    padding: 20px;
                    cursor: pointer;
                    z-index: 9;
                    min-width: 100px;
                    border: solid 1px #eee;
                }
                /*Application Page End*/
                /*Responsive start*/
                
                @media only screen and (max-width:992px) {
                    .appbtn {
                        padding: 20px;
                    }
                    .filtering-t .filtering-wrap .filtering button {
                        font-size: 13px;
                    }
                    .Product__Page .title-block {
                        font-size: 18px;
                    }
                    .dsn-style-cards .dsn-posts.box-image-normal .dsn-post-link {
                        border: none;
                        bottom: 43px;
                    }
                }
                
                @media only screen and (max-width: 575px) {
                    .filtering-t .filtering-wrap .filtering button {
                        font-size: 10px;
                    }
                    .appbtn {
                        padding: 10px;
                        min-width: 85px;
                    }
                }
                
                @media only screen and (max-width: 460px) {
                    .appbtn {
                        margin-top: 10px;
                        padding: 10px;
                    }
                }
                
                .Product__Page.dsn-item-post {
                    height: 70vh;
                }
                /*  */
                
                #notification {
                    position: fixed;
                    bottom: 85px;
                    left: 30px;
                    z-index: 100;
                    border-color: #0062cc;
                    background-color: #fff;
                    box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .5);
                    border-radius: 5px;
                    width: 300px;
                    height: auto;
                    padding: 20px
                }
                
                #notification p {
                    text-align: justify;
                    color: #000
                }
                
                #notification a {
                    color: #000 !important;
                    font-weight: 600
                }
                
                .whatsappicon {
                    position: fixed;
                    z-index: 100;
                    bottom: 30px;
                    left: 10px;
                    width: 50px
                }
                
                .whatsappicon img {
                    max-width: 100%;
                    z-index: 100;
                    margin-left: 45%;
                    background-color: green;
                    border-radius: 50%;
                }
                
                @media only screen and (max-width: 767px) {
                    .whatsappicon img {
                        margin-left: 0;
                    }
                    #notification {
                        left: 9px;
                    }
                }
                /* / loader css start */
                
                .loader-wrap {
                    height: 100vh;
                    width: 100%;
                    background:#F6F8FA;
                    z-index: 1000;
                    position: fixed;
                }
                
                .loader-wrap .preloader img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }
                /* / loader css start / */
                
                .video-container {
                    position: relative;
                    width: 100%;
                    height: 0;
                    padding-bottom: 56.25%;
                    /* 16:9 aspect ratio (9 / 16 = 0.5625) */
                }
                
                .slider_video {
                    /*position: absolute;
                    top: 0;
                    left: 0;*/
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                }
                
                @media only screen and (max-width: 767px) {
                    .slider_video {
                        margin-left: 0;
                    }
                }
                
                body {
                    top: 0 !important;
                }
                
                .goog-te-banner-frame {
                    display: none;
                }
                
                .goog-logo-link {
                    display: none !important;
                }
                
                .goog-te-gadget {
                    color: transparent !important;
                    font-size: 0px !important;
                }
                
                #google_translate_element {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    position: relative;
                }
                
                .sd-tranlate {
                    font-size: 20px;
                }
                
                .goog-te-combo {
                    position: absolute;
                    top: 0;
                    height: 100%;
                    width: 50px;
                    left: 0;
                    background: transparent;
                    border: none;
                    color: transparent;
                    cursor: pointer;
                    margin: 0 !important;
                }
                
                @media only screen and (max-width: 1200px) {
                    .goog-te-combo {
                        transform: translate(-50%, -50%);
                        left: 50%;
                        top: 50%;
                    }
                }
                
                .goog-te-combo>option {
                    color: #000 !important;
                }
                
                .dropdown-item {
                    line-height: 2;
                }
                
                .VIpgJd-ZVi9od-l4eHX-hSRGPd {
                    display: none;
                }
                /* .heading {
                    text-align: center;
                    color: #454343;
                    font-size: 30px;
                    font-weight: 700;
                    position: relative;
                    margin-bottom: 70px;
                    text-transform: uppercase;
                    z-index: 999;
                }
                
                .white-heading {
                    color: #ffffff;
                }
                
                .heading:after {
                    content: ' ';
                    position: absolute;
                    top: 100%;
                    left: 50%;
                    height: 40px;
                    width: 180px;
                    border-radius: 4px;
                    transform: translateX(-50%);
                    background: url(img/heading-line.png);
                    background-repeat: no-repeat;
                    background-position: center;
                }
                
                .white-heading:after {
                    background: url(https://i.ibb.co/d7tSD1R/heading-line-white.png);
                    background-repeat: no-repeat;
                    background-position: center;
                }
                
                .heading span {
                    font-size: 18px;
                    display: block;
                    font-weight: 500;
                }
                
                .white-heading span {
                    color: #ffffff;
                } */
                /*-----Testimonial-------*/
                
                html {
                    overflow-x: hidden;
                    line-height: 1.15;
                    -webkit-text-size-adjust: 100%
                }
                
                body {
                    margin: 0
                }
                
                a {
                    background-color: transparent
                }
                
                strong {
                    font-weight: 700
                }
                
                img {
                    border-style: none
                }
                
                [type=button],
                [type=reset],
                [type=submit] {
                    -webkit-appearance: button
                }
                
                [type=button]::-moz-focus-inner,
                [type=reset]::-moz-focus-inner,
                [type=submit]::-moz-focus-inner {
                    border-style: none;
                    padding: 0
                }
                
                [type=button]:-moz-focusring,
                [type=reset]:-moz-focusring,
                [type=submit]:-moz-focusring {
                    outline: 1px dotted ButtonText
                }
                
                [type=checkbox],
                [type=radio] {
                    box-sizing: border-box;
                    padding: 0
                }
                
                [type=number]::-webkit-inner-spin-button,
                [type=number]::-webkit-outer-spin-button {
                    height: auto
                }
                
                [type=search] {
                    -webkit-appearance: textfield;
                    outline-offset: -2px
                }
                
                [type=search]::-webkit-search-decoration {
                    -webkit-appearance: none
                }
                
                 ::-webkit-file-upload-button {
                    -webkit-appearance: button;
                    font: inherit
                }
                
                [hidden] {
                    display: none
                }
                
                h1 {
                    font-size: 48px
                }
                
                h2 {
                    font-size: 42px
                }
                
                h3 {
                    font-size: 36px
                }
                
                h4 {
                    font-size: 30px
                }
                
                h5 {
                    font-size: 24px
                }
                
                h6 {
                    font-size: 20px
                }
                
                p {
                    margin: 0 0 20px
                }
                
                i {
                    font-style: italic
                }
                
                .text-light {
                    color: #fff
                }
                
                .text-light * {
                    color: #fff
                }
                
                .flex-middle {
                    display: flex;
                    align-items: center;
                    justify-content: center
                }
                
                .overlay {
                    position: absolute;
                    top: 0;
                    left: 0;
                    background: #fff;
                    opacity: .8;
                    width: 100%;
                    height: 100%;
                    z-index: -1;
                    transition: all .3s linear;
                    -webkit-transition: all .3s linear;
                    -moz-transition: all .3s linear;
                    -o-transition: all .3s linear;
                    -ms-transition: all .3s linear
                }
                
                @keyframes pulse-border {
                    0% {
                        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
                        opacity: 1
                    }
                    100% {
                        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
                        opacity: 0
                    }
                }
                
                @keyframes MoveUpDown {
                    0%,
                    100% {
                        bottom: 0
                    }
                    50% {
                        bottom: 10px
                    }
                }
                
                html {
                    box-sizing: border-box
                }
                
                *,
                 :after,
                 :before {
                    box-sizing: inherit
                }
                
                body {
                    background: #fff;
                    overflow: hidden
                }
                
                img {
                    height: auto;
                    max-width: 100%
                }
                
                 ::-webkit-input-placeholder {
                    color: #161313;
                }
                
                 ::-moz-placeholder {
                    color: #fff;
                }
                
                 :-ms-input-placeholder {
                    color: #fff;
                }
                
                 :-moz-placeholder {
                    color: #fff;
                }
                
                a {
                    transition: all .3s linear;
                    -webkit-transition: all .3s linear;
                    -moz-transition: all .3s linear;
                    -o-transition: all .3s linear;
                    -ms-transition: all .3s linear;
                    color: #1a1a1a;
                    text-decoration: none
                }
                
                a:active,
                a:focus,
                a:hover {
                    color: #9f9e9e;
                    text-decoration: none
                }
                
                a:focus {
                    outline: 0
                }
                
                a:active,
                a:hover {
                    outline: 0
                }
                
                @-webkit-keyframes stickySlideUp {
                    from {
                        -webkit-transform: translateY(100%);
                        transform: translateY(100%)
                    }
                    to {
                        -webkit-transform: translateY(0);
                        transform: translateY(0)
                    }
                }
                
                @keyframes stickySlideUp {
                    from {
                        -webkit-transform: translateY(100%);
                        transform: translateY(100%)
                    }
                    to {
                        -webkit-transform: translateY(0);
                        transform: translateY(0)
                    }
                }
                
                @-webkit-keyframes stickySlideDown {
                    from {
                        -webkit-transform: translateY(-100%);
                        transform: translateY(-100%)
                    }
                    to {
                        -webkit-transform: translateY(0);
                        transform: translateY(0)
                    }
                }
                
                @keyframes stickySlideDown {
                    from {
                        -webkit-transform: translateY(-100%);
                        transform: translateY(-100%)
                    }
                    to {
                        -webkit-transform: translateY(0);
                        transform: translateY(0)
                    }
                }
                
                #content[tabindex="-1"]:focus {
                    outline: 0
                }
                
                .text-center {
                    text-align: center
                }
                
                .ot-heading {
                    position: relative
                }
                
                .ot-heading>span {
                    font-family: "Josefin Sans", sans-serif;
                    font-size: 14px;
                    font-weight: 600;
                    color: #9f9e9e;
                    display: inline-block;
                    margin-bottom: 6px;
                    text-transform: uppercase;
                    letter-spacing: .5px
                }
                
                .ot-heading h2 {
                    margin-bottom: 0;
                    line-height: 48px
                }
                
                .ot-heading.is-dots {
                    padding-bottom: 30px
                }
                
                .ot-heading.is-dots:before {
                    content: "";
                    position: absolute;
                    left: 1px;
                    bottom: 1px;
                    width: 66px;
                    height: 2px;
                    border-bottom: 3px dotted #f0333985
                }
                
                .theratio-align-center .ot-heading.is-dots:before {
                    left: 50%;
                    -webkit-transform: translateX(-50%);
                    -ms-transform: translateX(-50%);
                    transform: translateX(-50%)
                }
                
                @media (max-width:767px) {
                    .ot-heading>span {
                        font-size: 12px
                    }
                    .ot-heading h2 {
                        font-size: 27px;
                        line-height: 38px
                    }
                    .ot-heading {
                        padding-bottom: 20px
                    }
                    .ot-heading:before {
                        width: 40px
                    }
                }
                
                .icon-box {
                    padding: 35px 30px;
                    transition: all .3s linear;
                    -webkit-transition: all .3s linear;
                    -moz-transition: all .3s linear;
                    -o-transition: all .3s linear;
                    -ms-transition: all .3s linear;
                    height: 380px
                }
                
                @media (max-width:1199px) {
                    .icon-box {
                        height: auto
                    }
                }
                
                .icon-box .icon-main {
                    color: #1a1a1a
                }
                
                .icon-box .icon-main i,
                .icon-box .icon-main span:before {
                    font-size: 54px;
                    transition: all .3s linear;
                    -webkit-transition: all .3s linear;
                    -moz-transition: all .3s linear;
                    -o-transition: all .3s linear;
                    -ms-transition: all .3s linear
                }
                
                .icon-box .icon-main i,
                .icon-box .icon-main img {
                    margin-bottom: 17px
                }
                
                .icon-box .icon-main span {
                    display: block;
                    line-height: 1;
                    margin-bottom: 28px
                }
                
                .icon-box h5 {
                    margin-bottom: 15px;
                    transition: all .3s linear;
                    -webkit-transition: all .3s linear;
                    -moz-transition: all .3s linear;
                    -o-transition: all .3s linear;
                    -ms-transition: all .3s linear;
                    font-size: 22px;
                    font-weight: 500
                }
                
                .icon-box h5 a {
                    color: #1a1a1a
                }
                
                .icon-box p {
                    margin-bottom: 13px;
                    transition: all .3s linear;
                    -webkit-transition: all .3s linear;
                    -moz-transition: all .3s linear;
                    -o-transition: all .3s linear;
                    -ms-transition: all .3s linear
                }
                
                .service-box h4 {
                    margin-bottom: 12px
                }
                
                .service-box p {
                    margin-bottom: 10px
                }
                
                .support-box {
                    position: relative
                }
                
                .support-box .inner-box {
                    position: relative;
                    transition: all .5s linear;
                    -webkit-transition: all .5s linear;
                    -moz-transition: all .5s linear;
                    -o-transition: all .5s linear;
                    -ms-transition: all .5s linear;
                    transform-style: preserve-3d
                }
                
                .support-box .inner-box>div {
                    backface-visibility: hidden;
                    transition: all .5s linear;
                    -webkit-transition: all .5s linear;
                    -moz-transition: all .5s linear;
                    -o-transition: all .5s linear;
                    -ms-transition: all .5s linear
                }
                
                .support-box .icon-title {
                    position: absolute;
                    width: 100%;
                    text-align: center;
                    top: 50%;
                    color: #fff;
                    -webkit-transform: translateY(-50%);
                    -ms-transform: translateY(-50%);
                    transform: translateY(-50%)
                }
                
                .support-box .icon-title h5 {
                    color: #fff;
                    text-transform: uppercase;
                    margin-bottom: 0;
                    line-height: 42px
                }
                
                .support-box .icon-title span {
                    margin-bottom: 4px
                }
                
                .support-box .icon-title span:before {
                    font-size: 45px
                }
                
                .support-box .icon-title i {
                    font-size: 45px;
                    margin-bottom: 20px;
                    margin-top: 19px
                }
                
                .support-box .overlay {
                    z-index: 1;
                    opacity: 1;
                    text-align: center;
                    padding: 20px 45px;
                    background: #fff;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: cover;
                    color: #a3a3a3;
                    -webkit-transform: rotateY(180deg);
                    -ms-transform: rotateY(180deg);
                    transform: rotateY(180deg)
                }
                
                .support-box .overlay p {
                    margin-bottom: 0
                }
                
                .support-box:hover .inner-box {
                    -webkit-transform: rotateY(180deg);
                    -ms-transform: rotateY(180deg);
                    transform: rotateY(180deg)
                }
                
                .support-box:hover .inner-box .content-box {
                    opacity: 0
                }
                
                .Image {
                 border-radius:0 30px 0 0;
                }
                
                @-webkit-keyframes searchSlideUp {
                    from {
                        -webkit-transform: translateY(10%);
                        transform: translateY(10%)
                    }
                    to {
                        -webkit-transform: translateY(0);
                        transform: translateY(0)
                    }
                }
                
                @keyframes searchSlideUp {
                    from {
                        -webkit-transform: translateY(10%);
                        transform: translateY(10%)
                    }
                    to {
                        -webkit-transform: translateY(0);
                        transform: translateY(0)
                    }
                }
                
                section {
                    position: relative;
                    padding-top: 90px;
                    padding-bottom: 95px
                }
                
                .our-philosophy {
                    background-image: url(../images/bg/bg1-aboutus.jpg);
                    background-repeat: no-repeat;
                    background-size: cover
                }
                
                .our-philosophy .ot-heading {
                    margin-bottom: 50px
                }
                
                .our-philosophy .ot-heading:before {
                    border-color: #fff
                }
                
                .work-content .ot-heading {
                    padding: 21px 0 25px 0
                }
                
                .mb-30 {
                    margin-bottom: 30px
                }
                
                .p-80 {
                    padding: 80px
                }
                
                .about-content-2 .ot-heading {
                    margin: 0 -22px 0 0;
                    padding: 75px 10px 22px 0;
                    background-image: url(../images/bg/circle-text2.png);
                    background-position: 100% 12%;
                    background-repeat: no-repeat
                }
                
                @media (min-width:767px) {
                    .mb-md-70 {
                        margin-bottom: 70px
                    }
                    .p-md-80 {
                        padding: 80px
                    }
                }
                
                @media (min-width:1200px) {
                    .work-img {
                        margin: -220px -335px -100px 0
                    }
                    .about-img-1 {
                        margin: 0 10px 0 -145px
                    }
                    .about-img-2 {
                        margin: 0 0 0 -375px
                    }
                    .about-img-3 {
                        margin: 0 0 0 -132px
                    }
                    .about-img-5 {
                        margin: 0 -245px 0 0
                    }
                    .p-xl-80 {
                        padding: 80px
                    }
                }
                
                @media (max-width:767px) {
                    section {
                        padding-top: 80px;
                        padding-bottom: 80px
                    }
                }
                
                @media (min-width:1230px) {
                    .container {
                        max-width: 1200px
                    }
                }
                
                .about__page .support-box .icon-title h5 {
                    font-size: 22px;
                    text-transform: capitalize;
                }
                
                .about__page .support-box .icon-title img {
                    width: 50px;
                    margin-bottom: 15px;
                }
                
                .about__page .ot-accordions .acc-item .acc-content {
                    font-size: 15px;
                }
                
                .our-philosophy {
                    background-image: url('../images/b1.jpg');
                    background-attachment: fixed;
                }
                
                .about__page .main-timeline {
                    padding: 25px 10px;
                    margin-top: 40px;
                }
                
                .about__page .main-timeline:after {
                    content: '';
                    display: block;
                    clear: both;
                }
                
                .about__page .main-timeline .timeline {
                    width: calc(50% + 9px);
                    padding: 20px 30px 20px 0;
                    margin: -20px 0 0 0;
                    border-radius: 20px;
                    border: 10px solid transparent;
                    border-right: 10px solid #fff;
                    float: left;
                    position: relative;
                }
                
                .about__page .main-timeline .timeline:before,
                .about__page .main-timeline .timeline:after {
                    content: '';
                    background-color: #e31e24;
                    height: 25px;
                    width: 25px;
                    border-radius: 50%;
                    position: absolute;
                    right: -18px;
                    bottom: 40px;
                }
                
                .about__page .main-timeline .timeline:after {
                    border-radius: 3px;
                    transform: rotate(45deg);
                    right: 20px;
                }
                
                .about__page .main-timeline .timeline-content {
                    color: #fff;
                    background: #fff;
                    min-height: 130px;
                    padding: 0 0 20px;
                    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
                    border-radius: 10px;
                    display: block;
                    overflow: hidden;
                    position: relative;
                    z-index: 1;
                }
                
                .about__page .main-timeline .timeline-content:hover {
                    text-decoration: none;
                }
                
                .about__page .main-timeline .timeline-icon {
                    font-size: 40px;
                    line-height: 40px;
                    position: absolute;
                    bottom: 15px;
                    right: 16px;
                }
                
                .about__page .main-timeline .title {
                    color: #fff;
                    background-color: #1A1A1A;
                    font-size: 18px;
                    font-weight: 600;
                    letter-spacing: 0.5px;
                    text-align: center;
                    padding: 10px;
                    margin: 0 0 20px;
                }
                
                .about__page .main-timeline .description {
                    font-size: 15px;
                    font-weight: 500;
                    letter-spacing: 1px;
                    line-height: 25px;
                    margin: 5px 20px 0 20px;
                    font-family: sans-serif;
                }
                
                .about__page .main-timeline .timeline:nth-child(even) {
                    float: right;
                    padding: 20px 0 20px 30px;
                    margin: -20px 0 0 0;
                    border-right: none;
                    border-left: 10px solid #fff;
                }
                
                .about__page .main-timeline .timeline:nth-child(even):before {
                    right: auto;
                    left: -18px;
                }
                
                .about__page .main-timeline .timeline:nth-child(even):after {
                    right: auto;
                    left: 20px;
                }
                
                .about__page .main-timeline .timeline:nth-child(even) .timeline-icon {
                    right: auto;
                    left: 16px;
                }
                
                .about__page .main-timeline .timeline:nth-child(even) .description {
                    margin: 5px 20px 0 20px;
                }
                
                @media screen and (max-width:767px) {
                    .about__page .main-timeline .timeline,
                    .about__page .main-timeline .timeline:nth-child(even) {
                        width: 100%;
                        padding: 20px 0 20px 30px;
                        margin: -25px 0 0;
                        border-left: 10px solid #fff;
                        border-right: none;
                    }
                    .about__page .main-timeline .timeline:before,
                    .about__page .main-timeline .timeline:nth-child(even):before {
                        right: auto;
                        left: -17px;
                    }
                    .about__page .main-timeline .timeline:after,
                    .about__page .main-timeline .timeline:nth-child(even):after {
                        right: auto;
                        left: 20px;
                    }
                    .about__page .main-timeline .description,
                    .about__page .main-timeline .timeline:nth-child(even) .description {
                        margin: 20px 20px 0 80px;
                    }
                    .about__page .main-timeline .timeline-icon,
                    .about__page .main-timeline .timeline:nth-child(even) .timeline-icon {
                        left: 16px;
                        right: auto;
                    }
                }
                
                @media screen and (max-width:576px) {
                    .about__page .main-timeline .timeline-content {
                        padding-bottom: 70px;
                    }
                    .about__page .main-timeline .description,
                    .about__page .main-timeline .timeline:nth-child(even) .description {
                        margin: 20px 20px 0 20px;
                    }
                }
                
                .about__page .time-line {
                    background-color: #eee;
                }
                
                @media (max-width:991px) {
                    .work-img {
                        margin: -270px 0 -100px 0;
                        position: relative;
                        z-index: -1
                    }
                }
                
                @media (max-width:767px) {
                    .work-img {
                        margin: -230px 0 -70px 0
                    }
                }
                
                @media (max-width:575px) {
                    .work-img {
                        margin: -200px 0 -50px 0
                    }
                }
                
                @media (max-width:360px) {
                    .work-img {
                        margin: -160px 0 -40px 0
                    }
                }
                
                .skill-content .ot-heading {
                    margin-bottom: 25px;
                }
                
                .ot-progress .progress-bar {
                    color: #1a1a1a;
                }
                
                .team-clients {
                    padding: 70px 0;
                }
                
                .clients-slide .owl-stage,
                .clients-slide-medium .owl-stage {
                    display: flex;
                    align-items: center;
                }
                
                .clients-slide .img-item figure,
                .clients-slide-medium .img-item figure {
                    margin-top: 0;
                    margin-bottom: 0;
                }
                
                .clients-slide .img-item img,
                .clients-slide-medium .img-item img {
                    transition: all 0.3s linear;
                    -webkit-transition: all 0.3s linear;
                    -moz-transition: all 0.3s linear;
                    -o-transition: all 0.3s linear;
                    -ms-transition: all 0.3s linear;
                }
                
                .clients-slide .img-item img,
                .clients-slide-medium .img-item img {
                    width: auto;
                    opacity: .7;
                    /* filter: brightness(100%) contrast(0%) saturate(100%) blur(0) hue-rotate(0deg); */
                }
                
                .clients-slide .img-item img {
                    width: 165px;
                    height: 90px;
                    object-fit: cover;
                    border: 1px solid #e7e7e7;
                }
                
                @media (max-width:1199px) {
                    .clients-slide .img-item img {
                        width: 100%;
                        height: 120px;
                    }
                }
                
                @media (max-width:991px) {
                    .clients-slide .img-item img {
                        width: 100%;
                        height: 80px;
                    }
                }
                
                @media (max-width:767px) {
                    .clients-slide .img-item img {
                        width: 100%;
                        height: 60px;
                    }
                }
                
                @media (max-width:766px) {
                    .clients-slide .img-item img {
                        width: 100%;
                        height: 130px;
                    }
                }
                
                @media (max-width:420px) {
                    .clients-slide .img-item img {
                        width: 100%;
                        height: 95px;
                    }
                }
                
                @media (max-width:320px) {
                    .clients-slide .img-item img {
                        width: 100%;
                        height: 75px;
                    }
                }
                
                
                .clients-slide .img-item {
                    text-align: center;
                }
                
                .clients-slide .img-item span {
                    font-size: 15px;
                    display: block;
                    margin-top: 5px;
                }
                
                .clients-slide .img-item img:hover,
                .clients-slide-medium .img-item img:hover {
                    opacity: 1;
                    filter: brightness(100%) contrast(100%) saturate(100%) blur(0) hue-rotate(0deg);
                }
                
                .section-team-list {
                    background-image: url(../img/home/bg1.jpg);
                    background-position: center center;
                    background-repeat: no-repeat;
                    background-size: cover;
                }
                
                .counter-of-team {
                    padding-top: 120px;
                }
                
                .section-team-list .ot-heading {
                    margin-bottom: 50px;
                }
                
                .our-skills {
                    padding-top: 80px;
                    padding-bottom: 120px;
                }
                
                .octf-btn.border-hover-dark:hover {
                    border-color: #1A1A1A;
                }
                
                .octf-btn.border-hover-light:hover {
                    border-color: #fff;
                }
                /* gallry section start */
                
                .clients-slide .img-item img {
                    width: auto;
                    height: auto;
                    padding: 0 20px;
                }
                
                .box {
                    background: linear-gradient(-45deg, #aaa3a3, #e1dfe4, #585857);
                    text-align: center;
                    overflow: hidden;
                    position: relative;
                    transition: all 0.3s ease-in-out;
                    margin: 15px 0;
                }
                
                .box:before {
                    content: "";
                    border: 2px solid #fff;
                    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
                    width: 100%;
                    height: 100%;
                    opacity: 0;
                    transform: rotate3d(0, 0, 1, 45deg) scale3d(1.5, 0, 1);
                    position: absolute;
                    top: 0;
                    left: 0;
                    z-index: 1;
                    transition: all .35s;
                }
                
                .box:hover:before {
                    opacity: 1;
                    transform: rotate3d(0, 0, 1, 45deg) scale3d(1.5, 1, 1);
                }
                
                .box img {
                    width: auto;
                    height: 400px;
                    transform: translate3d(0, 0, 0) scale(1);
                    transition: all 0.5s ease 0s;
                }
                
                .box:hover img {
                    opacity: 0.3;
                    transform: translate3d(-12px, 0, 0) scale(1.1) rotate(3deg);
                }
                
                .box .box-content {
                    color: #fff;
                    width: 100%;
                    padding: 15px 10px;
                    opacity: 0;
                    transform: translateX(-50%) translateY(-50%);
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    z-index: 1;
                    transition: all 0.4s ease-in-out;
                }
                
                .box:hover .box-content {
                    opacity: 1;
                    transform: translateX(-50%) translateY(-50%);
                }
                
                .box .icon {
                    padding: 0;
                    margin: 0;
                    list-style: none;
                }
                
                .box .icon li {
                    display: inline-block;
                    margin: 0 2px;
                }
                
                .box .icon li a {
                    color: #e31e24;
                    background: #fff;
                    font-size: 15px;
                    line-height: 30px;
                    width: 30px;
                    height: 30px;
                    border-radius: 5px;
                    display: block;
                    transition: all .35s;
                }
                
                .box .icon li a:hover {
                    color: #000;
                    background: #fff;
                    box-shadow: 4px 4px rgba(0, 0, 0, 0.5);
                }
                /* gallary section end */
                
                .sd-product-img {
                    height: 500px;
                    object-fit: cover;
                    width: 200%;
                }
                
                .my_page_background {
                    background-color: #f7f7f7;
                    color: black;
                }
                
                .my_page_background p {
                    /* background-color: white; */
                    color: black;
                }
                
                .my_page_background h3 {
                    /* background-color: white; */
                    color: black;
                }
                
                .my_page_background h2 {
                    /* background-color: white; */
                    color: black;
                }
                
                .my_page_background .entry-box {
                    color: Black;
                }
                .insta {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
  -webkit-background-clip: text;
          /* Also define standard property for compatibility */
          background-clip: text;
  -webkit-text-fill-color: transparent;
  
  
}
.ganessize{
    /*max-width:150px !important;*/
    max-width:200px !important;
}
@media only screen and (max-width: 452px) {
                    .p-20 {
                            padding: 8px;
                        }
                        .ganessize{
    max-width:120px !important;
}
                }
                
.tawk-button-large{
    background-color:#ed3237!important;
}               
   
.border_rde{
 /*border: 2px solid red;*/
 overflow: hidden;
 border-radius: 15px;
     }