/*
Theme Name: Easyleadz
Theme URI: https://codeytek.com/easyleadz
Author: Imran Sayed
Author URI: https://codeytek.com/about
Description: WordPress blogging theme
Tags: blog, theme
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: easyleadz
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
    --primaryColor: #5800FF;
    --secondaryColor: #FF6B00;
}

body { font-family: 'Figtree', sans-serif;font-weight: 400;color:#000000;}

::-webkit-scrollbar { width: 0;}

h2 { font-size: 32px;font-weight:500;}
p { margin-bottom: 0;}
ul { padding: 0;margin:0}
li { list-style: none;}
a { text-decoration: none;}

.btn { color: #ffffff;border-radius: 5px;padding:.375rem 1.25rem;font-size: 1rem;transition: all 0.3s;white-space: nowrap;font-weight: 600;}
.btn:hover { color: #ffffff;padding:.375rem 1.5rem;}
.btn-o { background-color: #FF6B00;}
.btn-p { background-color: var(--primaryColor);}
.btn-b { background-color: #0096FF;}

.txt-o { color: #FF6B00;}

.link-cta { font-weight:700;font-size:16px;}
.link-cta-p { color: var(--primaryColor);}
.link-cta-o { color: var(--secondaryColor);}

.container-mini { max-width: 1225px;}

.table>:not(:last-child)>:last-child>* { border-bottom-color: rgba(0,0,0,0.10);}
.table>:not(caption)>*>* { padding: 20px;}

/* header */

.sticky-top {
    position: fixed;
    top: 0;
    width: 100%;

  }
  
   #content{
    margin-top: 7px!important;
    padding-top: 6%!important;
  }
.navbar { padding: 10px 0;background-color: #ffffff;box-shadow:0 5px 10px 0 rgba(0,0,0,0.10);}
.navbar-brand img { width: 120px;}
.navbar .nav-item { margin: 0 5px;position:relative;}
.navbar .nav-item .nav-link { color: var(--primaryColor);}
.navbar .nav-item:hover .nav-link,
.navbar .nav-item.active .nav-link { color: #FF6B00;}
.navbar .nav-item.active .nav-link { font-weight:700;}
.navbar .nav-item:hover::after,
.navbar .nav-item.active::after { background-color:#FF6B00;}
.navbar-toggler { padding: 0.25rem;}
.navbar .dropdown-menu { border: none;box-shadow:0 4px 14px 0 rgba(0,0,0,0.20);}
.navbar .dropdown-item { color: var(--primaryColor);}
.navbar .dropdown-item:focus,
.navbar .dropdown-item:hover { color: var(--primaryColor);background-color: #FFF7DC;}
.navbar .dropdown-toggle::after { position: relative;top: 3px;}

/* banner */
.banner .container { max-width: 1200px;}
.banner .carousel-inner { height: 400px;background-color:var(--primaryColor);}
.banner .carousel-inner .container { position: relative;height: calc(100% + 50px);}
.banner .carousel-item { height: 300px;}
.banner .carousel-item .carousel-caption { font-size: 32px;top:50%;left:0;right:0;bottom: auto;transform: translateY(-50%);padding:0;}
.banner .carousel-item .carousel-caption .cc-txt { max-width: 450px;}

/* inner banner */
.inner-banner { padding:30px 50px;color: #ffffff;position:relative;}
.inner-banner::after { content: '';background-color: var(--primaryColor);position:absolute;left:0;top:0;right:0;height:450px;z-index: -1;} 
.inner-banner p { max-width: 800px;}
.inner-banner .btn-float { position: fixed;right:0;z-index:100;}

/* about section */
.inner-content-section .as-wrap { box-shadow: 0 4px 25px 0 rgba(0,0,0,0.1);padding:50px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#ffffff;}
.inner-content-section .as-wrap h2 { font-size: 32px;}
.inner-content-section .as-wrap h2.fs-24 { font-size: 24px;}
.inner-content-section .as-wrap h3 { font-size: 22px;}
.inner-content-section .as-wrap p { font-size: 16px;}
.inner-content-section .as-wrap.fw-m p { font-weight: 500;}
.inner-content-section .as-wrap h4 { font-size: 16px;font-weight:700;}
.inner-content-section .as-wrap .amc-bx p { font-size: 14px;}
.inner-content-section .as-wrap .highlighted-txt { font-size: 20px;background-color:#FFF0E4;padding: 5px 15px;display: inline-block;}
.inner-content-section .as-wrap .highlighted-txt-sm { font-size: 18px;}
.about-bx-carousel { background-color: #ECFCFF;padding:25px 25px 50px 25px;border-radius:10px;text-align:center;}
.about-bx-carousel .carousel-indicators [data-bs-target] { background-color: #D9D9D9;width: 10px;height: 10px;border-radius: 50%;}
.about-bx-carousel .carousel-indicators .active { background-color: #FF6B00;}

/* our business */
.our-business { margin-top: -50px;position:relative;z-index:9;}
.our-business .ob-wrap { box-shadow: 0 4px 25px 0 rgba(0,0,0,0.1);padding:50px 50px 75px 50px;border-top-left-radius:10px;border-top-right-radius:10px;background-color:#ffffff;}
.our-business h2 { font-size: 28px;font-weight:500;}
.ob-cta { border-right: 1px solid rgba(0,0,0,0.3);padding-right:30px;}
.ob-logos .logo-frame { height: 100%;}
.ob-logos .carousel-control-next,
.ob-logos .carousel-control-prev { top: auto;bottom: -50px;width: auto;opacity: inherit;}
.ob-logos .carousel-control-prev { left: auto;right: 50px;}
.slider-mob { display: none;}
#brand-carousel-mob { width: calc(100% + 60px);left: -30px;}

/* irpt wrap */
.irpt-wrap { background-color: #FFF0E4;padding: 50px 0;position:relative;z-index:10;}
.irpt-wrap h2 { padding-left: 50px;}
.irpt-wrap .item-bx { background-color: #ffffff;padding: 50px;margin-bottom: 30px;border-radius: 5px;}
.irpt-wrap .item-bx:last-child { margin-bottom: 0;}
.irpt-wrap .item-bx h3 { font-weight: 500;font-size:24px;margin-bottom:15px;}
.irpt-wrap .item-bx p { font-size:18px;}
.irpt-wrap .item-bx svg { height:30px;}
.item-bx-o .btn { background-color: #FF6B00;}
.item-bx-o svg path { fill:#FF6B00;}
.item-bx-p .btn { background-color: var(--primaryColor);}
.item-bx-p svg path { fill:var(--primaryColor);}
.item-bx-b .btn { background-color: #0096FF;}
.item-bx-b svg path { fill:#0096FF;}

/* tea wrap */
.tea-wrap { background-color: var(--primaryColor);padding-top:50px;position:relative;}
.tea-wrap .tea-head { background-color: #ffffff;padding:0 30px;border-radius:5px;}
.tea-wrap .tea-head h3 { font-size: 42px;font-weight:700;margin-bottom:0;}
.tea-wrap .tea-head h4 { font-size: 24px;font-weight:500;margin-bottom:0;}
.tea-wrap .tea-body { margin-top: 50px;}
.tea-body h2 { font-size:36px;font-weight:700;color:#ffffff;margin-bottom:30px;}
.tea-body img { border-radius: 10px;}
.tea-body h3 { font-size:18px;font-weight:700;color:#ffffff;margin:20px 0 10px 0;}
.tea-body p { font-size:16px;color:#ffffff;}
.stats-wrap { background-color: #ffffff;text-align:center;padding:50px 0;margin-top:50px;border-top-left-radius:300px;border-top-right-radius:300px;box-shadow: 0 20px 30px 0 rgba(0,0,0,0.05);}
.stats-wrap h2 { font-weight:500;margin:0 0 50px 0;}
.stats-wrap .stat-bx .stat-icon { background-color: #0096FF;width:100px;height:100px;border-radius:50%;display:flex;justify-content:center;align-items: center;margin:0 auto 10px;}
.stats-wrap .stat-bx .stat-icon svg path { fill:#ffffff}
.stats-wrap .stat-bx small { font-size: 18px;color:#949494;font-weight:500;}
.stats-wrap .stat-bx h3 { font-size: 50px;font-weight:700;}
.stats-wrap .stat-desc { padding-top: 50px;border-top:10px solid #0096FF;margin-top:50px;}
.stats-wrap .stat-desc p { font-size: 28px;font-weight:500;}

/* rating wrap */
.rating-wrap { padding: 50px 0;}
.rating-wrap.rw-light { background-color: #F9FAFB;}
.rating-wrap h2 { font-weight: 500;}
.user-comment-bx h3 { font-size: 16px;font-weight:700;}
.user-info-bx img { width:50px;height:50px;border-radius: 50%;}
.user-info-bx .uib-txt { margin-left: 10px;}
.user-info-bx .uib-txt h4 { font-size: 14px;font-weight:700;margin-bottom:0;}
.user-info-bx .uib-txt span { font-size: 12px;}
.rating-range svg { width: 30px;}
.rating-range .progress { width:100%;margin: 0 10px;border-radius: 30px;}
.rating-range .progress .progress-bar { border-radius: 30px;}
.syt h3 { font-size: 16px;font-weight:700;}
.syt-mob { display: none;}

/* performer wrap */
.performer-wrap { background-color: #F9FAFB;padding:50px 0;text-align:center;}
.performer-wrap h2 { color: #3A0CA3;font-weight:500;}
.performer-wrap .award-wrap { margin-top: 50px;overflow:auto;white-space:nowrap;}
.award-wrap img { width: 171px;margin:0 15px;}
.award-wrap img:first-child { margin-left: 0;}
.award-wrap img:last-child { margin-right: 0;}

/* industry wrap */
.industry-wrap { padding:50px 0;}

/* blog wrap */
.blog-wrap { text-decoration: none;color:#000000;}
.blog-wrap .blog-sm-desc h5 { font-size: 12px;color:var(--primaryColor);text-transform: uppercase;}
.blog-wrap .blog-sm-desc span { font-size: 12px;color:rgba(0,0,0,0.80);}
.blog-wrap h3 { font-size: 18px !important;font-weight:700;}
.blog-wrap p { font-size: 18px;font-weight:500;}
.blog-detail h3 { font-size: 36px !important;}
.blog-detail .para-bg { font-size: 24px !important;}
.blog-detail .txt-o { max-width: 820px;}
.blog-detail .badge-wrap { max-width: 600px;}

/* database wrap */ 
.database-wrap { background-color: #ECFCFF;}
.database-wrap h3 { font-size: 24px;}
.database-wrap p { font-size: 20px;}

/* opt bx */
.opt-bx { max-width: 750px;}

/* cont bx */
.cont-bx { background-color: #ECFCFF;padding:30px;text-align:center;border-radius: 5px;}
.cont-bx h2 { font-weight: 700;margin-bottom:15px;}
.cont-bx p { font-weight: 600;max-width: 300px;margin: 0 auto 15px;}
.cont-bx a { font-weight: 600;}

/* abt wrap */
.abt-wrap .abt-bx { text-align: center;background-color:#ECFCFF;padding:30px;height:100%;}
.abt-wrap h2 { font-weight: 600;margin-top:20px;}
.abt-wrap .abt-bx p { font-size: 18px;}
.abt-wrap .profile-bx { border: 1px solid #3A0CA3;border-radius:5px;padding:25px;}
.abt-wrap .profile-bx .profile-pic { width: 150px;height:150px;border-radius:50%;margin-top:-50px;}
.abt-wrap .profile-bx h3 { margin-top: 20px;font-size:24px;font-weight:500;margin-bottom:0;}
.abt-wrap .profile-bx h4 { font-size:14px;font-weight:400;margin-bottom:25px;}
.abt-wrap .mw-900 { max-width: 900px;margin:auto;}

/* pricing wrap */
.pricing-wrap h2 { font-weight: 700;}
.pricing-wrap .nav-tabs { border-bottom: 1px solid rgba(0,0,0,0.20);margin-bottom:30px;}
.pricing-wrap .nav-tabs .nav-link { border: none;margin-bottom:0;font-size:24px;font-weight:500;color:#4D4D4D;padding:0.5rem 0;margin-right:50px;position:relative;white-space: nowrap;}
.pricing-wrap .nav-tabs .nav-link:focus-visible { outline: none;}
.pricing-wrap .nav-tabs .nav-link::after { content: '';background-color: #ffffff;width: 100%;height:5px;position: absolute;bottom:0;left:0;}
.pricing-wrap .nav-tabs .nav-link.active { color: var(--secondaryColor);}
.pricing-wrap .nav-tabs .nav-link.active::after { background-color: var(--secondaryColor);bottom:-1px;}
.pricing-wrap .nav-tabs .nav-link .badge { position: absolute;top:-10px;left: 50%;transform: translateX(-50%);font-size:12px;font-weight:100;background-color:#1AC167;}
.plan-card { border: 1px solid #D3D3D3;border-radius:10px;padding:25px;text-align:center;position:relative;box-shadow:4px 4px 4px 0 rgba(0,0,0,0.10);}
.plan-card h3 { font-size: 28px !important;padding-bottom:5px;border-bottom:3px solid var(--secondaryColor);}
.plan-card h4 { font-size: 44px !important;margin-bottom:0;}
.plan-card small { font-size: 14px;display:block;color:#666666;}
.plan-card h5 { font-size: 24px;font-weight:500;}
.plan-card p { font-size: 20px;}
.plan-card li { text-align: left;margin-bottom:5px;}
.plan-card li:last-child { margin-bottom: 0;}
.plan-card .accuracy { position: absolute;right:0;bottom:100px;}
.plan-card .btn { width: 100%;margin-top:30px;}
.custom-plan { border: 2px dashed #5800FF;height:100%;}
.custom-plan p { font-size: 24px !important;font-weight:500;}
.lang-switch { position: absolute;right: 0;width: 100px;bottom: 6px;z-index: 1;}
.lang-switch .ls-wrap > span, .switch-toggle > span {  color: #000000; }
.lang-switch .ls-wrap span span, .ls-wrap label, .switch-toggle span span, .switch-toggle label {  color: #2b2b2b; }
.lang-switch .ls-wrap { display: block; height: 36px; position: relative; overflow: visible; padding: 0px; margin-left:0px;background-color: rgba(14,14,14,.10);border-radius: 8px;}
.lang-switch .ls-wrap * { box-sizing: border-box; }
.lang-switch .ls-wrap a { display: block; transition: all 0.3s ease-out 0s; }
.lang-switch .ls-wrap label, 
.lang-switch .ls-wrap > span { line-height: 30px;padding:3px;position:relative;display: flex;transition: all 1s;}
.lang-switch .ls-wrap > span span { flex-basis: 50%;text-align:center;}
.lang-switch .ls-wrap > span:after { content: '';background-color:#ffffff;position:absolute;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);z-index: 0;border-radius: 8px;transition: all 0.3s;}
.lang-switch .ls-wrap label {font-weight: 700; margin-bottom: px; max-width: 100%;}
.lang-switch .ls-wrap input:focus ~ a, .ls-wrap input:focus + label { outline: 1px dotted rgb(136, 136, 136); }
.lang-switch .ls-wrap input { position: absolute; opacity: 0; z-index: 5; }
.lang-switch .ls-wrap input + span span { border-radius: 8px;z-index: 1;position: relative;font-weight:400;}
.lang-switch .ls-wrap input + span span:first-child {  color: var(--secondaryColor);font-weight:700;}
.lang-switch .ls-wrap input:checked + span span:first-child { color: #000000;font-weight:400;}
.lang-switch .ls-wrap input:checked + span span:last-child { color: var(--secondaryColor);font-weight:700;}
.lang-switch .ls-wrap input:checked + span:after { left: 49px;}

/* faq wrap */  
.faq-wrap h2 { font-weight:600;}
.faq-cont > div { padding: 25px 0;}
.faq-cont > div:nth-child(odd){ background-color: #F9FAFB;}
.faq-cont > div h3 { font-size: 24px;margin-bottom:20px;}
.faq-cont > div p { font-size: 18px;font-weight:500;}
.faq-cont .btn { font-weight: 700;}

/* form main */
.form-main label { font-size: 20px;display:block;margin-bottom:10px;}
.form-main label small { font-size: 14px;display:block;}
.form-main .form-control { height: 50px;border-radius:10px;border: 1px solid #949494;}
.form-main .form-control:focus { border: 2px solid rgba(0,186,175,0.90);box-shadow: none;}
.form-main .btn { width: 200px;}

/* badge wrap */
.badge-wrap .badge { background-color: #ECFCFF;border:1px solid #80E3F5;font-size:12px;color:#000000;font-weight:400;}

/* pagination */
.pagination .page-link { border: none;color:var(--primaryColor);border-radius: 5px;}
.pagination .page-item.disabled .page-link { color: rgba(0,0,0,0.20);}
.pagination .page-item.active .page-link { background-color: var(--primaryColor);}

/* default list */
.default-list { padding-left: 30px;}
.default-list li { list-style: disc;font-weight: 500;margin-bottom: 10px;}
.default-list li:last-child { margin-bottom: 0;}

/* footer */
footer .footer-top { background-color: var(--primaryColor);padding:50px 0;}
footer .footer-top .ft-item { padding-right: 50px;}
footer .footer-top h3,
footer .footer-top h4 { font-size: 16px;font-weight:700;color:#ffffff;margin-bottom:15px;}
footer .footer-top h4 { margin-bottom:0;}
footer .footer-top a { font-size: 16px;color:#ffffff;text-decoration:none;margin-top:10px;display:block;}
footer .footer-top .ft-info { border-top: 1px solid rgba(255,255,255,0.6);padding-top:30px;margin-top:30px;}
footer .footer-top .ft-info p { font-size: 16px;color:#ffffff;}
footer .footer-bottom { background-color: #0096FF;padding:20px 0;color:#ffffff;}

/* modal */
.modal .modal-header { border: none;}
.modal .modal-body .form-control,
.modal .modal-body .form-select { border-radius: 5px;font-size:14px;padding: 8px 12px;}
.modal .modal-footer { background-color: #F5F6F7;}

/* top button*/
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #FF6B00;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #0096FF;
}