.carousel-image {
    height: 550px;
    width: 100%;
    object-fit: cover;
    background: linear-gradient(rgba(0, 0, 0, .9), rgba(0, 0,0, .5));
}

   .side-content-image-about {
        width: 100%;
        
        object-fit: cover;
}

.vision-text {
    padding: 5px 10px 5px 10px;
}

.sub-text {
    font-size: 13px;
    text-align: center;
    font-family: var(--body-font);
}

.banner-carousel-caption{
    position: absolute;
    width: 100%;
    /* right: 15%; */
    top: 50%;
    left: 50%;        
    transform: translateX(-50%) translateY(-50%)!important;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
    font-family: var(--heading-font);
    font-weight: 600;
    font-size: 40px;
    text-transform:uppercase;
}
/*.menubar {background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .3))}*/


.product-card{width:20%; height: auto;
    position: relative;
    margin: 5px; }
.product-card>div{padding: 25px 20px 0px 20px;}
/*.product-card-title{text-align:center;}*/
.product-card-title{font-family: var(--body-font); text-align: center; font-size: 16px; font-weight:600; text-transform: capitalize; }

 .product-card .card{
            background-color: #fcfcfc!important;
             border-radius: 0px!important;
            border: 1px solid rgba(0,0,0,.125);
         }
         .product-card .card:hover{
             background-color: #fcfcfc!important;
             box-shadow: 2px 2px 5px #c9c9c9;
             border: 1px solid rgba(30,77,190,.63);
             transition: ease-in-out;
         }

.industry-icon-box{margin: 0 auto; text-align:center;}
.industry-icon{width: 50%; height: auto; object-fit: cover;}
.industry-icon-text{font-size: 15px; text-align: center; font-family: var(--body-font); padding-top:8px;color:#000!important;}
.iconpadd{ padding: 15px 15px 0px 15px;}

.side-content-image {
    /*width: 650px;
    height: 450px;
    object-fit: cover;
    object-position: 50% 50%;*/

    width: 100%;
    object-fit: cover;
    transition: transform .2s ease-in-out;
    transform: scale(1);
    
}

.side-content-image:hover{
    transform: scale(1.1);
}

.our-strength-list li{margin-bottom: 10px; text-align:justify;font-size:16px;}
.our-strength-pic{width: 100%; }

.strength-padd{
    padding: 20px 30px;
}

.product-details-text{
    font-size: 15px;
    text-align: justify;
    padding: 10px 10px 10px 0;
    line-height: 25px;
    font-family: var(--body-font);
}

.product-box-img {
    height: 350px;
}

/*materials page css*/
.printing-type-card{
    border: 1px solid transparent;
}
.printing-type-card .card-body{
    background-color:#F0F0F0;
    height:220px;
}
.printing-type-card .card-text{
    font-size: 14px;
    text-align: justify;
}

.pcard-gap{
    padding: 15px 20px 0px 20px;
}
.product-heading1{
    font-size: 30px;
    /*font-family:'ResagokrBold'!important;*/
    font-family: var(--heading-font);
}
.hero-button-white{
    border: 1px solid #fff;
    color: #fff;
}

.about-material{
    background: linear-gradient(0deg, rgba(99, 73, 54, .6), rgba(99, 73, 54, .7)), url(../images/materials.jpg);
    background-size: cover;
    background-position: bottom;
    padding: 50px;
   
}
.product-page-col{
    width: 25%;
}

/*bespoke design page css*/
.bespoke-img{
    width: 90%; 
    height: auto; 
    object-fit: cover;
}
.bespoke-page-icon{
    width: 30%;
    height: auto;
    object-fit: cover;
    margin-bottom: 15px;
}
.bespoke-card{
    padding: 20px;
    text-align: center;
    margin: auto;
}

.bespoke-details-text{
    font-size: 15px;
    text-align: justify;
    padding: 10px 0 10px 0;
    line-height: 25px;
    font-family: var(--body-font);
    margin-bottom: 0; 
}
.bespoke-right-border{
    /*border-right: 1px solid #c8c8c8;*/
}

.banner-caption{
    right: 10%!important;
    bottom: 38%!important;
    left:0%!important;    
    text-align: right!important;
    
}
.banner-caption>h2{
    font-size: 60px!important;
    font-weight: 600!important;
}

/*details page css*/

body {
            padding: 0;
            margin: 0;
            box-sizing: border-box;
            /*font-family: 'Montserrat', sans-serif;*/
        }

        .timeline {
            position: relative;
            margin: 20px auto;
            padding: 25px 0;
            width: 80%;
            box-sizing: border-box;
        }

        .timeline:before {
            content: '';
            position: absolute;
            left: 50%;
            width: 2px;
            height: 95%;
            background: #c5c5c5;
        }

        .timeline ul {
            padding: 0;
            margin: 0;
        }

        .timeline ul li {
            list-style: none;
            position: relative;
            width: 50%;
            padding: 20px 40px;
            box-sizing: border-box;
        }

        .timeline ul li:nth-child(odd) {
            float: left;
            text-align: right;
            clear: both;
        }

        .timeline ul li:nth-child(even) {
            float: right;
            text-align: left;
            clear: both;
        }

        .content {
            padding-bottom: 20px;
        }

        .timeline ul li:nth-child(odd):before {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            top: 35%;
            right: -6px;
            background: #999797;
            border-radius: 50%;
            box-shadow: 0 0 0 3px rgba(179, 179, 179, 0.2);
        }

        .timeline ul li:nth-child(even):before {
            content: '';
            position: absolute;
            width: 10px;
            height: 10px;
            top: 35%;
            left: -4px;
            background: #999797;
            border-radius: 50%;
            box-shadow: 0 0 0 3px rgba(179, 179, 179, 0.2);
        }

        .timeline ul li h3 {
            padding: 0;
            margin: 0;
            color: rgba(233, 33, 99, 1);
            font-weight: 600;
            font-size: 24px;
            font-family: var(--heading-font);
        }

        .timeline ul li p {
            margin: 10px 0 0;
            padding: 0;
            font-size: 15px;
            text-align: justify;
            font-family: var(--body-font);
        }

        .timeline ul li .time h4 {
            margin: 0;
            padding: 0;
            font-size: 16px;
            font-family: var(--body-font);
        }

        .timeline ul li:nth-child(odd) .time {
            position: absolute;
            top: 28%;
            right: -165px;
            margin: 0;
            padding: 8px 16px;
            background: rgba(233, 33, 99, 1);
            color: #fff;
            border-radius: 18px;
            box-shadow: 0 0 0 3px rgba(179,179,179, 0.3);
        }

        .timeline ul li:nth-child(even) .time {
            position: absolute;
            top: 28%;
            left: -165px;
            margin: 0;
            padding: 8px 16px;
            background: rgba(233, 33, 99, 1);
            color: #fff;
            border-radius: 18px;
            box-shadow: 0 0 0 3px rgba(179,179,179, 0.3);
        }

        @media only screen and (max-width:1000px) {
            .timeline {
                width: 100%;
            }
        }

        @media only screen and (max-width:767px) {
            .timeline {
                width: 100%;
                padding-bottom: 0;
            }

            h1 {
                font-size: 40px;
                text-align: center;
            }

            .timeline:before {
                left: 20px;
                height: 100%;
            }

            .timeline ul li:nth-child(odd),
            .timeline ul li:nth-child(even) {
                width: 100%;
                text-align: left;
                padding-left: 50px;
                padding-bottom: 50px;
            }

            .timeline ul li:nth-child(odd):before,
            .timeline ul li:nth-child(even):before {
                top: -18px;
                left: 16px;
            }

            .timeline ul li:nth-child(odd) .time,
            .timeline ul li:nth-child(even) .time {
                top: -30px;
                left: 50px;
                right: inherit;
            }
        }

/*gallery page css*/

 .details {
            margin-top: 150px;
        }

        .gallery-img-details {
            position: relative;
            cursor: pointer;
            transition: .3s ease;
            
            transform: scale(1);
        }

        .gallery-img-details-image {
            display: block;
            width: 100%;
            height: auto;

        }

        .plan-details-overlay {
            position: absolute;
            bottom: 5px;
            left: 0;
            right: 0;
            background-color: rgba(255, 255, 255, 0.7);
            overflow: hidden;
            width: 100%;
            height: 35px;
            -webkit-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
            -webkit-transition: .3s ease;
            transition: .3s ease;
        }

        .gallery-img-details:hover .plan-details-overlay {
            -webkit-transform: scale(0.9);
            -ms-transform: scale(0.9);
            transform: scale(0.9);
        }
        .gallery-img-details:hover{
            transform: scale(1);
            overflow:hidden;
        }

        .plan-details-text {
            color: black;
            font-size: 16px;
/*            position: absolute;*/
            text-align: center;
/*
            top: 20%;
            left: 20%;
            -webkit-transform: translate(-20%, -20%);
            -ms-transform: translate(-20%, -20%);
            transform: translate(-20%, -20%);
*/
        }

        .plan-details-text p {
            font-size: 22px;
            text-transform: uppercase;
                font-weight: 600;
        }

        .plan-details-text dd {
            font-style: italic;
            text-transform: capitalize;
            font-size: 20px;
        }

        .mid-height {
            height: 15px;
            width: 100%;
            position: relative;
        }

        .footer-social-icon {
    font-size: 30px;
    color: #1e4dbe;
    padding-right:5px;
}

/*New home page css*/

 .typing-container {
            display: inline-block;
            font-size: 40px;
            font-weight: 500;
            font-family: 'CormorantGaramond-Bold', sans-serif;
            color: #fff;
        }

        .typing-text {
            overflow: hidden;
            white-space: nowrap;
            border-right: 2px solid #2e2e2e;
            display: inline-block;
            width: 0;
            animation: typing 4s steps(40, end) forwards, blink 0.7s infinite;
        }

        /* Typing effect */
        @keyframes typing {
            from {
                width: 0;
            }

            to {
                width: 100%;
            }
        }

        /* Cursor blinking */
        @keyframes blink {
            50% {
                border-color: transparent;
            }
        }

        /*------------*/

        .typing-container1 {
            font-size: 50px;
            font-family: 'Playfair Display', 'serif';
            color: #fff;
        }

        .cursor {
            display: inline-block;
            margin-left: 5px;
            animation: blink 0.7s infinite;
        }

        @keyframes blink {
            50% {
                opacity: 0;
            }
        }

        .highlight-body-card {
            padding: 10px 20px;
            background: white;
            border: 1px solid rgba(0, 0, 0, 0.07);
            position: relative;
            overflow: hidden;
            transition: all 0.3s;
        }

        .highlight-body-card:hover {
                background: rgba(227,187,138,0.4);
            }

        .highlight-body-card-title {
            font-size: 17px;
            font-weight: 600;
            color: var(--heading-font);
            margin-bottom: 12px;
        }

        .highlight-body-card-text {
            font-size: 15px;
            color: var(--body-font);
            text-align: justify;
        }

        .highlight-stripe {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: #1e4dbe;
            transform: scaleX(0);
            transform-origin: left;
            transition: transform 0.4s ease;
        }

        .highlight-body-card:hover .highlight-stripe {
            transform: scaleX(1);
        }

        .highlight-icon {
            font-size: 26px;
            margin-bottom: 20px;
        }

        .content-sub-heading {
            font-family: 'PlayfairDisplay-Bold', 'serif';
            font-size: 40px;
            font-weight: 600;
        }

        .testimony-box {
            height: 215px;
            padding: 30px 40px;
            border-radius: 15px;
            box-shadow: 2px 2px 10px 6px #d3d3d3;
        }

        .testimony-box .person-name {
                font-size: 16px;
            }

        .content-sub-heading{
            font-family: 'PlayfairDisplay-Bold', serif;
    font-size: 22px;
    font-weight: 600;
    color: var(--dark-green);
        }

        #certificate-strip .df{display: flex;}
        .certificate-box{ width: 20%; padding: 20px; height: auto; object-fit: cover;}