@font-face { font-family: "Webparseh-Regular"; src: url(/fonts/Webparseh-Regular.eot); src: url(/fonts/Webparseh-Regular?#iefix) format("embedded-opentype"),url(/fonts/Webparseh-Regular.woff) format("woff"),url(/fonts/Webparseh-Regular.ttf) format("truetype"); font-weight: 400; font-style: normal }

body { font-family: "Webparseh-Regular", sans-serif; color: white; background-color: #212325 }

a { color: inherit; text-decoration: none; }

a:hover { color: #bd9866; text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: "Webparseh-Regular", sans-serif; color: white }

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position: fixed; display: none; right: 15px; bottom: 15px; z-index: 99999; }

.back-to-top i { display: flex; align-items: center; justify-content: center; font-size: 24px; width: 40px; height: 40px; border-radius: 4px; background: #ddb98d; color: #fff; transition: all 0.4s; }

.back-to-top i:hover { background: #0d6efd; color: #fff; }

/*--------------------------------------------------------------
# Disable AOS delay on mobile
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    [data-aos-delay] { transition-delay: 0 !important; }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    .image-logo { max-width: 70%; }
}

.image-logo { max-width: 45%; }

#header { z-index: 997; transition: all 0.5s; padding: 8px 0; background-color: #212325; box-shadow: 0px 2px 18px rgba(0, 0, 0, 0.4); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); }

#header .logo h1 { font-size: 32px; margin: 0; padding: 0; line-height: 1; font-weight: 700; letter-spacing: 1px; }

#header .logo h1 a, #header .logo h1 a:hover { color: white; text-decoration: none; }

#header .logo img { padding: 0; margin: 0; max-height: 70px; }

@media (max-width: 768px) {

    .logo { padding-right: 5px; }

    #header { direction: ltr !important; }

    #header .logo h1 { font-size: 28px; }
}

.logo { /*margin-left: 25px;*/ display: flex }



.button-header { padding: 12px 20px }

.button.bg:hover { border-color: #fff; color: #fff }

.header_area .navbar-right { min-width: 200px; text-align: right }

@media (max-width: 991px) {
    .header_area .navbar-right { margin: 20px 0 }
    #header { background: #ddb98d; direction: ltr !important; }
}

.appointment-btn { background: #ddb98d; color: black !important; border-radius: 5px; padding: 8px 20px !important; transition: 0.3s !important; font-weight: 900; display: inline-block !important; border: 2px solid #bd9866 !important }

.appointment-btn:hover { background: #bd9866 !important; color: #d2dcff !important; border: 2px solid #bd9866 !important; }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none; flex-grow: 5 }

.nav-menu > ul > li { position: relative; white-space: nowrap; float: right; padding: 8px }

.nav-menu a { display: block; position: relative; color: #ddb98d; padding: 13px 0 12px 10px; transition: 0.3s; font-size: 15px; font-family: "Webparseh-Regular", sans-serif; font-weight: 900; }
.nav-menu span { display: block; position: relative; color: #ddb98d; padding: 13px 0 12px 30px; transition: 0.3s; font-size: 16px; font-family: "Webparseh-Regular", sans-serif; font-weight: 900; }

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a { color: white; text-decoration: none; }

.nav-menu .get-started a { background: #ddb98d; color: #fff; border-radius: 50px; margin: 0 0 0 30px; padding: 10px 25px; }

.nav-menu .get-started a:hover { background: #57aae1; color: #fff; }

.nav-menu .drop-down ul { display: block; position: absolute; right: 0; top: calc(100% + 30px); z-index: 99; opacity: 0; visibility: hidden; padding: 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: ease all 0.3s; border-radius: 5px; }

.nav-menu .drop-down:hover > ul { opacity: 1; top: 100%; visibility: visible; }

.nav-menu .drop-down li { min-width: 180px; position: relative; }

.nav-menu .drop-down ul a { padding: 6px 20px; font-size: 14px; text-transform: none; color: #222222; }

.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a { color: #ddb98d; }

/*    .nav-menu .drop-down > a:after {
        content: "\ea99";
        font-family: IcoFont;
        padding-left: 5px;
    }*/

.nav-menu .drop-down .drop-down ul { top: 0; left: calc(100% - 30px); }

.nav-menu .drop-down .drop-down:hover > ul { opacity: 1; top: 0; left: 100%; }

.nav-menu .drop-down .drop-down > a { padding-right: 35px; }

.nav-menu .drop-down .drop-down > a:after { content: "\eaa0"; font-family: IcoFont; position: absolute; right: 15px; }

.nav-menu i { font-size: 17px; padding-left: 5px; line-height: 1; }

@media (max-width: 1366px) {
    .nav-menu .drop-down .drop-down ul { left: -90%; }

    .nav-menu .drop-down .drop-down:hover > ul { left: -100%; }

    .nav-menu .drop-down .drop-down > a:after { content: "\ea9d"; }
}

/* Mobile Navigation */
.mobile-nav-toggle { position: fixed; right: 15px; top: 15px; z-index: 99999; border: 0; background: none; font-size: 24px; transition: all 0.4s; outline: none !important; line-height: 1; cursor: pointer; text-align: right; }

.mobile-nav-toggle i { color: #fff; top: 3px; font-size: 44px; position: absolute; }

.mobile-nav { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; overflow-y: auto; background: #343434; transition: ease-in-out 0.2s; opacity: 0; visibility: hidden; border-radius: 10px; padding: 80px 20px 50px; color: wheat }

.mobile-nav * { margin: 4px; padding: 0; list-style: none; }

.mobile-nav a { display: block; position: relative; padding: 10px 20px; font-weight: bold; outline: none; }

.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a { color: #ddb98d; text-decoration: none; }

.mobile-nav .get-started { text-align: center; margin-top: 10px; }

.mobile-nav .get-started a { background: #ddb98d; color: #fff; border-radius: 50px; margin: 0 15px; padding: 10px 30px; display: inline-block; }

.mobile-nav .get-started a:hover { background: #57aae1; color: #fff; }

.mobile-nav .drop-down > a:after { display: none; content: "\ea99"; font-family: IcoFont; padding-left: 10px; position: absolute; right: 15px; }

.mobile-nav .active.drop-down > a:after { content: "\eaa1"; }

.mobile-nav .drop-down > a { }

.mobile-nav .drop-down ul { display: none; overflow: hidden; }

.mobile-nav .drop-down li { padding-left: 20px; }

.mobile-nav-overly { width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(9, 9, 9, 0.6); overflow: hidden; display: none; transition: ease-in-out 0.2s; }

.mobile-nav-active { overflow: hidden; }

.mobile-nav-active .mobile-nav { opacity: 1; visibility: visible; }

.mobile-nav-active .mobile-nav-toggle i { color: #fff; }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero { width: 100%; margin-top: 30px; background-color: #fff; }

#hero h1 { margin: 0 0 10px 0; font-size: 50px; font-weight: 900; line-height: 60px; color: #212325; }

#hero h2 { color: #484848; margin-bottom: 50px; font-size: 17px; line-height: 30px; text-align: justify; letter-spacing: -1px; }

#hero .btn-get-started { font-family: "Webparseh-Regular", sans-serif; font-weight: 500; font-size: 16px; display: inline-block; padding: 10px 15px; border-radius: 50px; transition: 0.5s; color: #ddb98d; border: 2px solid #ddb98d; }

#hero .btn-get-started:hover { background: #ddb98d; color: #fff; }

#hero .animated { animation: up-down 2s ease-in-out infinite alternate-reverse both; }

#hero .hero-img img { float: left }

@media (min-width: 1024px) {
    #hero { background-attachment: fixed; }
}

@media (max-width: 991px) {
    /*#hero { height: 100vh; }*/

    #hero .animated { -webkit-animation: none; animation: none; }

    #hero .hero-img { text-align: center; }

    #hero .hero-img img { float: none; }
}

@media (max-width: 768px) {
    /*#hero { margin-top: 20px; }*/

    #hero h1 { font-size: 28px; line-height: 36px; }

    #hero h2 { font-size: 18px; line-height: 2em; margin-bottom: 30px; }

    #hero .hero-img img { width: 100%; float: unset; margin: -20px 0 -60px }
}

@media (max-width: 575px) {
    #hero .hero-img img { float: none }
}

@-webkit-keyframes up-down {
    0% { transform: translateY(10px); }

    100% { transform: translateY(-10px); }
}

@keyframes up-down {
    0% { transform: translateY(10px); }

    100% { transform: translateY(-10px); }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section { padding: 60px 0; overflow: hidden; }

.section-bg { background-color: #f7fbfe; }

.section-title { text-align: center; padding-bottom: 30px; }

.section-title h2 { font-size: 32px; font-weight: bold; text-transform: uppercase; position: relative; color: #222222; }


@media (max-width: 768px) {
    .section-title h2 { font-size: 22px; }
}

.section-title p { margin: 15px 0 0 0; color: white }

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients { background: #f3f9fd; padding: 10px 0; text-align: center; }

.clients .col-lg-2 { display: flex; align-items: center; justify-content: center; }

.clients img { width: 50%; -webkit-filter: grayscale(100); filter: grayscale(100); transition: all 0.4s ease-in-out; display: inline-block; padding: 10px 0; }

.clients img:hover { -webkit-filter: none; filter: none; transform: scale(1.1); }

@media (max-width: 768px) {
    .clients img { width: 40%; }
}

@media (max-width: 575px) {
    .clients img { width: 30%; }
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about { background-color: #1b1a1a }

.about .content h3 { font-weight: 600; font-size: 26px; }

.about .content ul { list-style: none; padding: 0; }

.about .content ul li { padding-right: 28px; position: relative; }

.about .content ul li + li { margin-top: 10px; }

.about .content ul i { position: absolute; right: 0; top: 2px; font-size: 20px; color: #ddb98d; line-height: 1; }

.about .content p:last-child { margin-bottom: 0; }

.about .content .btn-learn-more { font-family: "Webparseh-Regular", sans-serif; font-weight: 600; font-size: 14px; letter-spacing: 1px; display: inline-block; padding: 12px 32px; border-radius: 50px; transition: 0.3s; line-height: 1; color: #ddb98d; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; margin-top: 6px; border: 2px solid #ddb98d; }

.about .content .btn-learn-more:hover { background: #ddb98d; color: #fff; text-decoration: none; }

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts { background-color: #1b1a1a }

.counts .content { padding: 0; }

.counts .content h3 { font-weight: 700; font-size: 34px; color: #222222; }

.counts .content p { margin-bottom: 0; }

.counts .content .count-box { padding: 20px 0; width: 100%; }

.counts .content .count-box i { display: block; font-size: 36px; color: #ddb98d; float: right; margin-left: 8px; }

.counts .content .count-box span { font-size: 36px; line-height: 30px; /*display: block;*/ font-weight: 700; color: #ddb98d; margin-left: 10px; }

.counts .content .count-box p { padding: 15px 0 0 0; margin: 0 0 0 50px; font-family: "Webparseh-Regular", sans-serif; font-size: 14px; color: #ddb98d; text-align: justify; }

.counts .content .count-box a { font-weight: 600; display: block; margin-top: 20px; color: #484848; font-size: 15px; font-family: "Webparseh-Regular", sans-serif; transition: ease-in-out 0.3s; }

.counts .content .count-box a:hover { color: #6f6f6f; }

@media (max-width: 1024px) {
    .counts .image { text-align: center; }

    .counts .image img { max-width: 70%; }
}

@media (max-width: 667px) {
    .counts .image img { max-width: 100%; }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box { padding: 30px; position: relative; overflow: hidden; background: #242424; box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12); transition: all 0.3s ease-in-out; border-radius: 8px; z-index: 1; }

.services .icon-box::before { content: ''; position: absolute; background: #e6ebfd; right: -60px; top: -40px; width: 100px; height: 100px; border-radius: 50px; transition: all 0.3s; z-index: -1; }

.services .icon-box:hover::before { background: #ddb98d; right: 0; top: 0; width: 100%; height: 100%; border-radius: 0px; }

.services .icon-box:hover .btn-card-services { color: #ddb98d !important; background-color: #fff !important; }

.services .icon { margin: 0 auto 20px auto; padding-top: 10px; display: inline-block; text-align: center; border-radius: 50%; width: 60px; height: 60px; background: #ddb98d; transition: all 0.3s ease-in-out; }

.services .icon i { font-size: 36px; line-height: 1; color: #fff; }

.services .title { font-weight: 700; margin-bottom: 15px; font-size: 18px; }

.services .title a { color: #111; }

.services .description { font-size: 15px; line-height: 22px; margin-bottom: 0; text-align: right; }

.services .icon-box:hover .title a, .services .icon-box:hover .description { color: #fff; }

.services .icon-box:hover .icon { background: #fff; }

.services .icon-box:hover .icon i { color: #ddb98d; }

/*--------------------------------------------------------------
# More Services
--------------------------------------------------------------*/

blog-box { padding-top: 20px; background-color: #212325; }
/*.blog-box { padding-top: 20px; }

.blog-box .card { border: 0; padding: 160px 20px 20px 20px; position: relative; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; }

.blog-box .card-body { z-index: 10; background: rgba(255, 255, 255, 0.9); padding: 15px 30px; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); transition: 0.3s; transition: ease-in-out 0.4s; border-radius: 17px; }

.blog-box .card-title { font-weight: 700; text-align: center; margin-bottom: 15px; }

.blog-box .card-title a { color: #222222; }

.blog-box .card-text { color: #5e5e5e; font-size: 13px; }

.blog-box .read-more a { color: #ddb98d; text-transform: uppercase; font-weight: 600; font-size: 12px; transition: 0.4s; padding: 8px; }

.blog-box .read-more a:hover { color: #fff !important; }

.icon-more { font-size: 24px; float: left; margin-left: 7px; }

.blog-box .card:hover .card-body { background: #ddb98d; }

.blog-box .card:hover .read-more a, .blog-box .card:hover .card-title, .blog-box .card:hover .card-title a, .blog-box .card:hover .card-text { color: #fff; }

@media (max-width: 768px) {
    .read-more { text-align: center; margin-bottom: 10px; }
}*/

.card { border-radius: 4px !important; min-height: 365px; background-color: #1b1a1a }
.blog-box .card-text { color: #ddb98d; font-size: 14px; margin-top: 10px; line-height: 1.8em }

.card-link { color: white !important; font-size:19px }

.card-link:hover { color: wheat !important; }

.icon-faq { font-size: 25px; position: relative; margin-left: 5px; top: 0; float: right }

.question-faq { font-size: 18px; font-weight: 600; }



/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/

.features { background-color: #1b1a1a }
.features .icon-box { display: flex; align-items: center; padding: 20px; background: #2e2e2e; transition: ease-in-out 0.3s; border-radius: 15px; border: 1px solid #545048; }

.features .icon-box i { font-size: 32px; padding-left: 8px; line-height: 1; }

.features .icon-box h3 { font-weight: 700; margin: 0; padding: 0; line-height: 1; font-size: 16px; }

.features .icon-box h3 a { color: white; transition: ease-in-out 0.3s; }

.features .icon-box h3 a:hover { color: wheat; }

.features .icon-box:hover { background: #212325; border: 1px solid #ddb98d; }

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonials .testimonial-wrap { padding-left: 50px; }

.testimonials .testimonial-item { box-sizing: content-box; padding: 30px 30px 30px 60px; margin: 30px 15px; min-height: 200px; box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08); position: relative; background: #fff; }

.testimonials .testimonial-item .testimonial-img { width: 90px; border-radius: 10px; border: 6px solid #fff; position: absolute; left: -45px; }

.testimonials .testimonial-item h3 { font-size: 18px; font-weight: bold; margin: 10px 0 5px 0; color: #111; }

.testimonials .testimonial-item h4 { font-size: 14px; color: #999; margin: 0; }

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right { color: #e1f0fa; font-size: 26px; }

.testimonials .testimonial-item .quote-icon-left { display: inline-block; left: -5px; position: relative; }

.testimonials .testimonial-item .quote-icon-right { display: inline-block; right: -5px; position: relative; top: 10px; }

.testimonials .testimonial-item p { font-style: italic; margin: 15px auto 15px auto; }

.testimonials .owl-nav, .testimonials .owl-dots { margin-top: 5px; text-align: center; }

.testimonials .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #ddd !important; }

.testimonials .owl-dot.active { background-color: #ddb98d !important; }

@media (max-width: 767px) {
    .testimonials .testimonial-wrap { padding-left: 0; }

    .testimonials .testimonial-item { padding: 30px; margin: 15px; }

    .testimonials .testimonial-item .testimonial-img { position: static; left: auto; }
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/

.portfolio { background-color: #212325 }

.portfolio .portfolio-item { margin-bottom: 30px; }

.portfolio #portfolio-flters { padding: 0; margin: 0 auto 20px auto; list-style: none; text-align: center; }

.portfolio #portfolio-flters li { cursor: pointer; display: inline-block; padding: 8px 15px 10px 15px; font-size: 14px; font-weight: 600; line-height: 1; text-transform: uppercase; color: #222222; margin-bottom: 5px; transition: all 0.3s ease-in-out; border-radius: 3px; }

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active { color: #fff; background: #ddb98d; }

.portfolio #portfolio-flters li:last-child { margin-right: 0; }

.portfolio .portfolio-wrap { transition: 0.3s; position: relative; overflow: hidden; z-index: 1; background: rgba(34, 34, 34, 0.6); }

.portfolio .portfolio-wrap::before { content: ""; background: rgba(34, 34, 34, 0.6); position: absolute; left: 0; right: 0; top: 0; bottom: 0; transition: all ease-in-out 0.3s; z-index: 2; opacity: 0; }

.portfolio .portfolio-wrap img { transition: all ease-in-out 0.3s; }

.portfolio .portfolio-wrap .portfolio-info { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 3; transition: all ease-in-out 0.3s; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 20px; }

.portfolio .portfolio-wrap .portfolio-info h4 { font-size: 20px; color: #fff; font-weight: 600; }

.portfolio .portfolio-wrap .portfolio-info p { color: rgba(255, 255, 255, 0.7); font-size: 14px; text-transform: uppercase; padding: 0; margin: 0; font-style: italic; }

.portfolio .portfolio-wrap .portfolio-links { text-align: center; z-index: 4; }

.portfolio .portfolio-wrap .portfolio-links a { color: #fff; margin: 0 5px 0 0; font-size: 28px; display: inline-block; transition: 0.3s; }

.portfolio .portfolio-wrap .portfolio-links a:hover { color: #ddb98d; }

.portfolio .portfolio-wrap:hover::before { opacity: 1; }

.portfolio .portfolio-wrap:hover img { transform: scale(1.2); }

.portfolio .portfolio-wrap:hover .portfolio-info { opacity: 1; }

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member { margin-bottom: 20px; overflow: hidden; text-align: center; border-radius: 5px; background: #fff; box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); }

.team .member .member-img { position: relative; overflow: hidden; }

.team .member .social { position: absolute; left: 0; bottom: 0; right: 0; height: 40px; opacity: 0; transition: ease-in-out 0.3s; text-align: center; background: rgba(255, 255, 255, 0.85); }

.team .member .social a { transition: color 0.3s; color: #222222; margin: 0 10px; padding-top: 8px; display: inline-block; }

.team .member .social a:hover { color: #ddb98d; }

.team .member .social i { font-size: 18px; margin: 0 2px; }

.team .member .member-info { padding: 25px 15px; }

.team .member .member-info h4 { font-weight: 700; margin-bottom: 5px; font-size: 18px; color: #222222; }

.team .member .member-info span { display: block; font-size: 13px; font-weight: 400; color: #aaaaaa; }

.team .member .member-info p { font-style: italic; font-size: 14px; line-height: 26px; color: #777777; }

.team .member:hover .social { opacity: 1; }

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box { padding: 20px; background: #242424; text-align: center; border-radius: 8px; position: relative; overflow: hidden; border: 2px solid #f9f9f9; }

.pricing .box h3 { font-weight: 400; padding: 15px; margin-top: 15px; font-size: 18px; font-weight: 600; color: white; }

.pricing .box h4 { font-size: 42px; color: white; font-weight: 900; font-family: "Webparseh-Regular", sans-serif; margin-bottom: 20px; }

.pricing .box h4 sup { font-size: 20px; top: -15px; left: -3px; }

.pricing .box h4 span { font-size: 16px; font-weight: 300; }

.pricing .box ul { padding: 15px 15px 15px 15px; list-style: none; color: #ddb98d; text-align: right; line-height: 5px; font-size: 14px; }

.pricing .box ul li { padding-bottom: 16px; display: flex; align-items: center; }

.pricing .box ul i { color: #ddb98d; font-size: 18px; padding-right: 4px; padding-bottom: 7px }

.pricing .box ul .na { color: #ccc; text-decoration: line-through; }

.pricing .box .btn-wrap { padding: 15px; text-align: center; }

.pricing .box .btn-buy { display: inline-block; padding: 10px 40px 12px 40px; border-radius: 50px; border: 2px solid #ddb98d; color: #ddb98d; font-size: 14px; font-weight: 400; font-family: "Webparseh-Regular", sans-serif; font-weight: 600; transition: 0.3s; }

.pricing .box .btn-buy:hover { background: #ddb98d; color: #fff; }

.pricing .recommended { border-color: #ddb98d; }

.pricing .recommended .btn-buy { background: #ddb98d; color: #fff; }

.pricing .recommended .btn-buy:hover { background: #2383c4; border-color: #2383c4; }

/*# F.A.Q
--------------------------------------------------------------*/
.faq { background-color: #1b1a1a }

.faq .faq-list { padding: 0; }

.faq .faq-list ul { padding: 0; list-style: none; }

.faq .faq-list li + li { margin-top: 15px; }

.faq .faq-list li { padding: 20px; background: #fff; border-radius: 12px; position: relative; }

.faq .faq-list a { display: block; position: relative; font-family: "Shabnam FD", sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; padding: 0; outline: none; padding-left: 32px !important; }

.faq .faq-list .icon-help { font-size: 24px; position: absolute; right: 0; left: 20px; color: #ddb98d; }

.faq .faq-list .icon-show, .faq .faq-list .icon-close { font-size: 30px; position: absolute; left: 0; top: 0; }

.faq .faq-list p { margin-bottom: 0; padding: 10px 0 0 0; }

.faq .faq-list .icon-show { display: none; }

.faq .faq-list a.collapsed { color: #ddb98d; }

.faq .faq-list a.collapsed:hover { color: #931ad4;; }

.faq .faq-list a.collapsed .icon-show { display: inline-block; }

.faq .faq-list a.collapsed .icon-close { display: none; }

@media (max-width: 1200px) {
    .faq .faq-list { padding: 0; }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .contact-about h3 { font-size: 28px; margin: 0 0 10px 0; padding: 0; line-height: 1; font-weight: 700; letter-spacing: 1px; color: #222222; }

.contact .contact-about p { font-size: 15px; line-height: 24px; font-family: "Webparseh-Regular", sans-serif; }

.contact .social-links { padding-bottom: 20px; }

.contact .social-links a { font-size: 25px; display: inline-block; background: #fff; color: #ddb98d; line-height: 1; padding: 7px 0px; margin-right: 5px; border-radius: 50%; text-align: center; width: 40px; height: 40px; transition: 0.3s; border: 1px solid #ddb98d; }

.contact .social-links a:hover { background: #ddb98d; color: #fff; }

.contact .info { color: #444444; }

.contact .info i { font-size: 32px; color: #ddb98d; float: right; line-height: 1; }

.contact .info p { padding: 0 42px 10px 0; line-height: 28px; font-size: 16px; font-weight: 600; color: white }

.contact .validate { display: none; color: red; margin: 0 0 15px 0; font-weight: 400; font-size: 13px; }

.contact .error-message { display: none; color: #fff; background: #ed3c0d; text-align: left; padding: 15px; font-weight: 600; }

.contact .error-message br + br { margin-top: 25px; }

.contact .sent-message { display: none; color: #fff; background: #18d26e; text-align: center; padding: 15px; font-weight: 600; }

.contact .loading { display: none; background: #fff; text-align: center; padding: 15px; }

.contact .loading:before { content: ""; display: inline-block; border-radius: 50%; width: 24px; height: 24px; margin: 0 10px -6px 0; border: 3px solid #18d26e; border-top-color: #eee; -webkit-animation: animate-loading 1s linear infinite; animation: animate-loading 1s linear infinite; }

.contact .form-group { margin-bottom: 20px; }

.contact input, .contact textarea { border-radius: 0; box-shadow: none; font-size: 14px; padding: 10px 15px; }

.contact input:focus, .contact textarea:focus { border-color: #ddb98d; }

.contact button[type="submit"] { background: #ddb98d; border: 0; padding: 10px 24px; color: #fff; transition: 0.4s; border-radius: 50px; }

.contact button[type="submit"]:hover { background: #2383c4; }

@-webkit-keyframes animate-loading {
    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }
}

@keyframes animate-loading {
    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs { padding: 15px 0; background: #373737; min-height: 40px; margin-top: 130px; color: white }

@media (max-width: 992px) {
    .breadcrumbs { margin-top: 110px; }
}

.breadcrumbs h2 { font-size: 24px; font-weight: 400; margin: 0; }

.breadcrumbs ol { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; font-size: 14px; }

@media (max-width: 992px) {
    .breadcrumbs ol { margin-top: 10px; }
}

.breadcrumbs ol li + li { padding-left: 10px; }

.breadcrumbs ol li + li::before { display: inline-block; padding-right: 10px; padding-left: 10px; color: #3c3c3c; content: "/"; }

@media (max-width: 768px) {
    .breadcrumbs .d-flex { display: block !important; }

    .breadcrumbs ol { display: block; }

    .breadcrumbs ol li { display: inline-block; }
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details { padding-top: 20px; }

.portfolio-details .portfolio-title { font-size: 26px; font-weight: 700; margin-bottom: 20px; }

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots { margin-top: 5px; text-align: center; }

.portfolio-details .portfolio-details-carousel .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #ddd !important; }

.portfolio-details .portfolio-details-carousel .owl-dot.active { background-color: #ddb98d !important; }

.portfolio-details .portfolio-info { padding-top: 45px; }

.portfolio-details .portfolio-info h3 { font-size: 22px; font-weight: 400; margin-bottom: 20px; }

.portfolio-details .portfolio-info ul { list-style: none; padding: 0; font-size: 15px; }

.portfolio-details .portfolio-info ul li + li { margin-top: 10px; }

.portfolio-details .portfolio-info p { font-size: 15px; padding: 15px 0 0 0; }

@media (max-width: 992px) {
    .portfolio-details .portfolio-info { padding-top: 20px; }
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { background: #1b1a1a; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1); padding: 30px 0; color: white; font-size: 14px; direction: ltr; }

#footer .credits { font-size: 13px; padding-top: 5px; color: white; }

#footer .footer-links a { color: white; padding: 0 15px; display: inline-block; height: 50px; line-height: 50px; min-width: 50px; }

#footer .footer-links a:first-child { padding-left: 15px; }

#footer .footer-links a:hover { color: wheat; }

.ok { color: #0dbe6d !important; font-size: 28px !important; }

.no { color: #fc0012 !important; font-size: 28px !important; }

.footer_area .col-sm-6 { margin-bottom: 30px }

.footer_area .footer_inner { margin-bottom: -30px }

@media (max-width: 767px) {
    .footer-bottom { text-align: center }

    .footer-bottom .footer-social { text-align: center; margin-top: 15px }
}


@media (max-width: 575px) {
    .footer-area { padding: 70px 0px }
}

.footer-area { padding: 120px 0px 120px; background: #0e1424 }

@media (max-width: 991px) {
    .footer-area { padding: 60px 0px }
}

@media (max-width: 991px) {
    .footer-area .single-footer-widget { margin-bottom: 30px }
}

.footer-area .single-footer-widget p { color: #7b838a }

.footer-area .single-footer-widget h4 { color: #fff; font-size: 22px; margin-bottom: 25px; font-weight: 600 }

@media (max-width: 1024px) {
    .footer-area .single-footer-widget h4 { font-size: 18px }
}

@media (max-width: 991px) {
    .footer-area .single-footer-widget h4 { margin-bottom: 15px }
}

.footer-area .single-footer-widget ul li { margin-bottom: 10px }

.footer-area .single-footer-widget ul li a { color: #797979 }

.footer-area .single-footer-widget .form-wrap { margin-top: 25px }

.footer-area .single-footer-widget input { height: 48px; border: none; width: 67% !important; font-weight: 400; background: rgba(255,255,255,0.2); color: #fff; padding-left: 20px; border-radius: 0; font-size: 14px; padding: 10px }

.footer-area .single-footer-widget input:focus { outline: none; box-shadow: none }

.footer-area .single-footer-widget input.placeholder { padding-left: 10px; color: #797979 }

.footer-area .single-footer-widget input:-moz-placeholder { padding-left: 10px; color: #797979 }

.footer-area .single-footer-widget input::-moz-placeholder { padding-left: 10px; color: #797979 }

.footer-area .single-footer-widget input::-webkit-input-placeholder { padding-left: 10px; color: #797979 }

.footer-area .single-footer-widget .click-btn { color: #3a414e; border-radius: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; padding: 8px 20px; border: 0; font-size: 14px; background: #fff; font-weight: 500; text-transform: capitalize; position: relative; left: 0 }

.footer-area .single-footer-widget .click-btn:focus { outline: none; box-shadow: none }

@media (max-width: 375px) {
    .footer-area .single-footer-widget .click-btn { margin-top: 10px }
}

@media (min-width: 400px) {
    .footer-area .single-footer-widget .click-btn { left: -50px }
}

.footer-area .footer-bottom { margin-top: 70px }

@media (max-width: 991px) {
    .footer-area .footer-bottom { margin-top: 20px }
}

.footer-area .footer-bottom p { color: #797979 }

.footer-area .footer-bottom p a { color: #fff }

.footer-area .footer-bottom .footer-social { text-align: center }

@media (max-width: 991px) {
    .footer-area .footer-bottom .footer-social { text-align: left; margin-top: 30px }
}

.footer-area .footer-bottom .footer-social a { background: rgba(255,255,255,0.15); margin-left: 3px; width: 32px; color: #fff; display: inline-grid; text-align: center; height: 32px; align-content: center }

.footer-area .footer-bottom .footer-social a:hover { background: #fff; color: #21146a }

.footer-area .footer-bottom .footer-social a i, .footer-area .footer-bottom .footer-social a span { font-size: 14px }


.footer { background: #ddb98d none repeat scroll 0 0; padding: 20px 0; direction: ltr !important; }

.footer_social { text-align: left; margin-left: 18px; margin-top: 25px; }

.posfootertxt { margin-top: -5px; font-size: 16px; font-weight: 100; position: absolute; color: #fff }

@media only screen and (max-width:480px) {
    .pull-right { float: none !important; }
}

.footer_social ul { list-style: outside none none; margin: 0; padding: 0; }

@media only screen and (max-width:480px) {
    .footer_social ul { text-align: center; }
}

.footer_social ul li { display: inline-block }

.footer_social ul li a { color: #fff; display: block; font-size: 32px; height: 48px; line-height: 65px; text-align: center; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; width: 48px; }

.footer_social ul li a:hover { color: #ffca00 }
/*END FOOTER SOCIAL DESIGN*/
.copyright p { color: #dfd3eb; margin-bottom: 0; padding-top: 10px; direction: rtl; text-align: right; }

@media only screen and (max-width:480px) {
    .copyright p { text-align: center; }
}


.icon-footer { font-size: 60px !important; /*line-height: 28px !important;*/ }

.icon-about { font-size: 36px !important; line-height: 33px !important; margin-left: 5px; position: absolute; margin-right: -38px; }


@media only screen and (min-width: 768px) and (max-width: 991px) {
    .posfootertxt { font-size: 14px; font-weight: 600; position: relative; margin-right: auto; }
}

@media only screen and (max-width: 767px) {
    .posfootertxt { font-size: 14px; font-weight: 600; position: relative; margin-right: 15%; margin-bottom: -5%; }
}

.posfootertxt { margin-top: -5px; font-size: 16px; font-weight: 100; position: absolute; color: #fff }

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .posfootertxt { font-size: 14px; font-weight: 600; position: relative; margin-right: auto; }
}

@media only screen and (max-width: 767px) {
    .posfootertxt { font-size: 14px; font-weight: 600; position: relative; margin-right: 15%; margin-bottom: -5%; }

    .brand { display: none }
}

.our-address { background: #f9f9f9; }

@media only screen and (max-width:480px) {
    .single_address { margin-bottom: 30px; }
}

.single_address i { color: #ffca00; font-size: 42px; padding-bottom: 15px; }

.single_address h4 { text-transform: capitalize; }

.single_address p { color: #777; color: #dfd3eb; font-size: 22px; direction: ltr; }

.our-address { background: #ddb98d; margin-top: -60px }

@media (max-width: 767px) {
    .appointment-btn { padding: 6px 10px 3px 20px !important; font-size: 19px !important; }
}


.icon-phone { font-size: 26px !important; top: 2px; right: 10px; position: relative; float: left; }

.center { margin: auto; border: 3px solid green; overflow: auto }

.icon-header { font-size: 30px; color: #fff; padding: 5px }

.btn-default { color: #fff !important; background-color: #ddb98d !important; border-radius: 25px !important; border: 3px solid #ddb98d !important; }

.btn-default:hover { color: wheat !important; background-color: #ddb98d !important; border: 3px solid #ddb98d !important; }

.btn-default-2 { color: #ddb98d !important; background-color: #fff !important; border-radius: 25px !important; border: 3px solid #ddb98d !important; }

.btn-default-2:hover { color: #ddb98d !important; background-color: #fcdc00 !important; border: 3px solid #fcdc00 !important; }

.btn { margin: 2px; line-height: 1.8em; color: inherit; text-transform: uppercase; word-wrap: break-word; white-space: normal; cursor: pointer; border-radius: 5px; font-size: 13px; }
.btn { color: #212325 !important }
.waves-effect { position: relative; overflow: hidden; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

.icon-card-link { float: right; line-height: 20px; font-size: 25px; margin-left: 5px; }

.icon-card-detail { float: right; line-height: 20px; font-size: 25px; margin-left: 5px; }


.icon-card-link-left { float: left; line-height: 20px; font-size: 25px; margin-right: 5px; }

.btn-card-services { color: #ddb98d !important; background-color: #fff !important; border-radius: 25px !important; border: 3px solid #ddb98d !important; position: absolute; bottom: 20px; right: 50%; width: 150px; margin-right: -75px; }

.btn-card-services:hover { color: #ddb98d !important; background-color: #fff !important; border: 3px solid #ddb98d !important; }

.padding-card { padding-bottom: 80px !important; }


.icon-silder { float: left; line-height: 24px; font-size: 28px; margin-right: 8px; }

.text-faq { font-size: 14px !important; text-align: justify !important; }


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel { margin-bottom: 4rem; }
/* Since positioning the image, we need to help out the caption */
.carousel-caption { bottom: 3rem; z-index: 10; }

/* Declare heights because of positioning of img element */
.carousel-item { height: 32rem; }

.carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 32rem; }


/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 { margin-bottom: 1.5rem; text-align: center; }

.marketing h2 { font-weight: 400; }

.marketing .col-lg-4 p { margin-right: .75rem; margin-left: .75rem; }


/* Featurettes
------------------------- */

.featurette-divider { margin: 5rem 0; /* Space out the Bootstrap <hr> more */ }

/* Thin out the marketing headings */
.featurette-heading { font-weight: 300; line-height: 1; letter-spacing: -.05rem; }


/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
    /* Bump up size of carousel content */
    .carousel-caption p { margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; }

    .featurette-heading { font-size: 50px; }
}

@media (min-width: 62em) {
    .featurette-heading { margin-top: 7rem; }
}

.margin-top-menu { margin-top: 5%; }

.margin-top-main-blog { margin-top: -30px; }

.btn-more { width: 150px; margin-right: 20px; margin-top: 24px; }

.title-blog { font-weight: 900; font-size: 180%; line-height:1.6em }

.text-details-blog { font-size: 1.2em; text-align: justify; line-height: 2em; padding-top: 8px; }

.text-lead { font-weight: 700; padding-top: 24px; line-height: 2em; text-align: justify; font-size: 130%; }

.card-last { padding: 11px 0px 11px 16px !important; }

.card-img-last { border-bottom-right-radius: 17px !important; border-top-right-radius: 17px !important; border-top-left-radius: 0 !important; }

.icon-titel-page { font-size: 30px; float: right; line-height: 37px; margin-left: 10px; }

hr.style-two { border: 0; height: 3px; background-image: linear-gradient(to right, rgb(255 255 255), #ddb98d, rgb(255 255 255)); margin-bottom: 30px; }

.card-text:last-child{font-size:unset !important}

/*** pager ***/
.pager { width: 100%; direction: rtl; text-align: center; margin: 10px 0 10px 0; background-color: white; display: inline-block }
.pager span { display: inline-flex; margin: 5px 0 }
.pager a { margin-top: 5px; margin-bottom: 5px; float: right }
.pagerb { width: 100%; direction: rtl; text-align: center; margin: 10px 0 10px 0; background-color: #373737; display: inline-block }
.pagerb span { display: inline-flex; margin: 5px 0 }
.pagerb a { margin-top: 10px; margin-bottom: 5px; float: right }
.currentpage { color: #fff; font-size: 15px; display: block !important; float: right; margin: 10px 0 0 !important; font-weight: bold; padding: 0; height: 30px; width: 30px; border: 2px solid #ddb98d; background-color: #ddb98d; border-radius: 50px; line-height: 35px; }
.numeric { color: #ddb98d; font-size: 15px; background-color: #fff; float: right; margin: 0; padding: 0; height: 30px; width: 30px; border: 2px solid #ddb98d; border-radius: 50px; line-height: 35px; }
.numeric:hover { color: #fff; border: 2px solid #ddb98d; background-color: #ddb98d }
.npb { display: initial !important; float: right }
.npb img { margin: 10px 5px !important }
.leftb { margin: 12px 0 -8px; float: right }
.rightb { margin: 12px 0 -8px; float: right }

.morelinknews { width: 100%; float: right; text-align: center; color: White !important; padding: 11px 0 0; margin-bottom: 20px }

.text-prostyle { background-color: #ddb98d; font-weight: bold; padding: 0 5px; color: white; border-radius: 4px; }
.text-prostyle { background-color: #ddb98d; font-weight: bold; padding: 0 5px; color: white; border-radius: 4px; }

.text-prostyle:hover { background-color: #bd9866; color: #f1f1f1 !important }
.text-prostyle a:hover { color: #f1f1f1 !important }

.error-template { padding: 110px 0 100px; text-align: center; }
.error-actions { margin-top: 15px; margin-bottom: 15px; }
.error-actions .btn { margin-right: 10px; }


.services1 .icon-box1 { padding: 30px; position: relative; overflow: hidden; margin: 0 0 40px 0; background: #242424; box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1); transition: all 0.3s ease-in-out; border-radius: 15px; text-align: center; border-bottom: 5px solid #fff; }

.services2 .icon-box2 { padding: 30px; position: relative; overflow: hidden; margin: 0 0 40px 0; background: #242424; box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1); transition: all 0.3s ease-in-out; border-radius: 15px; text-align: center; border-bottom: 5px solid #fff; color: #272828; }
.services2 .icon-box2:hover { transform: translateY(-10px); border-color: #ddb98d; }


.services1 .icon-box1:hover { transform: translateY(-10px); border-color: #ddb98d; }


.icon-services1 { font-size: 36px; margin-bottom: 18px; }

.title-services1 { font-size: 19px; font-weight: 900; }

.title-services1:hover { color: #0d6efd !important; text-decoration: none !important; }

.description { font-size: 14px; font-weight: 100; text-align: justify; }

.description-seo { text-align: justify; direction: rtl }

.icon-size { font-size: 50px }

.cta { background: #2a2c39; }

.cta h3 { color: #fff; font-size: 28px; font-weight: 700; }

.cta p { color: #fff; }

.cta .cta-btn { text-transform: uppercase; font-weight: 700; font-size: 22px; letter-spacing: 1px; display: inline-block; padding: 12px 30px; border-radius: 50px; transition: 0.5s; margin: 10px; color: #fff; background: #ddb98d; }

.cta .cta-btn:hover { background: #fff; color: #ddb98d; }

.uploadimgbox { margin: 10px auto; min-height: 100px; min-width: 50px }
.uploadimgbox img { color: transparent; font-size: 1px }
.uploadimgdiv { min-height: 70px; text-align: center; background: #212325 url(/images/main/loader-main.gif) center center no-repeat }
.uploadimg { width: 100% !important; width: auto; float: right }
.uploadimgalt { width: 100%; padding: 1%; background-color: #373737; border-bottom: 1px solid silver; float: right; direction: rtl; text-align: center; font-size: 75%; font-weight: bold }

#imagelightbox { position: fixed; z-index: 9999999999; }
#imagelightbox-overlay { background-color: #fff; background-color: rgba(255,255,255,.9); position: fixed; z-index: 9999999999; top: 0; right: 0; bottom: 0; left: 0 }
#imagelightbox-close { width: 2.5em; height: 2.5em; text-align: left; background-color: #666; border-radius: 50%; position: fixed; z-index: 9999999999; top: 2.5em; right: 2.5em; border: 0; cursor: coiner; -webkit-transition: color .3s ease; transition: color .3s ease }
#imagelightbox-close:hover, #imagelightbox-close:focus { background-color: #111 }
#imagelightbox-close:before, #imagelightbox-close:after { width: 2px; background-color: #fff; content: ''; position: absolute; top: 20%; bottom: 20%; left: 50%; margin-left: -1px }
#imagelightbox-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
#imagelightbox-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
#imagelightbox-caption { text-align: center; color: #000; background-color: #f6f6f6; position: fixed; z-index: 9999999999; left: 0; right: 0; bottom: 0; padding: 1% 0; border-top: 1px solid silver }
#imagelightbox-nav { background-color: #444; background-color: rgba(0,0,0,.5); border-radius: 20px; position: fixed; z-index: 9999999999; left: 50%; bottom: 3.75em; padding: .313em; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) }
#imagelightbox-nav button { width: 1em; height: 1em; background-color: transparent; border: 1px solid #fff; border-radius: 50%; display: inline-block; margin: 0 .313em }
#imagelightbox-nav button.active { background-color: #fff }
.imagelightbox-arrow { display: none !important; width: 3.75em; height: 9.5em; background-color: #444; background-color: rgba(0,0,0,.5); vertical-align: middle; display: none; position: fixed; z-index: 9999999999; top: 50%; margin-top: -3.75em; border: 0; cursor: coiner }
.imagelightbox-arrow:hover, .imagelightbox-arrow:focus { background-color: #666; background-color: rgba(0,0,0,.75) }
.imagelightbox-arrow:active { background-color: #111 }
.imagelightbox-arrow-left { left: 2.5em }
.imagelightbox-arrow-right { right: 2.5em }
.imagelightbox-arrow:before { width: 0; height: 0; border: 1em solid transparent; content: ''; display: inline-block; margin-bottom: -.125em }
.imagelightbox-arrow-left:before { border-left: none; border-right-color: #fff; margin-left: -.313em }
.imagelightbox-arrow-right:before { border-right: none; border-left-color: #fff; margin-right: -.313em }
#imagelightbox-loading, #imagelightbox-overlay, #imagelightbox-close, #imagelightbox-caption, #imagelightbox-nav, .imagelightbox-arrow { -webkit-animation: fade-in .25s linear; animation: fade-in .25s linear }
#imagelightbox-overlay { background: #ffffffd6 url(/images/main/loader-main.gif) center center no-repeat }

.featuresgift { background: #0d6efd url(/images/main/back1.jpg) center center no-repeat; background-attachment: fixed; }
.faq-item { margin-top: 30px }

.bg-dark-blue { background-color: #172991 !important }
.linkrow { max-width: 1000px; margin: 0 auto; text-align: center; }
.linkbox { width: 150px; margin: 10px 0; display: inline-table; background-color: white; border-radius: 4px; }
.linkbox img { width: 150px; height: 84px !important; display: inherit !important }
.linkbox a { display: inline-block }
.linkbox_aimg { min-height: 84px }
.linkbox:hover { background-color: #f1f1f1 }
.linkbox:hover .card-link { color: blue !important }
.linktitle { font-size: 11px; font-weight: bold; padding: 7px 1px; }

.morebox *:hover { color: silver !important }


body #magicMouseCursor { position: fixed; width: 35px; height: 35px; border: 1px solid #ddb98d; background: rgba(240,187,98,0.7); border-radius: 50%; z-index: 99999; left: 0; top: 0; transition: transform 0.07s, width 0.3s, height 0.3s; pointer-events: none; }
body #magicMouseCursor.cursor-square { border-radius: 0; }

body #magicPointer { height: 5px; width: 5px; top: 0; left: 0; position: fixed; background: #ddb98d; border-radius: 50%; pointer-events: none; transition: background 0.2s, width 0.2s, height 0.2s, box-shadow 0.2s; }
body #magicPointer.is-hover { background: red; }
body #magicPointer.pointer-blur { height: 50px; width: 50px; background: none; border: 1px solid #ddb98d; box-shadow: 0px 0px 15px -5px white; }
body #magicPointer.pointer-overlay { height: 50px; width: 50px; mix-blend-mode: difference; box-shadow: 0px 0px 15px -5px white; }

body .magic-hover { transition: all 0.2s; }
body .magic-hover:hover { cursor: none; }

.home_bg { height: 620px }
.home_bg::before { background: #212325; bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
#particles-js { position: absolute; width: 100%; height: 100%; top: 0; }
.about_me_content { padding-top: 50px; position: relative; }

.hiro_h2 { font-size: 19px; line-height: 1.8em; font-weight: normal; text-align: justify; margin-top: 20px }

@media only screen and (max-width:768px) {
    .about_me_content { padding-left: 20px; padding-right: 30px; }
    .about_me_content { padding-top: 10px; position: relative; }
}

.about_me_content h1 { font-size: 70px; margin-top: 10px; font-weight: 900; color: #ddb98d; }

@media only screen and (max-width:480px) {
    .about_me_content h1 { font-size: 40px; }
}

.about_me_content span { text-transform: capitalize; font-weight: 500; }
.basic-info { margin-top: 30px; position: relative; padding: 0 20px }
.basic-info { }
.single-basic-info { display: inline-block; font-size: 14px; padding: 10px 0; width: 175px; }
.single-basic-info p { font-size: 14px; }
.single-basic-info p span { color: #fff; font-size: 16px }

.typewrite > .wrap { border-right: 0.01em solid #ddb98d }


.list-group-item { background-color: unset !important }

.bg-light { background-color: #212325 !important }

.navbar-light .navbar-nav .nav-link { color: white !important }

.btn-primary { background-color: #ddb98d !important; border-color: #ddb98d !important }
.btn-primary:hover { background-color: #f5b240 !important }


.text-details-blog div span { background-color: black !important }
.text-details-blog div a span { background-color: black !important }
.text-details-blog div strong span { background-color: black !important }

.text-details-blog p span span { background-color: #ddb98d !important; color:black !important }

.morebox { border-radius: 4px !important; padding: 10px 20px; background: linear-gradient(#ddb98d, #c7a272, #bc9765) !important;}
.text-details-blog strong a span { color: #ddb98d !important; background-color: unset !important }
.text-details-blog strong a { color: #ddb98d !important; background-color: unset !important }
.text-details-blog a { color: #ddb98d !important; background-color: unset !important }
.text-details-blog a span { color: #ddb98d !important; background-color: unset !important }
.text-details-blog .morebox strong a span { color: #212325 !important; background-color: unset !important }
.text-details-blog .morebox p a span { color: #212325 !important; background-color: unset !important }
.text-details-blog .morebox p span { color: #212325 !important; background-color: unset !important }
.text-details-blog .morebox p a strong span { color: #212325 !important; background-color: unset !important }
.text-details-blog .morebox p a strong { color: #212325 !important; background-color: unset !important }
.text-details-blog .morebox p span a strong { color: #212325 !important; background-color: unset !important }
.text-details-blog .morebox p span stronga  { color: #212325 !important; background-color: unset !important }
.text-details-blog .morebox a span { color: #212325 !important; background-color: unset !important }

.text-details-blog p a span { background-color: #ddb98d !important; color:black !important }


#hero h2 { color: white }

.fw-bolder { background-color: #ddb98d !important; color: #212325 }
.h2, h2 { font-size: inherit }

#lightbox { display: none; position: fixed; z-index: 99999; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.8); }
.lightbox-content { background-color: #212322; position: relative; margin: 5% auto; padding: 20px; border: 5px solid #ddb98d; width: 90%; max-width: 500px; box-shadow: 1px 1px 15px 5px #000000f0; border-radius: 10px }
.close { color: #aaa; position: absolute; top: 5px; right: 20px; font-size: 28px; font-weight: bold; }
.close:hover,
.close:focus { color: black; text-decoration: none; cursor: pointer; }

#lightbox label { width: 100%; text-align: right; margin-top: 15px }
#lightbox input { width: 100%; text-align: right !important; }
#lightbox textarea { width: 100%; text-align: right !important; }
.form-box { width: 100%; }

.particles-js-canvas-el { position: absolute; z-index: 996; width: 100%; height: 100% }
