/*!
Theme Name: SHRISI OVERSE
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shrisi-overse
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

SHRISI OVERSE is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/



/** Our Categories css start here  14-10-2024 **/

html,body{overflow-x: hidden;}
body{margin: 0px;}
.headerNav .e--pointer-underline .elementor-item:after{left: 14px;width: 36%;}
.headerNav ul.elementor-nav-menu--dropdown a:hover{    margin-left: 0px !important;line-height: 25px;}
.categoryCard .viewProduct{transform: translate(-50%, -50%);position: absolute;top: 46%;left: 50%;}
.categoryCard .viewProduct p{opacity: 0; color: #fff !important;}    
.categoryCard:hover .viewProduct p{opacity: 1;}
.categoryCard:hover .categoryName .elementor-heading-title{color: #AD6B4B !important;}
.arrowIconbanner{z-index: 1;}
.arrowIconbanner img{margin-right: -70px;}
.buttonHoverIocn a:hover svg path{fill: #fff !important;} 
.hoverBoxcard{transition: all 0.1s ease;opacity: 1;}
.hoverBoxcard:hover{background: #37351F;padding-top: 15px;margin-top: 10px;}
.hoverBoxcard p{display: none; }
.hoverBoxcard .elementor-widget-text-editor .elementor-widget-container{min-height: 25px;}
.hoverBoxcard:hover .elementor-heading-title{color: #fff !important;} 
.hoverBoxcard:hover p{display: block;color: #fff;}
.hoverBoxcard:hover .elementor-widget-container{background-image: unset !important;}
.footerSocialiconContact .elementor-icon-list-item a{align-items: flex-start !important;}
.contactUsiconfooter .elementor-image-box-img{padding-top: 10px;}
.contactUscard a:hover{color: #AD6B4B !important;}
.footerMenuIcon .menu-item a:before{content: "\f054";font-family: "Font Awesome 5 Free"; position: absolute;left: -20px;top: 9px;opacity: 1 !important;color: #AD6B4B;}
.footerMenuIcon .menu-item a:hover:before{color: #37351F !important;}
.footerSocialicon a.elementor-icon:hover,
.socialIconbgColor .elementor-icon:hover{background: linear-gradient(180deg, #AD6B4B 0%, #7B4B36 100%) !important;color: #fff;
    border: none !important;}
.socialIconbgColor .elementor-icon{background: linear-gradient(140.11deg, #383838 0%, #747675 110.71%);}
.businessProcesscard::before{
	content: " " !important;z-index: 1 !important;background-repeat: no-repeat;
    background-image: url(../../uploads/2024/10/Vector-21.png);
	height: 110% !important;width: 100% !important;background-size: contain !important;
}
.businessProcesscard:after{
	content: " " !important;
    position: absolute;border-radius: 12px;left: 3.95%;right: 20.95%;top: 6%;bottom: 6.26%;height: 98%;width: 75%;background: #fff;
}
.businessProcesscardBottomIcon:before{
    content: " " !important;z-index: 1 !important;background-repeat: no-repeat;
    background-image: url(../../uploads/2024/10/Vector-28.png) !important;
    height: 144% !important;width: 83% !important;background-size: contain;
}
.businessProcesscardBottomIcon:after{
    content: " " !important;
    position: absolute;border-radius: 12px;left: 3.95%;right: 20.95%;top: 6%;bottom: 6.26%;height: 100%;width: 75%;background: #fff;
}
.businessProcesscardLeftIcon:before{
    content: " " !important;z-index: 1 !important;background-repeat: no-repeat;
    background-image: url(../../uploads/2024/10/Vector-29.png);
    height: 110% !important;width: 100% !important;background-size: contain !important;left: -46px !important;
}
.businessProcesscardLeftIcon:after{
    content: " " !important;
    position: absolute;border-radius: 12px;left: 3.95%;right: 20.95%;top: 6%;bottom: 6.26%;height: 98%;width: 75%;background: #fff;
}
.squareIcon:before{    
    content: " " !important;z-index: 1 !important;background-repeat: no-repeat;height: 110% !important;width: 82.5% !important;
    background-size: contain !important;border: 4px solid #fff !important;border-radius: 22px !important;}
.squareIcon:after{
    content: " " !important;
    position: absolute;border-radius: 12px;left: 3.95%;right: 20.95%;top: 6%;bottom: 6.26%;height: 98%;width: 75%;background: #fff;
}      

.inquiryNow{display: none !important;}  

.industriesCard .elementor-widget-image{text-align: center !important;
    width: 70px;
    background: #c7af94e8;
    border-radius: 100px;
    height: 70px;} 
.industriesCard .elementor-widget-image img{ 
	height: 75px !important;
    object-fit: contain;
    margin-top: -4px;    width: 75px !important;
    padding: 0px 14px;    text-align: center;
} 


.ctfootersection .elementor-icon-box-title{margin-top: 0px;}
.ctfootersection .elementor-icon-list-items .fas {font-size: 17px !important;}
.ctfootersection .elementor-icon-list-text{padding-left: 0px !important;}


/** Our Categories css start here  14-10-2024 **/


/* On screens that are 1600px  */

@media screen and (min-width: 1601px){
    .businessProcesscardLeftIcon:after{top: 6.5%;bottom: 6.26%;height: 96%;left: 5%;width: 74%;}
    .businessProcesscard:after{height: 95%;top: 7%;height: 95%;}
    .businessProcesscardBottomIcon:after{height: 96%;}
}

/* On screens that are 1400px  */
@media screen and (min-width: 1400px) {
  .headerNav .e--pointer-underline .elementor-item:after{left: 2px;width: 40%;}
  .footerSocialicon a.elementor-icon i{padding-top: 2px !important;}
}

/* On screens that are 1024px  */
@media screen and (max-width: 1024px) {
  .headerNav .e--pointer-underline .elementor-item:after{left: 8px;width: 40%;}
  .businessProcesscardBottomIcon:before{height: 130% !important;width: 72%;}
  .businessProcesscard:after{height: 90%;}
  .businessProcesscardBottomIcon:after{height: 90%;width: 74% !important;}
  .businessProcesscardLeftIcon:after{height: 89% !important;width: 74% !important;left: 8%;}
  .businessProcesscardLeftIcon:before{left: -32px !important;}
  .squareIcon:before{height: 102% !important;}
  .squareIcon:after{height: 89%;}
  #chartdiv{height: 340px !important;}
}

@media only screen and (max-width: 768px) and (min-width: 767px)  { 
	.businessProcesscard:after, .businessProcesscardBottomIcon:after{height: 76% !important;top: 6px;}
	.businessProcesscard .elementor-icon, .businessProcesscardBottomIcon .elementor-icon, .squareIcon .elementor-icon,
	.businessProcesscardLeftIcon .elementor-icon, .squareIcon.elementor-icon{font-size: 30px;padding-right: 25px;}
	.businessProcesscard .elementor-heading-title, .businessProcesscardBottomIcon .elementor-heading-title,
	.businessProcesscardLeftIcon .elementor-heading-title, .squareIcon .elementor-heading-title{padding-right: 20px; font-size: 13px;}
	.businessProcesscardLeftIcon:after{height: 76% !important;left: 3%;}
	.squareIcon:before{height: 86% !important;border: 2px solid #fff !important;border-radius: 10px !important;}
	.squareIcon:after {height: 76%;width: 75.5%;left: 6px;top: 6px;}
	#OurStandardBusinessProcessinnerCardmargin{margin-bottom: 40px !important;} 
	.businessProcesscardLeftIcon#packingCartonstitle .elementor-heading-title{padding-right: 33px !important;}
	.headerMenucol{width: 57% !important;}
	.headerContactcol{width: 18% !important;}
	.priccyplocyandtermspage .elementor-icon-list-item:after{top: 6px;}
	.cthide{display: none !important;}
	.ctwidth100, .ctwidth100 > .elementor-element{width: 100% !important;}
}

@media screen and (max-width: 767px){
    .ct-column-50{width: 50% !important;}
    .inquiryNow{display: block !important;width: 36%;margin-left: 15px;margin-top: 10px;}
    .inquiryNow .elementor-item-anchor{border-style: solid;border-width: 1.4px 1.4px 1.4px 1.4px;border-color: #AD6B4B;border-radius: 27px 27px 27px 27px;
            color: #AD6B4B !important;margin-left: 15px;margin-top: 15px;width: 100%;}
    .businessProcesscardBottomIcon:after {height: 98% !important; width: 75% !important;}
    .businessProcesscardLeftIcon:after{height: 80% !important;width: 75% !important;left: 3.5%;}
    .OurStandardBusinessProcessinnerCard .e-con-inner{display: flex;justify-content: center !important;}
    .businessProcesscardLeftIcon:after,
    .businessProcesscard:after{height: 175px !important;width: 244px !important;left: 10px;top: 10px;}
    .businessProcesscardBottomIcon:after{height: 174px !important;width: 240px !important;left: 10px;}
    .businessProcesscard::before{height: 253px !important;width: 270px !important;        
        background-image: url(../../uploads/2024/10/Vector-28.png);
        background-size: contain !important;
        transform: rotate(180deg);
        margin-left: -5px;
        margin-top: -57px;}
    .businessProcesscardBottomIcon:before{
        height: 250px !important;
        width: 270px !important;
        transform: rotate(180deg);
        margin-left: -9px;
        margin-top: -56px;
    }
    .businessProcesscardLeftIcon:before{height: 253px !important;width: 270px !important; left: -1px !important;
            background-image: url(../../uploads/2024/10/Vector-28.png);
        background-size: contain !important;
        transform: rotate(180deg);
        margin-left: -5px;
        margin-top: -57px;}
    .squareIcon:before {height: 190px !important;width: 260px !important;}
    .squareIcon:after {height: 171px;width: 240px;left: 10px;}

    #ourBusiness_reverseorder_section_last_row > .e-con-inner{flex-direction: column-reverse !important;}
    .headerMenucol .elementor-nav-menu--dropdown{height: 100vh !important;}
    .headerMenucol .menu-item-has-children a {display: flex;justify-content: space-between !important;}
    .footerMenuIcon .menu-item a:before {left: 90px;top: 4px;}
    .hoverBoxcard p {display: block;}
    .contactinfo .elementor-image-box-wrapper{flex-direction: row;align-items: center;display: flex;}
    .contactinfo .elementor-image-box-content{padding-left: 10px;}

}