/* -----====== Contact_us page Css start======-----  */
.contact_box { padding-top: 100px; }
.contact_box .contact_details h4 { text-transform: capitalize; font-size: 15px; font-weight: 500; color: #eb6613; padding: 25px 0 10px 0; letter-spacing: 2px; }
.contact_box .contact_details { padding: 25px 20px 25px 20px; background-color: #ffffff; height: 100%; box-shadow: 0px 0px 0 0px rgb(60 64 67 / 30%); border-radius: 10px; text-align: left; display: block; border: 2px dashed rgb(203 203 203 / 45%); width: 95%; }
.contact_box .contact_details p { font-weight: 400; text-transform: capitalize; color: #444444; margin-bottom: 0; font-size: 18px; white-space: pre-line; line-height: 1.6; font-family: 'Roboto', sans-serif; }
.contact_box .contact_details p strong { display: block; font-weight: 500; }
.contact_details a { font-weight: 400; color: #444444; margin-bottom: 0; font-family: 'Roboto', sans-serif; font-size: 18px; padding: 2px 0; display: block; }
.contact_box .contact_details .contact_icon { margin: 0 0 0 -50px; margin-top: -50px; border: 2px dashed rgb(203 203 203 / 45%); border-radius: 100%; background: #ffffff; width: 90px; height: 90px; padding: 19px; }
.contact_box .contact_details .contact_icon img { filter: drop-shadow(2px 4px 2px rgb(0 0 0 / 35%)); }
.contact_form_section .Services_title h6 { font-family: 'Roboto', sans-serif; color: #EB6613; font-size: 15px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; }
.contact_form_section .Services_title h2 { text-transform: uppercase; font-size: 30px; font-weight: bold; color: #1A1818; }
.contact_form_section .Services_title p { font-weight: 400; text-transform: lowercase; color: #666666; line-height: 1.4; font-family: 'Roboto', sans-serif; }
.contact_form_section #contact-form .form-group { position: relative; display: block; margin-bottom: 5px; }
.contact_form_section #contact-form .form-group .form-control { padding: 15px 25px; border: none; border: 1px dashed #CBCBCB; border-radius: 0; height: 60px; background: #f7f7f7; box-shadow: 0px 8px 15px -10px rgb(0 0 0 / 5%); transition: 0.8s all; border-radius: 10px; }
.contact_form_section #contact-form .form-group label { position: absolute; top: -11px; left: 14px; font-size: 13px; transition: 0.4s all; z-index: 1; font-weight: 700; color: #666666; background: #f7f7f7; padding: 2px 10px 2px 7px; text-transform: uppercase; letter-spacing: 1.5px; }
.contact_form_section .contact_button .btn_submit { border-radius: 28px; margin: auto; transition: 0.4s all; }
.contact_button .btn_submit { padding: 10px 60px 10px 60px; font-size: 19px; font-weight: 500; color: #1a1818; text-decoration: none; text-transform: uppercase; font-family: 'Roboto', sans-serif; background-color: #f7f7f7; box-shadow: 0px 0 0 #eb6613 inset; outline: none; border: 2px solid #1a1818; position: relative; }
.contact_button .btn_submit:before { content: ''; position: absolute; }
.contact_button .btn_submit:hover { box-shadow: 300px 0 0 #eb6613 inset; color: #ffffff; border-color: #eb6613; }
/* a.btn_contact.btn-custom {background: #eb6613;} */
.contact_form_section #contact-form .form-group textarea.form-control { height: 130px !important; resize: none; }
.contact_form_section .Services_title_title h2 { margin-bottom: 10px; }
.contact_form_section .Services_title p { color: #666666; }
.contact_form_section { background: #f7f7f7; display: block; position: relative; }
/* -----====== Contact_us page Css End======-----  */
/* -----====== authorised_page Css start======-----  */
#authorised_breadcrumb { background-image: url(../sub_images/client_bg.jpg); }
.authorised_page { display: block; padding-top: 50px; padding-bottom: 50px; background-color: #ffffff; }
.authorised_page .authorised_logo { padding: 15px; text-align: center; box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px; transition: 0.5s all; transform: translateY(0); }
.authorised_page .authorised_logo:hover { transform: translateY(-10px); }
.authorised_page .authorised_logo img { height: 110px; max-width: 100%; }
/* -----====== authorised_page Css End======-----  */
/* -----====== clients_page Css start======-----  */
#clients_breadcrumb { background-image: url(../sub_images/client_bg.jpg); }
#company_profile_breadcrumb { background-image: url(../sub_images/company_profile_bg.jpg); background-position: bottom; }
#products_breadcrumb { background-image: url(../sub_images/products_bg.jpg); background-position: bottom; }
/* -----====== clients_page Css end======-----  */
/* -----====== products_page Start ======-----  */
.products_sec a { display: block; }
.products_sec a .products_image { border: 1px solid #d4d4d4; width: 100%; transition: all .5s ease; overflow: hidden; }
.products_sec a:hover .products_image { border: 1px solid #eb6613; box-shadow: 0 5px 20px #c6c6c6; border-radius: 10px; }
.products_sec a .product_name h4 { color: #444444; text-align: center; font-size: 21px; font-weight: 500; text-transform: capitalize; padding-top: 20px; transition: all .5s ease; }
.products_sec a:hover .product_name h4 { color: #EB6613; }
.products_image { position: relative; }
.products_image:before { content: ''; top: 0; left: 0; height: 100%; width: 100%; position: absolute; background: rgba(255, 255, 255, 0.9); border-radius: 100%; transform: scale(0); }
.products_image:hover:before { animation: ripple 0.65s linear; }
/* -----====== products_page end ======-----  */
/* -----======products_details_page Start ======-----  */
.products_details_page .product_details { position: relative; border: 1px solid #CBCBCB; height: 100%; padding-bottom: 20px; }
.products_details_page .product_details:before { content: ''; top: 0; left: 0; height: 100%; width: 100%; position: absolute; background: rgba(255, 255, 255, 0.9); border-radius: 100%; transform: scale(0); }
.products_details_page .product_details:hover:before { animation: ripple 0.65s linear; }
@keyframes ripple {  
    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}
.product_details .product_title_box .products_name { transform: translateY(60%); transition: 0.35s; position: absolute; bottom: 0; right: 15px; left: 15px; }
.product_details .product_title_box .products_name h3 { text-align: center; background-color: white; color: #1A1818; font-weight: 500; text-transform: capitalize; font-size: 18px; letter-spacing: 0.5px; padding: 0px 10px 0px 10px; }
.product_details:hover .product_title_box .products_name { transform: translateY(-10px); }
.product_details .product_title_box .products_btn { transform: translateY(60px); opacity: 0; transition: all .5s ease; }
.product_details:hover .product_title_box .products_btn { transition-delay: 0.05s; transition-duration: 0.35s; transform: translate3d(0, 31px, 0); opacity: 1; }
.product_title_box .products_btn ul { text-align: center; background-color: white; margin: 0px 20px; }
.product_title_box .products_btn ul li { display: inline-block; padding: 0px 5px; background-color: white; font-weight: 500; text-transform: uppercase; font-size: 14px; letter-spacing: 2px; }
.product_title_box .products_btn ul li:first-child { border-right: 2px solid #CBCBCB; }
.product_title_box .products_btn ul li a { color: #444444; }
.product_title_box .products_btn ul li:nth-child(2) a { color: #e55500; }
/* ---- inquiry_popup Start ---- */
.inquiry_popup .modal-header { border: none; }
.inquiry_popup .modal-footer { border: none; }
.title_product { position: relative; display: block; text-align: center; }
.title_product:before { content: ''; position: absolute; left: 0; width: 100%; height: 1px; border: 1px solid #CBCBCB; top: 50%; transform: translateY(-50%); }
.title_product h2 { font-family: 'Roboto', sans-serif; text-align: center; font-size: 20px; color: #e55500; text-transform: uppercase; font-weight: bold; max-width: 100%; position: relative; margin: auto; background: white; display: inline-block; padding: 0px 47px; letter-spacing: 3px; }
.inquiry_popup .modal-content { padding: 25px; border: 10px solid #CBCBCB; border-radius: 0px; }
.inquiry_popup .modal-content .modal-header { position: relative; border: none; padding-bottom: 25px; }
.inquiry_popup button.btn-close { position: absolute; top: -25px; right: -25px; margin: 0; padding: 0 0; width: 45px; height: 45px; border-radius: 0px 0 0 25px; color: #000; opacity: 1; font-size: 25px; background: #cbcbcb; font-weight: bold; }
.inquiry_form .form-group { position: relative; display: block; margin-bottom: 5px; }
.inquiry_form .form-group .form-control { border: none; border: 1px dashed #CBCBCB; border-radius: 0; height: 60px; background: #ffffff; box-shadow: 0px 8px 15px -10px rgb(0 0 0 / 5%); transition: 0.8s all; border-radius: 10px; margin-bottom: 25px; }
.inquiry_form .form-group label { position: absolute; top: -11px; left: 14px; font-size: 13px; transition: 0.4s all; z-index: 1; font-weight: 700; color: #666666; background: #ffffff; padding: 2px 10px 2px 7px; text-transform: uppercase; letter-spacing: 1.5px; }
.inquiry_form .form-group textarea.form-control { height: 130px !important; resize: none; }
.inquiry_button { text-align: center; }
.inquiry_button .btn_submit { padding: 10px 60px 10px 60px; font-size: 19px; font-weight: 500; color: #1a1818; text-decoration: none; text-transform: uppercase; font-family: 'Roboto', sans-serif; background-color: #f7f7f7; box-shadow: 0px 0 0 #eb6613 inset; outline: none; border: 2px solid #1a1818; position: relative; border-radius: 28px; margin: auto; transition: 0.4s all; }
.inquiry_button .btn_submit:hover { box-shadow: 300px 0 0 #eb6613 inset; color: #ffffff; border-color: #eb6613; }
/* ---- inquiry_popup End ---- */
/* -----======products_details_page End ======-----  */
/* -----======profile_page start ======-----  */
.profile_page { width: 100%; height: auto; padding-top: 50px; padding-bottom: 50px; }
.company_profile_content { box-shadow: 18px 24px 43px 0 rgb(0 0 0 / 17%); padding: 35px; }
.company_profile_content img.shop_image { width: 100%; height: auto; }
.about_content h6 { font-family: 'Roboto', sans-serif; color: #EB6613; text-transform: uppercase; font-size: 15px; font-weight: 500; letter-spacing: 3px; }
.about_content h1 { font-weight: 500; color: #1a1818; font-size: 27px; text-transform: uppercase; font-family: 'Roboto', sans-serif; padding-bottom: 10px; }
.about_content p { color: #444444; font-size: 16px; font-weight: normal; line-height: 28px; }
.about_content p span { font-weight: 600; text-transform: uppercase; color: #444444; }
.shope_image_scssn .image_box {transition: 0.5s all; transform: translateY(0px); box-shadow: rgb(0 0 0 / 20%) 0px 5px 15px -7px; position: relative; }
.shope_image_scssn .image_box:hover {transform: translateY(-10px); }
.image_box .overlay {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .3s ease; background-color: rgb(0 0 0 / 65%); }
.shope_image_scssn .image_box:hover .overlay {opacity: 1; }
.image_box .overlay .icon {color: white; font-size: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; }



/* -----======profile_page End ======-----  */
.other_pages_button { display: flex; justify-content: end; transform: translateY(85px); position: relative; z-index: 1; }
.other_page_btn { padding: 10px; background: #eb6613; color: #ffffff; padding: 10px 15px; border-radius: 5px; transition: 0.4s all; font-weight: 500; letter-spacing: 1px; position: relative; z-index: 1; }
.other_page_btn:hover { color: #ffffff; }
.dropdown-toggle:after { margin-left: 10px; }
.other_pages_button .dropdown-menu { padding: 0; position: absolute !important; top: 100%; border: none; display: block; background: #ffffff; height: 314px; width: 300px; opacity: 0; visibility: hidden; overflow-y: auto; transform: scaleY(0.5); inset: auto !important; transition: transform 0.4s cubic-bezier(0.4, 0.0, 0.2, 1), opacity 0.4s cubic-bezier(0.4, 0.0, 0.2, 1), visibility 0.4s cubic-bezier(0.4, 0.0, 0.2, 1); transform-origin: top; box-shadow: 0px 10px 35px -7px rgb(0 0 0 / 30%); margin: 0 !important; right: 0 !important; z-index: 1; }
.other_pages_button .dropdown-menu.show { opacity: 1; transform: scaleY(1) !important; visibility: visible; }
.other_pages_button .dropdown-menu li { border-bottom: 1px dashed #1a18182e; }
.other_pages_button .dropdown-menu li:last-child { border: none; }
.other_pages_button .dropdown-menu .dropdown-item { padding: 10px 10px 10px 10px; transition: 0.4s all; }
.other_pages_button .dropdown-menu .dropdown-item:hover { color: #ffffff; background-color: #eb6613; }
.other_pages_button .dropdown-menu .dropdown-item.active { color: #ffffff; background-color: #eb6613; }
/* -----======.error_page and thanks_page Start ======-----  */
.error_page { padding-top: 100px; padding-bottom: 100px; text-align: center; }
.error_page h1 { text-align: center; font-size: 170px; color: #eb6613; font-weight: 700; letter-spacing: 2px; text-shadow: 0 5px 15px rgb(26 24 24 / 20%); }
.error_page h3 { font-weight: 600; font-size: 40px; color: #444; text-align: center; margin-top: -20px; }
.error_page p { font-size: 16px; font-weight: 500; color: #6D6D6D; text-align: center; padding-bottom: 20px; }
.thank_you_page { padding-top: 100px; padding-bottom: 100px; text-align: center; }
.thank_you_page h1 { font-size: 120px; color: #eb6613; text-shadow: 1px; text-align: center; text-shadow: 0 5px 15px rgb(26 24 24 / 20%); }
.thank_you_page p { text-align: center; font-size: 20px; font-weight: 400; margin-top: -10px; color: #444; padding-bottom: 30px; max-width: 50%; margin: auto; line-height: 1.2; }
.error_page .btn_contact { border: 2px solid rgb(0, 0, 0); border-radius: 30px; transition: 0.5s all; padding: 10px 60px 10px 60px; font-size: 16px; font-weight: 500; color: rgb(0, 0, 0); text-transform: uppercase; font-family: 'Roboto', sans-serif; }
.error_page .btn-change:hover { box-shadow: 300px 0 0 #eb6613 inset; border-color: #eb6613; }
.error_page .btn_contact:hover { color: #ffffff; }
.vert-move { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; }
.vert-move { -webkit-animation: mover 1s infinite alternate; animation: mover 1s infinite alternate; }
@-webkit-keyframes mover {  
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}
@keyframes mover {  0% {
    transform: translateY(0);
}
100% {
    transform: translateY(-10px);
}
}
/* -----======.error_page and thanks_page End ======-----  */
.g-recaptcha>div {
    margin: auto;
}