/*
Theme Name: Anthony Theme
Theme URI: https://projects.iamhaseeb.com/amwebsite/
Author: Ali Webgeniq
Description: Anthony Mazzone is a Sales Trainer, Leadership Coach, Business Operations Consultant and Entrepreneur.
Version: 1.0
*/

html{  scroll-behavior: smooth;}
body{padding:0px;margin:0px; font-size:16px; padding-top:0px;transition:ease-in-out 0.5s;  font-family: "Archivo", sans-serif;scroll-behavior: smooth; }
@font-face {
    font-family: 'NF Ultra';
    src: url('NFUltra-Regular.eot');
    src: local('NF Ultra Regular'), local('NFUltra-Regular'),
        url('Assets/webfonts/NFUltra-Regular.eot?#iefix') format('embedded-opentype'),
        url('Assets/webfonts/NFUltra-Regular.woff2') format('woff2'),
        url('Assets/webfonts/NFUltra-Regular.woff') format('woff'),
        url('Assets/webfonts/NFUltra-Regular.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face{
    font-family: "Rabbid Highway Sign II";
    src: url("Assets/webfonts/4c1956d1de170339444ff94701a121d5.eot");
    src: url("Assets/webfonts/4c1956d1de170339444ff94701a121d5.eot?#iefix")format("embedded-opentype"),
        url("Assets/webfonts/4c1956d1de170339444ff94701a121d5.woff")format("woff"),
        url("Assets/webfonts/4c1956d1de170339444ff94701a121d5.woff2")format("woff2"),
        url("Assets/webfonts/4c1956d1de170339444ff94701a121d5.ttf")format("truetype"),
        url("Assets/webfonts/4c1956d1de170339444ff94701a121d5.svg#Rabbid Highway Sign II")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
        .testimonial {
            display: grid;
            gap: 30px; 
            max-width: 1167px;        
            margin: 0 auto;
            width: 100%;
            padding-top: 120px;
            padding-bottom: 50px;        
            padding-left: 20px;
            padding-right: 20px;
            justify-content: center;
        }
		.dropdown-item {
            display: block;
            width: 100%;
        	font-size: 15px;
        }
        a.nav-link.secondary-btn {
            background: linear-gradient(to right, #151f3b 0%, #273e83 100%);
            padding: 10px 15px !important;
        }
        a.nav-link.secondary-btn:hover {
            background: linear-gradient(to left, #151f3b 0%, #273e83 100%) !important;
        }

        .testimonial h2 {
            color: #fff;
            font-size: 65px;
            text-align: center;
            grid-column: 1 / -1; 
            margin-bottom: 30px; 
        }
        .general-button{
            background-color: #0F1833;
            background-image: linear-gradient(to right, #0F1833, #2D4899);
            color: #fff;
            margin-top: 20px !important;
            border: none;
            padding: 14px 30px 12px;
            transition: opacity 0.3s ease;
            border-radius: 10px;
            display: block;
            margin: 0 auto;
        }
        .general-button:hover{
             background-image: linear-gradient(to left, #0F1833, #2D4899);
            color: #fff;
        }
        .general-button a{
            font-family: "Rabbid Highway Sign II";
        }
        .snip1533 {
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
            color: #9e9e9e;
            font-family: 'Roboto', Arial, sans-serif;
            font-size: 16px;
            max-width: 369px; 
            justify-self: center; 
            position: relative;
            text-align: center;
            width: 100%; 
            background-color: #ffffff;
            border-radius: 5px;
            border-top: 5px solid #0a031d;
        }

        .testimonial {
            grid-template-columns: repeat(3, 1fr);
        }


        .snip1533 *, .snip1533 *:before {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.1s ease-out;
            transition: all 0.1s ease-out;
        }
        .snip1533 figcaption {
            padding: 13% 10% 12%;
            display: flex;
            flex-direction: column;
            min-height: 308px; 
        }
        .snip1533 figcaption:before {
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            background-color: #fff;
            border-radius: 50%;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
            color: #0a031d;
            content: "\f10e"; 
            font-family: 'FontAwesome';
            font-size: 32px;
            font-style: normal;
            left: 50%;
            line-height: 60px;
            position: absolute;
            top: -30px;
            width: 60px;
        }
        .snip1533 h3 {
            color: #3c3c3c;
            font-size: 20px;
            font-weight: 300;
            line-height: 24px;
            margin: 10px 0 5px;
        }
        .snip1533 h4 {
            font-weight: 400;
            margin: 0;
            opacity: 0.5;
        }
        .snip1533 blockquote {
            font-weight: 400;
            color: black;
            margin: 0 0 20px;
        }
        .form-section {
            background-color: #000000; 
            color: #f8f9fa; 
            display: flex;
            justify-content: center; 
            align-items: center;
            min-height: 100vh; 
            padding: 20px 0;
        }
        .form-section label {
            color: black;
        }
        .form-wrapper {
            width: 100%; 
            max-width: 800px; 
            padding-top: 91px;
        }
        .contact-form-container{
            background: white;
            margin-bottom: 40px;
        }
        .pdf-download-button {
            display: inline-flex;
            padding: 11px 26px 7px;
            text-decoration: none; 
            border-radius: 5px;
            font-family: "Rabbid Highway Sign II";
            font-size: 16px;
            background-color: #0F1833;
            background-image: linear-gradient(to right, #0F1833, #2D4899);
            color: white;
            margin-right: 8px;
        }
        .anthony-section-title{
            font-weight: 400;
            margin-bottom: 30px;
            font-size: 50px;
            line-height: normal;
            text-align: center;
            color: #fff !important;
            background: linear-gradient(to right, #ffffff 0%, #aaaaaa 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        .anthony-courses img{
            border-radius: 10px;
        }
        #alpha-gears,#community,#testimonials,#anthony-participation,#priv-coaching,#upcoming-events {
            scroll-margin-top: 80px;
        }
        
        /*Newletter Style*/

        .input-spc-email {
            position: relative;
            max-width: 100%;
        }

        .input-spc-email input[type="email"] {
            width: 100%;
            padding: 12px 110px 12px 14px;
            border: 1px solid #ccc;
            border-radius: 6px;
            font-size: 14px;
            outline: none;
            transition: border-color 0.3s ease;
        }

        .input-spc-email input[type="email"]:focus {
            border-color: #000;
        }

        #newsletterBtn {
            position: absolute;
            top: 30%;
            right: 5px;
            transform: translateY(-50%);
            padding: 8px 14px;
            background-color: #000;
            color: #fff;
            border: none;
            border-radius: 5px;
            font-size: 13px;
            cursor: pointer;
            transition: background-color 0.3s ease, transform 0.2s ease;
        }

        .input-spc-email button:hover {
            background-color: #333;
        }

        .newsletter-message {
            margin-top: 8px;
            font-size: 13px;
            line-height: 1.4;
        }

        .newsletter-message.success {
            color: #28a745;
        }

        .newsletter-message.error {
            color: #dc3545;
        }

        @media (max-width: 576px) {
        .input-spc-email {
            display: block !important;
            position: relative !important;
            text-align: left !important;
        }
    
        .input-spc-email input[type="email"] {
            width: 100% !important;
            display: block !important;
            padding-right: 110px !important;
            box-sizing: border-box;
        }
    
        .newsletterBtn{
            position: absolute !important;
            right: 5px !important;
            left: auto !important; 
            top: 240% !important;
            transform: translateY(-50%) !important;
            margin: 0 !important;
            width: auto !important;
            display: inline-block !important;
        }
    }
    

    /* color: transparent;
        }

        .pdf-download-button .fas {
            margin-right: 10px;
            font-size: 18px;
        }
        .anthony-courses img{
            border-radius: 10px;
        }
        @media (max-width: 1167px) {
            .testimonial {
                max-width: 768px; 
                grid-template-columns: repeat(2, 1fr); 
            }
        }
        @media (max-width: 768px) {
            .testimonial {
                max-width: 768px;
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        /* One column for mobile screens */
        @media (max-width: 576px){
            .testimonial {
                max-width: 100%; /* Allow full width on mobile */
                grid-template-columns: 1fr; 
                padding-left: 15px; 
                padding-right: 15px;
            }
            .comm-desk li{
                color: black;
            }
            .testimonial h2{
                font-size: 40px;
            }
            .snip1533 {
                max-width: none;
            }
        }
p:last-child {
margin-bottom:0px;
}
h1 {
font-size:64px;      font-family: "Anton", sans-serif;
}
h2 {
font-size: 40px;     font-family: "Anton", sans-serif;  
}
h3 {
font-size: 24px;     font-family: "Anton", sans-serif;
} 
h4 {
font-size: 22px;    font-family: "Anton", sans-serif;
}
h5 {
font-size: 18px;    font-family: "Anton", sans-serif;
}
h6 {
font-size: 16px;     font-family: "Anton", sans-serif;
}
button:focus{outline:none  !important; box-shadow:none !important;}
ul{list-style:none; padding:0px;   transition:ease-in-out 0.5s;  font-family: "Archivo", sans-serif;}
	a{text-decoration:none !important;  transition:ease-in-out 0.5s;   font-family: "Archivo", sans-serif;  }
	:hover{transition:ease-in-out 0.5s; }

:before, :after {
font-family:FontAwesome;
}
section.center-mode-books.blk-bg {
    background: #111111;
}
section.community.camping {
    padding: 70px 0px;    margin-bottom: -1px;
    background-size: cover !important;
    background-position: center center !important;
    width: 100%;
}

div#alphaevents img {
    border-radius: 10px;
}
  /* Custom Styles to override Owl Carousel defaults and position buttons */
		#alphaGearCarousel .owl-nav {
			position: absolute;
			top: 42%;
			width: 100%;
			transform: translateY(-42%);
			display: flex;
			justify-content: space-between;
			pointer-events: none;
			z-index: 10;
		}
        /* Target the actual navigation buttons and apply rounded background style */
       #alphaGearCarousel .owl-nav button {
            pointer-events: all; /* Make the buttons clickable */
            background-color: #ffffff; /* White background */
            border: 1px solid #d1d5db; /* Light gray border */
            border-radius: 9999px; /* Fully rounded/pill shape */
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.06); /* Shadow effect */
            cursor: pointer;
            line-height: 1;
            transition: all 0.3s ease;
            width: 3rem; /* Fixed width/height for circular look */
            height: 3rem;
            display: flex; /* Use flex to perfectly center the icon */
            align-items: center;
            justify-content: center;
            padding: 0; /* Remove default padding as height/width are fixed */
        }

        /* Specific positioning adjustments */
        #alphaGearCarousel .owl-prev {
            margin-left: -1.5rem; /* Pull back slightly */
        }

        #alphaGearCarousel .owl-next {
            margin-right: -1.5rem; /* Pull back slightly */
        }

        /* Style the Font Awesome icons inside the buttons */
        #alphaGearCarousel .owl-nav button i {
            font-size: 1.25rem; /* Icon size adjusted to fit inside the button */
            color: #374151; /* Default icon color */
            transition: color 0.3s;
        }

        /* Hover effect for the button itself */
		#alphaGearCarousel .owl-nav button:hover {
			background-color: #0c1732;
			border-color: #0c1732;
		}

        /* Hover effect for the icon inside the button */
        #alphaGearCarousel .owl-nav button:hover i {
            color: #fff; /* Tailwind Blue-500 icon on hover */
        }
		.owl-dots {
    margin-top: 20px;
}
button.btn-close.mdl {
    position: absolute;
    right: 20px;
    top: 20px;
    filter: invert(1);
}
   /* 1. Makes the entire modal content area transparent and removes default borders/shadows */
        #videoModal .modal-content {
            background-color: transparent !important;
            border: none !important;
            box-shadow: none !important;
        }

        /* 2. Removes the header background/border, keeping it transparent */
        #videoModal .modal-header {
            border-bottom: none; 
            padding: 1rem 1rem 0 0; 
        }

        /* 3. Ensures the close button (x) is visible against the video background */
        #videoModal .btn-close {
            background-color: #f7f7f7; /* White circle background */
            opacity: 1; 
            border-radius: 50%; 
            padding: 0.5rem; 
            margin-right: -0.5rem; 
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            transition: transform 0.2s;
        }

        #videoModal .btn-close:hover {
            transform: scale(1.1);
        }

        /* 4. Optional: Adjusts the backdrop opacity to make the background darker */
        .modal-backdrop.fade.show {
            opacity: 0.9;
        }
		button.btn-close {
    z-index: 2;
}

/* -------------- loader4 -------------- */

 /*  begin rect css */
  
  .rect {
   margin: 10px auto 0px;
   width: 50px;
   height: 40px;
   text-align: center;
   font-size: 10px;
  }
  
  .rect>div {
   background-color: #fff;
   height: 100%;
   width: 6px;
   display: inline-block;
   animation: sk-stretchdelay 1.2s infinite ease-in-out;
  }
  
  .rect .rect2 {
   animation-delay: -1.1s;
  }
  
  .rect .rect3 {
   animation-delay: -1.0s;
  }
  
  .rect .rect4 {
   animation-delay: -0.9s;
  }
  
  .rect .rect5 {
   animation-delay: -0.8s;
  }
  
  @keyframes sk-stretchdelay {
   0%,
   40%,
   100% {
    transform: scaleY(0.4);
   }
   20% {
    transform: scaleY(1.0);
   }
  }
.blk-overlay {display: none;
    background: #000000;
    position: fixed;
	    display: flex;
    justify-content: center;
    height: 100%;
    width: 100%;
    z-index: 23233123;
    content: "";
    top: 0px;
}
.col-lg-7.profile-text-content {
    padding-bottom: 70px;
}
.offcanvas-header img {
    max-width: 150px;
}
.offcanvas-header {
    padding-bottom: 0px;
}
/* Add this to your custom CSS file (e.g., style.css) */
.footer-links a {
    position: relative;
    padding-left: 21px;
}

.footer-custom {
    background-color: #000000;
    background: url(images/footer-bg.jpg); 
    background-size: cover !important;
    width: 100%;
    background-position: center;
}

/* Style for the link text */
.footer-links a, .footer-social a {
    color: #fff;
    font-size: 15px;
    transition: color 0.2s ease;
	display: inline-block !important;
}

footer h5 {
    font-size: 25px;
    font-weight: 400 !important;
}
.footer-links a:hover,
.footer-social a:hover {
       color: #ccc !important; /* White on hover for contrast */
}
.col-12.text-center.pt-4.border-top.border-secondary {
    border-top: 1px solid #fff !important;
}
.col-12.text-center.pt-4.border-top.border-secondary small {
    font-size: 13px;
}
/* Style for the social icons and link arrows */
.footer-links .footer-arrow {
    color: #ffffff;
    font-size: 10px;
    position: absolute;
    left: 0px;
    top: 6px;
}

.footer-social .fab {
    /* Ensure social icons are easily visible */
    color: #fff;
}

/* Specific styling for the logo area if needed */
.footer-logo-img {
    max-width: 150px; /* Adjust as necessary to match your logo size */
    height: auto;
}
.alpha-social-links {
    display: flex;
    justify-content: space-evenly;
    max-width: 440px;
    margin: 30px auto 0px;
}
    .alpha-social-links {
    display: flex;
    
    justify-content: space-evenly;
}
.alpha-social-links a {
    display: block;
    position: relative;
}
.alpha-social-links a {
    text-decoration: none;
    color: #f2f1c6;
    font-size: 35px;
}
.alpha-social-links a div {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    transition: transform .3s;
}
.alpha-social-links.btm {
    max-width: 300px;
}
.alpha-social-links a .pbmit-base-icon-facebook-squared,
.alpha-social-links a .pbmit-base-icon-youtube-play, 
.alpha-social-links a .pbmit-base-icon-instagram,
.alpha-social-links a .pbmit-base-icon-linkedin-squared{
    font-size: 50px !important;
}
@media (max-width:468px) {
    .alpha-social-links a div {

    width: 40px;
    height: 40px;
        
    }
    .alpha-social-links a .pbmit-base-icon-facebook-squared,
.alpha-social-links a .pbmit-base-icon-youtube-play, 
.alpha-social-links a .pbmit-base-icon-instagram,
.alpha-social-links a .pbmit-base-icon-linkedin-squared{
    font-size: 20px !important;
}
}
.alpha-social-links a:hover div {
    transform: rotate(-35deg) skew(20deg);
}
.alpha-social-links a:hover span:nth-child(1) {
    opacity: .2;
}
.alpha-social-links a:hover span:nth-child(2) {
    transform: translate(5px, -5px);
    opacity: .4;
}
.alpha-social-links a:hover span:nth-child(3) {
    transform: translate(10px, -10px);
    opacity: .6;
}
.alpha-social-links a:hover span:nth-child(4) {
    transform: translate(15px, -15px);
    opacity: .8;
}

.alpha-social-links a span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    border: 1px solid #f2f1c6;
    border-radius: 10px;
}
.alpha-social-links a.youtube-background span {
    background: #FF0000;
    border-color: #ffd0d4;
}
.alpha-social-links a.linkedin-background span:nth-child(5) {
    background: #0077B5;
}

.alpha-social-links a.linkedin-background span {
    background: #0077B5;
    border-color: #ffd0d4;
}

.alpha-social-links a span:nth-child(5) {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.alpha-social-links a.facebook-background span {
    background: #4267B2;
    border-color: #ffd0d4;
}
.alpha-social-links a:hover::after {
    --transformed-box-diagonal-length: 164%;
    width: var(--transformed-box-diagonal-length);
    left: calc( (100% - var(--transformed-box-diagonal-length)) / 2 );
}
.alpha-social-links a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    transition: all .3s;
}

.alpha-social-links a:hover span:nth-child(5) {
    transform: translate(20px, -20px);
    opacity: 1;
}

.alpha-social-links a.instagram-background span:nth-child(5) {
    background: linear-gradient(to right top, #5851d8, #7f48c9, #9840ba, #aa39a9, #b73599, #ca368c, #d93c7e, #e34771, #f35d62, #fd7855, #ff934a, #fcaf45);
}

.alpha-social-links a.instagram-background span {
    background: linear-gradient(to right top, #5851d8, #7f48c9, #9840ba, #aa39a9, #b73599, #ca368c, #d93c7e, #e34771, #f35d62, #fd7855, #ff934a, #fcaf45);
    border-color: #ffd0d4;
}

.alpha-social-links  a.snapchat-background span:nth-child(5) {
    background: #FFFC00;
}

.alpha-social-links  a.snapchat-background span {
    background: #FFFC00;
    border-color: #ffd0d4;
}
.alpha-social-links a.tiktok-background span:nth-child(5) {
    background: linear-gradient(to right top, #ff0050, #cc1048, #9a173e, #6b1830, #3e1420, #3f1d2d, #3d2738, #3c3040, #50587a, #4388b4, #00bddd, #00f2ea);
}

.alpha-social-links a.tiktok-background span {
    background: linear-gradient(to right top, #ff0050, #cc1048, #9a173e, #6b1830, #3e1420, #3f1d2d, #3d2738, #3c3040, #50587a, #4388b4, #00bddd, #00f2ea);
    border-color: #ffd0d4;
}



.phone-mock {
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.connect-live {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -470px;
    bottom: auto;
    padding: 0px 330px;
}
section.social-connect {
    padding-top: 550px;
    position: relative;
}
.anthony-mock {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.connect-live p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #000000;
}

.connect-live h2 {
    color: #000000;
    background: -webkit-linear-gradient(left, #000000, #244391);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #000000, #244391);
    background-clip: text;
    color: transparent;
    font-size: 45px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
/* --- Custom CSS Reset/Base --- */
.testimonial-card {
    /* Dimensions and Shape */
    --card-width: 100%; /* Adjust as needed */
    width: var(--card-width);
    padding: 20px 30px;
    padding-top: calc(var(--card-width) / 4 + 0px); /* Space for the image overlap */
    background-color: white;
    border-radius: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        min-height: 340px;
    /* Positioning Context */
    position: relative;
    text-align: center;
    font-family: Arial, sans-serif; /* Use your preferred font */
}
div#testimonial-carousel .owl-stage-outer {
    padding-top: 100px;
}
/* --- Profile Image Section --- */
.testimonial-profile {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%); /* Center the circle */
}
section.testimonial-area h2 {
    font-weight: 400;
    margin-bottom: 30px;text-transform:uppercase;
    font-size: 50px;
    line-height: normal;
    text-align: center;
    background: linear-gradient(to right, #ffffff 0%, #aaaaaa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}
section.testimonial-area {
    background: url(images/testimonial-bg.jpg);
    padding: 70px 0px;
    background-size: cover;
    width: 100%;
}
.testimonial-profile-bg {
    width: 145px;
    height: 145px;
    border-radius: 50%;

    padding: 0px;
    box-sizing: border-box;
    overflow: hidden;
    border: 8px solid #0F1833;
}

.testimonial-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%; /* Ensures the image itself is circular */
    display: block;
}

/* --- YouTube Icon Section (as requested, an <a> tag) --- */
.testimonial-youtube-icon {
    position: absolute;
    top: 10px; /* Adjust vertical position */
    right: 15px; /* Adjust horizontal position */
    z-index: 10;
    text-decoration: none; /* Remove underline */
}

.youtube-logo-shape {
    /* Simple recreation of the YouTube icon's red square/rectangle */
    width: 45px;
    height: 30px;
	margin-top: 10px;
    margin-right: 10px;
    background-color: #FF0000; /* YouTube Red */
    border-radius: 6px; /* Slightly rounded corners */
    position: relative;
}

.youtube-logo-shape::before {
    content: "";
    /* The white play triangle */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-35%, -50%); /* Centering the triangle visually */
    border-left: 12px solid white;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}


/* --- Text & Rating Section --- */
.testimonial-rating {
margin: 0px 0 5px;
    color: #FFC107;
    font-size: 14px;
}

.testimonial-name {
    margin: 0 0 5px;
    font-weight: 700;
    font-size: 20px;
    line-height: normal;
    color: #000000;
    font-family: "Archivo", sans-serif;
}

.testimonial-title {

   font-weight: 400;
    font-size: 15px;
line-height: normal;
text-align: center;
color: #676767;  font-family: "Archivo", sans-serif;
    margin: 0;
    line-height: 1.2;
}

.testimonial-company {
	color: #676767;    font-size: 14px;
    margin: 0 0 20px;
    line-height: 1.2; font-family: "Archivo", sans-serif;
}

.testimonial-quote-box {
    margin-top: 20px;
}

.testimonial-text {font-family: "Archivo", sans-serif;
font-weight: 400;
font-size: 15px;
line-height: normal;
text-align: center;
color: #000000; max-width:80%; margin:0 auto;
}

/* If you choose to display the Font Awesome quote icon */
.testimonial-quote-icon {
    color: #ccc;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: top;
}
/* Target the specific slider and image */
#book-slider .swiper-slide img {
  display: block;
  width: 100%;
  /* Maintain aspect ratio typical of a book cover */
  height: 100%; 
  object-fit: cover; 
}
section.center-mode-books {
    background: url(images/dark-bg-area.jpg);
    padding: 60px 0px;
    text-align: center;
    background-size: cover;
}
a.grey-btn {
    background-image: linear-gradient(to bottom, #d5d6d6, #a4a4a4, #b6b6b6);
    color: #fff;
    font-family: "Anton", sans-serif;
    display: inline-block;
    padding: 10px 30px;    margin-top: 30px;
    border-radius: 10px;
    font-size: 25px;
    text-shadow: 0px 0px 10px #00000094;
}
/* 2. Gradient Text Styling for Headings */
        .gradient-text-two {
          color: #000000;
    background: -webkit-linear-gradient(left, #000000, #244391);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #000000, #244391);
    background-clip: text;
    color: transparent;
    font-size: 40px; text-transform:uppercase;
    margin-bottom: 20px;
        }
section.community {
    background: url(images/community-bg.jpg);
    padding: 70px 0px;
    background-size: cover !important;
    background-position: center center  !important;
    width: 100%;
}
.main-section.alpha-solar {
    padding: 100px 20px;
    background-color: #0d112d; /* A dark background similar to the image */
    color: #ffffff;
    font-family: Arial, sans-serif; /* Use a common font */
}

/* Gradient Heading (ALPHA SOLAR SALES) */
.alpha-solar-heading {
   color: #000000;
    background: -webkit-linear-gradient(left, #000000, #244391);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #000000, #244391);
    background-clip: text;
    color: transparent;
    font-size: 66px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

/* Supporting Text Styles */
.alpha-solar .sub-heading {
    font-size: 21px;
    margin-bottom: 0px;
    color: #000;
    margin-top: 30px;
}

.alpha-solar .main-text {
    font-size: 26px;
    font-weight: 700;
    color: #0F1833;
    max-width: 811px;
    margin: 0 auto 30px;
    line-height: 40px;
}

.alpha-solar  .body-text {
    font-size: 19px;
    line-height: 30px;
    max-width: 660px;
    margin: 0px auto 60px auto;
font-weight: 400;
font-size: 20px;
line-height: normal;
text-align: center;
color: #0f1833;
}

.alpha-solar  .sun-icon, .flag-icon {
    font-size: 35px; /* Adjust emoji size */
    vertical-align: middle;
}

/* Gradient Button */
.alpha-solar .gradient-button {
      background-color: #0F1833;
    background-image: linear-gradient(to right, #0F1833, #2D4899);
    color: #fff;
    border: none;
    padding: 14px 30px 12px;
    transition: opacity 0.3s ease;
	border-radius:10px;    font-family: "Rabbid Highway Sign II";
}

.alpha-solar .gradient-button:hover {
    background-image: linear-gradient(to left, #0F1833, #2D4899); 
}
.list-unstyled-custom li {
  position: relative;
  padding-left: 40px; /* space for logo */
  margin-bottom: 15px;
  line-height: 1.5;
}

.list-unstyled-custom li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;

  background-image: url("<?php echo get_stylesheet_directory_uri(); ?>/Assets/images/list-logo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

        /* 3. Custom List Styling 
        .list-unstyled-custom {
            list-style: none;
            padding-left: 0;
            margin-top: 20px;
        }
        
.list-unstyled-custom li {
    margin-bottom: 10px;
    font-size: 1.1rem;
    position: relative;
    padding-left: 30px;
}

        /* 4. Font Awesome Icon Styling (The 'before' pseudo-element) 
.list-unstyled-custom li::before {
    content: "\f058";
    font-weight: 900;
    color: #131E3A;
    margin-right: 10px;
    display: inline-block;
    width: 1.2em;
    text-align: center;
    position: absolute;
    left: 0px;
}*/
        
        /* 5. Custom Button Styling */
        .btn-alpha {
               background-color: #0F1833;
    background-image: linear-gradient(to right, #0F1833, #2D4899);
    color: #fff;
    border: none;
    padding: 11px 30px 8px;
    transition: opacity 0.3s 
ease;    font-family: "Rabbid Highway Sign II";
        }

        .btn-alpha:hover {
               background: linear-gradient(to left, #0F1833, #2D4899);
            color: #fff !important;
        }
		img.wolf-left {
    position: absolute;
    left: 0px;
    top: 0%;
    height: 510px;
}
.navbar-expand-lg .navbar-nav .nav-link:hover {
    transition: 
ease-in-out 0.5s;
    border-radius: 10px;
    background: linear-gradient(to right, #151f3b 0%, #273e83 100%);
}
img.sun-right {
    position: absolute;
    right: 0px;
    top: 0%;
    opacity: 0.4;
}
img.wolf-icon {
    position: absolute; 
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 440px;
}
		section.alpha-solar {position:relative;
    background: url(images/grey-bg-3.jpg);
    background-size: cover;
    width: 100%;
    background-position: center;
    padding: 80px 0px;
}
.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: 40px !important;
}
.product-card p {
    margin-top: 15px;
}
.product-card a {
    color: #000;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #0F1833 !important;
}
.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #7d7a7a !important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s 
ease;
    border-radius: 30px;
}

section.alpha-gears h2 {
    color: #000000;
    background: -webkit-linear-gradient(left, #000000, #244391);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #000000, #244391);
    background-clip: text;
    color: transparent;
    font-size: 50px;
    margin-bottom: 50px;
}
section.alpha-gears {
    padding: 80px 0px;
    position: relative;
    overflow: hidden;
    background: url(images/grey-bg-2.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
}
a.grey-btn:hover {
    color: #fff;
    background-image: linear-gradient(to right, #afafaf, #5a5a5a, #090f3f);
}
div#book-slider .owl-stage {
    padding: 20px 0px;
}
div#book-slider  .owl-item img{ transition:ease-in-out 0.5s;}
div#book-slider .owl-item img:hover {
    transform: scale(1.03);
}
section.center-mode-books h2 {
    font-weight: 400;
	margin-bottom: 30px;
    font-size: 50px;
    line-height: normal;
    text-align: center;
    color: #fff;
    background: linear-gradient(to right, #ffffff 0%, #aaaaaa 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Gradient for Headings */
.anthony-participation {
	background:url(images/bootcamp.jpg); width:100%; background-size:cover; width:100%; background-position:center center;
}
.anthony-participation .gradient-heading {
    color: #000000;
    background: -webkit-linear-gradient(left, #000000, #244391);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #000000, #244391);
    background-clip: text;
    color: transparent;
    font-weight: 500;
    font-size: 62px;
}
    .display-5 {
        font-size: 40px;
    }
	section.anthony-participation p {
    color: #000;
}
    /* Gradient for Buttons */
.anthony-participation .btn-gradient {
    background-color: #0F1833;
    background-image: linear-gradient(to right, #0F1833, #2D4899);
    color: #fff;
    border: none;
    padding: 11px 30px 8px;
    transition: opacity 0.3s 
ease;
}

    .anthony-participation .btn-gradient:hover {
        opacity: 0.9;
        color: #fff; /* Ensure text color stays white on hover */
    }

    /* Color for Sub-headings (H2, H3 elements that are not .gradient-heading) */
    .anthony-participation h2:not(.gradient-heading),
    .anthony-participation h3:not(.gradient-heading) {
        color: #333333;
       
    }

    /* General styling adjustments for closer visual match */
    .anthony-participation {
        padding: 5rem 0;
        background-color: #fff; /* Assuming a white background */
    }

    .anthony-participation p {
        color: #333333;
        line-height: 1.6;
    }
.course-cover-box{
    position: relative;
   
}
.course-cover-box.mb-5 {
    position: relative;
    margin-bottom: 80px !important;
}
a.primary-btn:hover {background-image: linear-gradient(to right, #d5d6d6, #3f4557, #0e162e);}
a.primary-btn {
	font-weight: 400;
font-size: 25px;

color: #ffffff;
	font-family: "Anton", sans-serif;
    background-image: linear-gradient(to left, #d5d6d6, #3f4557, #0e162e);
    color: #fff;
    padding: 10px 20px;
    z-index: 2;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -24px;
    max-width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 0px auto 0px;
}
.anthony-mid {
    position: absolute;
    bottom: -100px;
}
section.anthony-courses {
    position: relative;
    padding: 100px 0px;
    background: url(images/course-bg.jpg);
    background-size: cover !important;
    width: 100%;
    background-position: center !important;
}
.icon-box.position-relative {
    padding-left: 110px;
}
.icon-box.position-relative p {
    font-size: 15px;
}
.icon-box.position-relative h4 {
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 10px !important;
}
section.three-col-data.py-5.bg-dark.text-white {
    background-image: linear-gradient(to left, #1c1c1c, #0f1833);
}
.profile-section {
    position: relative;
    padding-top: 100px;
    overflow: hidden;
    background: url(images/gry-bg.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
}
section.three-col-data img {
    position: absolute;
    left: 0px;
    top: 0px;
}
section.profile-section p {
    font-weight: 400;
    font-size: 17px;
    line-height: 22px;
    color: #000000;
}
section.profile-section b {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #0f1833;
}
.col-lg-7.col-md-12.profile-text-content {
    padding-bottom: 80px;
    padding-top: 50px;
}
      .profile-image-container {
        position: absolute;
        bottom: 0;
        right: 0;
        top: -27px;
        width: 359px; /* Adjust as needed for desktop */
        z-index: 1; /* Ensure image is above text if content is long */
      }
      .profile-image {
        width: 100%;
        height: auto;
        display: block;
      }

.gradient-heading {
    background: #0F1833;
    background: linear-gradient(88deg, rgb(0 0 0) 0%, rgba(45, 72, 153, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #0F1833;
}
.btn-gradient:hover {
    background: linear-gradient(to left, #0F1833, #2D4899);
}
.btn-gradient {
    background: linear-gradient(to right, #0F1833, #2D4899);
    border: none;
    color: white;
padding: 12px 20px 8px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    border-radius: 5px;
    font-family: "Rabbid Highway Sign II";
}

     
nav.navbar.navbar-expand-lg.navbar-dark.navbar-custom {
    padding: 20px 0px;
}
/* Update the base class for smooth transitions on all changing properties */
.navbar-custom {
    background-color: transparent;
    /* Add a transition for background, box-shadow, and a placeholder for link color */
    transition: background-color 0.4s ease, box-shadow 0.4s ease; 
}

/* Ensure the links inside the default navbar also have a transition */
.navbar-custom .nav-link {
    /* Add a transition for the text color */
    color: rgba(255, 255, 255, 0.75); /* Assuming your starting text is light */
    transition: color 0.4s ease;
}

/* The new class to be added on scroll */
.scrolled-navbar {
    background: linear-gradient(90deg, #636363a1 0%, #000000 100%);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);    transition: background-color 0.4s ease, box-shadow 0.4s ease; 
}

/* 🚀 Fix for Link Color Transition: Define the final state for links */
.scrolled-navbar .nav-link {
    color: #212529 !important; /* Final dark text for contrast */
}

/* Fix for Brand Logo color if it's text */
.scrolled-navbar .navbar-brand {
    color: #212529 !important; 
}

/* Fix for Toggle Icon color if it's white */
.scrolled-navbar .navbar-toggler-icon {
    /* This is harder to style directly, but often done via filter/SVG. 
       A simpler fix is using a dark button class on the toggler itself 
       or using a CSS filter if needed. 
    */
}
.container-fluid {
    max-width: 1200px;
    position: relative;
}
        /* Custom Classes with hardcoded values (converted to PX) */

        /* --- 1. MAIN CONTAINER & BACKGROUND --- */
		.sales-hero-bg {
		    background-position: center center !important;
			color: #ffffff;
			overflow: hidden;
			padding-top: 200px;
			    background-size: cover !important;
		}
		.title-para-btn {
			position: absolute;
			top: 10px;
			right: 0px;
		}


        /* --- 3. TEXT & CTA STYLING --- */
       .hero-title {
    font-size: clamp(32px, 38px, 50px);
    
            line-height: 1.2;
            margin-bottom: 24px; /* was: 1.5rem */
            text-transform: uppercase;
            
            /* ADDED: Text Gradient for White/Gray effect */
            background: linear-gradient(to right, #ffffff 0%, #aaaaaa 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            color: transparent; /* Fallback */
        }

        .hero-text {
            color: #fff;
            font-size: 17px;
            max-width: 500px;
            font-family: "Archivo", sans-serif;
        }
.cta-button {
    background-image: linear-gradient(to right, #0F1833 0%, #2D4899 100%);
    color: #ffffff;
    font-size: 27px;
    padding: 12px 32px;
    border-radius: 8px;
    display: inline-flex;
    position: relative;
    align-items: center;
    gap: 16px;
	 font-family: "Anton", sans-serif;
    transition: all 0.3s ease;    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 4px 15px rgba(45, 72, 153, 0.4);
}

        .cta-button:hover {
            /* Reverse the gradient direction for a clean hover effect */
            background-image: linear-gradient(to left, #0F1833 0%, #2D4899 100%); 
            color: #ffffff;
        }
a.cta-button img {
    position: absolute;
    right: -30px;
    top: -30px;
}
        /* --- 4. STATISTICS BAR STYLING --- */
        .stats-bar-container {
            position: absolute;
            bottom: 0;
            /* Positioned to the bottom right */
            right: 0; 
            left: auto; 
            transform: none;
            /* Max width set to 630px */
            max-width: 630px; 
            width: calc(100% - 30px); /* Ensures full width on mobile minus padding */
            background-color: #252525;
            
            /* White border top, left, right, no bottom */
            border: 1px solid #ffffff;
            border-bottom: none;
            border-radius: 8px 8px 0 0; /* was: 0.5rem 0.5rem 0 0 */
            
            padding: 24px 32px; /* was: 1.5rem 2rem */
            z-index: 30; 
            box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.5);
        }

        .stat-item {
            text-align: center;
            padding: 0 16px; /* was: 0 1rem */
        }
        
        .stat-value {
			   font-family: 'NF Ultra';
            font-size: 32px; /* was: 2rem */
            font-weight: 900;
            line-height: 1.1;
            margin-bottom: 4px; /* was: 0.25rem */
        }
        
.stat-label {
    color: #FFF;
    font-size: 16px;
    line-height: 1.3;
    margin-top: 10px;
}
ul.navbar-nav.ms-auto li span {
    display: none;
}
ul.navbar-nav.ms-auto li:last-child {
    padding-left: 5px;
}
ul.dropdown-menu li a {
    color: #fff;
}
a.dropdown-item:hover {
    background: #1f2f61;
    color: #fff;
}
.dropdown-item:focus, .dropdown-item:hover{
	  background: #1f2f61 !important;
    color: #fff;
}
.dropdown-menu {
    background: #000000cf;
    border: 1px solid #373737;
}
       
/* Custom styles for the dark background and centering the logo on large screens */
  
        .navbar-brand img {
            max-width: 200px; /* Adjust size as needed */
            height: auto;
        }

       

        /* White text for the dark navbar */
        .navbar-custom .nav-link,
        .navbar-custom .btn-close-white {    border-radius: 10px;
            color: #ffffff !important;    font-size: 16px;    padding: 10px 10px !important;  font-weight: 500;
        }
        .navbar-custom .navbar-toggler-icon {
            /* For the dark background, we need a light icon */
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
        }
/*=============================
         Media Queries
===============================*/

 /* --- 5. RESPONSIVE ADJUSTMENTS (Bootstrap Breakpoints) --- */
        @media (min-width: 992px) {
			  .navbar-custom .navbar-brand {
                position: absolute;
                left: 50%;
                transform: translateX(-50%);
                z-index: 10; /* Ensure it's above other elements if they overlap */
            }
            /* Desktop/Large screen: Push content right to clear the absolute image */
    .hero-content-area {
        padding-left: 55%;
        z-index: 20;
        padding-bottom: 170px;
        padding-top: 520px;
    }
            /* Desktop/Large screen: Image is absolute, fixed to bottom-left */
    .hero-image-layout {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 475px;
        margin: 0;
        height: 812px;
    }
            /* Align stats bar to the right edge of the container-fluid (0 position) */
            .stats-bar-container {
                width: 100%; /* Take full max-width */
            }
        }

        @media (max-width: 991.98px) {
           
        }
        
        @media (max-width: 767.98px) {
		
        }
@media (min-width: 1200px) and (max-width: 1300px) {

}
@media (min-width: 992px) and (max-width: 1199px) {
	
	.anthony-participation .gradient-heading{    font-size: 50px;}
	.display-5 {
    font-size: 35px;
}
	.title-para-btn {
    position: absolute;
    top: 10px;
    right: 15px;
}
	.stats-bar-container {
  
    right: 15px;
   
    max-width: 590px;
    
}
	.navbar-custom .nav-link, .navbar-custom .btn-close-white {
    color: #ffffff !important;
    font-size: 16px;
    padding: 10px 10px !important;
    font-weight: 500;
}
	.phone-mock {
    position: absolute;
    left: 15px;
    bottom: 0px;
}
.anthony-mock {
    position: absolute;
    right: 15px;
    bottom: 0px;
}
	.connect-live h2{    font-size: 30px;}
section.center-mode-books h2 {
    font-weight: 400;
margin-bottom: 30px;}
.col-lg-7.profile-text-content {
    padding-bottom: 50px;
}
.profile-section {
    position: relative;
    padding-top: 70px;
overflow: hidden;}
.anthony-mid {
    position: absolute;
    bottom: -100px;
    left: 0px;
    right: 0px;
    max-width: 330px;
    margin: 0 auto;
}
#alphaGearCarousel .owl-nav {
   
    display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
	nav.navbar.navbar-expand-lg.navbar-dark.navbar-custom {
    padding: 0px 0px;
}
	.btn-alpha {
    background-color: #0F1833;
    background-image: linear-gradient(to right, #0F1833, #2D4899);
    color: #fff;
    border: none;
    padding: 11px 15px 8px;
    transition: opacity 0.3s ease;
    font-family: "Rabbid Highway Sign II";
    font-size: 15px;
}
	.display-5 {
    font-size: 25px;
    line-height: 22px;
}
	.anthony-participation .gradient-heading {
    color: #000000;
    background: -webkit-linear-gradient(left, #000000, #244391);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(to right, #000000, #244391);
    background-clip: text;
    color: transparent;
    font-weight: 800;
    font-size: 45px;
}
	.phone-mock img {
    max-width: 160px;
}
.anthony-mock img {
    max-width: 170px;
}
	.connect-live {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -470px;
    bottom: auto;
    padding: 0px 150px;
}
	a.primary-btn {
    font-weight: 400;
    font-size: 20px;
    color: #ffffff;
    font-family: "Anton", sans-serif;
    background-image: linear-gradient(to left, #d5d6d6, #3f4557, #0e162e);
    color: #fff;
    padding: 10px 20px;
    z-index: 2;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -24px;
    max-width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 0px auto 0px;
}
	.anthony-mid {
    position: absolute;
    bottom: -100px;
    left: 0px;
    right: 0px;
    max-width: 260px;
    margin: 0 auto;
}
	.icon-box.position-relative h4 {
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 10px !important;
}
	.icon-box.position-relative p {
    font-size: 13px;
}
	.icon-box.position-relative {
    padding-left: 70px;
}
	section.three-col-data img {
    position: absolute;
    left: 0px;
    top: 0px;
    max-width: 60px;
}
	.profile-section {
    position: relative;
    padding-top: 50px;}
	.gradient-heading{    font-size: 40px;}
	a.btn-gradient.mt-4 {
    margin: 0 auto;
    display: block;
    max-width: 232px;
}
	    img.hero-image-layout {
        max-width: 300px;
        margin-top: -80px;
    }
	button.navbar-toggler {
    position: absolute;
    right: 15px;
    border: 0px;
    padding: 0px;
}
img.hero-image-layout {
    max-width: 300px;
}

    .title-para-btn {
        position: absolute;
        top: 10px;
        right: 15px;
        text-align: left;
        max-width: 350px;
    }
	.stats-bar-container {
  
    right: 15px;
   
    max-width: 590px;
    
}
	.navbar-custom .nav-link, .navbar-custom .btn-close-white {
    color: #ffffff !important;
    font-size: 16px;
    padding: 10px 10px !important;
    font-weight: 500;
}
	.anthony-mock {
    position: absolute;
    right: 15px;
    bottom: 0px;
}
	.phone-mock {
    position: absolute;
    left: 15px;
    bottom: 0px;
}
	.connect-live h2{    font-size: 30px;}
	 /* Tablet/Mobile: Ensure text is centered */
            .hero-content-area {
                padding-top: 32px; /* was: 2rem */
                text-align: center;
            }
            .hero-title, .hero-text {
                margin-left: auto;
                margin-right: auto;
            }
    .cta-button {
        justify-content: center;
        margin: 0 auto 22px 0px;
    }
    .stats-bar-container {
        position: static;
        transform: none;
        width: 100%;
        margin: 0px auto 0 auto;
        border: 1px solid #3b3b3b !important;
        padding: 24px;
        max-width: 100%;
        background-color: #25252580;
    }
	.profile-image-container {
    position: static;
    bottom: 0;
    right: 0;
    width: 359px;
    z-index: 1;
}
	.sales-hero-bg {    padding-top: 140px;
			padding-bottom: 0px;
			min-height: auto;
		}
		#alphaGearCarousel .owl-nav {
   
    display: none !important;
}
ul.navbar-nav.ms-auto li span {
        display: inline-block;
        padding-left: 5px;
    }
	.dropdown-menu {
    background: #1d2024;
    border: 1px solid #373737;
}
.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
}
ul.navbar-nav.ms-auto li:last-child {
    padding-left: 5px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
	.alpha-affiliates.top-priv {
    padding-bottom: 0px;
}
/*	.list-unstyled-custom li {
    margin-bottom: 10px;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
}*/
	.alpha-affiliates.top-priv ul li:before {
    color: #fff;
}
	.alpha-affiliates.top-priv ul li {
    color: #fff;
}
	.alpha-affiliates.top-priv h2 {
    background: transparent;
    color: #fff;
    -webkit-text-fill-color: #fff;
}
	h2.gradient-text-two.top-spccc {
    padding-top: 100px;
}
	.car-sales-spc h2 {
    color: #fff !important;
}
	.car-sales-spc p {
    color: #fff !important;
}
	.car-sales-spc h1 {-webkit-text-fill-color: #ffffff !important;
    background: transparent !important;
}

ul.navbar-nav.ms-auto li:last-child {
    padding-left: 5px;
}
	.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 15px;
}
	.dropdown-menu {
    background: #1d2024;
    border: 1px solid #373737;
}
ul.navbar-nav.ms-auto li span {
        display: inline-block;
        padding-left: 5px;
    }
	section.alpha-gears {
    padding: 40px 0px;
    position: relative;
    overflow: hidden;
    background: url(images/grey-bg-2.jpg);
    background-size: cover;
    background-position: center;
    width: 100%;
}
	img.wolf-icon {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 100%;
}
	#alphaGearCarousel .owl-nav {
   
    display: none !important;
}
	.stats-bar-container {
    display: none;
}
	section.alpha-gears h2 {
    font-size: 35px;
}
	section.center-mode-books h2 {
    font-weight: 400;
    margin-bottom: 30px;
    font-size: 40px;}
	a.cta-button img {
    position: absolute;
    right: -30px;
    top: -40px;
}
	.cta-button {
    background-image: linear-gradient(to right, #0F1833 0%, #2D4899 100%);
    color: #ffffff;
    font-size: 20px;}
	.connect-live p {
    font-weight: 400;
    font-size: 15px;}
	.navbar-brand img {
    max-width: 150px;
    height: auto;
}
	nav.navbar.navbar-expand-lg.navbar-dark.navbar-custom {
    padding: 0px 0px;
}
	section.social-connect {
    padding-top: 520px;
    position: relative;
}
	.phone-mock {
    position: absolute;
    left: 10px;
    bottom: 0px;
}
.anthony-mock{right:10px;}
	.phone-mock img {
    max-width: 90px;
}
.anthony-mock img {
    max-width: 110px;
}
	.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #1d284c !important;
}
	section.testimonial-area h2 {
    font-weight: 400;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-size: 35px;}
	.alpha-affiliates {
    padding-bottom: 50px;
}
	.gradient-text-two{    font-size: 35px;}
    a.btn.btn-alpha.mt-3 {

        font-size: 14px;
    }
/*	section.community .alpha-affiliates.aff ul.list-unstyled.list-unstyled-custom li {
    color: #fff;
}
	section.community .alpha-affiliates.aff ul.list-unstyled.list-unstyled-custom li::before {
    content: "\f058";
    font-weight: 900;
    color: #ffffff;
    margin-right: 10px;
    display: inline-block;
    width: 1.2em;
    text-align: center;
}*/
	section.community.camping {
         background-image: url(https://anthonymazzone.com/wp-content/uploads/2026/01/Group-72.jpg) !important;
    padding: 40px 0px;
    background-size: cover !important;
    background-position: center center;
    width: 100%;
    margin-bottom: -1px;
}
	.community .alpha-affiliates.aff h2{
    color: #000;
}
    section.community {
        background: #FFF;
        background: linear-gradient(180deg, rgba(255, 255, 255, 1) 50%, rgba(242, 242, 242, 1) 50%);
        background: url(https://anthonymazzone.com/wp-content/uploads/2026/01/Group-60.jpg) !important;
        background-size: cover !important;
    }
    section.alpha-solar {
        background: url(https://anthonymazzone.com/wp-content/uploads/2026/01/Mobile-Website-asset-background-2.png) !important;
        background-size: cover !important;
    }
    
    .alpha-solar h2{
        color: white !important;
    }
	section.alpha-solar {
    position: relative;
    background: url(images/grey-bg-3.jpg);
    background-size: cover;
    width: 100%;
    background-position: center;
    padding: 50px 0px;
}
	img.sun-right {
    display: none;
    position: absolute;
    right: 0px;
    top: 20%;
    max-width: 150px;
}
    img.wolf-left {
        display: none;
        position: absolute;
        left: 0px;
        top: 25%;
        max-width: 90px;
    }
	.alpha-solar .gradient-button {
    background-color: #0F1833;
    background-image: linear-gradient(to right, #0F1833, #2D4899);
    color: #fff;
    border: none;
    font-size: 15px;
    padding: 14px 20px 12px;
    transition: opacity 0.3s ease;
    border-radius: 10px;
    font-family: "Rabbid Highway Sign II";
}
	.alpha-solar .body-text {
  
    font-size: 16px;
    line-height: normal;
    text-align: center;
    color: #0f1833;
}
	.alpha-solar .sun-icon, .flag-icon {
    font-size: 20px;
    vertical-align: middle;
}
	.alpha-solar .main-text {
    font-size: 17px;
    font-weight: 700;
    color: #0F1833;
    max-width: 811px;
    margin: 0 auto 30px;
    line-height: 32px;
}
	.alpha-solar .sub-heading {
    font-size: 17px;
    margin-bottom: 15px;
    color: #000;
    margin-top: 4px;
}
.alpha-solar-heading{    font-size: 36px;}
.connect-live h2 {
        font-size: 25px;
    }
	.alpha-social-links {
    display: flex;
    justify-content: space-evenly;
    max-width: 210px;
    margin: 30px auto 0px;
}
.connect-live {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0px;
    right: 0px;
    top: -470px;
    bottom: auto;
    padding: 0px 15px;
    width: 100%;
}
.alpha-social-links.btm {
    max-width: 170px;
}
	.alpha-social-links a {
    text-decoration: none;
    color: #f2f1c6;
    font-size: 18px;
}
	#book-slider {
    height: auto;
}
.display-not{
    display: none;
}
	.car-sales-spc {
    padding-top: 190px;
}
    .car-sales-spc a{
        display: block;
        margin: 9px auto 68px auto !important;
        text-align: center;
        width: fit-content; 
    }
section#anthony-participation {
       background: url(https://anthonymazzone.com/wp-content/uploads/2026/01/Group-155.png) !important;
   background-size: cover !important;
        background-position: center;
    }
	p.mb-5 {
    margin-bottom: 20px !important;
}
	.anthony-participation {
    padding: 50px 0;
    background-color: #fff;
}
	.display-5 {
    font-size: 25px;
    line-height: 23px;
}
	a.btn.btn-gradient.text-uppercase {
    margin-bottom: 30px;
}

	.anthony-participation .gradient-heading {
    
    font-size: 40px;
}
	section.anthony-courses {
    position: relative;
    padding: 50px 0px 60px;
    background: url(images/course-bg.jpg);
    background-size: cover;
    width: 100%;
    background-position: center;
}
	.col-md-4.mob-non {
    display: none;
}
	a.primary-btn {
    font-weight: 400;
    font-size: 16px;
    color: #ffffff;
    font-family: "Anton", sans-serif;
    background-image: linear-gradient(to left, #d5d6d6, #3f4557, #0e162e);
    color: #fff;
    padding: 6px 10px;
    z-index: 2;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -18px;
    max-width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 0px auto 0px;
}
	.anthony-mid {
    position: absolute;
    bottom: -100px;
    display: none;
}
	.gradient-heading {
    font-size: 35px;
}
	.profile-section {
    position: relative;
    padding-top: 60px;}
	.hero-text {
    color: #fff;
    font-size: 15px;}
	button.navbar-toggler {
    position: absolute;
    right: 15px;
    border: 0px;
    padding: 0px;
}
	.stats-bar-container {
    position: static;
    bottom: 0;
    right: 0;
    left: auto;
    transform: none;
    max-width: 630px;
    width: calc(100% - 0px);
    background-color: #252525;
    border: 1px solid #ffffff;
    border-bottom: none;
    border-radius: 8px 8px 0 0;
    padding: 24px 32px;
    z-index: 30;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.5);
}
	.mt-5.mb-5.d-flex.align-items-center.justify-content-lg-start.justify-content-center {
    justify-content: start !important;
}
    .sales-hero-bg {
        background-position: center center !important;
        color: #ffffff;
        overflow: hidden;
        padding-top: 130px;
        background: url('Assets/images/mob-bg.jpg');
    }
	.title-para-btn {
    position: static;
    top: 10px;
    right: 0px;
}
		 /* --- 2. IMAGE STYLING (Controls flow on mobile, absolute on desktop) --- */
        .hero-image-layout {
            /* Mobile/Default styles (Static flow: appears after text in HTML) */
            position: static; 
            height: auto; 
                  max-width: 240px; /* Constrain size on mobile */
            width: 100%;
            margin: 0px auto 0px; /* was: 2rem auto */
            display: block; 

            z-index: 10; 
            pointer-events: none; 
            object-fit: cover;
            /* Changed object-position from top to center for better general framing of the new image */
            object-position: center; 
            opacity: 0.95;
            border-radius: 8px; /* was: 0.5rem */
        }
        
            /* Mobile: Stack stats for better readability */
            .stats-bar-container .row {
                flex-direction: column;
            }
            .stat-item {
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                padding: 16px 0; /* was: 1rem 0 */
            }
            .stat-item:last-child {
                border-bottom: none;
            }
			.profile-image {
    width: 100%;
    height: auto;
    display: none;
}
.icon-box.position-relative {
    padding-left: 110px;
    text-align: left;
}
.col-lg-7.profile-text-content {
    padding-bottom: 30px;
}
    .profile-image-container {
        position: relative;
        width: 100%;
        margin-top: 0px;
        order: 2;
        padding-top: 0;
    }
        .profile-text-content {
          order: 1; /* Place text before image on mobile */
        }
        .profile-section {
            padding-bottom: 30px; /* Adjust padding for mobile */
        }
}