/* General styling for responsive layouts */body,html{max-width:100%;overflow-x:hidden}/* Make sure images scale down on mobile */img{max-width:100%;height:auto}/* Responsive typography */h1,h2,h3,h4,h5,h6,p,a,span{word-wrap:break-word}/* Mobile responsiveness for padding and margin */.container,.row,.section,.page-content{padding-left:15px;padding-right:15px}/* Columns responsive */.col,.col-12,.col-sm,.col-md,.col-lg,.col-xl{width:100%;padding:0 15px}/* Adjust button sizes for mobile */.btn{font-size:14px;padding:10px 20px;width:auto}/* Hide or reduce elements for small screens */@media (max-width:768px){/* Mobile-specific styles */.header,.menu,.footer{padding:10px 0}/* Adjust font sizes for mobile */h1{font-size:24px}h2{font-size:22px}h3{font-size:20px}h4{font-size:18px}p,a,span{font-size:16px}/* Column adjustments */.col-xl,.col-lg,.col-md{width:100%;padding:0;margin-bottom:15px}/* Align content centrally */.text-center{text-align:center}/* Buttons to stack */.btn{display:block;width:100%;margin-bottom:15px}/* Image responsiveness */img{max-width:100%;height:auto}}/* Tablet view (768px to 1024px) */@media (min-width:768px) and (max-width:1024px){.container{padding:20px}.col{width:50%}/* Adjust typography for tablet */h1{font-size:28px}}/* Mobile devices (max-width:768px) */@media (max-width:768px){/* Full-width content for mobile */.container,.section,.page-content{padding:10px}/* Stack columns on mobile */.col{width:100%;margin-bottom:20px}/* Adjust navigation for mobile */.nav-menu{display:block}/* Reduce padding for mobile */.header,.footer,.main-content{padding:10px}/* Font size adjustments */p{font-size:14px}}/* Smaller mobile devices (max-width:576px) */@media (max-width:576px){/* Even smaller typography adjustments */h1{font-size:22px}h2{font-size:20px}/* Tighter layout on very small screens */.container,.section,.page-content{padding:5px}.btn{font-size:12px;padding:8px 16px}}/* Hide social icons in the menu on mobile */@media (max-width:768px){.mob-cust-layout{display:none}}@media (max-width:768px){img{max-width:100%;height:auto}}.evalo-image{width:100%;/* Ensures the image takes up the full width of its container */height:auto;/* Maintains the aspect ratio of the image */object-fit:cover;/* Ensures the image covers the container without stretching */object-position:center;/* Centers the image within the container */display:block;/* Ensures proper formatting within containers */}a[href]:not(.elementor-button):hover{color:#0687F5 !important}/* .page-header{display:none}*/.scrollUp{background-color:#467FF7;color:#FFFFFF}/* Target the container holding the name and the social icons */.bx-name{display:inline-block;/* Ensures the name and icon can be in the same line */margin-right:10px;/* Space between name and icon */}.fbx-icons{display:inline-block;/* Make the icons appear inline next to the name */margin-left:10px;/* Adjust space between name and icon */vertical-align:middle;/* Align the icon with the text */}/* Hide the top margin for the icon list (specific to your code) */.mt-25{margin-top:0 !important}/* Optionally adjust the icon size */.fbx-icon{font-size:1.2rem;/* Adjust the size of the LinkedIn icon */}.btn.btn-lg{background-color:#317EEA}.search-btn{background-color:#317EEA !important}.scrollUp{background-color:#317EEA}.page-numbers current{background-color:#317EEA}/* Ensure all images are responsive */img{max-width:100%;height:auto;display:block}@media (max-width:768px){/* Specific Evalo theme classes */.evalo-text-class{font-size:14px;line-height:1.5;margin-bottom:10px}/* Fix for button or other overlapping elements */.evalo-button-class{width:100%;font-size:12px;padding:10px 0}}/* Adjust text and prevent overlap on smaller screens */@media only screen and (max-width:768px){/* Ensure text elements don't overlap */.text-element{font-size:1rem;/* Adjust font size */line-height:1.5;/* Increase line height for better readability */word-wrap:break-word;/* Prevent long words from overflowing */}/* Add padding/margins to prevent overlapping with other components */.component{margin-bottom:20px;/* Add space between components */}/* Flex containers or grids should stack on mobile */.flex-container,.grid-container{flex-direction:column;/* Stack items vertically on mobile */}}/* Replace LinkedIn Icon with custom icon */.fa-linkedin{background:url('https://appice.ai/wp-content/uploads/2024/09/Linkedin-150X150.png') no-repeat center;background-size:contain;width:24px;/* Set width of the icon */height:24px;/* Set height of the icon */display:inline-block;text-indent:-9999px;/* Hides the old FontAwesome icon */overflow:hidden;line-height:0;/* Prevents extra space from the original icon */}/* Replace Facebook Icon with custom icon */.fa-facebook-f span{display:none;/* Hide the existing icon */}.fa-facebook-f{background:url('https://appice.ai/wp-content/uploads/2024/09/Facebook-150X150.png') no-repeat center;background-size:contain;width:24px;/* Set width of the icon */height:24px;/* Set height of the icon */display:inline-block;text-indent:-9999px;/* Hides the old FontAwesome icon */overflow:hidden;line-height:0;/* Prevents extra space from the original icon */}.sharedaddy{display:none}/* Replace Twitter Icon with custom icon */.fa-x-twitter span{display:none;/* Hide the existing icon */}.fa-x-twitter{background:url('https://appice.ai/wp-content/uploads/2024/09/X-150X150.png') no-repeat center;background-size:contain;width:24px;/* Set width of the icon */height:24px;/* Set height of the icon */display:inline-block;text-indent:-9999px;/* Hides the old FontAwesome icon */overflow:hidden;line-height:0;/* Prevents extra space from the original icon */}:target{scroll-margin-top:80px;/* Adjust according to your fixed header height */}.category-list{padding:10px 0;background-color:#f9f9f9}@media only screen and (max-width:768px){.category-list{margin-top:15px}}