/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

*{
    scroll-behavior: smooth;
}

:root {
    --blue: #22084a;
    --gold: #b79347;
    --primary-font: "Poppins", Helvetica, Arial, Verdana, sans-serif;
}
h6.feedback_title{
    font-size: 20px;
    line-height:28px ;
    text-align: center;
}
p.feedback_sub_title{
font-size: 15px;
line-height: 22px;
text-align: center;
font-family: "Playfair Display", Helvetica, Arial, Verdana, sans-serif;
margin-bottom: 20px;
}

a.feedback{
    position: fixed;
    top: 40%;
    transform: translateY(-50%) rotate(-90deg);
    right: 0;
    padding:7px 20px;
    background: var(--blue);
    transform-origin: bottom right;
    color: white;
    transition: 0.3s all;
    text-decoration: none;
    border-top: solid white 1px;
    border-left: solid white 1px;
    border-right: solid white 1px;
    z-index: 9999999 !important;

}
a.feedback:hover{
    animation: feedback_anim 0.5s;
}
@keyframes feedback_anim {
    0%,100%{
        transform: translateY(-50%) rotate(-90deg);
    }
    50%{
        transform: translateY(-55%) rotate(-90deg);
    }
}

.preloader {
    width: 100px;
    position: relative;
}

.preloader::before {
    position: absolute;
    content: "";
    height: 18px;
    width: 0%;
    bottom: 0;
    right: 0;
    animation: preloader_anim 1s infinite alternate;
    background-color: white;
}

@keyframes preloader_anim {
    from {
        width: 100%;
    }

    to {
        width: 0;
    }
}

.floating_whatsapp{
	position:fixed;
	bottom:50px;
	right:10px;
	cursor:pointer;
    z-index: 999999999;
}
.floating_whatsapp:hover .chennai,
.floating_whatsapp:hover .coimbatore{
    transform: translateX(-100%);
    opacity: 1;
    visibility: visible;
 
}
.floating_whatsapp .chennai,
.floating_whatsapp .coimbatore{
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    background: white;
    padding: 5px 10px;
    border-radius: 20px;
    text-decoration: none;
    transform-origin: right;
    transform: translateX(-70%);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s all;
    border: solid var(--blue) 1px;
}
.floating_whatsapp .chennai:hover,
.floating_whatsapp .coimbatore:hover{
   background-color: var(--blue);
    color: white;
    border: solid white 1px;

}
.floating_whatsapp .chennai{
    top: -5px;
}
.floating_whatsapp .coimbatore{
    bottom: -5px;
    transition-delay: 0.1s ;
}

input:not(input[type="submit"]),
textarea {
    color: black;
}

input:not(input[type="submit"])::placeholder,
textarea::placeholder {
    color: #000;
    opacity: 0.7;
}

.form_btn input {
    padding: 12px 24px !important;
    font-family: "Poppins", Sans-serif !important;
    text-transform: uppercase !important;
}

.form_btn input:hover {
    background-color: var(--blue) !important;
}

.branding a img.preload-me,
.logo-box a img.preload-me {
    margin-right: 40px !important;
}

.mobile-branding a img.preload-me {
    margin-right: 20px !important;
}

.inline-header .branding,
.mobile-branding {
    gap: 10px;
}

.header_contact {
    padding: 12px 10px;
    display: flex;
    align-items: center;
    border: solid var(--blue) 1px;
    font-family: var(--primary-font);
}

.header_contact,
.header_get_in_touch_btn {
    font-size: 16px;
    text-decoration: none !important;
    transition: 0.3s all;
    font-weight: 600;
    font-family: "Poppins", Sans-serif !important;
}

.header_get_in_touch_btn {
    margin-left: 15px;
}

.header_get_in_touch_btn {
    padding: 12px 24px;
    background-color: var(--gold);
    border: solid var(--gold) 1px;
    color: white;
}

.header_get_in_touch_btn:hover,
.header_contact:hover {
    background: var(--blue);
    color: white;
}

.header_contact img {
    transition: 0.3s all;
}

.header_contact:hover img {
    filter: invert(16) brightness(30.5);
}

.masthead .mini-widgets>* {
    margin-right: 0 !important;
}

#phantom .ph-wrap {
    padding: 5px 0;
}

.mini-widgets .mou_logo img,
.mini-widgets .authorized_logo img{
    float: left;
}


.common_btn .elementor-button:focus {
    background-color: var(--gold) !important;
}

.common_btn .elementor-button-icon {
    display: flex;
}

.common_btn .elementor-button-icon svg {
    width: 20px !important;
}

.common_btn .elementor-button .elementor-button-icon svg path {
    transition: 0.3s all;
}

.common_btn .elementor-button:hover .elementor-button-icon svg path:nth-child(2) {
    d: path("M 9 4.04004 L 13 8");
}

.our_commitments_cards .wf-cell,
.our_commitments_cards .wf-cell .elementor-image-div,
.why_choose_us_icons .wf-cell,
.why_choose_us_icons .wf-cell .elementor-image-div,
.why_choose_us_icons .wf-cell .box-content {
    transition: 0.5s all !important;
}

.our_commitments_cards .wf-cell .the7-image-box-wrapper .box-content-wrapper {
    z-index: 3;
}

.our_commitments_cards .wf-cell:hover,
.partners_card>.elementor-element:hover,
.why_choose_us_icons .wf-cell:hover {
    transform: translateY(-10px);
}

.our_commitments_cards .wf-cell:hover .elementor-image-div,
.partners_card>.elementor-element:hover .elementor-image-box-img,
.why_choose_us_icons .wf-cell:hover .elementor-image-div,
.why_choose_us_icons .wf-cell:hover .box-content {
    animation: card_img_shake 0.25s;
}

@keyframes card_img_shake {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-5px);
    }

    1000% {
        transform: translateY(0);
    }
}

.product_we_deal_cards .wf-cell,
.product_we_deal_cards .wf-cell .box-content-wrapper {
    transition: 0.3s all;
}

.product_we_deal_cards .wf-cell .box-button,
.product_we_deal_cards .wf-cell .elementor-image-div img {
    transition: 0.5s all !important;
}

.product_we_deal_cards .wf-cell .box-button:hover {
    transform: translateX(10px);
}

.product_we_deal_cards .wf-cell:hover .elementor-image-div img {
    transform: scale(1.05);
}

.product_we_deal_cards .wf-cell .box-content-wrapper {
    position: relative;
}

.product_we_deal_cards .wf-cell .box-content-wrapper::before {
    position: absolute;
    content: "";
    width: 0;
    height: 4px;
    background-color: var(--gold);
    bottom: -20px;
    right: 0;
    transition: 0.3s all;
}

.product_we_deal_cards .wf-cell:hover .box-content-wrapper::before {
    width: 100%;
    left: 0;
}

.testimonial_cards .testimonials-carousel .dt-owl-item-wrap .dt-owl-item-inner {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    align-items: center;
}

.testimonial_cards .testimonials-carousel .dt-owl-item-inner .dt-owl-item-image {
    grid-area: 4 / 1 / 6 / 2;
}

.testimonial_cards .testimonials-carousel .dt-owl-item-heading {
    grid-area: 4 / 2 / 5 / 6;
}

.testimonial_cards .testimonials-carousel .dt-owl-item-subtitle {
    grid-area: 5 / 2 / 6 / 6;
}

.testimonial_cards .testimonials-carousel .dt-owl-item-description {
    grid-area: 1 / 1 / 4 / 6;
}

.testimonial_cards .dt-owl-item:hover {
    animation: test_card_anim 0.5s;
}

@keyframes test_card_anim {
    0% {
        transform: skewY(0);
    }

    50% {
        transform: skewY(1deg);
    }

    100% {
        transform: skewY(0);
    }
}

.footer_logo img {
    filter: invert(1) brightness(10.5);
}

.footer-copyright {
    text-align: center;
}

.industry_slider .swiper,
.industry_slider .swiper-slide {
    overflow: visible !important;
}

.industry_slider .swiper-slide:hover img,
.industry_slider .swiper-slide:hover figcaption {
    animation: card_img_shake 0.5s;
}

.industry_slider .swiper-slide:hover figcaption,
.why_choose_us_icons .wf-cell:hover .box-content {
    animation-delay: 0.1s;
}

.industry_slider .swiper-pagination {
    bottom: -20px !important;
}

.industry_slider .swiper-pagination .swiper-pagination-bullet {
    width: 50px !important;
    height: 3px !important;
    border-radius: 0 !important;
}
.pum-container{
    max-height: 90vh;
    overflow: auto !important;
    top: 50% !important;
    transform: translateY(-50%);
}
.pum-container form{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.pum-container form input,
.pum-container form p{
    margin-bottom: 0 !important;
}
.half_cont{
    width: calc(50% - 5.5px);
}
.full_cont{
    width: 100%;
}
.full_cont textarea {
    height: 150px;
    resize: none;
}

.form_btn {
    width: fit-content;
}

.pum-container .form_btn {
    margin: auto;
}

.form_btn p {
    position: relative;
}

.wpcf7-spinner {
    position: absolute;
    right: -65px;
    top: 7px;
}

.error404 .wf-wrap {
    width: 100% !important;
    padding: 0 !important;
}
.select_product>p{
    display: flex;
    flex-direction: column;
}
.select_product>p br{
    display: none;
}
.select_product>p>span{
    margin-bottom: 10px;
}
.select_product span{
    font-weight: 400;
    margin: 0;
}
.select_product span.wpcf7-checkbox{
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.select_product span.wpcf7-checkbox span{
    font-size: 14px;
}


.dt-mobile-header::before {
    position: absolute;
    content: "";
    width: 300px;
    height: 126.04px;
    background: url("https://www.psrsteels.com/wp-content/uploads/2024/08/menu_bg.png");
    background-size: cover;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    opacity: 10%;
}

@media screen and (min-width: 1201px) {
    .testimonial_cards .owl-stage {
        padding: 20px 0 20px 20px;
    }
}

@media screen and (max-width: 1200px) {
    .testimonial_cards .owl-stage-outer {
        padding: 0 20px !important;
    }

    .testimonial_cards .owl-stage-outer .dt-owl-item {
        padding: 20px 0 !important;
    }
}

@media screen and (max-width: 767px) {
    .half_cont{
        width: 100%;
    }
    .header_contact{
        border-radius: 100%;
        padding: 10px;
    background: var(--blue);
    animation: mobile_ring 5s infinite;
    }
    @keyframes mobile_ring {
        0%,10%,20%,30%,40%,50%{
            transform: scale(1);
        }
        5%,15%,25%,35%,45%{
            transform: scale(1.025);
        }
    }
    .header_contact img {
       filter: invert(1);
    }
    .product_we_deal_cards .wf-cell .box-content-wrapper::before {
        height: 2px;
        bottom: -10px;
    }

    .header_get_in_touch_btn {
        background-color: var(--blue);
        border: solid var(--blue) 1px;
        color: white;
        margin-left: 0;
    }

    .header_get_in_touch_btn:hover {
        background-color: var(--blue);
    }

    .mobile-mini-widgets-in-menu {
        gap: 20px;
    }

    .mis_vis_icon_list .box-content-wrapper {
        justify-content: center;
        gap: 10px;
    }

    .mis_vis_icon_list .box-content {
        max-width: fit-content;
    }

    .mis_vis_icon_list .box-content h4 {
        margin-bottom: 0 !important;
    }
}