/*********************************** Start Of Common Css ***********************************/
body{font-family:"Poppins",sans-serif;font-size:16px;color:#1b1b1b;line-height:1.5;padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6{font-family:"Poppins",sans-serif;color:#1b1b1b;font-weight:700;margin:0px;padding:0px;}
h1{font-size:60px;line-height:1.1;}
h2{font-size:50px;line-height:1.1;}
h3{font-size:40px;line-height:1.1;}
h4{font-size:30px;line-height:1.1;}
h5{font-size:20px;line-height:1.1;}
h6{font-size:18px;line-height:1.1;}
p{font-family:"Poppins",sans-serif;font-size:16px;color:#1b1b1b;line-height:1.5;margin:0px;}
p+p{margin:20px 0px 0px 0px;}
ul,ol{list-style-type:none;margin:0px;padding:0px;}
img{max-width:100%;height:auto;outline:none;}
a{color:#1b1b1b;text-decoration:none;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
a:active,a:hover,a:focus{outline:none;text-decoration:none;color:#cca143;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
:focus{outline:none;}
input,select,textarea{font-size:16px;color:#3a0043;width:100%;height:65px;background:#ffffff;padding:0px 15px;border:1px solid #e7e7e7;border-radius:5px 60px 60px 5px;}
textarea{padding:15px;height:100px;}
input[type="checkbox"],input[type="radio"]{width:20px;height:20px;}
::-webkit-input-placeholder{color:#1b1b1b;}
::-moz-placeholder{color:#1b1b1b;}
::-ms-input-placeholder{color:#1b1b1b;}
::-moz-placeholder{color:#1b1b1b;}

/*********************************** End Of Common Css ***********************************/

/*********************************** Start Of Common Class Css ***********************************/
.page-content{overflow:hidden;}
.container-sub{padding:0% 10%;}
.container-full{padding:0% 5%;}
.container-swiper{width:100%;}
.extra-small{font-size:14px;}
.small-size{font-size:16px;}
.medium-size{font-size:18px;}
.large-size{font-size:20px;}
.extra-large-size{font-size:22px;}
.extra-extra-large-size{font-size:25px;}
.sub-title{font-size:18px;font-weight:normal;letter-spacing:2px;margin-bottom:15px;}
.title-box{padding-bottom:30px;}
.title-info{font-size:18px;margin-top:15px;}
.title-xxl{font-size:80px;}
.title-xl{font-size:70px;}
.title-lg{font-size:60px;}
.title-md{font-size:50px;}
.title-sm{font-size:40px;}
.title-xs{font-size:30px;}
.title-separator{position:relative;}
.title-favicon:before{content:"";background:url(../images/Title-Favicon.png);background-repeat:no-repeat;background-position:center center;background-size:contain;width:90px;height:90px;display:block;margin:15px auto 0px auto;}
.title-separator:before{content:"";background:url(../images/Title-Separator-Before.png);background-repeat:no-repeat;background-position:center center;background-size:contain;width:15%;height:10px;display:inline-block;vertical-align:middle;margin-right:15px;}
.title-separator:after{content:"";background:url(../images/Title-Separator-After.png);background-repeat:no-repeat;background-position:center center;background-size:contain;width:15%;height:10px;display:inline-block;vertical-align:middle;margin-left:15px;}
.title-separator-white:after{filter:brightness(0) invert(1);}
.title-separator-white:before{filter:brightness(0) invert(1);}
.grey-color{color:#cfccce;}
.grey-bg{background:#cfccce;}
.dark-color{color:#1b1b1b;}
.dark-bg{background:#1b1b1b;}
.white-color{color:#ffffff;}
.white-bg{background:#ffffff;}
.black-color{color:#000000;}
.black-bg{background:#000000;}
.primary-color{color:#cca143;}
.primary-bg{background:#cca143;}
.secondary-color{color:#C0C0C0;}
.secondary-bg{background:#C0C0C0;}
.light-bg{background:#f7f7f7;}
.button{font-family:"Poppins",sans-serif;font-weight:500;text-transform:uppercase;text-align:center;padding:15px 40px;border:none;outline:none;display:inline-block;vertical-align:middle;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.button-border{border:1px solid;}
.button-outline{border:5px solid;outline:1px solid #d0bf00;}
.button-radius{border-radius:5px 60px 60px 5px;}
.button:active,.button:hover,.button:focus{background:#C0C0C0;color:#ffffff;border-color:#C0C0C0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.link{border-bottom:1px solid;}
.border-primary-color{border-color:#cca143;}
.border-secondary-color{border-color:#d0bf00;}
.border-black-color{border-color:#000000;}
.empty-space{padding:100px 0px;}
.empty-space-top{padding-top:100px;}
.empty-space-bottom{padding-bottom:100px;}
.slider-row{margin-left:-15px;margin-right:-15px;}
.slider-col{padding:0px 15px;}
.border-radius{border-radius:5px 60px 60px 5px;}
.list-box li{font-weight:500;margin:10px 0px;position:relative;padding-left:30px;}
.list-box li:before{content:"\F280";font-family:'bootstrap-icons';color:#cca143;vertical-align:middle;position:absolute;left:0px;top:0px;}

/*********************************** End Of Common Class Css ***********************************/

/*********************************** Start Of Preloader Loader Css ***********************************/
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000;z-index:9999;display:flex;justify-content:center;align-items:center;}
#status{background:url(../images/Preloader.png);background-repeat:no-repeat;background-position:center center;background-size:contain;width:150px;height:150px;animation:fadeIn 1s infinite alternate;}
@keyframes fadeIn{
	from{opacity:0;}
}

/*********************************** End Of Preloader Loader Css ***********************************/

/*********************************** Start Of Back To Top Css ***********************************/
.back-to-top a{font-size:14px;color:#ffffff;text-align:center;cursor:pointer;width:40px;height:40px;line-height:36px;background:#cca143;border:2px solid #ffffff;position:fixed;bottom:20px;right:20px;display:none;}
.back-to-top a:hover{background:#C0C0C0;color:#ffffff;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}

/*********************************** End Of Back To Top Css ***********************************/

/*********************************** Start Of Bounce Top Bottom Css ***********************************/
.bounce{-moz-animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;}
@keyframes bounce{
	0%,20%,50%,80%,100%{transform:translateY(0);}
	40%{transform:translateY(-10px);}
	60%{transform:translateY(-10px);}
}

/*********************************** End Of Bounce Top Bottom Css ***********************************/

/*********************************** Start Of Fixed Header Smooth Animation Css ***********************************/
.fixed-header{position:fixed;left:0px;right:0px;top:0px;z-index:111;box-shadow:0px 0px 20px rgb(0 0 0 / 25%);background:#1b1b1b!important;animation:smoothScroll 1s forwards;}
@keyframes smoothScroll{
	0%{transform:translateY(-40px);}
	100%{transform:translateY(0px);}
}

/*********************************** End Of Fixed Header Smooth Animation Css ***********************************/

/*********************************** Start Of Slick Slides Css ***********************************/
.slick-arrow{font-size:0px;background:none;border:none;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%);z-index:1;margin:0px;padding:0px;}
.slick-arrow:before{font-family:'bootstrap-icons';font-size:50px;color:#ffffff;}
.slick-prev:before{content:"\F284";}
.slick-next:before{content:"\F285";}
.slick-next{right:100px;}
.slick-prev{left:100px;}
.slick-dots{text-align:center;}
.slick-dots li{display:inline-block;vertical-align:middle;margin:0px 5px;}
.slick-dots li button{width:12px;height:12px;font-size:0px;background:#373737;border:none;border-radius:100%;margin:0px;padding:0px;display:block;}
.slick-dots li.slick-active button{background:#cca143;}

/*********************************** End Of Slick Slides Css ***********************************/

/*********************************** Start Of Mobile Toggle Menu Css ***********************************/
.toggle-button{text-align:right;}
.toggle{border:none;background:none;margin-top:10px;padding:0px;}
.toggle span{display:block;width:30px;height:2px;background:#cca143;margin:5px 0px;-webkit-transition:all .2s ease-in-out;}
.toggle-open .toggle span:nth-child(1){transform:translateY(9px) translateX(0) rotate(45deg);-webkit-transform:translateY(9px) translateX(0) rotate(45deg);-moz-transform:translateY(9px) translateX(0) rotate(45deg);-webkit-transition:all .2s ease-in-out;}
.toggle-open .toggle span:nth-child(2){opacity:0;-webkit-transition:all .2s ease-in-out;}
.toggle-open .toggle span:nth-child(3){transform:translateY(-5px) translateX(0) rotate(-43deg);-webkit-transform:translateY(-5px) translateX(0) rotate(-43deg);-moz-transform:translateY(-5px) translateX(0) rotate(-43deg);-webkit-transition:all .2s ease-in-out;}
.toggle-menu{display:block;position:fixed;left:-100%;top:0;bottom:0;width:80%;height:100vh;background:#1b1b1b;padding:15px;z-index:999;overflow:auto;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;}
.toggle-open .toggle-menu{left:0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.toggle-menu ul li{display:block;width:100%;opacity:0;transform:scale(1.15) translateY(-30px);transition:transform .5s cubic-bezier(.4,.01,.165,.99) 0s,opacity .6s cubic-bezier(.4,.01,.165,.99) 0s,-webkit-transform .5s cubic-bezier(.4,.01,.165,.99);}
.toggle-menu ul li a{padding:14px 0px 10px 0px;margin:0px;border-top:1px solid #5a5a5a;}
.toggle-menu ul li:first-child a{border-top:none;}
.toggle-menu ul li:last-child a{border-bottom:none;}
.toggle-open .toggle-menu ul li{opacity:1;transform:scale(1) translateY(0px);-webkit-transform:scale(1) translateY(0px);}
.toggle-open .toggle-menu ul li:nth-child(1){transition-delay:0s;}
.toggle-open .toggle-menu ul li:nth-child(2){transition-delay:0.1s;}
.toggle-open .toggle-menu ul li:nth-child(3){transition-delay:0.2s;}
.toggle-open .toggle-menu ul li:nth-child(4){transition-delay:0.3s;}
.toggle-open .toggle-menu ul li:nth-child(5){transition-delay:0.4s;}
.toggle-open .toggle-menu ul li:nth-child(6){transition-delay:0.5s;}
.toggle-open .toggle-menu ul li:nth-child(7){transition-delay:0.6s;}
.toggle-menu li .toggle-link{color:#ffffff;font-size:12px;text-align:center;line-height:20px;position:absolute;right:0px;top:15px;width:20px;height:20px;background:#2579ed;}
.toggle-menu ul li .sub-menu{height:0;display:none;visibility:hidden;opacity:0;transform:translateY(0px);position:static;width:100%;}
.toggle-menu ul li:hover .sub-menu{height:0;display:none;visibility:hidden;opacity:0;}
.toggle-menu ul li .sub-menu.active{height:auto;display:block;visibility:visible;opacity:1;}

/*********************************** End Of Mobile Toggle Menu Css ***********************************/

/********************************* Start Of Header Css***************************************/

.header{position:fixed;left:0px;right:0px;top:0px;background:rgb(0 0 0 / 67%);z-index:1;padding:15px 0px;}
.logo img{min-width:130px;}
.header-menu ul li{display:inline-block;vertical-align:middle;}
.header-menu ul li a{color:#ffffff;text-transform:uppercase;letter-spacing:1px;display:block;padding:10px 5px;}
.header-menu ul li a:after{content:"";width:0%;height:2px;background:#cca143;display:block;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.header-menu ul li a:hover:after{width:100%;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.header-menu ul li a:hover{color:#cca143;}
.header-right{display:flex;align-items:center;justify-content:end;}
.header-button{padding-left:20px;}

/********************************* End Of Header Css***************************************/

/********************************* Start Of Home Pages Css***************************************/


.hero-box{position:relative;}
.hero-info{background:#ffffff;padding:30px;border-radius:15px;position:absolute;left:15px;right:15px;bottom:15px;max-width:900px;margin:0px auto;text-align:center;}
.hero-image img{width:100%;height:100vh;object-fit:cover;object-position:center center;}
.about-box{background:#ffffff;box-shadow:0 1rem 3rem rgba(0,0,0,.175);padding:30px;border-radius:5px 60px 60px 5px;text-align:center;}
.about-box-image img{width:60px;height:60px;object-fit:contain;}
.about-box-info{padding-top:15px;}
.about-box:hover{background:#cca143;}
.about-box:hover *{color:#ffffff;}
.about-box:hover .about-box-image img{filter:brightness(0) invert(1);}
.call-to-action-bg{padding-top:50px;}
.subscribe-form-box .button{position:absolute;right:0px;top:0px;bottom:0px;}
.subscribe-form-box{position:relative;}
.accordion-box{margin-bottom:15px;}
.accordion-title a{color:#ffffff;font-weight:600;position:relative;display:flex;align-items:center;justify-content:space-between;padding:20px 20px 20px 20px;background:#cca143;border:1px solid #b8b8b8;border-radius:5px 60px 60px 5px;}
.accordion-title a:after{content:"\F282";font-family:bootstrap-icons;color:#ffffff;}
.accordion-title .collapsed{color:#000000;background:#ffffff;}
.accordion-title .collapsed:after{color:#cca143;}
.accordion-info{padding:15px 0px;}
.pricing-plan-box{background:#f7f7f7;box-shadow:0 1rem 3rem rgba(0,0,0,.175);border:1px solid #cbcbcb;padding:30px;border-radius:5px 60px 60px 5px;}
.pricing-plan-box h2{margin:15px 0px;}
.pricing-plan-box:hover{background:#cca143;}
.pricing-plan-box:hover *{color:#ffffff;}
.pricing-plan-box:hover .list-box li:before{color:#ffffff;}
.pricing-plan-box:hover .button{color:#cca143;background:#ffffff;}

/********************************* End Of Home Pages Css***************************************/

/********************************* Start Of Footer Css***************************************/


.footer{background:#1b1b1b;}
.footer-top{border-bottom:1px solid #2b2b2b;}
.footer-col{border-right:1px solid #2b2b2b;}
.footer-box{padding:50px 0px;}
.footer-title{font-size:25px;color:#ffffff;text-transform:uppercase;margin-bottom:15px;}
.footer-logo img{max-width:250px;margin:0px auto;display:block;}
.footer-social-media{text-align:center;padding-top:30px;}
.footer-map a{color:#ffffff;}
.footer-map a:hover{color:#cca143;}
.footer-map iframe{margin-top:20px;}
.footer-contact ul li{padding-left:30px;margin-bottom:25px;position:relative;}
.footer-contact ul li a i{font-size:22px;color:#cca143;position:absolute;left:0px;top:-5px;}
.footer-contact ul li a{color:#ffffff;}
.footer-contact ul li a span strong{color:#C0C0C0;display:block;}
.footer-contact ul li a:hover{color:#cca143;}
.footer-menu ul li + li{margin-top:10px;}
.footer-menu ul li a{color:#ffffff;text-transform:uppercase;}
.footer-menu ul li a:hover{color:#cca143;}
.footer-menu ul li a:before{content:"";background:#cca143;width:10px;height:10px;display:inline-block;vertical-align:5px;margin-right:15px;border-radius:100%;}
.copyright-info{text-align:center;padding:15px 0px;}

/********************************* End Of Footer Css***************************************/
/* Hero Buttons Styling */
.hero-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 20px;
}

.hero-buttons .button {
    margin: 0 \!important;
}

/* YouTube Tutorial Section Styling */
.tutorial-box {
    background: #ffffff;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175);
    border-radius: 5px 60px 60px 5px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.tutorial-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 1.5rem 4rem rgba(0,0,0,.2);
}

.tutorial-video {
    position: relative;
    overflow: hidden;
    border-radius: 5px 60px 0 0;
}

.tutorial-info {
    background: #f7f7f7;
}

.tutorial-box:hover .tutorial-info {
    background: #cca143;
}

.tutorial-box:hover .tutorial-info * {
    color: #ffffff \!important;
}