/* Fonts */:root{--font-default: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji"; --font-primary: var(--font-default); --font-secondary: var(--font-default);}/* Colors *//*76AF10, 62C25F, 465466, 172851, 132848, 66A67A*/:root{--color-default: #5A5A5A; /* 微調更耐看 */ --color-primary: #B33939; /* 主色-紅棗 */ --color-primary-hover: #9E9E9E; /* 輔色-灰 */ /* 藍色 */ --color-blue: #426898; /* 主藍 */ --color-skyblue: #296DE9; /* 天空藍 */ --color-deepblue: #465466; /* 輔助藍 */ --color-navy: #2E4573; /* 海軍藍 */ /* 綠色 */ --color-green: #58A06A; /* 黃色 */ --color-yellow: #FEB756; --color-dark: #1F1F1F;}/* Smooth scroll behavior */:root{scroll-behavior: smooth;}/*--------------------------------------------------------------# General--------------------------------------------------------------*/body{font-family: var(--font-default); color: var(--color-default);}a{color: #406aff; text-decoration: none;}a:hover{color: var(--color-primary); text-decoration: none;}h1,h2,h3,h4,h5,h6{font-family: var(--font-primary);}/*--------------------------------------------------------------# Sections & Section Header--------------------------------------------------------------*/section{padding: 40px 0 80px 0; overflow: hidden;}.section-header{text-align: center; padding: 30px 0; position: relative;}.section-header h2{font-size: 32px; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; padding-bottom: 0; color: #172851; /*172851 0F172B*/ position: relative; z-index: 2; margin-bottom: 20px; padding-bottom: 20px; position: relative;}.section-header h2:after{content: ""; position: absolute; display: block; width: 50px; height: 3px; background: var(--color-primary); left: 0; right: 0; bottom: 0; margin: auto;}.section-header span{position: absolute; top: 46px; color: rgba(14, 29, 52, 0.06); left: 0; right: 0; z-index: 1; font-weight: 700; font-size: 56px; text-transform: uppercase; line-height: 0;}.section-header p{margin-bottom: 0; position: relative; z-index: 2;}.applyBtn,.applyBtn:focus{background: var(--color-primary); padding: 8px 20px; border-radius: 4px; color: #fff; font-size: 0.5em; transition: 0.3s;}.applyBtn:hover,.applyBtn:focus:hover{color: #fff; background: var(--color-primary-hover);}@media (max-width: 640px){.section-header h2{font-size: 28px; margin-bottom: 15px;} .section-header span{font-size: 38px;}}/*--------------------------------------------------------------# Breadcrumbs--------------------------------------------------------------*/.breadcrumbs .page-header{padding: 140px 0 80px 0; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}.breadcrumbs .page-header:before{content: ""; background-color: rgba(31, 31, 31, 0.8); position: absolute; inset: 0;}.breadcrumbs .page-header h2{font-size: 56px; font-weight: 500; color: #fff; font-family: var(--font-secondary);}.breadcrumbs .page-header p{color: rgba(255, 255, 255, 0.8);}.breadcrumbs nav{background-color: #EFF4F9; padding: 10px 0;}.breadcrumbs nav ol{display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; font-size: 16px; font-weight: 400;}.breadcrumbs nav ol a{color: var(--color-primary); transition: 0.3s;}.breadcrumbs nav ol a:hover{text-decoration: underline;}.breadcrumbs nav ol li+li{padding-left: 10px;}.breadcrumbs nav ol li+li::before{display: inline-block; padding-right: 10px; color: var(--color-green); content: "›";}@media (max-width: 640px){.breadcrumbs nav{padding: 2px 0;}}/*--------------------------------------------------------------# Scroll top button--------------------------------------------------------------*/.scroll-top{width: 3rem; height: 3rem; border-radius: 50%; background: var(--color-primary); opacity: 0.8 !important; position: fixed; right: 0; transition: all 0.4s; z-index: 99999; visibility: hidden; bottom: 2rem;}.scroll-top iconify-icon{color: #FFF; line-height: 0; font-size:1.6rem;}.scroll-top:hover{background: var(--color-primary-hover);}.scroll-top.active{visibility: visible; opacity: 1;}/*--------------------------------------------------------------# Preloader--------------------------------------------------------------*/#preloader{position: fixed; inset: 0; z-index: 9999; overflow: hidden; background: #fff; transition: all 0.6s ease-out; width: 100%; height: 100vh;}#preloader:before,#preloader:after{content: ""; position: absolute; border: 4px solid var(--color-primary); border-radius: 50%; animation: animate-preloader 2s cubic-bezier(0, 0.2, 0.8, 1) infinite;}#preloader:after{animation-delay: -0.5s;}@keyframes animate-preloader{0%{width: 10px; height: 10px; top: calc(50% - 5px); left: calc(50% - 5px); opacity: 1;} 100%{width: 72px; height: 72px; top: calc(50% - 36px); left: calc(50% - 36px); opacity: 0;}}/*--------------------------------------------------------------# Disable aos animation delay on mobile devices--------------------------------------------------------------*/@media screen and (max-width: 768px){[data-aos-delay]{transition-delay: 0 !important;}}/*--------------------------------------------------------------# Header--------------------------------------------------------------*/.header{transition: all 0.5s; z-index: 997; padding: 30px 0;}.header.sticked{/*background: rgba(14, 29, 52, 0.9);*/ background: rgba(38, 38, 38, 0.9); padding: 15px 0; box-shadow: 0px 2px 20px rgba(14, 29, 52, 0.1);}.header .logo img{max-height: 40px; margin-right: 6px;}.header .logo .logo-text{font-size: 30px; margin: 0; font-weight: 700; color: #fff; font-family: var(--font-primary); line-height: 1;}.header .logo .logo-text .badge{font-size: .8rem; vertical-align: middle;}/*--------------------------------------------------------------# Desktop Navigation--------------------------------------------------------------*/@media (min-width: 1280px){.navbar{padding: 0;} .navbar ul{margin: 0; padding: 0; display: flex; list-style: none; align-items: center;} .navbar li{position: relative;} .navbar a, .navbar a:focus{display: flex; align-items: center; justify-content: space-between; padding: 10px 0 10px 30px; font-family: var(--font-primary); font-size: 16px; font-weight: 400; color: rgba(255, 255, 255, 0.6); white-space: nowrap; transition: 0.3s;} .navbar a i, .navbar a:focus i{font-size: 12px; line-height: 0; margin-left: 5px;} .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a{color: #fff;} .navbar .get-a-quote, .navbar .get-a-quote:focus{background: var(--color-primary); padding: 8px 20px; margin-left: 30px; border-radius: 4px; color: #fff;} .navbar .get-a-quote:hover, .navbar .get-a-quote:focus:hover{color: #fff; background: var(--color-primary-hover);} .navbar .dropdown ul{display: block; position: absolute; left: 14px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: 4px;} .navbar .dropdown ul li{min-width: 200px;} .navbar .dropdown ul a{padding: 10px 20px; font-size: 15px; text-transform: none; font-weight: 400; color: var(--color-blue);} .navbar .dropdown ul a i{font-size: 12px;} .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover>a{color: var(--color-primary);} .navbar .dropdown:hover>ul{opacity: 1; top: 100%; visibility: visible;} .navbar .dropdown .dropdown ul{top: 0; left: calc(100% - 30px); visibility: hidden;} .navbar .dropdown .dropdown:hover>ul{opacity: 1; top: 0; left: 100%; visibility: visible;}}@media (min-width: 1280px) and (max-width: 1366px){.navbar .dropdown .dropdown ul{left: -90%;} .navbar .dropdown .dropdown:hover>ul{left: -100%;}}@media (min-width: 1280px){.mobile-nav-show, .mobile-nav-hide{display: none;}}/*--------------------------------------------------------------# Mobile Navigation--------------------------------------------------------------*/@media (max-width: 1279px){.navbar{position: fixed; top: 0; right: -100%; width: 100%; max-width: 400px; bottom: 0; transition: 0.3s; z-index: 9997;} .navbar ul{list-style: none; position: absolute; /*inset: 0;*/ right: 0; top: 0; bottom: 0; width: 50%; padding: 50px 0 10px 0; margin: 0; background: rgba(28, 28, 28, 0.8); overflow-y: auto; transition: 0.3s; z-index: 9998;} .navbar a, .navbar a:focus{display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; font-family: var(--font-primary); font-size: 16px; font-weight: 500; color: rgba(255, 255, 255, 0.7); white-space: nowrap; transition: 0.3s;} .navbar a i, .navbar a:focus i{font-size: 12px; line-height: 0; margin-left: 5px;} .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover>a{color: #fff;} .navbar a:focus{color: #B33939 !important;} .navbar .get-a-quote, .navbar .get-a-quote:focus{background: var(--color-primary); padding: 8px 20px; border-radius: 4px; margin: 15px; color: #fff;} .navbar .get-a-quote:hover, .navbar .get-a-quote:focus:hover{color: #fff; background: rgba(0, 0, 0, 0.8);} .navbar .dropdown ul, .navbar .dropdown .dropdown ul{position: static; display: none; padding: 10px 0; margin: 10px 20px; transition: all 0.5s ease-in-out; border: 1px solid #19335c;} .navbar .dropdown>.dropdown-active, .navbar .dropdown .dropdown>.dropdown-active{display: block;} .mobile-nav-show{color: #fff; font-size: 28px; cursor: pointer; line-height: 0; transition: 0.5s; z-index: 9999; margin-right: 10px;} .mobile-nav-hide{color: #fff; font-size: 32px; cursor: pointer; line-height: 0; transition: 0.5s; position: fixed; right: 20px; /*top: 20px;*/ z-index: 9999;} .mobile-nav-active{overflow: hidden;} .mobile-nav-active .navbar{right: 0;} .mobile-nav-active .navbar:before{content: ""; position: fixed; inset: 0; background: rgba(200, 200, 200, 0.6); z-index: 9996;}}/*--------------------------------------------------------------# Featured Services Section--------------------------------------------------------------*/.featured-services .service-item{position: relative; height: 100%; margin-bottom: 20px;}.featured-services .service-item .icon{margin-right: 20px;}.featured-services .service-item .icon i{color: var(--color-blue); font-size: 48px; transition: 0.3s;}.featured-services .service-item .title{font-weight: 700; margin-bottom: 10px; font-size: 20px; color: var(--color-deepblue); transition: 0.3s;}.featured-services .service-item .description{font-size: 1em; color: var(--color-default); margin-bottom: 10px;}.featured-services .service-item .readmore{display: flex; align-items: center; color: var(--color-blue); transition: 0.3s; font-weight: 700; font-size: 14px;}.featured-services .service-item .readmore i{margin-left: 8px;}/*.featured-services .service-item:hover .title,.featured-services .service-item:hover .readmore,.featured-services .service-item:hover .icon,.featured-services .service-item:hover .icon i,.featured-services .service-item:hover .description{color: var(--color-primary);}*//*--------------------------------------------------------------# About Us Section--------------------------------------------------------------*/.about .content h3{font-weight: 700; font-size: 32px; font-family: var(--font-secondary); color: #0F172B;}.about .content ul{list-style: none; padding: 0;}.about .content ul li{display: flex; align-items: flex-start; margin-top: 40px;}.about .content ul i{flex-shrink: 0; font-size: 48px; color: var(--color-primary); margin-right: 20px; line-height: 0;}.about .content ul h5{font-size: 18px; font-weight: 700; color: #19335c;}.about .content ul p{font-size: 15px;}.about .content p:last-child{margin-bottom: 0;}.about .play-btn{width: 94px; height: 94px; background: radial-gradient(var(--color-primary) 50%, rgba(13, 66, 255, 0.4) 52%); border-radius: 50%; display: block; position: absolute; left: calc(50% - 47px); top: calc(50% - 47px); overflow: hidden;}.about .play-btn:before{content: ""; position: absolute; width: 120px; height: 120px; animation-delay: 0s; animation: pulsate-btn 2s; animation-direction: forwards; animation-iteration-count: infinite; animation-timing-function: steps; opacity: 1; border-radius: 50%; border: 5px solid rgba(13, 66, 255, 0.7); top: -15%; left: -15%; background: rgba(198, 16, 0, 0);}.about .play-btn:after{content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 100; transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);}.about .play-btn:hover:before{content: ""; position: absolute; left: 50%; top: 50%; transform: translateX(-40%) translateY(-50%); width: 0; height: 0; border: none; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; z-index: 200; animation: none; border-radius: 0;}.about .play-btn:hover:after{border-left: 15px solid var(--color-primary); transform: scale(20);}@keyframes pulsate-btn{0%{transform: scale(0.6, 0.6); opacity: 1;} 100%{transform: scale(1, 1); opacity: 0;}}/*--------------------------------------------------------------# Services Section--------------------------------------------------------------*/.services .card{border: 1px solid rgba(14, 29, 52, 0.15); background: #fff; position: relative; border-radius: 0; height: 100%;}.services .card .card-img{overflow: hidden; margin-bottom: 15px; border-radius: 0;}.services .card .card-img img{transition: 0.3s ease-in-out;}.services .card h3{font-weight: 700; font-size: 18px; margin-bottom: 5px; padding: 10px 30px; text-transform: uppercase;}.services .card a{color: var(--font-secondary); transition: 0.3;}.services .card a:hover{color: var(--color-primary);}.services .card p{padding: 0 30px; margin-bottom: 30px; color: var(--color-blue); font-size: 15px;}.services .card:hover .card-img img{transform: scale(1.1);}/*--------------------------------------------------------------# Call To Action Section--------------------------------------------------------------*/.call-to-action{/*linear-gradient(rgba(48, 52, 62, 0.6), rgba(48, 52, 62, 0.8)), */ background: url("../images/cta-bg.webp") center center; background-size: cover; padding: 50px 0; /*100px*/}@media (min-width: 1365px){.call-to-action{background-attachment: fixed;}}.call-to-action h3{color: #fff; font-size: 28px; font-weight: 700;}.call-to-action p{color: #fff;}.call-to-action .cta-btn{font-family: var(--font-primary); font-weight: 500; font-size: 16px; letter-spacing: 1px; display: inline-block; padding: 12px 40px; border-radius: 5px; transition: 0.5s; margin: 10px; border: 2px solid #fff; color: #fff;}.call-to-action .cta-btn:hover{background: var(--color-primary); border: 2px solid var(--color-primary);}/*--------------------------------------------------------------# Features Section--------------------------------------------------------------*/.features{padding-top: 80px;}.features .features-item+.features-item{margin-top: 100px;}@media (max-width: 640px){.features .features-item+.features-item{margin-top: 40px;}}.features .features-item h3{font-weight: 600; font-size: 26px; color: var(--font-secondary);}.features .features-item ul{list-style: none; padding: 0;}.features .features-item ul li{padding-bottom: 10px;}.features .features-item ul li:last-child{padding-bottom: 0;}.features .features-item ul i{font-size: 20px; padding-right: 4px; color: var(--color-primary);}.features .features-item p:last-child{margin-bottom: 0;}/*--------------------------------------------------------------# Pricing Section--------------------------------------------------------------*/.pricing .pricing-item{padding: 60px 40px; box-shadow: 0 3px 20px -2px rgba(108, 117, 125, 0.15); background: #fff; height: 100%; border-top: 4px solid #fff; border-radius: 5px;}.pricing h3{font-weight: 600; margin-bottom: 15px; font-size: 20px; color: var(--color-blue);}.pricing h4{font-size: 15px; /* font-size: 48px; color: var(--color-primary); font-weight: bold; font-family: var(--font-primary); margin-bottom: 25px; */}span.salePrice{font-size: 1em; color: var(--color-primary); font-weight: bold; font-family: var(--font-primary);}.pricing span.salePrice{font-size: 2em; color: var(--color-primary); font-weight: bold; font-family: var(--font-primary);}.pricing ul{padding: 20px 0; list-style: none; color: #6c757d; text-align: left; line-height: 20px;}.pricing ul li{padding: 10px 0; display: flex; align-items: center;}.pricing ul i{color: #059652; font-size: 24px; padding-right: 3px;}.pricing ul .na{color: rgba(108, 117, 125, 0.5);}.pricing ul .na i{color: rgba(108, 117, 125, 0.5);}.pricing ul .na span{text-decoration: line-through;}.pricing .buy-btn{display: inline-block; padding: 12px 35px; border-radius: 4px; color: var(--color-primary); transition: none; font-size: 16px; font-weight: 500; font-family: var(--font-primary); transition: 0.3s; border: 1px solid var(--color-primary);}.pricing .buy-btn:hover{background: var(--color-primary); color: #fff;}.pricing .featured{border-top-color: var(--color-primary);}.pricing .featured .buy-btn{background: var(--color-primary); color: #fff;}@media (max-width: 992px){.pricing .box{max-width: 60%; margin: 0 auto 30px auto;}}@media (max-width: 767px){.pricing .box{max-width: 80%; margin: 0 auto 30px auto;}}@media (max-width: 420px){.pricing .box{max-width: 100%; margin: 0 auto 30px auto;}}/*--------------------------------------------------------------# Frequently Asked Questions Section--------------------------------------------------------------*/.faq{/*padding-top: 80px;*/}.faq .accordion-item{border: 0; margin-bottom: 10px;}.faq .accordion-collapse{border: 0;}.faq .accordion-button{padding: 15px 30px 20px 60px; font-weight: 600; border: 0; font-size: 18px; color: var(--color-default); text-align: left; background: rgba(14, 29, 52, 0.03); border-radius: 5px;}.faq .accordion-button:focus{box-shadow: none;}.faq .accordion-button:not(.collapsed){color: var(--color-primary); border-bottom: 0; box-shadow: none;}.faq .question-icon{position: absolute; top: 14px; left: 25px; font-size: 20px; color: var(--color-primary);}.faq .accordion-button:after{position: absolute; right: 15px; top: 15px;}.faq .accordion-body{padding: 0 30px 25px 60px; border: 0; background: rgba(14, 29, 52, 0.03); border-radius: 5px;}/*--------------------------------------------------------------# Testimonials Section--------------------------------------------------------------*/.testimonials{padding: 80px 0; background-position: center center; background-size: cover; position: relative;}.testimonials::before{content: ""; position: absolute; inset: 0; background: rgba(14, 29, 52, 0.7);}.testimonials .section-header{margin-bottom: 40px;}.testimonials .testimonials-carousel,.testimonials .testimonials-slider{overflow: hidden;}.testimonials .testimonial-item{text-align: center; color: #fff;}.testimonials .testimonial-item .testimonial-img{width: 100px; border-radius: 50%; border: 6px solid rgba(255, 255, 255, 0.15); margin: 0 auto;}.testimonials .testimonial-item h3{font-size: 20px; font-weight: bold; margin: 10px 0 5px 0; color: #fff;}.testimonials .testimonial-item h4{font-size: 14px; color: rgba(255, 255, 255, 0.6); margin: 0 0 15px 0;}.testimonials .testimonial-item .stars{margin-bottom: 15px;}.testimonials .testimonial-item .stars i{color: #ffc107; margin: 0 1px;}.testimonials .testimonial-item .quote-icon-left,.testimonials .testimonial-item .quote-icon-right{color: rgba(255, 255, 255, 0.6); font-size: 26px; line-height: 0;}.testimonials .testimonial-item .quote-icon-left{display: inline-block; left: -5px; position: relative;}.testimonials .testimonial-item .quote-icon-right{display: inline-block; right: -5px; position: relative; top: 10px; transform: scale(-1, -1);}.testimonials .testimonial-item p{font-style: italic; margin: 0 auto 15px auto;}.testimonials .swiper-pagination{margin-top: 20px; position: relative;}.testimonials .swiper-pagination .swiper-pagination-bullet{width: 12px; height: 12px; background-color: rgba(255, 255, 255, 0.4); opacity: 0.5;}.testimonials .swiper-pagination .swiper-pagination-bullet-active{background-color: #fff; opacity: 1;}@media (min-width: 992px){.testimonials .testimonial-item p{width: 80%;}}/*--------------------------------------------------------------# Stats Counter Section--------------------------------------------------------------*/.stats-counter .stats-item{padding: 30px; width: 100%;}.stats-counter .stats-item span{font-size: 48px; display: block; color: var(--color-blue); font-weight: 700; margin-bottom: 20px; padding-bottom: 20px; position: relative;}.stats-counter .stats-item span:after{content: ""; position: absolute; display: block; width: 25px; height: 3px; background: var(--color-primary); left: 0; right: 0; bottom: 0; margin: auto;}.stats-counter .stats-item p{padding: 0; margin: 0; font-family: var(--font-primary); font-size: 15px; font-weight: 500; color: var(--color-blue);}/*--------------------------------------------------------------# Our Team Section--------------------------------------------------------------*/.team .member{text-align: center; margin-bottom: 20px; background: #fff; border: 1px solid rgba(14, 29, 52, 0.15);}.team .member img{margin: -1px -1px 30px -1px;}.team .member .member-content{padding: 0 20px 30px 20px;}.team .member h4{font-weight: 700; margin-bottom: 2px; font-size: 18px;}.team .member span{font-style: italic; display: block; font-size: 13px; color: #6c757d;}.team .member p{padding-top: 10px; font-size: 14px; font-style: italic; color: #6c757d;}.team .member .social{margin-top: 15px;}.team .member .social a{color: rgba(14, 29, 52, 0.5); transition: 0.3s;}.team .member .social a:hover{color: var(--color-primary);}.team .member .social i{font-size: 18px; margin: 0 2px;}/*--------------------------------------------------------------# Horizontal Pricing Section--------------------------------------------------------------*/.horizontal-pricing .pricing-item{box-shadow: 0 3px 20px -2px rgba(108, 117, 125, 0.15); /*padding-bottom: 30px;*/ background: #fff; height: 100%; position: relative;}.horizontal-pricing h3{font-weight: 700; margin-bottom: 0; font-size: 24px; color: var(--color-blue);}.horizontal-pricing h4{font-size: 48px; color: var(--color-primary); font-weight: 400; font-family: var(--font-primary); margin-bottom: 25px; text-align: center;}.horizontal-pricing h4 sup{font-size: 28px;}.horizontal-pricing h4 span{color: rgba(108, 117, 125, 0.8); font-size: 18px;}.horizontal-pricing ul{list-style: disc; list-style-position: outside; padding: 0; padding-left: 2rem; text-align: left; line-height: 2em;}.horizontal-pricing ul li{display: list-item;}.horizontal-pricing ul i{color: #059652; font-size: 24px; padding-right: 3px;}.horizontal-pricing ul .na{color: rgba(108, 117, 125, 0.5);}.horizontal-pricing ul .na i{color: rgba(108, 117, 125, 0.5);}.horizontal-pricing ul .na span{text-decoration: line-through;}.horizontal-pricing .buy-btn{display: inline-block; padding: 12px 40px; border-radius: 4px; color: #fff; background-color: var(--color-primary); border: 2px solid var(--color-primary); transition: none; font-size: 16px; font-weight: 500; transition: 0.3s; font-family: var(--font-primary);}.horizontal-pricing .buy-btn:hover{background: var(--color-primary-hover); border-color: var(--color-primary-hover);}.horizontal-pricing .featured{background: var(--color-primary);}.horizontal-pricing .featured h3,.horizontal-pricing .featured h4,.horizontal-pricing .featured h4 span,.horizontal-pricing .featured ul,.horizontal-pricing .featured ul .na,.horizontal-pricing .featured ul i,.horizontal-pricing .featured ul .na i{color: #fff;}.horizontal-pricing .featured .buy-btn{background: var(--color-primary); color: #fff; border-color: #fff;}.horizontal-pricing .featured .buy-btn:hover{background: #fff; color: var(--color-primary);}/*--------------------------------------------------------------# Get a Quote Section--------------------------------------------------------------*/.get-a-quote .quote-bg{min-height: 500px; background-size: cover; background-position: center;}.get-a-quote .php-email-form{background: #f3f6fc; padding: 40px; height: 100%;}@media (max-width: 575px){.get-a-quote .php-email-form{padding: 20px;}}.get-a-quote .php-email-form h3{font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}.get-a-quote .php-email-form h4{font-weight: 700; text-transform: uppercase; letter-spacing: 1px; margin: 20px 0 0 0;}.get-a-quote .php-email-form p{margin-bottom: 20px;}.get-a-quote .php-email-form .error-message{display: none; color: #fff; background: #df1529; text-align: left; padding: 15px; margin-bottom: 24px; font-weight: 600;}.get-a-quote .php-email-form .sent-message{display: none; color: #fff; background: #059652; text-align: center; padding: 15px; margin-bottom: 24px; font-weight: 600;}.get-a-quote .php-email-form .loading{display: none; background: #fff; text-align: center; padding: 15px; margin-bottom: 24px;}.get-a-quote .php-email-form .loading:before{content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #059652; border-top-color: #fff; animation: animate-loading 1s linear infinite;}.get-a-quote .php-email-form input,.get-a-quote .php-email-form select,.get-a-quote .php-email-form textarea{border-radius: 0; box-shadow: none; font-size: 14px; border-radius: 0;}.get-a-quote .php-email-form input:focus,.get-a-quote .php-email-form textarea:focus{border-color: var(--color-primary);}.get-a-quote .php-email-form input,.get-a-quote .php-email-form select{padding: 12px 15px;}.get-a-quote .php-email-form textarea{padding: 12px 15px;}.get-a-quote .php-email-form button[type=submit]{background: var(--color-primary); border: 0; padding: 10px 30px; color: #fff; transition: 0.4s; border-radius: 4px;}.get-a-quote .php-email-form button[type=submit]:hover{background: #20242A;}@keyframes animate-loading{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}/*--------------------------------------------------------------# Contact Section--------------------------------------------------------------*/.contact .info-item+.info-item{margin-top: 40px;}.contact .info-item i{font-size: 20px; background: var(--color-primary); color: #fff; width: 44px; height: 44px; display: flex; justify-content: center; align-items: center; border-radius: 4px; transition: all 0.3s ease-in-out; margin-right: 15px;}.contact .info-item h4{padding: 0; font-size: 20px; font-weight: 600; margin-bottom: 5px; color: var(--color-blue);}.contact .info-item p{padding: 0; margin-bottom: 0; font-size: 14px; color: rgba(14, 29, 52, 0.8);}.contact .php-email-form{width: 100%; background: #fff;}.contact .php-email-form .form-group{padding-bottom: 8px;}.contact .php-email-form .error-message{display: none; color: #fff; background: #df1529; text-align: left; padding: 15px; font-weight: 600;}.contact .php-email-form .error-message br+br{margin-top: 25px;}.contact .php-email-form .sent-message{display: none; color: #fff; background: #059652; text-align: center; padding: 15px; font-weight: 600;}.contact .php-email-form .loading{display: none; background: #fff; text-align: center; padding: 15px;}.contact .php-email-form .loading:before{content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #059652; border-top-color: #fff; animation: animate-loading 1s linear infinite;}.contact .php-email-form input,.contact .php-email-form textarea{border-radius: 4px; box-shadow: none; font-size: 14px;}.contact .php-email-form input,.contact .php-email-form select{height: 44px;}.contact .php-email-form textarea{padding: 10px 12px;}.contact .php-email-form button[type=submit]{background: var(--color-primary); border: 0; padding: 10px 35px; color: #fff; transition: 0.4s; border-radius: 5px;}.contact .php-email-form button[type=submit]:hover{background: rgba(90, 90, 90, 0.8);}@keyframes animate-loading{0%{transform: rotate(0deg);} 100%{transform: rotate(360deg);}}/*--------------------------------------------------------------# Service Details Section--------------------------------------------------------------*/.service-details .services-list{padding: 10px 30px; border: 1px solid #d3dff3; margin-bottom: 20px;}.service-details .services-list a{display: block; line-height: 1; padding: 8px 0 8px 15px; border-left: 3px solid #c2cbdf; margin: 20px 0; color: var(--color-blue); transition: 0.3s;}.service-details .services-list a.active{font-weight: 700; border-color: var(--color-primary);}.service-details .services-list a:hover{border-color: var(--color-primary);}.service-details .services-img{margin-bottom: 20px;}.service-details h3{font-size: 28px; font-weight: 700; color: var(--color-blue);}.service-details h4{font-size: 20px; font-weight: 700; color: var(--color-blue);}.service-details p{font-size: 15px;}.service-details ul{list-style: none; padding: 0; font-size: 15px;}.service-details ul li{padding: 5px 0; display: flex; align-items: center;}.service-details ul i{font-size: 20px; margin-right: 8px; color: var(--color-primary);}/*--------------------------------------------------------------# Hero Section--------------------------------------------------------------*/.hero{width: 100%; min-height: 25vh; background-color: #262626; /*#282828 var(--color-blue)*/ background-size: cover; background-position: center; position: relative; padding: 120px 0 36px 0; color: rgba(255, 255, 255, 0.8);}.hero h1,.hero h2{margin-bottom: 20px; padding: 0; font-size: 1.8rem; font-weight: 500; color: #FFF;}@media (max-width: 575px){.hero h1, .hero h2{font-size: 30px;}}.hero p{font-size: 18px; font-weight: 400; margin-bottom: 10px !important;}.hero form{background: #fff; padding: 10px; border-radius: 10px;}.hero form .form-control{padding-top: 18px; padding-bottom: 18px; padding-left: 20px; padding-right: 20px; border: none; margin-right: 10px; border: none !important; background: none !important;}.hero form .form-control:hover,.hero form .form-control:focus{outline: none; box-shadow: none;}.hero form .btn-primary{background-color: var(--color-primary); padding: 15px 30px; border-color: #FEA116;}.hero form .btn-primary:hover{background-color: var(--color-primary-hover);}.hero .stats-item{padding: 30px; width: 100%;}.hero .stats-item span{font-size: 32px; display: block; font-weight: 700; margin-bottom: 15px; padding-bottom: 15px; position: relative;}.hero .stats-item span:after{content: ""; position: absolute; display: block; width: 20px; height: 3px; background: var(--color-primary); left: 0; right: 0; bottom: 0; margin: auto;}.hero .stats-item p{padding: 0; margin: 0; font-family: var(--font-primary); font-size: 15px; font-weight: 600;}/*--------------------------------------------------------------# Footer--------------------------------------------------------------*/.footer{font-size: 14px; background-color: var(--color-dark); padding: 20px 0; /*50px 0*/ color: white;}.footer .footer-info{text-align: left;}.footer .footer-links{text-align: right;}@media (max-width: 767px){.footer .footer-info, .footer .footer-links{text-align: center;}}.footer .footer-links a{color: #fff;}.footer .footer-links a:hover{text-decoration: underline;}.footer .footer-info .logo{line-height: 0; margin-bottom: 25px;}.footer .footer-info .logo img{max-height: 40px; margin-right: 6px;}.footer .footer-info .logo span{font-size: 30px; font-weight: 700; letter-spacing: 1px; color: #fff; font-family: var(--font-primary);}.footer .footer-info p{font-size: 14px; font-family: var(--font-primary);}.footer .social-links a{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.2); font-size: 16px; color: rgba(255, 255, 255, 0.7); margin-right: 10px; transition: 0.3s;}.footer .social-links a:hover{color: #fff; border-color: #fff;}.footer h4{font-size: 16px; font-weight: bold; position: relative; padding-bottom: 12px;}.footer .footer-links{margin-bottom: 30px;}.footer .footer-links ul{list-style: none; padding: 0; margin: 0;}.footer .footer-links ul i{padding-right: 2px; color: rgba(13, 66, 255, 0.8); font-size: 12px; line-height: 0;}.footer .footer-links ul li{padding: 10px 0; display: flex; align-items: center;}.footer .footer-links ul li:first-child{padding-top: 0;}.footer .footer-links ul a{color: rgba(255, 255, 255, 0.6); transition: 0.3s; display: inline-block; line-height: 1;}.footer .footer-links ul a:hover{color: #fff;}.footer .footer-contact p{line-height: 26px;}.footer .copyright{text-align: center;}.footer .credits{padding-top: 4px; text-align: center; font-size: 13px;}.footer .credits a{color: #fff;}