@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

*{ text-decoration: none !important; list-style: none;}
body{ font-family: Manrope; background: #fff; overflow-x: hidden;}


/*
@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Manrope";
	src: url("../fonts/Manrope-Bold.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
*/
.section-fluid{ float: left; width: 100%;}
.pd-small{ padding: 30px 0;}
.pd-medium{ padding: 60px 0;}
.pd-large{ padding: 100px 0;}
.title-div{ display:inline-block; width:100%; margin-bottom:80px; position:relative;}
.title-div h1, .title-div h2{ color:#111; font-weight:600; margin-top:5px;}
.title-div.large h1, .title-div.large h2{ font-size:60px;}
.title-div.medium h1, .title-div.medium h2{ font-size:36px;}
.title-div.small h1, .title-div.small h2{ font-size:30px;}
.title-div.center{ text-align:center;}
.title-div small{ font-size:18px; text-transform:uppercase; color:#adabc1; letter-spacing:5px; font-weight:500;}
.title-div.bold h1, .title-div.bold h2{ font-weight:700;}
.title-div h1 span, .title-div h2 span{ color:#665aff;}
.title-div.light h1, .title-div.light h2{ color: #fff;}
header{ position:relative;}
.navbar{ padding:0.6rem 0; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s; border-top: solid 2px #f7931e; background: none !important;}
.navbar-brand{ max-width:140px; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;} 
.navbar-brand img{ width:100%;} 
.navbar-nav .nav-item{ margin-left:10px;}
.navbar-nav .nav-item .nav-link{ padding:14px; font-size:0.9rem; font-weight:400; color:#130f49; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;}
.navbar-nav .nav-item .nav-link:hover, .navbar-nav .nav-item .nav-link:focus, .navbar-nav .nav-item .nav-link:active{ color:#f7931e;}
nav{ border: none; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;}
.shrink{ padding-top: 10px !important; padding-bottom: 10px !important;  background:rgba(255,255,255,.98); box-shadow:0 10px 15px -8px rgba(0,0,0,.05);}
.navbar-nav .nav-item .nav-link.nav-button{ padding:16px 35px !important; background:#2d3748; color:#fff; border-radius:50px; -webkit-border-radius:50px; position:relative; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s;}
.navbar-nav .active .nav-link{ color:#f7931e !important;}
.navbar-nav .active .nav-link{ color:#f7931e !important;}
header .me-auto{ margin-left:auto !important; margin-right: 0 !important;}
.navbar .btn-primary{ background:#f7931e; color:#111 !important; border-radius:10px; padding-left:25px !important; padding-right:25px !important; box-shadow:none; transition: all 300ms cubic-bezier(0.215,0.61,0.355,1) 0s; font-weight: 600 !important;}
.navbar .btn-primary:hover{ background:#f7931e;}
#navbar_top{ transition:all 0.4s ease-out;}
.fixed-top{ position:fixed; top:-50px; right:0; left:0; z-index:1030;}
.fixed-top{ transform:translateY(50px); transition:transform .2s; padding:0.2rem 0; box-shadow:0 6px 15px -5px rgba(0,0,0,.08); background: #fff !important; border: none;}
.nav-link.btn-outline-primary{ border: solid 1px #ccc; padding: 13px 24px !important; border-radius: 10px; font-weight: 600 !important;}

.dropdown-menu{ position: absolute; transition: all 0.2s ease-out; opacity: 0; top: 55px; display: block; visibility: hidden; margin-top: 10px; border: none; box-shadow: 0 0px 15px -1px rgba(0,0,0,.1);}
.dropdown:hover .dropdown-menu{ opacity: 1; visibility: visible; margin-top: 0;}
.dropdown:hover .dropdown-toggle{ color: #f7931e;}
.dropdown-toggle:after{ transition: all 0.18s ease-out;}
.dropdown:hover .dropdown-toggle:after{ transform: rotate(-180deg);}
.dropdown-menu::before{ position: absolute; content: ''; border-bottom: solid 11px #f2f2f2; border-left: solid 11px transparent; border-right: solid 11px transparent; top: -11px; left: 39px;}
.dropdown-menu::after{ position: absolute; content: ''; border-bottom: solid 10px #fff; border-left: solid 10px transparent; border-right: solid 10px transparent; top: -10px; left: 40px;}
.dropdown-item{ padding: 8px 20px; font-size: 0.9rem; transition: all 0.1s ease-out;}
.dropdown-item:hover{ background: #f7931e; color: #fff;}
/*--- header css end ---*/

.banner-section{ float: left; width: 100%; padding: 5rem 0 1.5rem;}
.banner-section .caption h3, .banner-section .caption h1, .banner-section .caption h2, .banner-section .caption .bnr-heading{ font-size: 2rem; font-weight: 700 !important; display: inline; line-height: 38px;}
.banner-section .caption h3 span, .banner-section .caption h1 span, .banner-section .caption h2 span, .banner-section .caption .bnr-heading span{ color: #f7931e;}
.sm-heading{ font-size: 2.1rem !important;}
.banner-section .caption small{ font-size: 1.1rem; color: #5b5b5b; padding-top: 15px; display: inline-block; width: 100%; padding-top: 10px;}
.banner-section .caption .badge.text-bg-warning{ background: rgba(247,147,30,.1) !important; color: #f7931e !important;}
.bnr-highlights{ padding-top: 30px; max-width: 480px;}
.bnr-highlights .text-muted{ position: relative; margin-bottom: 25px; min-height: 65px;}
.bnr-highlights p{ padding-left: 85px; font-size: 1.1rem; line-height: 1.7rem !important; padding-top: 5px;}
.bnr-highlights .bd-placeholder-img{ position: absolute; width: 65px; height: 65px; margin: auto 0; background: #fff; border-radius: 100% !important; left: 0; top: 0; bottom: 0; text-align: center; box-shadow: 0 2px 12px -2px rgba(0,0,0,.2); transition: all .2s ease-in;}
.bnr-highlights .bd-placeholder-img svg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.bnr-highlights p a{ color: #000; font-weight: 700; border-bottom: solid 2px #f7931e;}
.bnr-highlights:after{ width: 260px; height: 400px; position: absolute; content: ''; background: url(../images/banner-graphics.webp) no-repeat center center; background-size: 100%; right: -250px; bottom: -50px; display: none;}
.banner-section .bg-body{ background: none !important;}
.mb20{ margin-bottom: 20px !important;}
/*--- Banner css end ---*/

.price-calculator{ max-width: 520px; right: 15px; position: absolute; padding: 30px; background: #fff; box-shadow: 0 5px 10px -2px rgba(0,0,0,.1); border-radius: 15px; border: solid 1px #ee8000;}
.price-calculator .col-md-12{ margin-bottom: 10px !important;}
.price-calculator .form-select, .price-calculator .form-control{ padding: 10px 20px; font-size: 0.85rem; border-color: #e2e2e2; height: 45px;}
.price-calculator .input-group .input-group-text{ border-radius: .375rem 0 0 .375rem; border-color: #e2e2e2; background: #f8f8f8;}
.price-calculator .form-select:focus, .price-calculator .form-control:focus{ box-shadow: 0 0px 10px 1px rgba(247,147,30,.2);}
.price-calculator .btn-primary{ width: 100%; padding: 14px; text-align: center; background: #f7931e; border: none; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}
.price-calculator h3{ font-size: 1.5rem; margin-bottom: 0; font-weight: 800;}
.discount-price{ border: solid 1px #222; border-radius: .375rem; box-shadow: 0 3px 10px -2px rgba(0,0,0,.1); display: flex; height: 45px;}
.discount-price .p-2{ padding: 9px 20px !important;}
.price-wrap{ position: relative; font-weight: 800;}
.discount-price span{ font-size: 14px;}
.discount-price.total{ overflow: hidden;}
.discount-price.total .price-wrap:after{ display: none !important;}
.discount-price.total .price-wrap:before{ border-right: solid 25px #4a4955;}
.discount-price.total .price-wrap{ background: #4a4955; color: #fff;}
.price-calculator small{ position: relative; padding-left: 135px; padding-top: 15px; display: inline-block; width: 100%; margin-bottom: 30px;}
.price-calculator small:before{ position: absolute; content: ''; background: url(../images/offer.svg) no-repeat left center; background-size: 100%; left: -58px; top: 0; width: 200px; height: 50px;}
.price-calculator small strong{ color: #f7931e;}
.p-relative{ position: relative !important;}

/*.price-calculator:after{ position: absolute; content: ''; left: 20px; right: 20px; bottom: -40px; height: 20px; background: rgba(247,147,30,.2) !important; border-radius: 15px;}*/
/*--- Price Calculator css end ---*/

.counters{ float: left; width: 100%; color: #323547; padding: 40px 20px;}
.counters .container{ display: grid; grid-template-columns: repeat(3, 1fr);	grid-gap: 30px;	text-align: left;}
.counters i{ color: lightskyblue; margin-bottom: 5px;}
.counters .counter{ font-size: 45px; letter-spacing: 2px; font-weight: 300;}
@media (max-width: 700px) {.counters .container { grid-template-columns: repeat(2, 1fr);}
	.counters .container > div:nth-of-type(1),
	.counters .container > div:nth-of-type(2) {
		padding-bottom: 20px;
	}
}
.counters h3{ color: #666 !important; font-size: 18px; font-weight: 400; margin: 0;}
.count-item{ position: relative; display: inline-block; padding: 20px 20px 20px 125px; border: solid 1px #f0f0f0; border-radius: 10px; background: #fff; box-shadow: 0 4px 8px -1px rgba(0,0,0,.12); line-height: 50px;}
.counters .icon{ display: inline-block; position: absolute; left: 25px; top: 0; bottom: 0; margin: auto; width: 80px; height: 80px; background: rgba(247,147,30,.07); border-radius: 100%;}
.counters .icon svg{ position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; margin: auto; fill: #f7931e;}
/*--- Counter css end ---*/

.features-section{ background: #f7931e; padding: 70px 0;}
.features-section .card{ padding: 25px; border: none; border-radius: 15px; box-shadow: 0 5px 15px -5px rgba(0,0,0,.05); margin-bottom: 30px; min-height: 250px;}
.features-section .card .title{ margin-bottom: 20px; position: relative;}
.features-section .card .title h4{ font-size: 17px; color: #6E6D75; position: relative; padding-bottom: 15px;}
.features-section .card .title h4 strong{ font-size: 20px; color: #192d35;}
.features-section .card .title h4:after{ position: absolute; content: ''; width: 30px; border-bottom: solid 3px #f7931e; bottom: 0; left: 0;}
.features-section .card p{ color: #5a617b; margin-bottom: 0; font-size: 14px; text-align: justify;}
.features-section .card .title .icon{ width: 60px; height: 60px; background: #fff6eb; border-radius: 100%; text-align: center; position: absolute; right: 0; left: auto; top: 0; margin: auto; border: none; transition: all 0.2s ease-out; display: inline-block; margin: auto;}
.features-section .card .title .icon svg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; fill: #f7931e;}
.features-section .col-lg-6{ padding: 0 15px;}
.features-section .col-lg-6:nth-child(3) .card, .features-section .col-lg-6:nth-child(4) .card{ margin-bottom: 0 !important;}
.features-section .row{ margin: 0 -15px;}
.features-section .text-caption{ padding-top: 40px; padding-left: 30px;}
.features-section .text-caption h2, .features-section .text-caption h1, .features-section .text-caption h3{ color: #111; font-weight: 600; font-size: 36px; margin-bottom: 40px;}
.features-section .text-caption p{ font-size: 17px; line-height: 28px; color: #ffefdd; text-align: justify;}
.features-section .btn-primary{ padding: 15px 40px; background: #37393f; border: none; border-radius: 50px; margin-top: 30px; color: #fff;}
.features-section .btn-primary:hover{ background: #232429;}
.features-section .card p a{ color: #111; font-weight: 600;}
.pt0{ padding-top: 0 !important;}
/*--- Features css end ---*/

.work-process-section{ background: #37393f; padding-top: 80px; padding-bottom: 90px;}
/*--- Work Process css end ---*/

.content-section{ background: #fff;}
.content-item{ display: inline-block; width: 100%; margin-bottom: 50px;}
.content-item .text-caption{ max-width: 570px; margin-bottom: 40px;}
.content-item .text-caption h2{ font-size: 30px; font-weight: 700; color: #222; margin-bottom: 30px;}
.content-item .text-caption p{ font-size: 1rem; color: #424a5a; line-height: 26px; text-align: justify;}
.content-item .text-caption .bulletic, .i-bulletic{ margin-top: 10px; display: inline-block; padding-left: 0;}
.content-item .text-caption .bulletic li, .i-bulletic li{ padding-left: 25px; margin: 0 0 15px; background: url(../images/bullet-icon.png) no-repeat left 5px; color: #424a5a;}
.content-item .text-caption .bulletic.col-two, .i-bulletic.col-two{ column-count: 2;}
.content-item .graphics{ max-width: 564px; margin-bottom: 20px;}
.btn-primary{ background: #f7931e; padding: 15px 50px; border-radius: 60px; border: none; font-weight: 600; color: #111;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{ background: #ee8000 !important;}
.content-item .btn-primary{ margin-top: 20px;}
.content-item:last-child{ margin-bottom: 0;}

.feedback{ background: #eee; padding-top: 80px; position: relative; overflow: hidden;}
.feedback:before{ position: absolute; content: ''; width: 840px; height: 840px; background: #f2dec7; border-radius: 100%; left: -600px; top: -200px;}
.feedback:after{ position: absolute; content: ''; width: 840px; height: 840px; background: #f2dec7; border-radius: 100%; right: -600px; bottom: -200px;}
.feedback .container-fluid{ max-width: 1700px; padding: 0 30px; z-index: 1; position: relative;}
.feedback .btn-primary{ margin-top: 40px; position: relative; z-index: 999;}
.slick-dots{position: absolute;bottom: -45px;display: block;width: 100%;padding: 0;list-style: none;text-align: center;}
.slick-dots li{position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus{outline: none;}
.slick-dots li button:before{font-family: 'arial';font-size: 40px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: 0.25;color: #000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before{opacity: 1;color: #fff;transition: all 0.3s ease-out;}
.message-box{ display: inline-block; width: 100%; padding: 25px; background: #fff; border-radius: 20px; box-shadow: 0 10px 30px -3px rgba(0,0,0,.05); margin-bottom: 25px; min-height: 380px;}
.message-box:hover .user-icon{ border-color: #f7931e; }
.message-box{display:inline-block;width:100%;padding:35px;background:#fff;border-radius:20px;box-shadow:0 10px 30px -3px rgba(0,0,0,.05);}
.user-title{display:inline-block;width:100%;position:relative;margin:0 0 15px}
.user-icon{width:52px;height:52px;background:#f4f5f8;border-radius:100%;position:absolute;top:0;bottom:0;margin:auto;overflow:hidden; border: solid 2px #ccc; transition: all 0.2s ease-out;}
.user-details{position:relative;width:100%;padding-left:70px}
.user-icon img{ width: 100%;}
.user-details strong{margin:0 0 5px;color:#424958;font-weight:700;font-size:1.2rem;padding-top:8px}
.message-box blockquote{position:relative;color:#69707f;font-size:18px;line-height:36px;margin-top:10px;border:none;padding:5px}
.message-box blockquote p{margin:0;position:relative; z-index:1; font-size:1rem; color:#69707f; font-weight:400; line-height: 28px;}
.message-box .date{display:inline-block;color:#babfc8;font-size:1rem;color:#aaa;margin-top:10px}
.message-box.op{ opacity: 0.5; transition: all 0.2s ease-out; position: relative; top: -30px;}
.message-box.op:hover{ opacity: 1;}
.pd-top-50{ padding-top: 50px;}
.bot-content .content-item{ margin-bottom: 0;}
.bot-content .content-item h2{ font-size: 1.3rem; position: relative; padding-bottom: 20px;}
.bot-content .content-item h2:after{ position: absolute; content: ''; width: 60px; bottom: 0; left: 0; border-bottom: solid 3px #f7931e;}
.content-item:last-child{ margin: 0;}
/*--- Feedback Section css end ---*/

.tab-section{ background: #f1f1f1;}
.iconic-title{display:inline-block;width:100%;position:relative;margin-bottom:25px}
.iconic-title .icon{position:absolute;left:0;top:0;margin:auto}
.title-text{padding-left:105px;color:#130f49}
.feature-item .iconic-title .icon{width:75px;height:75px;border-radius:15px;background:rgba(0,0,0,.3);text-align:center;transition:.2s ease-out}
.feature-item .iconic-title h5{font-size:22px;font-weight:600;margin:0}
.feature-item p{font-size:16px;line-height:32px;color:#55527c}
.feature-item:hover .icon{background:#f7931e!important}
.feature-item .iconic-title{margin-bottom:0}
.free-feature-section .box-text{height:auto;margin-top:15px;overflow-y:auto}
.free-feature-section .box-title h4{font-size:15px;color:#6e6d75}
.work-process{float:left;width:100%;padding:80px 0;background:#37393f}
.tablinks.active .icon{background:#f7931e}
.tab-section .container{ max-width: 1200px;}
.tab-section .nav-pills .nav-link{ width: 100%; text-align: left; color: #2d3748; font-weight: 600; font-size: 16px; position: relative; padding: 18px 0 18px 40px !important; transition: all 0.2s ease-out; margin-bottom: 5px; border-radius: 10px;}
.tab-section .nav-pills .nav-link h4{ font-size: 1rem; margin: 0;}
.tab-section .nav-pills .nav-link svg{ color: #fff;}
.tab-section .tab-content > .tab-pane{ padding: 50px; background: #fff url(../images/service-graphics-3.webp) no-repeat right bottom; border-radius: 15px; box-shadow: 0 6px 20px -10px rgba(0,0,0,.3);}
.tab-section .nav-pills .nav-link svg{ position: absolute; top: 0px; bottom: 0; margin: auto}
.tab-section .nav-pills .nav-link.active, .tab-section .nav-pills .show > .nav-link{ background: #16272d; color: #fff !important;}
.tab-section .nav-pills .nav-link.active svg, .tab-section .nav-pills .show > .nav-link svg{ color: #fff;}
.work-steps .title-text h4{ font-size: 1rem !important; font-weight: 600; color: #fff;}
.tab-section .tab-content > .tab-pane p{ line-height: 32px; max-width: 480px;}
.tab-section .tab-content > .tab-pane .btn-primary{ margin-top: 20px;}
.tab-section .nav-pills{ padding-right: 30px;}
.work-steps .icon{ display: flex; align-items: center !important;}
.work-steps .icon svg{ height: 36px; width: 36px; color: #f7931e; margin: auto !important; position: relative;}
.tablinks.active .icon svg{ color: #fff !important;}
.tab-section .nav-pills .nav-link:before{ position: absolute; content: ''; width: 14px; height: 14px; background: url(../images/bullet-icon.png) no-repeat center center; left: 15px; top: 0; bottom: 0; margin: auto;}
.work-steps{ padding-top: 0;}

.faq-section{ padding: 70px 0;}
.faq-section .accordion{ max-width: 100%; margin: auto;}
.faq-section .accordion-item .accordion-button{ background: none !important; box-shadow: none !important; font-weight: 700; font-size: 1.2rem; padding: 2.4rem 0; color: #111;}
.faq-section .accordion-item .accordion-button ion-icon{ margin-right: 8px; color: #bbb;}
.faq-section .accordion-item{ background: none; border: none; border-radius: 0; border-bottom: solid 1px #e2e2e2;}
.faq-section .accordion-body{ padding: 0 30px 40px 0; color: #444; font-size: 1.1rem; line-height: 1.8rem;} 
.accordion-button:not(.collapsed):after{ background: url(../images/accordian-active-icon.jpg) no-repeat; transform: rotate(0deg) !important;}
.accordion-button:not(.collapsed) ion-icon{ color: #f7931e !important;}
.faq-section .accordion-item:last-child{ border-bottom: none !important;}

footer{ float: left; width: 100%;}
.footer-top{ width: 100%; padding: 100px 0; background: #1b1d23; position: relative;}
.footer-top strong{ color: #fff; margin-bottom: 50px; font-size: 1rem; font-weight: 600 !important; display: inline-block; width: 100%; letter-spacing: 1px; text-transform: uppercase; position: relative;}
.footer-top strong:after{ position: absolute; content: ''; width: 30px; border-bottom: solid 2px #f7931e; bottom: -10px; left: 0;}
.footer-top .nav-link{ color: #ccc !important; font-size: 0.9rem; display: inline; transition: all 0.2s ease-out;}
.footer-top .nav-link:hover{ color: #f7931e !important;}
.footer-top .nav-item{ margin-bottom: 12px !important; display: inline-block; width: 100%;}
.b-enq .nav-item{ margin-bottom: 25px !important; font-size: 0.95rem;}
.b-enq .nav-item{ color: #ccc;}
.b-enq .nav-item .nav-link{ color: #f7931e !important; font-weight: 600 !important;}
.b-enq .nav-item .nav-link.wp{ color: #fff !important; font-weight: 600; position: relative; padding-left: 30px !important;}
.b-enq .nav-item .nav-link.wp svg{ position: absolute; left: 0; top: -1px; bottom: 0; margin: auto;}
.b-enq .nav-item .nav-link.sup{ position: relative; padding-left: 30px !important; color: #fff !important;}
.b-enq .nav-item .nav-link.sup svg{ position: absolute; left: 0; top: 0; bottom: 0; margin: auto;}
.bot-info{ display: inline-block; width: 100%; margin-top: 20px;}
.payment-options{ display: inline-block;}
.bot-info ul{ padding: 0; margin: 0; display: inline-block;}
.bot-info ul li{ display: inline-block; margin-right: 2px;}
.bot-info .social-icons{ display: inline-block; float: right;}
.bot-info .social-icons ul li, .bot-info .social-icons ul{ display: inline-block;}
.bot-info .social-icons ul li a{ color: #fff; width: 42px; height: 42px; position: relative; border-radius: 100%; border: solid 1px #555; display: inline-block; transition: all 0.2s ease-out;}
.bot-info .social-icons ul li a:hover{ background: #555;}
.bot-info .social-icons ul li a svg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.footer-bottom{ display: inline-block; width: 100%; padding: 20px 0; background: #242528; text-align: center; color: #999; font-size: 0.9rem;}


/*------ Blog Category Pages -------*/

.top-ctg{ padding: 0 !important; background: #f5f5f5; margin-bottom: 40px;}
.top-ctg .ctg-item{ display: flex; padding: 25px 0; align-items: center;}
.top-ctg .ctg-item .icon{ width: 50px; height: 50px; background: rgba(247,147,30,1); border-radius: 100%; position: relative;}
.top-ctg .ctg-item .icon svg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.top-ctg .ctg-item h5{ margin: 2px 0 0; font-size: 1rem; font-weight: 400;}
.top-ctg .ctg-item a{ color: #f7931e; font-weight: 700;}
.top-ctg .ctg-item:first-child{ margin-left: 0;}
.top-ctg .ctg-item:last-child{ margin-right: 0;}
.top-ctg .ctg-item .ctg-text{ padding-left: 12px;}
.blog-category .left-nav{ display: inline-block; width: 100%;}
.blog-category .left-nav ul.main-menu{ padding-left: 0;}
.blog-category .left-nav ul.main-menu li a{ font-size: 0.95rem; padding: 8px 15px; display: inline-block; width: 100%; color: #24343d; font-weight: 700; transition: all 0.2s ease-out;}
.blog-category .left-nav ul.main-menu li a:hover{ color: #f7931e; background: rgba(247,147,30,.1);}
.blog-category .left-nav h4{ font-size: 1.2rem; font-weight: 700; text-transform: uppercase; margin-bottom: 25px;}
.mr-top-40{ margin-top: 40px;}
.blog-category .left-nav ul.main-menu li a.active{ background: rgba(247,147,30,.07); color: #f7931e; font-weight: 700;}
ul.sub-menu{ margin: 3px 0;}
ul.sub-menu li a:hover{ background: none !important;}
ul.sub-menu li{ position: relative; padding-left: 8px;}
.blog-category .left-nav ul.sub-menu li a{ font-weight: normal;}
.blog-category .left-nav ul.sub-menu li:before{ position: absolute; content: ''; background: url(../images/arrow-return-right.svg) center center/100% no-repeat; left: 0; top: 12px; width: 13px; height: 13px;}
.blog-ctg-wrap{ padding-left: 30px; padding-bottom: 60px;}
.blog-ctg-wrap .title{ margin-bottom: 30px;}
.blog-ctg-wrap .title h4{ font-weight: 800; font-size: 1.8rem;}
.blog-ctg-wrap .card-body{ padding: 25px; display: inline-block;}
.blog-ctg-wrap .card{ border-color: #f2d3ae; border-radius: 15px; width: 100% !important; margin-bottom: 30px; transition: all 0.2s ease-out; overflow: hidden;}
.blog-ctg-wrap .card:hover{ box-shadow: 0 5px 10px 1px rgba(0,0,0,.1); border-color: #eee;}
.blog-ctg-wrap .card a.card-title{ font-size: 1.4rem; line-height: 28px; font-weight: 700; margin-bottom: 20px; display: inline-block; width: 100%; transition: all 0.1s ease-out;}
.blog-ctg-wrap .card a.card-title:hover{ text-decoration: underline !important;}
.blog-ctg-wrap .card .date{ float: left; margin-top: 10px; font-size: 0.85rem; color: #878787;}
.blog-ctg-wrap .card svg{ margin-right: 8px; position: relative; top: -2px; color: #f7931e;}
.blog-ctg-wrap .card .date ul{ padding: 0; margin: 0; display: inline-block;}
.blog-ctg-wrap .card .date ul li{ padding: 0 10px; border-right: solid 1px #ccc; display: inline-block;}
.blog-ctg-wrap .card .date ul li:first-child{ padding-left: 0;}
.blog-ctg-wrap .card .date ul li:last-child{ padding-right: 0; border: none;}
.blog-ctg-wrap .card p{ font-size: 1rem; color: #6a6a6a;}
.blog-ctg-wrap .card strong{ color: #333;}
.breadcrumb-item a{ color: #f7931e;}
.sticky{ position: sticky; top: 100px;}
.active > .page-link, .page-link.active, .page-link:focus{ background: rgba(247,147,30,.2); border-color: #f7931e; color: #f7931e !important; font-weight: 700;}
.page-link{ color: #444; box-shadow: none !important; font-size: 1rem; padding: 0; text-align: center; line-height: 38px; width: 40px; height: 40px; border-radius: 100% !important;}
.page-item:first-child .page-link, .page-item:last-child .page-link{ background: #eee;}
.page-link:hover{ color: #000;}
.page-item{ margin-right: 6px;}
.pagination{ margin-top: 30px;}

.contact-div{ display: inline-block; width: 45px; height: 260px; background: rgba(255,255,255,.9); position: fixed; left: 0; top: 0; bottom: 0; margin: auto; border-radius: 0 12px 12px 0; overflow: hidden; box-shadow: 0 3px 15px -3px rgba(0,0,0,.2); animation: flt 0.3s both; animation-delay: 1.5s; z-index: 999999999999;}
.contact-div .wp-icon{ width: 100%; height: 47px; text-align: center; display: inline-block; font-size: 24px; color: #fff; padding: 2px; background: #25D366; transition: all 0.2s ease-out;}
.contact-div .wp-icon:hover{ background: #128C7E;}
.wp-icon span{ display: none;}

@keyframes flt {
    0% {
    left: -45px;
}
	100% {
    left: 0;
}
}
.rqst-callback{ width: 100%; height: 100%; text-align: center; display: inline-block; transition: all 0.2s ease-out;}
.rqst-callback img{ margin: auto; width: 14px; margin-top: 15px;}
.rqst-callback:hover{ background: #ebf3f2;}

/*------  -----*/
.price-calculator{background: linear-gradient(0deg, rgba(247,147,30,0.65) 0%, rgba(247,147,30,1) 100%); box-shadow: 0 10px 15px -5px rgba(0,0,0,.45);}
.price-calculator small strong{ color: #000;}
.price-calculator .form-select, .price-calculator .form-control{ border-color: #222;}
.price-calculator .input-group .input-group-text{ border-color: #222; background: #fff;}
.discount-price{ background: #fff;}
.price-calculator .btn-primary{ background: #444 !important; border-radius: 8px; color: #fff;}
.discount-price.total .price-wrap{ background: none; color: #222;} 
.discount-price.total .price-wrap span{ font-weight:500; color: #666; font-size: 1rem; padding-right: 5px;}
.price-through {text-decoration: line-through 2px red !important;}
.lazy{ display: block;}

.price-calculator, .price-calculator .form-select, .price-calculator .form-control, .price-calculator .input-group .input-group-text, .discount-price.total, .price-calculator .btn-primary, .count-item{ border-radius: 0 !important;}
.bnr-highlights .bd-placeholder-img{ border-radius: 10px !important;}
.price-calculator .btn-primary{ background: #109655 !important; display: block; margin: auto; width: 250px; max-width: 300px;}
.pay-but, .but, .dwn-but{ color: #111 !important;}
.features-section{ background: linear-gradient(0deg, rgba(247,147,30,0.55) 0%, rgba(247,147,30,.9) 100%); }
.features-section .text-caption h2, .features-section .text-caption p{ color: #111;}
.features-section .card{ box-shadow: 0 3px 5px 1px rgba(0,0,0,.2);}

/*----------------- Knowledgebase CSS ---------------*/

.text-wrap{ max-width: 800px; margin: auto;}
.text-wrap .txt-heading{ font-size: 3rem; font-weight: 600; margin-bottom: 20px;}
.text-wrap small{ font-size: 1.1rem; color: #555;}
.small-heading{ font-size: 1.3rem; font-weight: 600; margin-bottom: 20px;}
.mt20{ margin-top: 20px;} 
.mt40{ margin-top: 40px;}
.text-wrap .bulletic{ display: inline-block; width: 100%;}
.text-wrap .bulletic li{ margin-bottom: 8px; list-style: disc !important;}
.text-wrap .bulletic.bold li{ font-weight: 500; font-size: 1.1rem;}
.Knowledgebase .bulletic{ padding-left: 15px;}
.image-box{ display: inline-block; width: 100%; margin: 40px 0; position: relative;}
.image-box:before{ position: absolute; content: ''; width: 250px; height: 181px; background: url(../images/dot-texture.png) repeat; left: -100px; top: 30px;}
.image-box:after{ position: absolute; content: ''; width: 250px; height: 181px; background: url(../images/dot-texture.png) repeat; right: -122px; bottom: 30px;}
.image-box img{ width: 100%; border-radius: 15px; box-shadow: 0 10px 15px -5px rgba(0,0,0,.5); position: relative; z-index: 1;}
.text-wrap p{ font-size: 1rem; line-height: 1.8rem; color: #444;}
.text-wrap p a, .text-wrap h2 a, .text-wrap h3 a{ color: #0090ec; font-weight: 600;}
.medium-heading{ font-size: 1.6rem; font-weight: 600; margin-bottom: 15px;}
.small-heading{ font-size: 1.1rem; font-weight: 600; margin-bottom: 15px;}
.text-wrap p strong{ color: #111;}
.no-shadow img{ box-shadow: none !important;}
.no-shadow:before, .no-shadow:after{ display: none !important;}
.scrollable{ overflow-x:scroll;}
.scrollable img{ width: 1800px; height: auto;}
.quote{ position: relative; font-size: 1.3rem; padding: 15px; margin-left: 30px; font-style: italic; padding-left: 25px; border-left: solid 2px #f7931e;}
.quote.w550{ max-width: 550px;}

.table-1{ border: solid 10px #fff; box-shadow: 0 3px 10px -3px rgba(0,0,0,.2);}
.table-1 th{ padding: 10px 20px; font-size: 18px; font-weight: bold!important; border: none !important;}
.table-1 tr{ border: none !important;}
.table-1 th:first-child{ background: #68CAB7 !important; color: #fff!important;}
.table-1 th:last-child{ background: #F66 !important; color: #fff!important;}
.table-1 td{ padding: 15px!important; border: none !important;}
.table-1 td p{ font-weight: 500!important;}
.table-1 td:first-child{ background: #F5FCF8 !important;}
.table-1 td:last-child{ background: #FEEDEF !important;}
.table-1 th:first-child, .table-1 td:first-child{ border-right: solid 3px #fff !important;}

.nw-table td, .nw-table th{ padding: 10px 15px;}
.nw-table p{ margin: 0 !important;}
.table-1{ width: 100%;}
.table-1 p{ margin: 0;}
.table-div.tesla { margin-bottom: 15px;}
.table-div.tesla table tr:first-child th{ background: #c2d69b;}
.table-div.tesla table{ border: none !important;}
.table-div.tesla th:first-child, .table-div.tesla td:first-child{ border-right: none !important;}
.table-div.tesla td{ border-bottom: solid 1px #ccc !important;}
.table-div.tesla tr:last-child td{ border: none !important;}

.table-div{ overflow: auto;}
.txt-lg{ font-size: 1.3rem !important;}
.pl-0{ padding-left: 0 !important;}
.li-mb li{ margin-bottom: 20px;}
.Knowledgebase table p{ margin: 0;}
.thcol td:first-child, .thcol tr:first-child td{ background: #eee !important;}
.table-2 table th{ background: #eee !important;}
.table-2 table tr:first-child th{ background: #e2f6bb !important;}
.table-2 table p{ font-size: 0.85rem; line-height: 21px;}
.midcol th{ background: #e2f6bb;}
.table td, .table th, .table td p, .table th p, .table td li, .table th li{ line-height: 21px !important; font-size: 0.9rem !important;}
.text-wrap p, .text-wrap ol li, .text-wrap ul li{ text-align: justify;}
table p, table ul li, table ol li{ text-align: left !important;}
.text-wrap p, .text-wrap ul li, .text-wrap ol li{ font-size: 1rem !important; color: #454545;}
.ml30{ margin-left: 0 !important; padding-left: 40px !important;}

.gross_price{ font-size: 1.2rem !important; line-height: 24px; color: #111 !important;}
.price-through{ font-size: 1rem !important; color: #777 !important;}
.net_price{ font-size: 1.2rem !important; line-height: 24px; color: #111 !important; font-weight: bold !important;}


/*----------- Contact CSS -----------*/

.contact-box{ display: block; max-width: 900px; background: #fff url(../images/contact-bg.svg) no-repeat center bottom calc(50px); border-radius: 10px; border: solid 1px #eee; margin: auto; box-shadow: 0 5px 15px -2px rgba(0,0,0,.1); position: relative;}
.mb20{ margin-bottom: 20px;}
.contact-box:before{ position: absolute; content: ''; width: 120px; height: 181px; background: url(../images/dot-texture.png) repeat; left: -105px; top: 30px;}
.contact-box:after{ position: absolute; content: ''; width: 120px; height: 181px; background: url(../images/dot-texture.png) repeat; right: -126px; bottom: 30px;}
.contact-image{ display: inline-block; width: 100%; background: #eee; border-radius: 0 0 200px 200px; overflow: hidden; margin-bottom: 20px;}
.contact-image img{ width: 100%;}
.contact-info{ text-align: center;}
.left-box{ padding-left: 20px;}
.left-box h3, .contact-notes h3{ font-size: 1.4rem; font-weight: bold; margin-bottom: 20px; position: relative;}
.left-box ul{ margin: 0; padding: 15px; border-radius: 15px; background: #f8f8f8; }
.left-box ul li{ font-size: 0.9rem; }
.left-box ul li a{ color: #222; transition: all 0.2s ease-out;}
.left-box ul li a i{ color: #f7931e; margin-right: 4px; }
.left-box ul li a:hover{ color: #111 !important;}
.contact-notes{ padding: 40px 30px;}
.contact-notes p{ font-size: 0.95rem; color: #555;}
.contact-notes a{ color: #111; font-weight: bold;}
.contact-notes blockquote{ color: #777; font-size: 0.95rem;}
.contact-notes h3{ margin-bottom: 40px;}
.contact-notes h3:after{ position: absolute; content: ''; width: 60px; border-bottom: solid 3px #f7931e; left: 0; right: 0; bottom: -20px;}


/*----------- Order CSS -----------*/

.order-box{ display: block; max-width: 900px; margin: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; background: #fff; border-radius: 10px; padding: 35px; border: solid 1px #eee;}
.cmn-fld{ padding: 11px 18px; color: #555;}
.order-box fieldset label{ margin-bottom: 7px; font-size: 0.9rem; font-weight: bold;}
.order-box fieldset label button{ border: none; padding: 0; background: none; margin-left: 5px; color: #999;}
.order-box fieldset{ margin-bottom: 25px;}
.form-control, .form-select{ border-radius: 6px; font-size: 0.85rem; box-shadow: none !important;}
.form-check-input{ width: 1.5em; height: 1.5em; margin-top: 0; margin-right: 10px; box-shadow: none !important; border: solid 1px #ccc;}
.discount-amount .right, .total-amount .right{ float: right; color: #aaa;}
.discount-amount{ background: #f9f9f9;}
.discount-amount strong{ font-weight: normal !important;}
.total-amount{ border-right: solid 3px #f7931e;}
.total-amount strong{ color: #111; font-size: 1.2rem; position: relative; top: -4px;}
.discount-amount, .total-amount{ height: 46px;}
.note{ margin-top: 10px; font-size: 0.85rem;}
.note a{ font-weight: bold !important;}
.order-box .nav-tabs .nav-link{ font-size: 0.85rem; font-weight: 600; color: #888; padding: 12px 20px;}
.order-box .nav-tabs .nav-link.active{ color: #111 !important; font-weight: 600;}
.order-box .tab-content{ border: solid 1px #eee; border-top: none; border-radius: 0 0 6px 6px; padding: 30px; margin-bottom: 15px;}
.forgotpass{ font-size: 0.85rem; margin-top: 7px; display: inline-block; text-decoration: underline !important; color: #4862A3;}
.order-box .btn{ margin-top: 15px; font-size: 0.9rem; border-radius: 10px; padding: 15px 30px; background: #0d6efd; color: #fff;}
.ph-group{ margin: 0 -2px;}
.ph-group .col-3, .ph-group .col-9{ padding: 0 2px;}
.ph-group .col-3 .form-control{ border-radius: 6px 0 0 6px;}
.ph-group .col-9 .form-control{ border-radius: 0 6px 6px 0;}
.mb40{ margin-bottom: 60px !important;}
.mt0{ margin-top: 0 !important;}
.note.mb30{ margin-bottom: 30px !important; border-bottom: solid 1px #eee; padding-bottom: 20px;}
.note.mb30 p{ color: #555;}
.title-div button{ border: none; background: none; color: #aaa;}
.order-box .icon-link{ float: right; color: #109655 !important;}
.form-check-input:checked{ background-color: #109655; border-color: #109655;}
.order-box .btn{ background: #109655 !important;}
.form-check-input:focus{ border-color: #109655;}
.form-select:focus, .form-control:focus{ border-color: #666;}
select option{ font-family: Arial, Helvetica, sans-serif !important;}
.callback{ max-width: 550px;}
.btn-block{ width: 100% !important;}
.errors ul li, .alert-danger .captcha_error{ margin: 4px 2px; color: #a94442; background-color: #f2dede; border-color: #ebccd1; display: inline-block; padding: 3px 10px; font-size: 0.85rem;}
.order-box .nav-item{ margin-right: 2px;}
.del-btn{ padding: 10px 15px !important; margin: 0 !important; background: #f2dede !important; color: #a94442 !important; border: none; border-radius: 0 6px 6px 0; font-size: 0.8rem;}
.alert-danger .captcha_error{}
.alert-danger h5{ margin: 4px 2px; color: #a94442; background-color: #f2dede; border-color: #ebccd1; display: inline-block; padding: 3px 10px; font-size: 0.85rem;}

.login-box{ max-width: 400px;}
.form-floating > .form-control, .form-floating > .form-control-plaintext, .form-floating > .form-select{ height: calc(3rem + calc(var(--bs-border-width) * 2));}
.form-floating > label{ padding: 0.8rem .75rem; font-size: 0.9rem;}
.login-box .modal-content .btn-primary{ padding: 12px 30px; font-size: 1rem; color: #fff;}
.login-box .title-div{ margin-bottom: 25px;}
.login-box .modal-content{ border: none; padding: 2rem; position: relative;}
.login-box .modal-content .title-div h2{ font-size: 1.6rem;}
.login-box .modal-content:before{ position: absolute; content: ''; width: 120px; height: 180px; background: url(../images/dot-texture.png) no-repeat center center; background-size: 100%; left: -105px; top: 30px;}
.login-box .modal-content:after{ position: absolute; content: ''; width: 120px; height: 180px; background: url(../images/dot-texture.png) no-repeat center center; background-size: 100%; right: -137px; bottom: 30px;}
.login-box .modal-body{ padding: 0 !important;}
.email-icon{ background: url(../images/email-icon.svg) no-repeat right calc(15px) center; background-size: 20px;}
.password-icon{ background: url(../images/password-icon.svg) no-repeat right calc(15px) center; background-size: 20px;}
.register fieldset{ margin-bottom: 12px;}
.register{ max-width: 500px;}
.login-box p{ font-size: 0.78rem; color: #444;}


/*----------- Content Pages CSS ----------*/

.content-pages{ background: #f8f8f8;}
.content-box{ display: block; max-width: 900px; margin: auto; box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; background: #fff; border-radius: 10px; padding: 35px; border: solid 1px #eee; position: relative; position: relative;}
.content-box:before{ position: absolute; content: ''; width: 250px; height: 300px; background: url(../images/dot-texture.png) no-repeat center center; left: -155px; top: 0; background-size: 90px;}
.content-box:after{ position: absolute; content: ''; width: 250px; height: 300px; background: url(../images/dot-texture.png) no-repeat center center; right: -180px; top: 0; background-size: 90px;}
.statichead{ font-weight: bold;}
.content-box .bulletic li p{ margin: 0;}
.inner-banner{ float: left; width: 100%; min-height: 250px; background: #eee;}

.backlinks{ width: 100%; margin-top: 30px;}
.backlinks h5{ text-align: center; font-weight: 700;}
.backlinks ul{ margin: 0; padding: 0; width: 100%; text-align: center;}
.backlinks ul li{ list-style: none; position: relative;	display: inline-block; margin: 0 1px; line-height: 50px;}
.backlinks ul li a{ font-size: 0.9rem; position: relative;	color: #555; transition: all .1s ease-in; padding: 8px 15px; border: solid 1px #eee; border-radius: 5px;}
.backlinks ul li a:before{ position: relative; content: "\F633"; margin-right: 8px; top: 3px; font-size: 1.1rem; font-family: bootstrap-icons; transition: all .2s eae-in; color: #f7931e;}
.backlinks ul li a:hover{ color: #111; border-color: #f6cfa2;}
.ref-style-table p{ margin: 0;}
.ref-style-table tr:first-child td{ background: #eee;}
.ref-style-table td{ padding: 15px; width: 33.333% !important;}
.numberic li{ counter-increment: item; list-style-position: inside !important; margin-bottom: 8px;}
.numberic > li:before{ display: inline-block; font-weight: 700;	text-align: right; content: counter(item) "."; margin-right: 10px;}

.writeforus{ padding: 3rem 0;}
.writeforus h1{ line-height: 42px;}
.writeforus h1 strong{ font-size: 3rem;}
.writeforus h1 span{ font-size: 2.4rem; font-weight: normal; color: #f7931e;}
.writeforus .icon-link{ transition: all 0.2s ease-out; font-size: 1.1rem; margin-top: 20px; position: relative; color: #111; font-weight: bold;}
.writeforus .icon-link svg{ transition: all 0.2s ease-out; position: relative; width: 28px !important; height: 28px !important; top: 1px; bottom: 0; right: -8px; margin: auto; fill: #f7931e;}
.writeforus .icon-link:hover svg{ right: -15px;}

.block-content{ float: left; width: 100%;}
.block-content .card{ border-radius: 10px; background: #f7931e; padding: 60px !important; max-width: 1050px; margin: auto; position: relative; z-index: 1;}
.block-content .card .large-heading{ font-size: 2.6rem; color: #fff; font-weight: bold; margin-bottom: 30px;}
.block-content .card p{ color: #fff;}

.guest-post-writer{ padding: 100px 0 70px; float: left; width: 100%; background: #f7f7f7; position: relative; margin-top: -90px;}
.guest-post-writer .title-div.bold h3{ font-weight: bold;}
.guest-post-writer .title-div.bold{ margin-bottom: 0;}
.guest-post-writer .card{ padding: 40px; margin-top: 30px; border-radius: 10px; box-shadow: 0 5px 15px 1px rgba(0,0,0,.05); border: none; min-height: 260px;}
.guest-post-writer .card .icon{ width: 70px; height: 70px; border-radius: 100%; background: #fff1e0;	display: block;	margin: 0 auto 25px auto; line-height: 70px; color: #f7931e; font-size: 24px;}
.guest-post-writer .card p{ color: #444;}
.contrainer-md{ max-width: 1080px;}
.alert-validation{ background: #f8d7da !important; border: solid 1px #f1aeb5 !important; border-radius: 6px !important; color: #58151c !important; padding: 12px 20px !important; font-size: 0.9rem !important;}
.bg-bright{ background: #fff1e0;}
.graphics{ display: inline-block;}
.graphics img{ width: 100%;}

.bulletic.gap li{ margin-bottom: 15px;}
.bold{ font-weight: bold !important;}
.fluid{ max-width: 100%;}
.color{ color: #f7931e; font-weight: bold !important;}
.graphics.center{ text-align: center !important; width: 100%;}
.graphics.center img{ max-width: 350px !important;}
.bt1{ border-top: solid 1px #eee;}
.accordion-body .bulletic li{ list-style: circle !important;}
.accordion-body a{ font-weight: bold; color: #0090ec !important;}
.radius{ border-radius: 10px; box-shadow: 0 5px 15px -3px rgba(0,0,0,.15); background: #fff;}
.pd30{ padding: 20px;}
.mb0{ margin-bottom: 0 !important;}
.table-div.radius.shadow tr:last-child td{ border-bottom: none !important;}
.bg-none{ background: none; box-shadow: none; border: none;}

/*-------------- My Account CSS ---------------*/

.left-nav{ display: inline-block; border-radius: 10px; background: #fff; padding: 25px;}
.user-box{ display: inline-block; width: 100%; text-align: center; border-bottom: solid 1px #eee; padding-bottom: 25px; margin-bottom: 25px;}
.left-nav .user-icon{ width: 75px; height: 75px; background: #eee; margin: 0 auto; border-radius: 100%; position: relative; border-color: #fff; box-shadow: 0 3px 10px -1px rgba(0,0,0,.1);}
.user-box h5{ margin-top: 8px; margin-bottom: 6px !important; font-size: 1.1rem; font-weight: bold; margin-bottom: 0;}
.user-box small{ color: #777;}
.wallet{ padding-top: 4px;}
.account-menu{ display: inline-block; width: 100%; padding-left: 0; margin: 0;}
.account-menu li{ display: inline-block; width: 100%; margin-bottom: 8px;}
.account-menu li a{ font-size: 0.9rem; color: #636d76; transition: all 0.2s ease-out; position: relative; padding: 6px; padding-left: 45px; display: inline-block; width: 100%;}
.account-menu li a:hover, .account-menu li.active a{ color: #0f0e16;}
.account-menu li a ion-icon{ color: #f7931e; top: 0; bottom: 0; left: 0; right: 0; position: absolute; margin: auto; font-size: 1.2rem; transition: all 0.2s ease-out;}
.account-menu li a .icon{ width: 36px; height: 36px; border-radius: 100%; background: #fff; border: solid 1px #eee; box-shadow: 0 5px 10px -3px rgba(0,0,0,.15); position: absolute; left: 0; top: 0; bottom: 0; margin: auto; text-align: center;  transition: all 0.2s ease-out;}
.account-menu li a:hover ion-icon, .account-menu li.active a ion-icon{ transform: scale(1.1); color: #fff;}
.divider{ border-bottom: solid 1px #eee;}
.account-menu li a:hover .icon, .account-menu li.active a .icon{ border-color: #f7931e; background: #f7931e; box-shadow: 0 5px 10px -2px rgba(247,147,30,.5);}
.account-menu li.active a{ font-weight: bold;}

.myaccount{ border: none; border-radius: 10px;}
.myaccount .card-body{ padding: 25px;}
.myaccount .card-body .table td, .myaccount .card-body .table th{ font-size: 0.85rem !important; padding: 12px 15px;}
.myaccount .card-body .table th{ background: #eee; padding: 15px;}
.due-amount{ background: #eee; color: #2b293d; border-radius: 6px; font-size: 0.8rem !important; height: 26px; display: inline-block; padding-left: 8px; font-weight: bold;}
.due-amount strong{ background: #198754; color: #fff; padding: 2px 10px; height: 26px; display: inline-block; margin-left: 6px; border-radius: 6px; transition: all 0.15s ease-out;}
.due-amount:hover strong{ background: #126840;}
.incomplete{ background: #edf6fd !important;}
.cancel-btn{ padding: 3px 8px; background: #fae2e9; border-radius: 6px; margin-left: 5px; color: #c55373; transition: all 0.1s ease-out;}
.cancel-btn:hover{ background: #c55373; color: #fff;}
.myaccount .card-body .table tr td:nth-child(2) a{ font-weight: 600 !important; color: #2b293d !important;}
.myaccount .table tr td span.cmplt{ color: #0090ec !important; font-weight: bold !important; margin-left: 3px;}
.myaccount .table tr td span.due{ color: #ff9a48 !important; font-weight: bold !important; margin-left: 3px;}
.myaccount .table tr td span.rev{ color: #c01e1e !important; font-weight: bold !important; margin-left: 3px;}

.myaccount .card-body .table tr:hover{ background: #f9f9f9;}
.myaccount .small-heading{ font-size: 1.4rem;}
.account-form label{ margin-bottom: 8px; font-weight: 500;}
.account-form fieldset{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px !important;}
.account-form .form-control{ padding: 12px 20px;}
.account-form .form-control::placeholder{ color: #999;}
.account-form .btn, .aditional-ins .btn{ border-radius: 8px; color: #fff; padding: 15px 30px;}
.minHeight{ min-height: 705px;}

.order-info-wrap{float:left;width:100%; margin-bottom: 10px;}
.order-info-wrap ul{display:table;height:75px;width:100%;margin:20px 0 0 0; padding: 0;}
.order-info-wrap ul li{display:table-cell;width:33.333%;text-align:left;vertical-align:middle;padding:0 5px;transition:all .2s ease-in}
.order-info-wrap ul li svg{color:#f7931e;transition:all .2s ease-in; position: relative; top: 3px;}
.order-info-wrap ul li h4{font-size:16px;margin-top:0;margin-bottom:0;font-weight:700;color:#434b50;transition:all .2s ease-in}
.order-info-wrap ul li:first-child{padding-left:0}
.order-info-wrap ul li:last-child{padding-right:0}
.order-info-wrap ul li small{color:#888;transition:all .2s ease-in}
.order-info-wrap-icon{float:left;margin-right:15px}
.ordr-wrp{padding:20px;border:solid 1px #e5e5e5;border-radius:8px;box-shadow:0 4px 8px -5px rgba(0,0,0,.1);transition:all .1s ease-in}
.ordr-wrp:hover{border-color:#f7931e}
.mt20{ margin-top: 20px !important; display: inline-block; width: 100%;}
.myaccount .card{ border-radius: 8px; border-color: #eee;}
.myaccount .card-header{ font-size: 1rem !important; border-color: #eee; padding: 12px 20px; background: #eee; font-weight: 600;}

.payment-div{ padding: 5px !important; padding-left: 5px; padding-left: 15px !important; border-radius: 8px; background: #555;	border-color: #555 !important; display: table; width: 100%;}
.pay-wrap ul{ display: inline-table; margin: 0; padding-left: 0; width: 100%;}
.pay-wrap ul li{ display: table-cell; padding: 7px 10px; vertical-align: middle; text-align: left;}
.pay-wrap ul li:last-child{ text-align: right;}
.pay-wrap ul li strong{ color: #fff; font-size: 0.9rem;}
.paydue-nav .btn{ font-size: 12px; color: #555; background: #fff; padding: 8px 16px; box-shadow: 0 2px 4px -2px rgba(0,0,0,.1);	font-weight: 500; margin-left: 5px;}
.payment-div .paynow{ background: #f7931e; border-color: #f7931e; color: #fff; font-weight: 500;}

.tableBox{ padding: 15px; float: left; width: 100%; border: solid 1px #e5e5e5 !important; font-size: 13px; background: #f9f9f9; margin-top: 5px; box-shadow: 0 4px 8px -5px rgba(0,0,0,.1);margin-top: 10px;	border-radius: 5px;}
.tableBox ul{ display: inline-table; margin: 0; padding: 0; width: 100%;}
.tableBox ul li{ display: table-cell; padding: 7px 10px; vertical-align: middle;}
.tableBox ul li:first-child{ width: 15%;}
.uploaded-file{ display: inline-block; background: #f2f2f2; border: solid 1px #ddd; border-radius: 5px; font-size: 0.75rem; transition: all 0.2s ease-out; margin: 3px 1.3px;}
.uploaded-file:hover{ background: #fff; box-shadow: 0 3px 10px -3px rgba(0,0,0,.1);}
.uploaded-file .file-link{ padding: 4px 8px; display: inline-block; position: relative; padding-left: 35px; height: 26px; font-weight: 600;}
.uploaded-file .file-link:before{ position: absolute; content: ''; background: url(../images/download.svg) no-repeat center center; background-size: 14px; height: 26px; width: 26px; left: 5px; top: 0; bottom: 0; margin: auto;}
.uploaded-file .file-link .file{ padding-right: 8px; color: #111;}
.upload-date{ padding-left: 8px; padding-right: 8px; color: #888 !important; font-weight: normal !important; border-right: solid 1px #ccc;}
.upload-time{ padding-left: 8px; color: #888 !important; font-weight: normal !important;}
.alrt.alert{ border: none; background: none; padding: 0; padding-left: 5px;}
.close{ padding-right: 6px; color: #e63b2e; transition: all 0.1s ease-out;}
.close i{ font-size: 0.95rem; position: relative; top: 1.5px;}
.close:hover{ color: #ff5a4d;}

.tab-wrap{ float: left; width: 100%; margin-top: 20px;}
.tab-wrap .tab-content > .tab-pane{ padding: 20px; border: solid 1px #eee; border-top: none; border-radius: 0 0 8px 8px;}
.tab-wrap .nav-tabs .nav-link{ font-size: 0.9rem; font-weight: 600; color: #666;}
.tab-wrap .nav-tabs .nav-item.show .nav-link, .tab-wrap .nav-tabs .nav-link.active{ color: #111; border-top-color: #f7931e !important;}
.myaccount .card.shadow{ box-shadow: 0 1px 5px -1px rgba(0,0,0,.1) !important;}
.tab-wrap .nav-tabs .nav-link{ padding: 12px 20px;}

.myaccount .note{ font-size: 0.9rem; color: #555; line-height: 1.6rem;}
.note.bg-light{ background: #f6f0e7 !important; padding: 20px; border-radius: 10px;}
.referral fieldset label{ margin-bottom: 8px; font-weight: bold;}
.referral fieldset .badge{ height: 44px; border-radius: 6px !important; padding: 0 30px; font-size: 1rem; line-height: 44px; background: #f7931e !important; color: #fff !important;}
.referral fieldset .form-control{ height: 44px; color: #777 !important;}
.referral fieldset .input-group .btn{ font-size: 0.9rem; padding-left: 20px; padding-right: 20px; background: #eee; border-color: #e2e2e2; color: #333 !important;}
.how-refer-work{ margin-bottom: 70px;}
.referral .card-body{ padding: 40px;}
.referral-body{ padding-top: 40px; border-top: solid 1px #e0e0e0; margin-top: 40px;}
.refer-step{ padding: 15px; text-align: center; position: relative;}
.referral-graphics{	display: inline-block; width: 100%;	padding: 30px; border: solid 1px #e5e5e5; position: relative; position: relative; border-radius: 10px;}
.referral-graphics .tittle-div{ text-align: center; background: #fff; position: absolute; top: 0; margin: 0;} 
.referral-graphics .tittle-div h6{ text-transform: uppercase;	font-weight: 700; color: #aaa;	background: #fff; position: absolute; top: -15px; padding: 5px; font-size: 14px; width: 120px;}
.refer-step:after{ position: absolute; content: ''; width: 36px; height: 36px; top: 45px; right: -15%; background: url(../images/arrow-right.svg) no-repeat center center; background-size: 100%;}
.how-refer-work .col-lg-3:last-child .refer-step:after { display: none;}
.referral-graphics img{ width: 100%;}
.aditional-ins .icon-link{ float: right; color: #109655 !important;}
.aditional-ins label{ margin-bottom: 10px; font-weight: bold;} 
.frm label{ margin-bottom: 8px; font-weight: bold;}
.frm .btn-primary{ border-radius: 8px !important; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;}

.message-history{ margin-top: 20px;}
.msg-box{ margin-bottom: 15px; box-shadow: 0 3px 8px -2px rgba(0,0,0,.1);}
.msg-box .card-header .right{ float: right; font-size: 0.9rem; color: #333;}
.msg-box .card-header{ background: #f8f8f8;}
.self.card{ border-color: #fbd8af !important;}
.self.card .card-header{ background: #fbd8af; border-bottom-color: #fbd8af;}
.self.card .card-header .right{ color: #333;}
.message-history .card-body p{ font-size: 0.9rem; margin-bottom: 0;}
.lftNavMenu{ display: none;}

/*-------- Free paper CSS --------*/

.banner-section.freepaper .banner-caption{ max-width: 450px; position: relative; z-index: 1;}
.banner-section.freepaper .banner-caption h1{ margin-bottom: 30px; line-height: 3.4rem;}
.banner-section.freepaper{ background: rgb(254,216,163); background: linear-gradient(0deg, rgba(254,216,163,1) 0%, rgba(254,216,163,1) 18%, rgba(255,247,235,1) 60%, rgba(255,255,255,1) 99%);}

.freepaper-section{ padding: 50px 0; float: left; width: 100%;}
.freepaper-section .breadcrumb-item a{ color: #111; font-weight: bold;}
.freepaper-section .breadcrumb{ margin-bottom: 50px;}
.freepaper-section .card .icon{ width: 70px; height: 70px; border: solid 1px #ccc; border-radius: 100%; position: relative; margin: 0 auto; overflow: hidden;}
.freepaper-section .card .icon svg{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;}
.freepaper-section .card{ text-align: center; border-color: #e3e3e3; margin-bottom: 25px;}
.freepaper-section .card .card-body{ padding: 25px;}
.freepaper-section .card h4{ font-size: 1rem; font-weight: 600; margin: 10px 0 20px;}
.freepaper-section .card{ transition: all 0.1s ease-out; min-height: 220px;}
.freepaper-section .card:hover{ box-shadow: 0 3px 15px 2px rgba(0,0,0,.1); border-color: #ffb84e;}
.freepaper-section .card small{ width: 30px; height: 30px; border-radius: 100%; background: #ffb84e; text-align: center; line-height: 30px; display: block; margin: auto; font-size: 1rem;}

.listing-wrap{ max-width: 1200px; margin: 0 auto;}
.listing{ background: #f9f9f9;}
.listing .card{ text-align: left; padding: 40px; box-shadow: 0 5px 25px -5px rgba(0,0,0,.1); border-radius: 8px;}
.listing .card.card-body .medium-heading{ margin-bottom: 15px;}
.listing .card.card-body .medium-heading a{ color: #222 !important; font-size: 1.4rem; font-weight: 500;} 
.listing .card.card-body .medium-heading a:hover{ text-decoration: underline !important;}
.listing .card.card-body p{ font-size: 0.9rem; color: #5a616c; line-height: 1.5rem;}
.listing .card.card-body .i-bulletic{ margin-bottom: 0; font-size: 0.9rem; max-width: 500px;}
.listing .card{ border: none;}
.listing .breadcrumb{ max-width: 1200px; margin: 0 auto 50px auto;}
.listing-banner .container{ max-width: 1200px;}

.word-count{ float: left; position: relative; padding: 5px 20px 5px 50px; height: 33px; background: #f5921e;}
.word-count::before{ position: absolute; content: ''; width: 33px; height: 33px; left: 0; background: #393139 url(../images/paper-icon.png) center 31px; background-size: auto; background-size: auto; text-align: center; top: 0; background-size: 80%; border-radius: 0;}
.word-count span{ font-weight: 500 !important; font-size: 13.5px;	color: #fff; position: relative; top: -2px;}
.word-count::after{	position: absolute; content: ''; height: 33px; border-bottom: solid 16.5px #f5921e; border-top: solid 16.5px #f5921e; border-right: solid 14px transparent; right: -14px; top: 0;}
ul.content-info{ float: left; width: 100%; margin-top: 20px; margin-bottom: 10px; padding-left: 0;}
ul.content-info li{ display: inline-block; position: relative; padding: 6px 15px; background: #fff; color: #818181; box-shadow: 0 3px 4px -2px rgba(0,0,0,.1); font-size: 0.85rem;}
ul.content-info li span{ color: #f5921e; font-size: 15px;}
ul.content-info li strong{ color: #444;}
ul.content-info li svg{ position: relative; top: -2px; margin-right: 5px; fill: #f5921e;}

.details .card.card-body{ padding: 0 40px 0 0; background: none; border: none; box-shadow: none;}
.mb20{ margin-top: 20px !important;}
.details .card.card-body .btn{ max-width: 400px; margin: auto; padding: 14px 50px;}
.details .card.card-body .btn svg{ margin-right: 8px;}
.details .card.card-body p{ font-size: 0.9rem; line-height: 1.5rem; text-align: justify;}
.details .container{ max-width: 1200px;}
.right-panel .card{ padding: 0;}
.right-panel .medium-heading{ font-weight: bold !important; font-size: 1.3rem !important;}
.right-panel .form-select{ padding: 10px 20px; border-color: #e9b374;}
.right-panel fieldset{ margin-bottom: 15px;}
.right-panel .btn-primary{ padding: 12px !important; }
.mt5{ margin-top: 5px !important;}
.details .listing-wrap .breadcrumb-item{ font-size: 0.85rem;}
.details .listing-wrap .breadcrumb{ border-bottom: solid 1px #ddd; padding-bottom: 20px;}

.right-panel .card-body{ padding: 35px !important;}
.right-panel h4{ margin-top: 0 !important; margin-bottom: 25px;}
.iconic-link{ padding-left: 0;}
.iconic-link li{ display: inline-block; width: 100%; position: relative; line-height: 1.15rem !important; padding-left: 50px;}
.iconic-link li a{ font-size: 0.9rem; color: #4a485a; display: block; padding-top: 10px; padding-bottom: 10px;}
.iconic-link li a:hover{ color: #2b293d;}
.iconic-link li a:before{ position: absolute; content: ''; width: 37px; height: 37px; border: solid 1px #ccc; background: url(../images/paper-icon.png) no-repeat center 3px; background-size: auto; background-size: 85%; color: #ebebeb; border-radius: 100%; -webkit-border-radius: 100%; left: 0; top: 0; bottom: 0; margin: auto; transition: all .15s ease-in;}
.right-panel .bg-bright{ background: #f8d4a9;}

.iconic-link li a:hover:before{ background-color: #f7931e;	background-position: center bottom; border-color: #f7931e; color: #fff; box-shadow: 0 0 0 5px rgba(255,255,255,1),0 0 0 7px rgba(255,147,0,.3);}
.mb30{ margin-bottom: 30px !important;}
.sticky{ top: 70px; position: sticky;}
.mt50{ margin-top: 50px !important;}
.right-panel .card-body .btn-primary{ width: 100% !important; text-align: center; display: inline-block;}

/*------ Pay OPT CSS -----*/

.pay-opt-box{ max-width: 850px; margin: auto; border-color: #e7e7e7; border-radius: 15px; overflow: hidden;}
.pay-opt-box .col-two{ display: flex; padding: 0; margin: 0; align-items: center;}
.pay-opt-box .col-two li{  width: 50%;}
.pay-opt-box .col-two li:last-child{ text-align: right;}
.pay-opt-box .card-header{ padding: 20px 30px; border-bottom-color: #e7e7e7; background: #fff;}
.pay-opt-box .card-body{ padding: 30px;}
.pay-opt-box .card-body h5{ font-size: 0.85rem; text-transform: uppercase; margin-bottom: 27px;}
.pay-opt-box .card-body .form-check{ padding: 25px; border-radius: 15px; background: rgba(var(--bs-light-rgb),var(--bs-bg-opacity)) !important; margin-bottom: 10px; position: relative; margin-bottom: 15px;}
.pay-opt-box .card-body .form-check-input{ margin-left: 0;}
.pay-opt-box .card-body label{ line-height: 18px;}
.pay-opt-box .card-body label strong{ font-size: 1rem;}
.pay-opt-box .card-body label small{ font-size: 0.8rem; color: #666;}
.pay-opt-box .card-body .form-check-input{ width: 1.6em; height: 1.6em; margin-top: 3px; margin-right: 12px;}
.pay-opt-box .card-body .form-check-input:checked[type="checkbox"]{ background-size: 20px;}
.payamount{ color: #222 !important; font-weight: 500 !important; font-size: 0.9rem !important;}
.pay-opt-box .card-body .form-check-input.radio{ margin-top: 0;}
.pay-opt-box .card-header small{ color: #666;}
.pay-opt-box .card-body h5{ color: #666;}
.pay-opt-box .card-footer{ border: none; background: none; padding: 0;}
.pay-opt-box .card-footer .btn, .pay-opt-box .card-footer .btn-group{ width: 100%;}
.pay-opt-box .card-footer .btn{ border: none; border-radius: 0; padding: 15px; color: #111; font-weight: 600;}
.pay-opt-box .card-footer .btn svg{ position: relative; top: -1px !important; margin: 0 5px;}
.pay-opt-box .card-footer .btn-outline-primary{ border-top: solid 1px #eee;}
.pay-opt-box .card-footer .btn-outline-primary:hover{ background: #eee !important;}
.mt0{ margin-top: 0 !important;}
.del-btn svg{ position: relative; top: -2px; margin-right: 4px;}
.icon-link svg{ position: relative; width: 16px; height: 16px; top: -2px;}
.bi-exclamation-circle{ position: relative; top: -1.3px; width: 14px; height: 14px;}
.w500{ max-width: 500px;}
.grn{ color: #109655 !important;}
.red{ color: #e63b2e !important;}

#revise-tab-pane fieldset{ margin-bottom: 20px;}
#revise-tab-pane label{ font-size: 0.9rem;}
.myaccount .card-body .date{ margin-top: 20px; font-size: 0.9rem; color: #777;}
.attachment{ display: inline-block; font-size: 0.9rem; padding: 5px 15px 5px 10px; border-radius: 5px; border: solid 1px #eee; box-shadow: 0 3px 8px -2px rgba(0,0,0,.1); width: auto;}
.attachment svg{ width: 16px; position: relative; top: -1.2px; margin-right: 2px;}

.freepapers{ background: #f8f8f8;}
.freepapers h3{ font-size: 1.4rem; font-weight: 600 !important;}
.freepapers h2{ font-size: 1.6rem !important;}
.widget-visible{ z-index: 999999999999 !important;}

.list-item-wrap{ display: table; width: 100%; margin-bottom: 20px; height: 80px; margin-bottom: 10px;}
.list-item-wrap a{ display: table-cell; vertical-align: middle; width: 100%; padding: 15px 20px 15px 80px; border-radius: 8px; color: #222; transition: all 0.2s ease-out; position: relative; font-weight: 600; background: #fff; border: solid 1px #e9e9e9; box-shadow: 0 5px 12px -3px rgba(0,0,0,.1);}
.list-item-wrap a:before{ position: absolute; content: ''; width: 39px; height: 39px; background: url(../images/paper-icon-2.png) no-repeat center top calc(1.6px) #fff; background-size: 32px; border: solid 2px rgba(247,147,30,.7); border-radius: 100%; top: 0; bottom: 0; left: 25px;  margin: auto; transition: all 0.2s ease-out;}
.list-item-wrap a:hover:before{ background-color: #f7931e;  background-position: center top calc(-29px);}
.list-item-wrap a:hover{ border-color: #f7931e;}
.knowledgebase .row{ margin: 0 -5px;}
.knowledgebase .col-lg-6{ padding: 0 5px;}

.knbs-banner{ min-height: 400px;}
.knbs-banner .banner-caption{ max-width: 100% !important; text-align: center; margin-top: 30px;}
.mt-280{ margin-top: -280px;}

.work-steps .title-text p, .faq-section .accordion-body{ text-align: justify;}



@media(max-width:1399px) { 
	.bnr-highlights:after{ width: 210px; right: -170px; bottom: -80px;}
	/*.bnr-highlights p{ font-size: 0.95rem; max-width: 400px;}*/
	.bnr-highlights{ padding-top: 30px;}
	.bnr-highlights .text-muted{ margin-bottom: 35px;}
	.banner-section .caption small{ font-size: 1.15rem;}
	.banner-section .caption small br{ display: none;}
	.work-steps{ padding-left: 40px;}
	.work-steps .title-text p{ font-size: 12px;}
	.feedback .col-md-6{ padding: 0 5px;}
	.feedback .row{ margin: 0 -5px;}
	.message-box{ padding: 20px; margin-bottom: 10px;}
	.user-details{ padding-left: 65px;}
	.user-title{ margin-bottom: 5px;}
	.message-box blockquote p{ font-size: 0.95rem; line-height: 1.5rem;}
	.message-box .date{ font-size: 0.8rem;}
	.graphics img{ width: 100%;}
	.features-section .card .title h4 strong{ font-size: 16px !important;}
	.features-section .card p{ font-size: 13px;}
	.features-section .text-caption h2{ font-size: 30px; font-weight: bold;}
	.features-section .text-caption p{ font-size: 15px; line-height: 24px;}
}
@media(max-width:1199px) { 
	.navbar-nav .nav-item .nav-link{ font-size: 0.85rem !important; padding: 9px !important;}
	.navbar-nav .nav-item .nav-link.btn-primary, .navbar-nav .nav-item .nav-link.btn-outline-primary{ padding: 9px 14px !important;}
	.navbar-brand{ max-width: 140px;}
	.dropdown-item{ font-size: 0.8rem;}
	.banner-section .caption small br, .banner-section .caption h3 br{ display: none;}
	.banner-section .caption small{ padding-right: 40px;}
	.price-calculator .form-select, .price-calculator .form-control{ padding: 10px; font-size: 0.8rem;}
	.price-calculator small{ padding-top: 10px; line-height: 16px;}
	.price-calculator .col-md-12{ width: 100% !important; margin-bottom: 0px !important;}
	.bnr-highlights{ max-width: 420px;}
	.bnr-highlights:after{ display: none;}
	.counters{ padding-top: 0;}
	.counters .counter{ font-size: 36px;}
	.counters h3{ font-size: 0.8rem;}
	.counters .icon{ width: 60px; height: 60px;}
	.count-item{ padding: 20px 20px 20px 100px;}
	.features-section .col-lg-6{ padding-right: 0;}
	.features-section .card{ padding: 15px; margin-bottom: 15px; min-height: 220px;}
	.features-section .text-caption{ padding: 0;}
	.features-section .card p{ font-size: 0.85rem; line-height: 1.4rem;}
	.features-section .text-caption p{ font-size: 1rem; line-height: 1.5rem;}
	.features-section .text-caption h2{ font-size: 2rem; margin-bottom: 30px;}
	.work-steps{ padding-right: 0;}
	.wal-blnc:after{ display: none;}
	.title-div.medium h1, .title-div.medium h2{ font-size: 2.2rem;}
	.pd-large, .pd-medium{ padding: 50px 0;}
	.navbar .btn-primary{ border: solid 1px #f7931e;}
	.price-calculator{ padding: 20px;}
	.price-calculator small{ padding-left: 150px;}
	.price-calculator small:before{ left: -48px;}
	.message-box.op{ top: 0; opacity: 1;}
	.message-box{ margin-bottom: 25px;}
	.blog-category .left-nav ul.main-menu li a{ font-size: 0.85rem;}
}
@media(max-width:991px) { 
	.banner-section{ padding: 3rem 0;}
	.price-calculator{ max-width: 100%; margin-top: 40px; position: static;}
	.price-calculator small{ padding-top: 15px;}
	.counters{ margin-top: 15px;}
	.count-item{ padding: 0 0 0 75px; background: none; border: none; box-shadow: none;}
	.counters .icon{ width: 60px; height: 60px; left: 0; top: 3px;}
	.counters .counter{ font-size: 1.6rem; line-height: 36px;}
	.iconic-title .icon{ width: 50px !important; height: 50px !important; position: relative;}
	.message-box{ padding: 40px;}
	.work-steps{ display: flex; padding-left: 0; left: 0; margin-top: 20px;}
	.title-text{ padding-left: 0; text-align: center; margin-top: 15px;}
	.work-steps .icon ion-icon{ font-size: 30px;}
	.work-steps .title-text h5, .work-steps .title-text h4{ font-size: 14px;}
	.work-steps .title-text p{ line-height: 17px;}
	.feedback .container-fluid, .tab-section .container{ max-width: 720px;}
	.feedback .slick-dots{ bottom: -25px;}
	.feedback .slick-dots li button:before{ opacity: 0.15;}
	.feedback .slick-dots li.slick-active button:before{ color: #f7931e; opacity: 1;}
	.features-section .card{ padding: 25px; min-height: 190px;}
	.content-item .text-caption{ max-width: 100%;}
	.d-order .col-lg-6:first-child{ order: 2;}
	.d-order .col-lg-6:last-child{ order: 1;}
	.content-item{ position: relative; margin-bottom: 80px;}
	.content-item .graphics{ position: absolute; left: 0; right: 0; top: -40px; bottom: 0; margin: auto; opacity: 0.1; z-index: -1; max-width: 500px;}
	.content-item .text-caption{ padding-top: 0;}
	.bot-content .content-item{ margin-bottom: 0;}
	.bot-content .text-caption{ margin-bottom: 40px;}
	.banner-section .d-order .col-lg-6:first-child{ order: 0 !important;}
	.banner-section .d-order .col-lg-6:nth-child(2){ order: 2;}
	.banner-section .d-order .col-lg-6:nth-child(3){ order: 3;}
	.bnr-highlights{ position: static;}
	.menu{ width:35px; position:relative; margin-top:2px; cursor:pointer; line-height:0 !important; padding:5px; border:none; box-shadow: none !important;}
	.menu span.bar{ display:inline-block; width:100%; border-bottom:solid 1px #000; margin-bottom:4px; transition:all 0.2s ease-in; position:relative; height:3px;}
	.menu-bars .bar-2{ opacity:0;}
	.menu-bars .bar-1{ transform:rotate(45deg); position:absolute; width:20px; height:17px; top:8px; margin-left:1px;}
	.menu-bars .bar-3{ transform:rotate(-45deg); position:absolute; width:20px; height:17px; top:-6px;}
	.navbar-expand-lg .navbar-nav .dropdown-menu{ position: absolute;}
	.navbar-nav .nav-item{ margin-left: 0;}
	.navbar-nav .nav-item .nav-link.btn-primary, .navbar-nav .nav-item .nav-link.btn-outline-primary{ margin-bottom: 5px;}
	.top-ctg .ctg-item{ display: inline-block; width: 100%; text-align: center; position: relative;}
	.top-ctg .ctg-item:before{ position: absolute; content: ''; top: 0; left: 0; bottom: 0; margin: auto; width: 1px; background: linear-gradient(180deg,hsla(0, 0%, 0.8%, 0),hsla(0, 0%, 0%, 0.1) 50%,hsla(0, 96.8%, 50.6%, 0));}
	.top-ctg .ctg-item .icon{ margin: 0 auto 10px auto;}
	.top-ctg .ctg-item h5{ font-size: 0.8rem;}
	.top-ctg .ctg-item a{ font-size: 0.9rem;}
	.top-ctg .col-lg-4:first-child .ctg-item:before{ display: none;}
	.blog-ctg-wrap{ padding-left: 0;}
	.blog-category .left-nav ul.main-menu{ background: #fff; box-shadow: 0 1px 15px 1px rgba(0,0,0,.15); border-radius: 15px;}
	.navbar-brand{ max-width: 100px;}
	.message-box{ min-height: auto;}
	.features-section .text-caption{ margin-top: 30px;}
	.cnt .col-md-4{ width: 50%;}

	.myaccount-section{ padding: 25px 0;}
	.myaccount-section .container{ max-width: 100%;}
	.referral .card-body{ padding: 20px;}
	.refer-step{ padding: 25px;}
	.refer-step::after{ display: none;}
	.order-info-wrap-icon{ float: none;}
	.order-info-wrap ul li h4, .aditional-ins label{ font-size: 0.85rem;}
	.ordr-wrp{ padding: 15px;}
	.tab-wrap .tab-content > .tab-pane, .tableBox{ padding: 5px;}
	.myaccount .card-body table td, .myaccount .card-body table th, .tab-wrap .nav-tabs .nav-link{ font-size: 0.85rem !important;}
	.myaccount .card-body .table td, .myaccount .card-body .table th{ padding: 10px 15px;}
	#contact-tab-pane{ padding: 15px;}
	.myaccount .card-body{ padding: 15px;}
	
}
@media(max-width:767px) { 
	.slick-slide{ margin: 0 15px;}
	.features-section .text-caption{ margin-top: 50px;}
	.features-section .card p{ font-size: 1rem;}
	.bnr-highlights:after{ display: none !important;}
	.count-item{ padding: 0; text-align: center; background: #fff; border: solid 1px #e5e5e5; padding: 15px;}
	.counters .icon{ position: relative; top: 10px;}
	.banner-section{ padding: 2rem 0 0;}
	.price-calculator{ margin-top: 35px; background: #f9b86b !important;}
	.banner-section .caption h3{ font-size: 2rem !important;}
	.price-calculator .col-md-6, .price-calculator .col-lg-6, .price-calculator .col-md-4, .price-calculator .col-md-3, .price-calculator .col-md-5, .price-calculator .col-lg-12{ margin: 3px 0 !important;}
	.counters .container{ grid-template-columns: repeat(3, 1fr); grid-gap: 15px;}
	.slick-slide{ padding: 0 15px;}
	footer .nav.flex-column{ margin-bottom: 40px;}
	.bot-info .social-icons{ float: left; margin-top: 30px;}
	.tab-section .tab-content > .tab-pane{ background-image: none;}
	.navbar{ border: none;}
	.top-ctg .ctg-item{ max-width: 320px; margin: auto !important; display: block; padding: 20px 0;}
	.top-ctg .row{ padding: 30px 0;}
	.top-ctg .ctg-item:before{ width: 100%; height: 1px; left: 0; right: 0; top: auto; bottom: 0; margin: auto; background: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0, 0%, 10.2%, 0.2) 50%,hsla(0,0%,100%,0));}
	.top-ctg .col-lg-4:first-child .ctg-item:before{ display: block;}
	.top-ctg .col-lg-4:last-child .ctg-item:before{ display: none;}
	.top-ctg .ctg-item{ display: flex; text-align: left;}
	.top-ctg .ctg-item .icon{ margin: 0;}
	.top-ctg{ background: rgba(247,147,30,.07);}
	.footer-top{ background: #17191f;}
	.footer-bottom{ background: #0E0F12;}
	footer{ margin-top: 0;}
	.footer-top strong{ margin-bottom: 35px;}
	.work-steps .title-text p{ display: none;}
	.features-section{ background: #ffeeda;}
	.features-section .text-caption h2{ color: #222;}
	.features-section .text-caption p{ color: #444;}
	.btn-primary{ color: #111;}
	.price-calculator .btn-primary, .features-section .btn-primary{ color: #fff;}
	.slick-active button:before{ color: #f7931e !important;}
	.features-section .card{ box-shadow: 0 5px 12px -2px rgba(0,0,0,.12);}
	.but{ color: #111 !important;}
	.message-box .date{ color: #555 !important; font-size: 0.9rem !important;}
	.message-box blockquote p{ color: #444; font-size: 0.9rem !important;}
	.message-box{ box-shadow: 0 10px 30px -3px rgba(0,0,0,.15) !important; opacity: 1 !important;}
	.features-section .card p a{ color: #000 !important; font-weight: 600 !important;}
	.features-section .card p{ color: #444 !important;}
	.features-section .col-lg-6:nth-child(3) .card, .features-section .col-lg-6:nth-child(4) .card{ margin-bottom: 15px !important;}
	.quote{ margin-left: 0; font-size: 1.1rem; padding: 15px;}
	.cnt .col-md-4{ width: 100%;}
	.feedback .title-div{ margin-bottom: 50px !important;}

	.contact-div{ height: auto; top: 8px; bottom: 0; top: 0; left: 0 !important; margin: auto !important; height: 80px !important; width: 40px !important; border-radius:  0 10px 10px 0 !important; display: inline-block; box-shadow: 0 2px 15px 2px rgba(0,0,0,.3);} 
	.call-d-none{ display: none;}
	.wp-icon{ width: 40px !important; height: 40px !important; display: inline-block;}
	.wp-icon svg{ position: relative; top: -2px !important;}
	.rqst-callback img{ position: relative; top: 8px !important; width: 22px !important; margin-top: 0 !important;}
	.rqst-callback{ display: inline-block; background: #fff; width: 40px; height: 40px;}
	.d-none{ display: inline-block !important;}
	.net_price.d-none{ display: none !important;}
	.order-box .nav-tabs .nav-link span{ display: none;}
	.left-nav{ margin-bottom: 20px;}

	.uploaded-file{ position: relative;}
	.close{padding-right: 6px; color: #e63b2e;	position: absolute;	top: -12px;	right: -12px; bottom: 0; margin: auto;}
	body{ font-family: Arial, Helvetica, sans-serif !important;}
	.banner-section.freepaper{ padding-bottom: 60px;}
	.writeforus h1 strong{ font-size: 2rem !important;}
	.writeforus h1{ line-height: 2.4rem !important;}
	.banner-section.freepaper img{ display: none !important;}

	.container{ padding: 0 25px;}
	.feedback .container-fluid{ padding: 0 15px !important;}
	.knbs-list{ padding: 15px;}
	.knbs-list .col-lg-6{ width: 100%;}
	.list-item-wrap a:before{ left: 15px; width: 30px; height: 30px;}
	.list-item-wrap a{ padding-left: 55px; font-weight: 500 !important;}
	.list-item-wrap{ height: auto; min-height: 55px;}
	
}

@media(max-width:575px) { 
	.col-xl-2.col-lg-3.col-md-4.col-sm-6{ width: 50%;}
	.work-steps .icon svg{ width: 24px !important;}
	
}

@media(max-width:480px) { 
	.count-item{ padding: 0; background: none; border: none;}
	.counters .counter{ font-size: 1.1rem; line-height: 24px; font-weight: 600;}
	.price-calculator h3{ text-align: left !important; font-size: 1.15rem;}
	.banner-section .caption h3{ font-size: 1.6rem !important;}
	.price-calculator small{ padding-left: 0; padding-top: 50px;}
	.work-steps .title-text h5, .work-steps .title-text h4{ font-size: 0.8rem;}
	.feedback:before, .feedback:after{ display: none;}
	.feedback .title-div{ margin-bottom: 30px;}
	.content-item .graphics{ display: none;}
	.slick-slide{ margin: 0;}
	.features-section .col-lg-6{ padding-right: 15px !important;}
	.counters{ padding-bottom: 10px; background: none !important;}
	.feedback .container-fluid{ padding: 0;}
	.work-process-section .title-div, .faq-section .title-div{ margin-bottom: 30px;}
	.pd-large, .pd-medium{ padding: 25px 0;}
	.tab-section .tab-content > .tab-pane{ padding: 25px; background-image: none;}
	.title-div h1 br, .title-div h2 br, .features-section .text-caption br{ display: none; }
	.title-div h1 br, .title-div h2{ color: #222;}
	.banner-section .caption h3, .banner-section .caption h1, .banner-section .caption h2, .banner-section .caption .bnr-heading{ font-size: 1.4rem !important; line-height: 25px !important;}
	h1, h2{ font-size: 1.3rem !important;}
	body, p{ font-size: 0.9rem !important;}
	.content-item .text-caption .bulletic.col-two{ column-count: 1; -webkit-column-count: 1;}
	.features-section .btn-primary, .content-item .btn-primary{ margin-top: 10px;}
	.content-item{ margin-bottom: 30px;}
	.btn-primary{ font-size: 0.9rem !important; padding: 9px 30px !important;}
	.faq-section .accordion-item .accordion-button{ font-size: 1rem; padding: 1.4rem 0;}
	.faq-section .accordion-body{ font-size: 0.9rem; line-height: 1.4rem;}
	.message-box{ padding: 25px;}
	.tab-section .nav-pills{ padding-right: 0;}
	.price-calculator .form-select, .price-calculator .form-control{ height: 36px !important; padding: 8px 10px;}
	.footer-top{ padding: 20px 0;}
	.payment-options ul li img{ max-height: 35px;}
	.tab-section .title-div{ margin-bottom: 20px;}
	.top-ctg .row{ padding: 0;}
	.top-ctg{ margin-bottom: 20px; background: rgba(247,147,30,.07);}
	.blog-category .row.mr-top-40{ margin-top: 25px;}
	.blog-category .left-nav ul.main-menu li a{ font-size: 0.9rem;}
	.blog-ctg-wrap{ padding-bottom: 25px;}
	.footer-top{ padding: 40px 0;}
	.work-steps{ column-gap: 10px;}
	.work-steps .title-text h4{ font-size: 0.9rem !important;}
	.bnr-highlights{ padding-top: 15px;}
	
	.tab-section .tab-content > .tab-pane p, .content-item .text-caption p{ line-height: 24px;}
	.feedback .btn-primary{ margin-top: 0;}
	.banner-section .caption small{ font-size: 1rem;}
	.message-box{ margin-bottom: 15px;}
	.price-calculator .btn-primary{ width: 100% !important; max-width: 100% !important;}
	.refer-step{ padding: 0; margin-bottom: 30px;}
	.order-info-wrap-icon{ float: left;}
	.order-info-wrap ul li{ display: inline-block; width: 100%; padding: 0;}
	.ordr-wrp{ padding: 15px 0; border: none; border-radius: 0;}
	.pay-wrap ul, .pay-wrap ul li{ display: inline-block;}
	.paydue-nav .btn{ margin: 0 3px 0 0;}
	.myaccount .card-body table td, .myaccount .card-body table th, .tab-wrap .nav-tabs .nav-link{ font-size: 0.8rem; padding: 12px;}

}

@media(max-width:360px) { 
	.bnr-highlights p{ padding-left: 75px;}
	.bnr-highlights .bd-placeholder-img{ width: 60px; height: 60px;}
	.bnr-highlights p br{ display: none;}
	.col-xl-2.col-lg-3.col-md-4.col-sm-6{ width: 100%;}
}


/*---- Management Glossary CSS ----*/

.stick{ position: sticky; top: 58px;}
.sample-links-wrap {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    background: #fff;

}
.sample-links-wrap ul {
    display: inline-block;
    width: 100%;
    position: relative;
    margin: 0;
	padding: 0;
}
.sample-links-wrap ul li {
    display: inline-block;
    width: 100%;
    position: relative;
	padding: 0 0 0 80px;
}
.sample-links-wrap ul li a {
    padding: 10px 30px;
    border-radius: 40px;
    display: inline-block;
    color: #333;
    font-size: 15px;
    font-family: Raleway !important;
    font-weight: 500;
    transition: all 0.2s ease-out;
    position: relative;
    z-index: 0;
	border-radius: 6px !important;
}
.sample-links-wrap ul li a:hover, .sample-links-wrap ul li a:focus{
    color: #fff !important;
    background: #393645 !important;
}
.latter {
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 700;
    background: #eee;
    width: auto;
    float: left;
    color: #fff;
    width: 67px;
    height: 67px;
    line-height: 67px;
    text-align: center;
    z-index: 1;
    box-shadow: 0 15px 15px -10px rgba(0, 0, 0, .2)
}
.link-item {
    float: left;
    width: 100%;
    padding: 0 0 60px;
    border-bottom: solid 1px #eee
}
.link-item:last-child {
    border: none
}
.link-item:nth-child(1) .latter {
    background: #5938ff
}
.link-item:nth-child(2) .latter {
    background: #00d8ff
}
.link-item:nth-child(3) .latter {
    background: #3ee882
}
.link-item:nth-child(4) .latter {
    background: #ff722d
}
.link-item:nth-child(5) .latter {
    background: #ffc001
}
.link-item:nth-child(6) .latter {
    background: #ff2626
}
.link-item:nth-child(7) .latter {
    background: #4374ff
}
.link-item:nth-child(8) .latter {
    background: #ff41b1
}
.link-item:nth-child(9) .latter {
    background: #00d8ff
}
.link-item:nth-child(10) .latter {
    background: #ffc001
}
.link-item:nth-child(11) .latter {
    background: #ff722d
}
.link-item:nth-child(12) .latter {
    background: #3ee882
}
.link-item:nth-child(13) .latter {
    background: #5938ff
}
.link-item:nth-child(14) .latter {
    background: #ff2626
}
.link-item:nth-child(15) .latter {
    background: #ffc001
}
.link-item:nth-child(16) .latter {
    background: #00d8ff
}
.link-item:nth-child(17) .latter {
    background: #9adb29
}
.link-item:nth-child(18) .latter {
    background: #ff1a1a
}
.link-item:nth-child(19) .latter {
    background: #ff9d11
}
.link-item:nth-child(20) .latter {
    background: #5938ff
}
.link-item:nth-child(21) .latter {
    background: #37e047
}
.link-item:nth-child(22) .latter {
    background: #39d6f7
}
.link-item:nth-child(23) .latter {
    background: #ffc000
}
.link-item:nth-child(24) .latter {
    background: #ff3862
}
.link-item:nth-child(25) .latter {
    background: #4374ff
}
.link-item:nth-child(26) .latter {
    background: #9adb29
}
.link-item:nth-child(27) .latter {
    background: #10cdff
}

.slideToLink {
    display: inline-block;
    width: 100%;
    padding: 19px 20px;
    background: #f8f8f8;
    text-align: center;
    position: stcky;
    z-index: 1
}
.slideToLink ul {
    margin: 0
}
.slideToLink ul li {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0
}
.slideToLink ul li a {
    padding: 3px 6px;
    display: inline-block;
    border-radius: 0;
    text-transform: uppercase;
	color: #333;
	transition: all 0.2s ease-out;
	border-radius: 5px;
}
.slideToLink ul li a:hover{ background: #333; color: #fff;}
.table-1 th {
    padding: 15px;
    font-size: 18px;
    font-weight: bold !important
}

@media (max-width:1199px) {
    header .container {
        max-width: 100%
    }
}
@media (max-width:980px) {
    .slideToLink {
        text-align: left;
        padding-right: 70px
    }
    .latter {
        float: right
    }
    .sample-links-wrap ul li {
        padding-left: 30px
    }
    .slideToLink ul li {
        padding-left: 0
    }
    .slideToLink ul li a {
        padding: 2px 4px
    }
}
@media(max-width:767px) {
    .latter.stick {
        position: sticky !important
    }
    .slideToLink {
        padding-top: 0;
        padding-right: 70px;
        text-align: left
    }
    .bottom-content h2 {
        margin-top: 40px
    }
    .bottom-content {
        padding-top: 30px
    }
}
@media (max-width:480px) {
    .sample-links-wrap {
        padding: 0
    }
    .sample-links-wrap ul {
        margin-top: 0
    }
    .sample-links-wrap ul li {
        padding-left: 0
    }
    .latter {
        float: right;
        font-size: 24px;
        width: 60px;
        text-align: center;
        height: 60px;
        padding: 0;
        line-height: 58px
    }
    .latter span {
        font-weight: 600 !important
    }
    .sample-links-wrap ul li a {
        border-radius: 0;
        width: 100%
    }
    .link-item {
        padding-bottom: 20px
    }
    .sample-content {
        padding: 20px
    }
    .sample-content p {
        font-size: 15px !important
    }
    .ordr-form .form-section {
        padding-top: 0 !important
    }
    .right-box {
        padding: 20px
    }
    ul.features li small {
        right: -25px
    }
}