/*
Template: dcode - Saas & Software WordPress Theme
Version: 10.0.01
*/

/*``````````````*****``````````````````````
UNIVERSAL
````````````````*****`````````````````*/
body { 
  font-size: 16px; 
  font-family: 'Lato', sans-serif; 
  font-weight: 400; 
  line-height: 1.5; 
  color: #666666; 
}

h1, h2, h3, h4, h5, h6 { 
  font-family: 'Source Sans Pro', sans-serif; 
  font-weight: 900; 
  line-height: 1.2; 
  color: #111111; 
  margin: 0; 
  -ms-word-wrap: break-word; 
  word-wrap: break-word; 
  letter-spacing:-1px;
  margin-bottom:18px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 60px; font-style: normal; }
h2 { font-size: 48px; font-style: normal; }
h3 { font-size: 36px; font-style: normal; }
h4 { font-size: 32px; font-style: normal; }
h5 { font-size: 24px; font-style: normal; }
h6 { font-size: 18px; font-style: normal; }
a, button { transition: all 0.5s  ease; color: #111111; text-decoration: none; }
a:focus, a:hover { text-decoration: none !important; color: #291fbc; }
a, button, input { outline: inherit; }
.lead { font-size: 16px; line-height: 24px; margin: 0; }
.section-box { padding: 80px 0px; }
.container, body .elementor-section.elementor-section-boxed > .elementor-container { max-width: 1200px; }

ul { list-style: disc; }
ol, ul { padding: 0; margin: 0; }
ol li>ol, ul li>ul { padding-left: 15px; }
p { margin-bottom: 15px; }
:focus, button:focus { outline: 0; }

/*``````````````*****``````````````````````
STYLE 
````````````````*****`````````````````*/
html { line-height: 1.8; -webkit-text-size-adjust: 100%; }
main { display: block; overflow: hidden; }
small { font-size: 80%; }
img { border-style: none; }
textarea { overflow: auto; }
template { display: none; }
[hidden] { display: none; }
*, *::before, *::after { box-sizing: inherit; }
html { box-sizing: border-box; }
img { height: auto; max-width: 100%; }

/* Widgets----- */
.widget { margin: 0 0 1.5em; }
element { width: inherit; }

/*``````````````*****``````````````````````
SELECTION 
````````````````*****`````````````````*/
*::-moz-selection { background: #291fbc; color: #ffffff; text-shadow: none; }
::-moz-selection { background: #291fbc; color: #ffffff; text-shadow: none; }
::selection { background: #291fbc; color: #ffffff; text-shadow: none; }

/*``````````````*****``````````````````````
LOADER 
````````````````*****`````````````````*/
.site-loader { right: 0px; z-index: 999999; margin-top: 0px; top: 0px; left: 0px; bottom: 0px; height: 100%; width: 100%; position: fixed; 
  background: #ffffff; overflow: hidden !important; background-repeat: no-repeat; background-position: center; }
#loader-center { position: relative; width: 100%; height: 100%; }
#loader-center img { width: 100px; text-align: center; left: 0; position: absolute; right: 0; top: 50%; bottom: 50%; z-index: 99; margin: auto; }

/*``````````````*****``````````````````````
BACK TO TOP
````````````````*****`````````````````*/
a.section-back-to-top { position: fixed; color: #ffffff; font-size: 16px; text-align: center; z-index: 999999; right: 30px; bottom: 30px; width: 50px; height: 50px; line-height: 52px; border-radius: 6px; margin: 0px; display: none; -webkit-box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); background-image: -moz-linear-gradient(top, #488fed 0%, #2a1fbc 100%); background-image: -webkit-linear-gradient(top, #488fed 0%, #2a1fbc 100%); background-image: linear-gradient(to bottom, #488fed 0%, #2a1fbc 100%); background-size: auto 140%; }
a.section-back-to-top.show { display: block; }
a.section-back-to-top:hover { background-position: bottom center; }
a.section-back-to-top:hover i { color: #ffffff; }

/*``````````````*****``````````````````````
WordPress Default CSS
````````````````*****`````````````````*/
.site-main, .single-post.elementor-page .site-main { padding: 100px 0 50px; }
.elementor-page .site-main { padding: 0; }
.alignnone { margin: 5px 0px 0px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.entry-content .wp-block-cover { margin-bottom: 1rem; margin-top: 1rem; }
.entry-content .wp-block-cover.has-background-dim { margin-top: 0; }
.post-content .entry-content img { height: auto; }
.wp-block-gallery .blocks-gallery-item figcaption { line-height: 1.8; }
.wp-caption { max-width: 96%; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption .wp-caption-text { padding-top: 10px; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal; }
.screen-reader-text:focus { background-color: #eee; clip: auto; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px;line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
dl dd { margin-bottom: 15px; }
iframe, embed, object { width: 100%; }
select { border: 1px solid #ced4da; line-height: 48px; height: 48px; padding: 0 10px; width: 100%; color: #111111; border-radius: 6px; transition: all 0.5s ease-in-out;}
input, input[type=text], input[type=email], input[type=password], textarea { width: 100%; padding: 10px 15px; height: 54px; line-height: 1.8; border: 1px solid #ced4da; border-radius: 6px; color: #525f81; transition: all 0.5s ease-in-out; }
textarea { height: auto; }
input[type=checkbox], input[type=radio] { width: auto; margin-right: 10px; line-height: 1.8; height: 20px; }
pre { background: #f6f5ff; padding: 15px; border: 1px solid #f6f5ff; }
.comments-area .comment-form input, .comments-area .comment-form textarea { background: #ffffff; }

/*----- Contact form ------*/
.contact-form input, .contact-form textarea { background: #ffffff; }
.contact-form .form-group { margin-bottom: 10px; position: relative; }
.contact-form.contact-form-style-02 input, .contact-form.contact-form-style-02 textarea { background: rgb(255 255 255 / 15%); color: #ffffff; }
.contact-form.contact-form-style-02 input[type=submit] { background: #3ed577; }
.contact-form.contact-form-style-02 input::placeholder { color: #ffffff; }
.wpcf7 form .wpcf7-response-output { margin: 0 0 30px 0; }
div.wpcf7 .ajax-loader { position: absolute; right: 15px; top: 15px; }
.contact-form.contact-form-style-01 input[type=submit] { width: auto; }

/*``````````````*****``````````````````````
Unit Test Data
````````````````*****`````````````````*/
/*Post*/
.post.sticky .post-wrapper { background: #f6f5ff; }
.post-category-wrap { display: flex; align-items: center; flex-wrap: wrap; }
.post .post-details { padding: 30px; display: inline-block; width: 100%; }
.post .post-details .post-category { margin-right: 10px; }
.post .post-details .post-date, .post .post-details .post-category, .post .post-details .post-author { color: #291fbc; display: flex; align-items: center; margin-bottom: 5px; }
.post .post-details .post-date a, .post .post-details .post-comment a, .post .post-category a, .post .post-details .post-date span, .post .post-details .post-author a { text-transform: uppercase; color: #797979; font-weight: 600; font-size: 15px; font-family: 'Source Sans Pro', sans-serif; }
.post .post-details .post-author:after { content: "/"; margin: 0px 6px; line-height: 20px; color: #797979; }
.post .post-details .post-category-wrap { margin-bottom: 10px; }
.post .post-details .post-title { margin: 0 0 20px 0; }
.post .post-details .read-more a { color: #111111; display: flex; align-items: center; font-size: 18px; font-weight: 600; border-bottom: 2px solid #ebebeb; }
.post .post-details .read-more a:hover { border-color: #291fbc; color: #291fbc; }
.post .post-details .read-more a i { margin-left: 5px; color: #291fbc; }
.format-image .read-comment-wrap, .format-gallery .read-comment-wrap, .format-aside .read-comment-wrap, 
.format-video .read-comment-wrap, .format-audio .read-comment-wrap, .format-status .read-comment-wrap, .format-link .read-comment-wrap, 
.format-quote .read-comment-wrap, .format-chat .read-comment-wrap, .post .read-comment-wrap { padding: 15px 0 0px; display: flex; }
.post .post-details .post-comment { margin-left: auto; }
.post .post-details .post-comment a i, .read-comment-wrap .post-comment a:hover, .read-comment-wrap .read-more a:hover, 
.post .post-details .post-date a:hover, .post .post-category a:hover, .post .post-details .post-title h3:hover a, .post .post-details .post-author a:hover { color: #291fbc; }
.format-status,.format-link,.format-quote,.format-chat, .format-aside, .format-video .post-wrapper, 
.format-audio .post-wrapper, .format-image, .format-gallery .post-wrapper, 
.format-standard .post-wrapper { border: 1px solid #e3e3e3; margin-bottom: 30px; border-radius: 6px; overflow: hidden; }
.post-wrapper .post-media { position: relative; text-align: center; display: inline-block; width: 100%; }
.post-excerpt ul, .post-excerpt ol, .comments-area .comment-list ul, .comments-area .comment-list ol { padding-left: 25px; }
.post-excerpt>ul, .post-excerpt>ol, .comments-area .comment-list>ul, .comments-area .comment-list>ol { margin-bottom: 15px; } 

/*Comments Area*/
.comment-list { padding-left: 0; }
.comment-list li.comment { list-style: none; border-radius: 6px; }
.comment-list li.comment .comment-body { display: flex; padding: 30px; margin-bottom: 30px; border: 1px solid #e3e3e3; position: relative; background: #ffffff; border-radius: 6px; }
ol.comment-list li ol.children li.comment { border: none; }
.form-submit { display: flex; }
.comments-area .comment-form input[type=submit], .post-password-form input[type=submit], .contact-form input[type=submit], button[type=submit], .newsletter-form .submit-btn { background:linear-gradient(to bottom, #488fed 0%, #2a1fbc 100%); border: none; border-radius: 6px; color: #ffffff; padding: 11px 30px; line-height: 26px; background-size: auto 140%; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; -webkit-box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); width: auto; }
.comments-area .comment-form input.submit:hover, .post-password-form input[type=submit]:hover, .contact-form input[type=submit]:hover, button[type=submit]:hover, .newsletter-form .submit-btn:hover { background-position: bottom center; }
.comment-list li.comment:last-child { margin-bottom: 0; }
.comment-list .comment-details { margin-top: 10px; }
.comment-list .commentmetadata { margin-top: 15px; display: flex; flex-wrap: wrap; }
.comment-list .commentmetadata a { color: #111111; margin-right: 10px; }
.comment-list .commentmetadata a:hover { color: #291fbc; }
.comment-list .commentmetadata .comment-reply-link { color:  #291fbc; }
.comment-list .commentmetadata .comment-reply-link:hover { color: #291fbc; }
.comments-area { margin-top: 45px; clear: both; }
.comments-area ol.comment-list li.comment .comment-respond { margin-bottom: 30px; }
.comment-respond .comment-reply-title { display: flex; flex-wrap: wrap; justify-content: space-between; }
.has-dates .wp-block-latest-comments__comment, .has-excerpts .wp-block-latest-comments__comment, .wp-block-latest-comments__comment { display: inline-block; width: 100%; }
.wp-block-latest-comments__comment-excerpt p { margin-bottom: 15px; }
ol.comment-list li cite.fn { font-size: 18px; text-transform: capitalize; color: #111111; }
ol.comment-list li .comment-meta-wrap .comment-meta a { font-size: 14px; }
ol.comment-list li .comment-wrap { display: inline-block; overflow: hidden; width: 100%; }

.comment-details > ul, .comment-details > ol { margin-bottom: 15px; }

/* Leave a Reply */
.comment-reply-title small a { border: 0; float: right; height: 32px; overflow: hidden; width: 26px; }
.comment-reply-title small a:before { content: "\f00d"; font-size: 20px; position: relative; top: -5px; font-family: 'Font Awesome 5 Free'; font-weight: 600; }
.comment-respond .comment-form-comment { display: flex; flex-wrap: wrap; }
.comment-form-comment label { margin-bottom: 5px; }
.comments-area .respond-form .section-field.textarea, .comments-area .comment-respond .section-field.textarea { width: 100%; float: none; }
.comments-area .respond-form .section-field.textarea textarea, .comments-area .comment-respond .section-field.textarea textarea { width: 100%; height: auto; vertical-align: top; }
.comment-respond .comment-form-url { width: 31.6%; display: inline-block;  margin-right: 15px; } 
.comment-respond .comment-form-author, .comment-respond .comment-form-email, .comment-respond .comment-form-url { width: 100%; display: inline-block;  margin-right: 15px; } 
.comment-respond .comment-form-url { margin-right: 0; }
.comments-area .comment-respond .comment-form-cookies-consent { display: flex; align-items: center; }
.comments-area .comment-respond .comment-form-cookies-consent label { margin: 0; align-self: center; }
.comments-area .comments-title { /*font-size: 28px;*/ margin-bottom: 15px; }
.comments-area textarea#comment { border: none; padding: 10px 15px; border-radius: 6px; line-height: inherit; }
.comments-area .comment-form { background: #f6f5ff; padding: 30px 40px; border-radius: 6px; }
.comments-area .comment-reply-title { /*font-size: 22px;*/ text-transform: capitalize; }

/*Pagination*/
.pagination { justify-content: center; }
.pagination .page-numbers { display: flex; list-style: none; flex-wrap: wrap; justify-content: center; }
.pagination .page-numbers li { border: none; margin: 3px; list-style: none; display: inline-block; line-height: inherit; }
.pagination .page-numbers li .current, .pagination .page-numbers li>a:hover, .pagination .page-numbers li>span:hover, .dcode-archive .learn-press-pagination .page-numbers>li span.current, .dcode-archive .learn-press-pagination .page-numbers>li a:hover { background: #291fbc; border-color: #291fbc; color: #ffffff; }
.pagination .page-numbers li>a, .pagination .page-numbers li>span, .dcode-archive .learn-press-pagination .page-numbers>li a, .dcode-archive .learn-press-pagination .page-numbers>li span { display: inline-block; border: 1px solid #e8e8e8; padding: 0 10px; font-size: 15px; color: #626262;
    min-width: 46px; height: 46px; line-height: 46px; text-align: center; border-radius: 6px; }
.pagination .page-numbers li>a.prev, .pagination .page-numbers li>a.next { padding: 0 20px; }

.page-links { margin: 15px 0 10px; text-transform: uppercase; clear: both; align-items: center; justify-content: start; }
.post-details .post-excerpt .page-links a, .page-links > span.post-page-numbers, .page-links a { border: none; width: 30px; height: 30px; 
  line-height: 30px; text-align: center; background: #f6f5ff; margin: 0 5px; padding: 0px; display: inline-block; color: #111111; }
.post-details .post-excerpt .page-links .current { margin: 0 5px; }
.page-links .post-page-numbers.current, .page-links a.post-page-numbers:hover { background: #291fbc; color: #ffffff; }

/*Blockquote*/
blockquote { background: none; position: relative; border: 1px solid #e8e8e8; margin-bottom: 15px; border-radius: 6px; padding: 20px; }
blockquote.wp-block-quote, blockquote.wp-block-quote.is-large, blockquote.wp-block-quote.is-style-large, blockquote.has-text-color { background: #f6f5ff; padding: 15px; margin-bottom: 15px; border-radius: 6px; border: none; margin-left: 0; }
blockquote cite { font-weight: 600; color: #111111; }
blockquote p:last-child { margin-bottom: 0; }
blockquote p>cite { display: flex; margin-top: 10px; }
blockquote .icon { position: absolute; top: 45px; background: linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); padding: 15px; height: 50px; width: 50px;color: #fff; left: -25px; border-radius: 50%; }
em { font-weight: 600; }

.single-format-quote .post-excerpt blockquote { padding: 40px 50px; margin-left: 25px; }

/*Avtar*/
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar { border: 1px solid #ced4da; padding: 2px; }
.comment-avtar { padding-right: 15px; }
.comment-avtar img { width: 70px; border-radius: 6px; }

/*Gallery Post*/
.wp-caption, .gallery-caption { color: #666666; font-size: 13px; line-height: 18px; margin-bottom: 1.5em; max-width: 100%; }
.gallery { display: inline-block; width: 100%; }
.gallery .gallery-item { float: left; margin: 0; padding: 5px; box-shadow: none; }
.gallery .gallery-item img { margin-bottom: 10px; }
.gallery .gallery-item .wp-caption-text { margin: 5px 0; }
.gallery-columns-1 .gallery-item { width: 100%; padding: 0; padding-top: 4px; }
.gallery-columns-2 .gallery-item { width: 50%; }
.gallery-columns-3 .gallery-item { width: 33.3333%; }
.gallery-columns-4 .gallery-item { width: 25%; }
.gallery-columns-5 .gallery-item { width: 20%; }
.gallery-columns-6 .gallery-item { width: 16.6%; }
.gallery-columns-7 .gallery-item { width: 14.2%; }
.gallery-columns-8 .gallery-item { width: 12.5%; }
.gallery-columns-9 .gallery-item { width: 11.1%; }
.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: both; }

.wp-block-gallery .blocks-gallery-grid { padding-left: 0 !important; }

/*block-category-common*/
figcaption.blocks-gallery-caption { margin-bottom: 10px; }

/*blocks-widgets*/
.post-box .wp-block-calendar nav.wp-calendar-nav { margin-bottom: 20px; }
.post-excerpt ul li ul, .post-excerpt ol li ol { margin-bottom: 0; }
.wp-block-search .wp-block-search__input { border: 1px solid #ced4da; }
.wp-block-search .wp-block-search__inside-wrapper { margin-bottom: 15px; }

/*Trackback Page */
ol.comment-list li.trackback, ol.comment-list li.pingback { margin-left: 15px !important; }
.comments-area ol.comment-list li.trackback, .comments-area ol.comment-list li.pingback { font-size: 16px; padding-bottom: 25px; }
.comments-area ol.comment-list li.trackback a, .comments-area ol.comment-list li.pingback a { color: #111111; }
.comments-area ol.comment-list li.trackback a:hover, .comments-area ol.comment-list li.pingback a:hover { color: #291fbc; }

/*Block category Widgets*/
.post-details .wp-block-categories.wp-block-categories-dropdown, 
.post-details .wp-block-archives-dropdown { margin-bottom: 15px; }
.post-details .wp-block-latest-posts.wp-block-latest-posts__list { padding: 0; }

/*Button*/
.post.type-post .post-box p.has-text-color.has-background.has-very-light-gray-color, .post-box .post-excerpt .wp-block-button a.wp-block-button__link,
.post.format-standard .post-box .post-excerpt .wp-block-cover.has-background-dim .wp-block-cover-text { color: #ffffff; }
.post-box .post-excerpt .wp-block-button.is-style-outline a.wp-block-button__link { color: #111111; }
.post-box .post-excerpt .wp-block-button.is-style-outline a.wp-block-button__link, /*.post.type-post .post-box p*/, .page.type-page .post-box p { color: #111111; }
.post.type-post .wp-block-button { margin-bottom: 15px; }

.post.type-post.tag-password-2.tag-template input[type=submit] { width: auto; }

/*==================== Sidebar ====================*/
.sidebar { padding-left: 10px; }

/*Widgets*/
.post-excerpt .widget ul { padding-left: 0; }
.widget { margin-bottom: 50px; display: inline-block; width: 100%; }
.widget .widget-title { font-size: 25px; margin-bottom: 20px; position: relative; display: inline-block; padding-right: 40px; color: #291fbc; font-weight: 600; }
.widget .widget-title:after { content: ""; background: linear-gradient(to right, #488fed 0%, #291fbc 100%); width: 60px; height: 3px; display: flex;   margin-top: 15px; }
.widget ul li { padding: 10px 0; border-bottom: 1px solid #ebebeb; list-style: none; }
.widget>ul>li:first-child { padding-top: 0; }
.widget ul li a { color: #666666; position: relative; }
.widget ul li a:hover { color: #291fbc; }
.sidebar .widget ul li ul.children li, .sidebar .widget ul.sub-menu li {border-bottom: none; border-top: 1px solid #ebebeb; padding-top: 10px; margin-top: 10px; padding-bottom: 0; }
.widget .social-media li { border: none; padding: 0; }
.footer-widget .widget ul.social-media li a:hover { opacity: 1; }
.site-footer .widget ul.social-media li a:before { background: rgba(255,255,255,0.1); }

.widget p:last-child { margin-bottom: 0; }

/*Widget Recent Comments*/
.widget.widget_recent_comments #recentcomments li.recentcomments span a { color: #111111; }
.widget.widget_recent_comments #recentcomments li.recentcomments a { color: #291fbc; padding-left: 0; }
.widget.widget_recent_comments #recentcomments li.recentcomments a:hover { color: #291fbc; text-decoration: underline !important; }
.widget ul li:last-child { margin-bottom: 0; padding-bottom: 0; border: none; }
.widget.widget_recent_comments #recentcomments li:before { display: none; }
.widget.widget_recent_comments ul li a:before, .widget.widget_rss ul li a:before { display: none; }
/*footer ul.sub-menu li{ display: none; }*/
footer .site-info .copyright { padding: 20px 0; border-top: 1px solid rgba(0,0,0,0.1); text-align: center; display: flex; justify-content: space-between; align-items: center; width: 100%; }
footer .site-info .copyright .social-media li { margin-bottom: 0; }

/*Widget Calendar */
.widget_calendar table#wp-calendar { margin-bottom: 0; }
.widget_calendar table caption { color: #111111; }
.widget_calendar .footer-widget table td, .widget_calendar table th { color: #111111; }
table td, table th { border: 1px solid #e3e3e3; padding: 5px 8px; text-align: center; } 
.footer-widget .widget_calendar table td a { color: #ffffff; opacity: 0.6; }
  
 /*WidgetTable*/
.wp-block-table td, .wp-block-table th { text-align: left; }
table { border: 1px solid #e3e3e3; width: 100%; margin-bottom: 20px; }

/*Widget Categories List */
.widget_categories ul li, .widget_archive ul li { color: #291fbc; }
/*.widget_categories ul li a, .widget_archive ul li a { color: #111111; }*/

/*Widget RSS*/
.widget.widget_rss ul li { margin-bottom: 20px; }
.widget.widget_rss ul li:last-child { margin-bottom: 0; }
.widget.widget_rss ul li a { padding-left: 0; color: #111111; font-weight: 600; }
.widget.widget_rss ul li a:hover { color: #291fbc; }
.widget.widget_rss ul li:before { display: none; }
.widget.widget_rss ul li .rss-date { display: inline-block; width: 100%; margin: 5px 0; color: #291fbc; }
.widget.widget_rss ul li cite { margin-top: 5px; display: inline-block; width: 100%; }
.assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; display: none; }
.main-navigation .assistive-text:focus, .site .screen-reader-text:hover, .site .screen-reader-text:active, 
.site .screen-reader-text:focus { background: #fff; border: 2px solid #333; border-radius: 6px; clip: auto !important;
 color: #313e5b; display: block; font-size: 12px; height: auto; padding: 12px; position: absolute; top: 5px; left: 5px; width: auto; z-index: 100000; }

/*Widget Search*/
.widget.widget_search .search-form, form.search-form { position: relative; }
.widget.widget_search button.search-submit, .search-form button.search-submit { position: absolute; right: 0px; background: none; line-height: 20px; padding: 20px; box-shadow: none; }
.widget.widget_search button.search-submit:hover { color: #291fbc; }
.search-form button.search-submit { color: #111111; border: none; }
.search-form input[type=search], .widget.widget_search input[type=search] { width: 100%; float: left; padding: 0 70px 0 30px; height: 60px; line-height: 60px; background: rgb(255, 255, 255, 0.2); border-radius: 6px; color: #111111;
  transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }
.widget.widget_search input::placeholder { color: #666666; }
.search-form input[type=search] { border: 1px solid #ced4da; }

/*Widget Text*/
.assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; display: none; }
.main-navigation .assistive-text:focus, .site .screen-reader-text:hover, .site .screen-reader-text:active, 
.site .screen-reader-text:focus { background: #fff; border: 2px solid #333; border-radius: 6px; clip: auto !important; color: #313e5b; display: block; font-size: 12px; height: auto; padding: 12px; position: absolute; top: 5px; left: 5px; width: auto; z-index: 100000; /* Above WP toolbar */ }
/*.widget.widget_text .textwidget p img { margin: 0; height: 60px; }*/
.site-footer .wp-caption p.wp-caption-text { color: #fff; }

/*Widget Tagcloud*/
.tagcloud a { font-size: 15px !important; padding: 7px 15px; margin-right: 6px; margin-bottom: 6px; display: inline-flex; background: #ffffff; color: #111111; border-radius: 6px; margin-bottom: 10px; border: 1px solid #ebebeb; }
.tagcloud a:hover { background: #291fbc; color: #ffffff; }

/*Widget Opening Hours*/
.opening-hours ul li { display: flex; justify-content: space-between; }
.opening-hours ul li span { color: #291fbc; font-weight: 600; }
.opening-hours ul li label { color: #111111; font-weight: 600; }

/*Widget Footer*/
.site-footer .widget { background: transparent; padding: 0; }
.footer-widget .widget.widget_recent_comments li.recentcomments span a, .footer-widget table td, .footer-widget table th, 
.footer-widge .widget.widget_tag_cloud a, .footer-widget .wp_widget_tag_cloud a, 
.footer-widget table td, .site-footer .widget .widget-title, .footer-widget .widget_calendar table caption, .site-footer ul li a, 
.footer-widget .widget.widget_calendar .wp-calendar-nav a, .footer-widget .widget.widget_rss ul li a { color: #ffffff; }
footer .main-footer .widget_media_image { max-width: 185px; }
.footer-widget .widget ul li { color: #fff; border: none; padding-top: 0; }
.footer-widget .widget.widget_recent_comments li.recentcomments a { padding-left: 0; }
.footer-widget .widget .tagcloud a { color: #111111; background: #ffffff; }
.footer-widget .widget .tagcloud a:hover { background: #291fbc; color: #fff; }
/*.footer-widget .widget .widget-title:before { content: inherit; }*/
.footer-widget .widget.widget_recent_comments #recentcomments li.recentcomments span a, .footer-widget .widget.widget_recent_comments #recentcomments li.recentcomments a { color: #ffffff; }
.footer-default .footer-widget .widget ul li a:hover, .footer-widget .widget.widget_calendar .wp-calendar-nav a:hover, .footer-widget .widget.widget_recent_comments li.recentcomments span a:hover, .footer-widget .widget.widget_rss ul li a:hover, .footer-widget .widget .tagcloud a:hover, .footer-widget .widget.widget_recent_comments #recentcomments li.recentcomments a:hover { color: #ffffff; opacity: 0.6; }
.footer-widget .widget ul > li > ul > li:first-child { padding-top: 10px; }
.widget.widget_search input[type=search] { background: #ffffff; }
.footer-widget .widget ul.contact-info li a i { color: #ffffff; }
.footer-widget .widget .widget-title:after { background: #ffffff; }
.widget_dcode_widget_recent_post ul li { display: flex; align-items: center; }
.widget_dcode_widget_recent_post ul li img { height: 80px; width: auto; margin-right: 10px; }
.widget_dcode_widget_recent_post ul li .text-box { display: flex; flex-direction: column; }
.widget_dcode_widget_recent_post ul li .text-box a { color: #111111; font-weight: 600; }
.widget_dcode_widget_recent_post ul li .text-box a:hover { color: #291fbc; }

/*newsletter widget*/
.widget .newsletter-form .newsletter-email { border: 1px solid #ced4da; color: #111111; }
.widget .newsletter-form .newsletter-email::placeholder { color: #111111; }


/*==================== Owl Carousel ====================*/
/*Owl Carousel Next Prev*/ 
.owl-carousel .owl-nav, .owl-carousel .owl-dots { margin-top: 20px; }
.owl-carousel.testimonial-style-01 .owl-nav, .owl-carousel.testimonial-style-01 .owl-dots { display: flex; justify-content: center; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background: -webkit-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: -moz-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); -webkit-box-shadow: 0px 0px 20px 0px rgba(42, 31, 188, 0.4); box-shadow: 0px 0px 20px 0px rgba(42, 31, 188, 0.4); height: 50px; width: 50px; line-height: 50px; color: #ffffff; -webkit-border-radius: 50%; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 5px; }
.owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i { font-size: 20px; }
.owl-carousel .owl-nav button.owl-prev { left: -60px; }
.owl-carousel .owl-nav button.owl-next { right: -60px; }

.owl-carousel.testimonial-style-02 .owl-nav { position: absolute; bottom: 27%; right: 0; }
.owl-carousel.testimonial-style-02 .owl-nav button.owl-next, .owl-carousel.testimonial-style-02 button.owl-prev { background: none; box-shadow: none;    position: relative; font-size: 70px; }
.owl-carousel.testimonial-style-02 .owl-nav button.owl-next:hover, .owl-carousel.testimonial-style-02 .owl-nav button.owl-prev:hover { background: none; color: #3ed577; }
.owl-carousel.testimonial-style-02 button.owl-prev { left: -560px; }
.owl-carousel.testimonial-style-02 .owl-nav button.owl-next { left: -20px; }
.owl-carousel.testimonial-style-02 .owl-nav:before, .owl-carousel.testimonial-style-02 .owl-nav:after { content: inherit; }

/*owl dots*/
.owl-carousel .owl-dots { display: flex; justify-content: center; }
.owl-carousel .owl-dots .owl-dot span { margin: 0px 5px; background: #ffffff; display: flex; transition: all 0.5s ease-in-out; width: 18px; height: 18px;outline: none; border: 3px solid #cccccc; border-radius: 20px; }
.owl-carousel .owl-dots .owl-dot.active span { background: #291fbc; border-color: #291fbc; }

/*left right opacity*/
.owl-carousel.testimonial-style-01 .owl-item { opacity: 0.3; }
.owl-carousel.testimonial-style-01 .owl-item.active { opacity: 1; }

.background-dark .owl-carousel .owl-nav button.owl-next:hover, .background-dark .owl-carousel .owl-nav button.owl-prev:hover { background: #291fbc; }
.background-dark .owl-carousel .owl-nav:before, .background-dark .owl-carousel .owl-nav:after { background: #1c2e3e; }

/*Arrow Top*/
.arrow-position-top .owl-carousel .owl-nav { position: absolute; top: -150px; right: 420px; margin: 0; }
.arrow-position-top .owl-carousel .owl-nav:before, .arrow-position-top .owl-carousel .owl-nav:after { background: none; }

/*Testimonial Style 03*/
.dcode-testimonial.dcode-testimonial-style3 { margin-left: 80px; margin-top: 0; }
.owl-carousel.testimonial-style-03 .owl-dots { display: flex; position: absolute; top: 42%; transform: rotate(90deg); left: -150px; margin-top: 0; z-index: 9; }
.owl-carousel.testimonial-style-03 .owl-dots.disabled { display: none; }
.owl-carousel.testimonial-style-03 .owl-nav { position: absolute; left: -93px; top: 33%; }
.dcode-testimonial.dcode-testimonial-style3 .testimonial-details p { font-size: 20px; }
.dcode-testimonial.dcode-testimonial-style3 .client-info-wrapper { margin-top: 30px; }
.owl-carousel.testimonial-style-03 .owl-dots:before { position: absolute; content: ""; transform: rotate(180deg); left: -80px; border-top: 3px solid rgb(255 255 255 / 20%); right: -80px; top: 7px; z-index: -9; }
.owl-carousel.testimonial-style-04 .owl-nav button.owl-next, .owl-carousel.testimonial-style-04 .owl-nav button.owl-prev { position: absolute; top: 50%; }

/*Darck BG*/
 .dcode-testimonial.dcode-testimonial-style3 .testimonial-details p, .dcode-testimonial.dcode-testimonial-style3 .client-info-wrapper .client-info h5, .dcode-testimonial.dcode-testimonial-style3 .client-info-wrapper .client-info p { color: #ffffff; }
.dcode-testimonial.dcode-testimonial-style3 .testimonial-details:before { color: #ffffff; content: "\f10d"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; position: absolute; top: 0px; left: 5px; font-size: 54px; line-height: 54px; }

/*==================== Main Header ====================*/
header .menu-toggle, header .toggle-dropdown { display: none; }
header.site-header .container-fluid { padding: 0 50px; }
header.site-header { position: relative; z-index: 9999; width: 100%; margin: 0 auto; left: 0; right: 0; -webkit-transition: all .5s ease; transition: all .5s ease; }
header.site-header.sticky { background: #ffffff; -webkit-box-shadow: 0 4px 15px -10px rgba(0,0,0,.6); box-shadow: 0 4px 15px -10px rgba(0,0,0,.6); position: fixed; animation: slide-down 0.7s; }

@keyframes slide-down {
  0% {
    opacity:0;
    transform:translateY(-100%);} 
  100%{
    opacity:1;
    transform: translateY(0);
  } 
}

.home .site-header.header-transparent { position: absolute; }
.main-navigation { display: flex; align-items: center; justify-content: space-between; }

header .header-top { display: flex; padding: 10px 0; }
header .header-top ul li { margin-right: 15px; display: inline-flex; align-items: center; }
header .header-top ul li:last-child { margin-right: 0; }
header .header-top ul li.dcode-button.dcode-button-border a { color: #ffffff; border-color: #ffffff; }
header .header-top ul li.dcode-button.dcode-button-border a:hover { background: #291fbc; color: #ffffff; border-color: transparent;  }
header .header-top .header-top-right { list-style: none; display: flex; margin-left: auto; }

header .header-top ul li a, header .header-top ul li { color: #ffffff; }
header .header-top ul li i { margin-right: 5px; }

/* logo */
header .site-branding-text { display: flex; padding: 15px 0; }
header .site-branding-text a .logo { height: 60px; }

header.sticky  .site-branding-text a .logo { display: none; }
header.sticky .site-branding-text a .sticky-logo { display: flex; height: 50px; }

/* Menu */
header ul.navbar-nav { flex-direction: inherit; }
header ul.navbar-nav li { position: relative; list-style: none; }
header ul.navbar-nav li a { display: flex; align-items: center; color: #111111; padding: 30px 25px; font-size: 17px; font-weight: 600; }

header ul.navbar-nav li ul.sub-menu a:before { height: 3px; width: 0px; content: ""; display: inline-flex; position: absolute; left: 30px; background: -webkit-linear-gradient(left, #488fed 0%, #291fbc 100%); background: linear-gradient(to right, #488fed 0%, #291fbc 100%); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
header ul.navbar-nav li ul.sub-menu li.menu-item:hover > a:before, header ul.navbar-nav li ul.sub-menu li.current-menu-item > a:before { width: 25px; }
header ul.navbar-nav li ul.sub-menu li.menu-item:hover > a, header ul.navbar-nav li ul.sub-menu li.current-menu-item > a { padding-left: 65px; }

header ul.navbar-nav li ul.sub-menu a { padding: 8px 30px; font-size: 16px; color: #111111; }
header ul.navbar-nav li ul.sub-menu a:hover, header ul.navbar-nav li ul.sub-menu li.current-menu-item > a, header ul.navbar-nav li.current-menu-item > a, header ul.navbar-nav li:hover a, header ul li.current-menu-ancestor > a { color: #291fbc; }
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul { right: 100%; left: auto; }
.main-navigation ul ul ul { left: -999em; top: 0; }
header .main-navigation ul li ul.sub-menu ul.sub-menu, header .sticky-menu.sticky .main-navigation ul li ul.sub-menu ul.sub-menu { top: 0; }

/*Sub Menu*/
header .navbar-nav .sub-menu { min-width: 240px; background: #ffffff; position: absolute; top: 100%; z-index: 99; padding-left: 0; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top;transform-origin: top; padding: 30px 0; }
.navbar-nav li:hover .sub-menu { transform: scaleY(1); }
ul.sub-menu li:hover ul.sub-menu { transform: scaleY(1) !important; }
.navbar-nav .sub-menu li ul {transform: scaleY(0) !important; }
ul.sub-menu li:hover ul.sub-menu li:hover>ul.sub-menu  { transform: scaleY(1) !important; }
.navbar-nav .sub-menu li ul ul.sub-menu { transform: scaleY(0) !important; }
.icon { display: flex; fill: currentColor; height: 1em; vertical-align: middle; width: 1em; }
.home .site-header .dcode-button.dcode-button-default a { background: transparent; border: 2px solid #ffffff; color: #ffffff; font-size: 16px; box-shadow: none; }
.home .site-header .dcode-button.dcode-button-default a:hover { background: #ffffff; color: #485974; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4); }

/*Sticky Header*/
header .sticky-menu, header .sticky-menu.sticky .site-branding-text a .logo, header .site-branding-text a .sticky-logo { display: none; }
header .sticky-menu.sticky .site-branding-text a .sticky-logo { display: flex; height: 50px; }
header .sticky-menu.sticky { position: fixed; left: 0; display: flex; width: 100%; background: #ffffff; padding: 0 60px; -webkit-box-shadow: 0 5px 15px 0 rgba(0, 33, 85, .1); -moz-box-shadow: 0 5px 15px 0 rgba(0, 33, 85, .1); box-shadow: 0 5px 15px 0 rgba(0, 33, 85, .1); clear: both; z-index: 999; transition: all 0.5s ease-in-out; justify-content: space-between; align-items: center; top: 0px; }
.admin-bar header .sticky-menu.sticky { top: 32px; }
header .sticky-menu .sticky-righet-menu { display: flex; }
header .sticky-menu #dcode-menu { margin-right: 20px; }
header .sticky-menu #dcode-menu .navbar-nav { flex-direction: inherit; }
header .sticky-menu #dcode-menu ul.navbar-nav>li>a { padding: 25px 15px; }
header .sticky-menu-toggle { display: none; }
.site-header.sticky .dcode-button.dcode-button-default a { background: transparent; border: 2px solid #2a1fbc; color: #2a1fbc; box-shadow: none; }
.site-header.sticky .dcode-button.dcode-button-default a:hover { background: #2a1fbc; border-color: #2a1fbc; color: #ffffff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4); }
.home .site-header.header-transparent.sticky { position: fixed; }

/*Top Bar*/
header.sticky .header-top { display: none; }

/*Header Two*/
header.header-two .main-navigation { background: #ffffff; padding: 0 30px; }
header.header-two .header-bottum { display: flex; align-items: center; border-top: 1px solid rgb(255 255 255 / 25%); }
header.header-two .menu-primary-menu-container, header.header-two .dcode-right-menu { margin-left: auto; }
header nav .header-bottum ul.navbar-nav>li>a { padding: 20px 15px; color: #ffffff; }
header.header-two nav .header-bottum ul.navbar-nav>li:hover>a, header .main-navigation .header-bottum ul.navbar-nav>li.current-menu-item>a { background: #ffffff; color: #000; }
header.header-two .navbar-nav .sub-menu { top: 100%; }
header.header-two .main-navigation .dcode-right-menu ul.top-right-menu li.header-cart-btn a { color: #ffffff; }
header.header-two .main-navigation .dcode-right-menu ul.top-right-menu li.header-cart-btn a:hover, header.header-two .main-navigation .dcode-right-menu ul.top-right-menu li .dcode-search a:hover { color: #291fbc; }
header.header-two .header-top ul li a:hover { color: #ffffff; opacity: 0.6; }
header.header-two .main-navigation .dcode-right-menu ul.top-right-menu li.header-cart-btn .cart-customlocation span { background: #291fbc; }
header.header-two .main-navigation .dcode-right-menu ul.top-right-menu li.header-cart-btn .dcode-mini-cart.cart { top: 50px; }
header.header-two.site-header .dcode-button.dcode-button-default a { border: none; font-size: 14px; }
header.header-two .main-navigation .dcode-right-menu ul.top-right-menu li .dcode-search a { color: #111111; background: transparent; }
header.header-two .menu-toggle { right: 75px; }
header.header-two .menu-toggle, header .sticky-menu-toggle { color: #111111; }
header.header-two.sticky .main-navigation { padding: 0; }

/* header three*/
header.header-three.site-header { background: transparent; border-bottom: 1px solid rgb(255 255 255 / 25%); border-radius: 0; padding: 0; }
header.header-three nav ul.navbar-nav>li>a { color: #ffffff;  padding: 40px 15px; }
header.header-three .main-navigation .dcode-right-menu ul.top-right-menu li.header-cart-btn a, .header-three .main-navigation .dcode-right-menu ul.top-right-menu li .dcode-search a, header.header-three.sticky nav ul.navbar-nav>li:hover>a { color: #ffffff; }

/*Sticky*/
header.header-three.site-header.sticky { background: #ffffff; border-radius: 0 0 15px 15px; padding: 0 15px; }
header.header-three.sticky nav ul.navbar-nav>li>a, header.header-three.sticky .main-navigation .dcode-right-menu ul.top-right-menu li.header-cart-btn a, .header-three.sticky .main-navigation .dcode-right-menu ul.top-right-menu li .dcode-search a { color: #111111; }
header.header-three.sticky nav ul.navbar-nav li a { padding: 25px 15px; }
header .sticky-righet-menu .dcode-right-menu { display: flex; align-items: center; }

/* Inner Header */
.page-header { background: linear-gradient(-84deg, #1f53bc 0%, #291fbc 100%); position: relative; height: 450px; }
.page-header .breadcrumb-title h1, .page-header .breadcrumbs li span { color: #ffffff; }
.page-header .breadcrumbs li a:hover { color: rgb(255 255 255 / 40%); } 
.page-header .container { height: 100%; }
.page-header .dcode-page-title { height: 100%; }
.page-header .breadcrumbs { list-style: none; padding-top: 15px; text-transform: uppercase; font-weight: 600; font-size: 17px; margin: 0px auto 0px; display: table; border-radius: 4px; -webkit-border-radius: 4px; background: rgba(0,0,0,0.08); padding: 10px 30px; }
.page-header .page-breadcrumb .home a { font-size: 18px; color: #ffffff; }
.page-header .breadcrumbs li span { padding-left: 10px; word-break: break-word; }
.page-header .breadcrumbs li span:before { content: "/"; font-family: "Font Awesome 5 Free"; padding-right: 10px; font-weight: 600; }

/*Center*/
.page-header .breadcrumb-items-center .breadcrumb-title, .breadcrumb-items-center .page-breadcrumb { text-align: center; }

/*Left*/
.page-header .breadcrumb-items-left .breadcrumb-title, .breadcrumb-items-left .page-breadcrumb { text-align: left; margin-right: auto; margin-left: 0; }

/*right*/
.page-header .breadcrumb-items-right .breadcrumb-title, .breadcrumb-items-right .page-breadcrumb { text-align: right; margin-left: auto; margin-right: 0; }

/*Right Menu*/
/*Mini Cart*/
header .dcode-right-menu ul.top-right-menu { list-style: none; display: flex; }
header .dcode-right-menu ul.top-right-menu li.header-cart-btn { position: relative; margin-right: 20px; }
header .dcode-right-menu ul.top-right-menu li.header-cart-btn .dcode-mini-cart.cart { position: absolute; background: #fff; padding: 11px 15px;
    display: flex; align-items: center; width: 320px; right: 0; top: 60px; display: none; transition: all 0.5s ease-in-out; }
header .dcode-right-menu ul.top-right-menu li.header-cart-btn:hover .dcode-mini-cart.cart { display: block; transition: all 0.5s ease-in-out; }
header .dcode-right-menu ul.top-right-menu li { margin-right: 15px; }
header .dcode-right-menu ul.top-right-menu li:last-child { margin-right: 0; }
header .dcode-right-menu ul.top-right-menu li.header-cart-btn a { color: #111111; }
header .dcode-right-menu ul.top-right-menu li.header-cart-btn .cart-customlocation span { position: absolute; top: -5px; right: -8px; background: #291fbc; height: 15px; width: 15px; border-radius: 6px; color: #ffffff; display: flex; font-size: 11px; line-height: 18px; justify-content: center;  align-items: center; }

/*Header Search */
header.site-header .dcode-search a { background: #ffffff; color: #111111; line-height: 42px; width: 42px; height: 42px; border-radius: 42px; display: block; text-align: center; position: relative; margin: 3px 0px; font-size: 20px; }
header.site-header .dcode-search a:before { content: ''; position: absolute; border: rgba(255,255,255,0.3) solid 6px; top: 0; right: 0; bottom: 0; left: 0; -webkit-animation: ripple-out 1.3s 1s infinite; animation: ripple-out 1.3s 1s infinite; border-radius: 42px; z-index: -1; }
header.site-header.sticky .dcode-search a { background: -moz-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); color: #ffffff; }
header .dcode-search .search { opacity: 0; position: fixed; display: flex; width: 100%; height: 100vh; left: 0; align-items: center; background: rgb(2 22 41 / 95%); top: 0; justify-content: center; right: 0; pointer-events: none; z-index: 1000; }
header .dcode-search .search.search--open { opacity: 1; pointer-events: auto; }
header .dcode-search .search .search-form { width: 30%; }
header .dcode-search .search .search-form .search_box { width: 100%; }
header .dcode-search .search .search-form .search_box input[type=search] { border: 1px solid transparent; background: #ffffff; color: #111111; }
header .dcode-search .search .search-close-btn { position: absolute; top: 50px; right: 50px; border-radius: 6px; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border: 2px solid #111111; color: #ffffff; background: none; transition: all 0.5s ease-in-out; }
header .dcode-search .search .search-close-btn:hover { border-color: #291fbc; color: #291fbc; }
header .dcode-search .search .search-close-btn:focus { box-shadow: none; }
header .dcode-search .search .search-close-btn i { font-size: 20px; }

.search .search-close-btn { display: none; }

/*header button*/
.dcode-button .dcode-header-button a { padding: 15px 30px; }

body .site-header .dcode-button.dcode-button-default.button-dark a { border: none; }

/*==================== Min Footer ====================*/
.footer-widget .widget_nav_menu.widget ul li { position: relative; /*padding-left: 30px;*/ -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.footer-widget .widget_nav_menu.widget ul li a:before { font-size: 16px; font-family: "Font Awesome 5 Free"; content: "\f28d"; font-weight: 400; /*position:absolute; left: -30px; top: 0px;*/ -webkit-transition: all 0.4s ease; transition: all 0.4s ease; color: #ffffff; margin-right: 10px; }
/*.footer-widget .widget_nav_menu.widget ul li a:hover:before { opacity: 0.6; }*/
footer.site-footer.footer-one .site-info .copyright, footer.site-footer.footer-three .site-info .copyright { border-top: 1px solid rgba(255,255,255,0.2); }

.site-footer.footer-one .widget.widget_text, .site-footer.footer-one .widget.widget_dcode_widget_contact_info { margin-bottom: 25px; }
.site-footer .widget.widget_text .footer-logo { width: 180px; }

.apps-download img { width: 40%; margin-right: 10px; }

/*Footer*/
.site-footer { background: linear-gradient(-84deg, #1f53bc 0%, #291fbc 100%); color: #fff; }
footer .main-footer { padding-bottom: 30px; padding-top: 80px; }
/*.site-footer .widget ul li a:before { background: #291fbc; }*/

footer.footer-default .site-info .copyright a, footer.footer-default .footer-widget .widget_nav_menu.widget ul li:before, footer.footer-default .widget.widget_rss ul li .rss-date { color: #ffffff; }
footer.footer-default .site-info .copyright a:hover, footer.footer-default .footer-widget .widget_nav_menu.widget ul li:hover:before, footer.footer-default .widget.widget_rss ul li .rss-date { opacity: 0.6; }
footer.footer-default .site-info .copyright { border-top: 1px solid rgba(255,255,255,0.2); justify-content: center; }

/*footer-one*/
/*footer.site-footer.footer-one { padding-top: 180px; }*/
/*.site-footer.footer-one .menu li a:after { content: ""; background: rgb(255 255 255 / 70%); height: 2px; width: 0; position: absolute; bottom: -5px; left: 0; transition: all 0.5s ease; }
.site-footer.footer-one .menu li:hover a:after { width: 100%; }*/

/*footer-two*/
.site-footer.footer-two .footer-widget .widget ul.social-media li a { color: #666666; }
.site-footer.footer-two .widget ul.social-media li a:before { background: rgba(0,0,0,0.03); }
.footer-two .newsletter-form .newsletter-email { border-color: #ced4da; color: #666666; }

.footer-two .footer-widget .widget_nav_menu.widget ul li a:before { color: #291fbc; }
.footer-two .footer-widget .widget .widget-title:after { background: linear-gradient(to right, #488fed 0%, #291fbc 100%); }
footer.footer-two .site-info .copyright, footer.footer-three .site-info .copyright { justify-content: center; }

/*footer three*/
.site-footer.footer-three { text-align: center; }
.site-footer.footer-three .footer-widget .widget ul li { margin-bottom: 0; }
.site-footer.footer-three .menu-footer-menu-container ul { display: flex; justify-content: center; }
.site-footer.footer-three .footer-widget .widget_nav_menu.widget ul li { padding: 0 15px; }
.site-footer.footer-three .footer-widget .widget_nav_menu.widget ul li:before { content: inherit; }
.site-footer.footer-three .footer-widget .widget_nav_menu.widget ul li a { text-transform: uppercase; font-weight: 600; }
.site-footer.footer-three .footer-widget .widget_nav_menu.widget ul li a:hover { color: #ffffff; opacity: 0.5; }
.site-footer.footer-three .footer-widget .widget ul.social-media li a:hover { color: #fff; }
/*.site-footer.footer-three .social-media { margin-top: 15px; }*/

.site-footer.footer-three .footer-widget .widget_nav_menu.widget ul li a:before { content: inherit; }

.site-footer.footer-one .widget .newsletter-form .newsletter-email { color: #ffffff; }
.site-footer.footer-one .widget .newsletter-form .newsletter-email::placeholder { color: #ffffff; opacity: 0.6; }

.newsletter-form.newsletter-form-dark input.newsletter-email { border: 1px solid #ced4da; color: #111111; }
.newsletter-form.newsletter-form-dark .submit-btn { color: #ffffff; background-image: -moz-linear-gradient(top, #488fed 0%, #2a1fbc 100%);    background-image: -webkit-linear-gradient(top, #488fed 0%, #2a1fbc 100%); background-image: linear-gradient(to bottom, #488fed 0%, #2a1fbc 100%); -webkit-box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); background-size: auto 140%; border: 0px; }
.newsletter-form.newsletter-form-dark .submit-btn:hover { color: #ffffff; background-position: bottom center; }



.contact-info.theme-two li label {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 20px;
    font-weight: bold;
    display: flex;
}


/*contact info*/
.widget ul.contact-info li { color: #111111; display: flex; align-items: baseline; }
.widget ul.contact-info li i { padding-right: 10px; color: #ffffff; }

.footer-two .widget ul.contact-info li i { padding-right: 10px; color: #291fbc; }

/*Theme Dark*/
.theme-dark { background: #111111; }

/*================================== Shortcode =============================*/
/*----- Section Title -----*/
.dcode-section-title .dcode-section-sab { color: #291fbc; font-weight: 600; padding-left: 40px; position: relative; display: inline-flex; margin-bottom: 5px; font-size: 18px; }
.dcode-section-title .section-heading { margin-bottom: 15px; color: #111111; position: relative; }
.dcode-section-title .section-heading.with-separator:after { content: ""; background: linear-gradient(to right, #488fed 0%, #291fbc 100%); width: 60px; height: 6px; display: flex; margin-top: 15px; }
.dcode-section-title .section-heading span { color: #2a1fbc; font-style: italic; font-family: 'Alegreya', serif; }
.dcode-section-title.text-center .section-heading.with-separator:after { margin: 0 auto; margin-top: 15px; }
.dcode-section-title.text-right .section-heading.with-separator:after { margin-left: auto; }
.dcode-section-title p { font-size: 18px; }

/*Center*/
.dcode-section-title.text-center .dcode-section-sab { padding-right: 40px; }
.dcode-section-title.text-center .dcode-section-sab:after { left: inherit; right: 0; }

/*Right*/
.dcode-section-title.text-right .dcode-section-sab { padding-left: 0; padding-right: 40px; }
.dcode-section-title.text-right .dcode-section-sab:before { right: 0; left: inherit; }

/*----- Feature Box -----*/
/*Feature Box Style 01*/
.dcode-feature-box .dcode-feature-box-icon { margin-bottom: 20px; }
.dcode-feature-box .dcode-feature-box-containt p { margin-bottom: 0; }
.dcode-feature-box-flat .dcode-feature-box-icon,
.dcode-feature-box-border .dcode-feature-box-icon { display: inline-flex; align-items: center; justify-content: center; overflow: hidden; }
.dcode-feature-box-image .dcode-feature-box-icon { display: inline-flex; }
.dcode-feature-box-image .dcode-feature-box-icon img { width: 100% }

.dcode-feature-box-flat .dcode-feature-box-icon i,
.dcode-feature-box-border .dcode-feature-box-icon i { padding: 20px; }

.dcode-feature-box.dcode-feature-box-style-1 .dcode-feature-box-containt .dcode-feature-box-title { margin-bottom: 10px; }
.dcode-feature-box .dcode-feature-box-containt .section-more { margin-top: 10px; display: inline-flex; border-bottom: 2px solid #ebebeb; font-size: 18px; }
.dcode-feature-box .dcode-feature-box-containt .section-more:hover { border-bottom: 2px solid #797979; }

.dcode-feature-box-style-1.dcode-feature-box-bg { background: rgba(62,105,220,0.15); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; padding: 40px 30px; -webkit-border-radius: 6px; border-radius: 6px; cursor: pointer; }
.dcode-feature-box-style-1.dcode-feature-box-bg:hover { background: rgba(62,105,220,0.30); -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2); }

.dcode-feature-box-style-1 .hover-icon { position: absolute; bottom: 0; right: 0; font-size: 100px; line-height: 90px; opacity: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; color: #ffffff; }
.dcode-feature-box-style-1:hover .hover-icon { opacity: 0.1; }

/*Flat*/
/*Square*/
.dcode-feature-box-flat .dcode-feature-box-icon { background: #f6f5ff; }

/*Round*/
.dcode-feature-box-round .dcode-feature-box-icon { border-radius: 50%; }

/*Rounded*/
.dcode-feature-box-rounded .dcode-feature-box-icon { border-radius: 6px; }

/*Border*/
.dcode-feature-box-border .dcode-feature-box-icon { border: 1px solid #f6f5ff; background: none; }

/*Feature Box icon left right*/
.dcode-feature-box.dcode-icon-left, .dcode-feature-box.dcode-icon-right { display: flex; align-items: flex-start; }
.dcode-feature-box.dcode-icon-left .dcode-feature-box-icon, .dcode-feature-box.dcode-icon-right .dcode-feature-box-icon { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 0; text-align: center; margin-top: 5px; }

/*left*/
.dcode-feature-box.dcode-icon-left .dcode-feature-box-icon { margin-right: 25px; }

/*Right*/
.dcode-feature-box.dcode-icon-right { flex-direction: row-reverse; }
.dcode-feature-box.dcode-icon-right .dcode-feature-box-icon img { padding-right: 0; }
.dcode-feature-box.dcode-icon-right .dcode-feature-box-icon { margin-left: 25px; }

/*Feature icon*/
.dcode-feature-box .dcode-feature-box-icon i { color: #291fbc; }

/*Feature Box icon size*/
/*sm*/
.dcode-feature-box-flat.dcode-feature-icon-sm .dcode-feature-box-icon, 
.dcode-feature-box-border.dcode-feature-icon-sm .dcode-feature-box-icon { height: 80px; width: 80px; padding: 15px; }

.dcode-feature-box-image.dcode-feature-icon-sm .dcode-feature-box-icon { height: 68px; width: 68px; }

.dcode-feature-box-flat.dcode-feature-icon-sm .dcode-feature-box-icon i, 
.dcode-feature-box-border.dcode-feature-icon-sm .dcode-feature-box-icon i,
.dcode-feature-box-image.dcode-feature-icon-sm .dcode-feature-box-icon i { padding: 10px; }

.dcode-feature-box.dcode-icon-sm .dcode-feature-box-icon img { height: 30px; }

.dcode-feature-box.dcode-feature-icon-sm .dcode-feature-box-icon i { font-size: 22px; }

/*md*/
.dcode-feature-box-flat.dcode-feature-icon-md .dcode-feature-box-icon,
.dcode-feature-box-border.dcode-feature-icon-md .dcode-feature-box-icon { height: 100px; width: 100px; padding: 20px; }

.dcode-feature-box.dcode-feature-icon-md .dcode-feature-box-icon i { font-size: 42px; }

/*Lg*/
.dcode-feature-box-flat.dcode-feature-icon-lg .dcode-feature-box-icon,
.dcode-feature-box-border.dcode-feature-icon-lg .dcode-feature-box-icon { height: 130px; width: 130px; padding: 25px; }

.dcode-feature-box.dcode-icon-lg .dcode-feature-box-icon img { height: 60px; }

.dcode-feature-box.dcode-feature-icon-lg .dcode-feature-box-icon i { font-size: 58px; }

/*Feature Box Style 2*/
.dcode-feature-box.dcode-feature-box-style-2 { background: #ffffff; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; padding: 40px 30px; position: relative; text-align: center; overflow: hidden; cursor: pointer; }
/*.dcode-feature-box.dcode-feature-box-style-2:hover { -webkit-transform: translateY(-16px); -ms-transform: translateY(-16px); -webkit-box-shadow: 0px 30px 60px 0px rgb(38 59 94 / 10%); box-shadow: 0px 30px 60px 0px rgb(38 59 94 / 10%); }
*/.dcode-feature-box.dcode-feature-box-style-2 .dcode-feature-box-details { position: relative; }
.dcode-feature-box-style-2 .dcode-feature-box-inner:before { /*-webkit-transform: translateY(102%); transform: translateY(102%);*/ opacity: 0; width: 100%; position: absolute; top: 0; left: 0; content: ""; height: 100%; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; background: #4688eb; background: -webkit-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: -moz-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); }
.dcode-feature-box-style-2:hover .dcode-feature-box-inner:before { opacity: 1; }
.dcode-feature-box-style-2:hover .dcode-feature-box-inner .dcode-feature-box-icon i, .dcode-feature-box-style-2:hover .dcode-feature-box-inner .dcode-feature-box-title, .dcode-feature-box-style-2:hover .dcode-feature-box-inner .dcode-feature-box-containt p { color: #fff; transition: all 400ms ease-in-out; }
.dcode-feature-box-style-2.dcode-feature-box-image .dcode-feature-box-inner .dcode-feature-box-icon img { -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
.dcode-feature-box-style-2.dcode-feature-box-image .dcode-feature-box-inner .dcode-feature-box-icon img.hover, .dcode-feature-box-style-2.dcode-feature-box-image:hover .dcode-feature-box-inner .dcode-feature-box-icon > img { opacity: 0; transform: scale(0); }
.dcode-feature-box-style-2.dcode-feature-box-image .dcode-feature-box-inner .dcode-feature-box-icon img.hover { position: absolute; left: 0; right: 0; margin: 0 auto; }
.dcode-feature-box-style-2.dcode-feature-box-image:hover .dcode-feature-box-inner .dcode-feature-box-icon img.hover { opacity: 1; transform: scale(1); }

.dcode-feature-box.dcode-feature-box-style-2 .dcode-feature-box-inner .dcode-feature-box-info .dcode-feature-box-title { margin-bottom: 10px; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
 
.dcode-feature-box-style-2.dcode-feature-box-image.dcode-feature-icon-sm .dcode-feature-box-inner .dcode-feature-box-icon img { height: 70px; }

/*Image Size MD*/
.dcode-feature-box-image.dcode-feature-icon-md .dcode-feature-box-icon, .dcode-feature-box-style-2.dcode-feature-box-image.dcode-feature-icon-md .dcode-feature-box-inner .dcode-feature-box-icon img { height: 100px; width: 100px; }

/*Image Size LG*/
.dcode-feature-box-image.dcode-feature-icon-lg .dcode-feature-box-icon, .dcode-feature-box-style-2.dcode-feature-box-image.dcode-feature-icon-lg .dcode-feature-box-inner .dcode-feature-box-icon img { height: 130px; }

.dcode-feature-box.dcode-feature-box-style-2 .dcode-feature-box-containt p { font-size: 16px; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }


.dcode-feature-box-style-2.dcode-feature-box-image.dcode-feature-icon-md.text-right img.hover { left: inherit; }

/*icon center*/
.dcode-feature-box.dcode-feature-box-style-2.dcode-icon-top .dcode-feature-box-inner .dcode-feature-box-info { flex-direction: column; }
.dcode-feature-box.dcode-feature-box-style-2.text-center .dcode-feature-box-inner .dcode-feature-box-info { justify-content: center; }
.dcode-feature-box.dcode-feature-box-style-2.dcode-icon-top .dcode-feature-box-info .dcode-feature-box-icon { margin-bottom: 20px; margin-right: 0; }

/*icon right*/
.dcode-feature-box.dcode-feature-box-style-2.dcode-icon-right .dcode-feature-box-inner .dcode-feature-box-info { flex-direction: row-reverse; }
.dcode-feature-box.dcode-feature-box-style-2.dcode-icon-right .dcode-feature-box-info .dcode-feature-box-icon { margin-right: 0; }
.dcode-feature-box-style-2.dcode-feature-box-image.dcode-feature-icon-md.text-left img.hover { right: inherit; }

/*Feature Box Style 3*/
.dcode-feature-box.dcode-feature-box-style-3 { position: relative; overflow: hidden; }
.dcode-feature-box.dcode-feature-box-style-3  > a { position: relative; overflow: hidden; display: block; }
.dcode-feature-box.dcode-feature-box-style-3  .dcode-features-item-front{ position: relative; }
.dcode-feature-box.dcode-feature-box-style-3  .dcode-features-item-front, .dcode-feature-box.dcode-feature-box-style-3  .dcode-features-item-hover { min-height: 333px; height: auto; padding:20px 45px; -webkit-transition: all 0.4s cubic-bezier(.25,.46,.45,.94); transition: all 0.4s cubic-bezier(.25,.46,.45,.94);display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; align-items: center; justify-content: center; }
.dcode-feature-box.dcode-feature-box-style-3:hover .dcode-features-item-front { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%);  transform: translateY(-100%); }
.dcode-feature-box.dcode-feature-box-style-3  .dcode-features-item-hover { position: absolute; top: 100%; left: 0; height: 100%; width: 100%; background-repeat: no-repeat; background-position: bottom center; background-size: contain; opacity: 0; visibility: hidden; }
.dcode-feature-box.dcode-feature-box-style-3  .dcode-features-item-hover::before { content: ""; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; mix-blend-mode: multiply; background-color: #291fbc; }
.dcode-feature-box.dcode-feature-box-style-3:hover .dcode-features-item-hover { top: 0%; opacity: 1; visibility: visible; }
.dcode-features-item-hover .dcode-features-title { color: #ffffff; margin-bottom: 30px; }
.dcode-features-item-hover p { color: #ffffff; margin-bottom: 0; }
.dcode-features-item-hover .inner-box { position: relative; z-index: 2; }



/*----- Blog Post -----*/
.dcode-post .post-media { margin-bottom: 25px; display: flex; border-radius: 6px; overflow: hidden; }
.dcode-post .post-media img { width: 100%; }
.dcode-post .post-details .post-category-wrap { margin-bottom: 25px; }
.dcode-post .post-details .post-category { display: flex; align-items: center; }
.dcode-post .post-details .post-category a { background: #cce3ff; color: #291fbc; padding: 5px 20px; border-radius: 6px; }
.dcode-post .post-details .post-category a:hover { background: #291fbc; color: #fff; }
.dcode-post .post-details .post-category-wrap .post-date-time { margin-left: auto; }

/*Blog Author*/
.dcode-post .dcode-author { display: flex; align-items: center; position: absolute; bottom: 0; right: 0; background: rgb(255 255 255 / 90%); 
  padding: 10px 20px 8px 15px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; }
.dcode-author .author-img { height: 60px; width: 60px; display: flex; align-items: center; flex: 0 0 auto; 
  border-radius: 6px; overflow: hidden; background-size: cover; margin-right: 15px; }
.dcode-author .author-img img { height: 100%; width: 100%; }
.dcode-post .dcode-author .author-info { text-align: left; }
.dcode-author .author-info p { margin-bottom: 0; }
.dcode-post .dcode-author .author-info .title h6 { margin-bottom: 0; }

/*Blog Style 01*/
.dcode-post.dcode-post-style-1 .post-wrapper { margin-bottom: 30px; }

/*Blog style 02*/
.dcode-post.dcode-post-style-2 { margin-bottom: 30px; }
.dcode-post.dcode-post-style-2 .post-media { margin-bottom: 0; }
.dcode-post.dcode-post-style-2 .post-wrapper { border-radius: 6px; overflow: hidden; position: relative; }
.dcode-post.dcode-post-style-2 .post-details { position: absolute; top: 0; padding: 30px; z-index: 9; height: 100%; width: 100%; }
.dcode-post.dcode-post-style-2 .post-details:before { content: ""; position: absolute; background: #ecf5ff; width: 100%; height: 100%; 
top: 0; left: 0; z-index: -1; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;  }
.dcode-post .post-date-time span { color: #291fbc; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;  }
.dcode-post.dcode-post-style-2:hover .post-date-time span, 
.dcode-post.dcode-post-style-2:hover .post-title a, 
.dcode-post.dcode-post-style-2:hover .read-more a { color: #ffffff; }
.dcode-post.dcode-post-style-2 .post-info { display: flex; flex-wrap: wrap; align-content: space-between; /*height: 90%;*/ flex-direction: column; }
.dcode-post.dcode-post-style-2 .post-details .post-category a { background: #291fbc; color: #fff; }
.dcode-post.dcode-post-style-2:hover .post-details .post-category a { background: #291fbc; }
.dcode-post.dcode-post-style-2:hover .post-details:before { background: rgb(0 0 0 / 50%); }
.dcode-post.dcode-post-style-2 .post-details .post-info .post-box { position: absolute; bottom: 25px; }

/*Blog style 03*/
.dcode-post.dcode-post-style-3 .post-details { background: #ecf5ff; padding: 30px 30px 20px 30px; border-radius: 6px; }

/*Blog style 04*/
.dcode-post.dcode-post-style-4 { border: 1px solid #1c2e3e; padding: 20px; border-radius: 6px; background: #05192c; }
.dcode-post.dcode-post-style-4 .post-media { border-radius: 0; border-bottom: 1px solid #1c2e3e; padding-bottom: 30px; margin-bottom: 50px; }

/*bg light*/
.dcode-post.dcode-post-style-4.light-bg .post-details .post-category a { background: #291fbc; color: #ffffff; }
.dcode-post.dcode-post-style-4.light-bg .post-details .post-category a:hover { background: #291fbc; }
.dcode-post.dcode-post-style-4.light-bg .post-date-time span { color: #291fbc; }
.dcode-post.dcode-post-style-4.light-bg .post-details .post-title .post-min-title { color: #ffffff; }

/*blog img Hover Animation*/
.dcode-post .post-media > img, .dcode-gallery .dcode-gallery-img img { transition: transform 0.3s; }
.dcode-post .post-media:hover > img, .dcode-gallery .dcode-gallery-img:hover img { transform: scale(1.1); }

/*----- testimonial -----*/
/*default*/
.dcode-testimonial .dcode-testimonial-img { border-radius: 6px; overflow: hidden; }
.dcode-testimonial .dcode-testimonial-details:before { content: "\f10d"; font-weight: 600; font-family: 'Font Awesome 5 Free'; position: absolute; line-height: 60px; left: -25px; right: 0; padding: 5px; align-items: center; justify-content: center; font-size: 24px; border-radius: 60px; color: #fff; height: 50px;display: flex; width: 50px; background: -webkit-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: -moz-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); }

.dcode-testimonial { margin: 30px 15px; }

/*testimonial style-1*/
.dcode-testimonial.dcode-testimonial-style1 { padding: 0 30px; }
.dcode-testimonial.dcode-testimonial-style1 .testimonial-details { background: #ffffff; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 50px 50px; position: relative; }
.dcode-testimonial.dcode-testimonial-style1 .testimonial-details:before { width: 60px; height: 60px; content: ""; position: absolute; top: 100%; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); transform: rotate(90deg) skew(52deg); z-index: -1;  margin-top: -50px; left: 50px; }
.dcode-testimonial.dcode-testimonial-style1 .testimonial-details:after { width: 0; height: 0; border-left: 0px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #fff; content: ""; position: absolute; top: 100%; left: 50px; }
.dcode-testimonial.dcode-testimonial-style1 .testimonial-details p:before { background: -webkit-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: -moz-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); border-radius: 60px; padding: 5px; height: 50px; width: 50px;line-height: 40px; text-align: center; color: #ffffff; content: "\f10d"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; position: absolute; top: 38px; left: -25px; font-size: 24px; }
.dcode-testimonial.dcode-testimonial-style1 .client-info-wrapper { display: flex; flex-wrap: nowrap; width: auto; align-items: center; margin-top: 60px; }
.dcode-testimonial.dcode-testimonial-style1 .client-info-wrapper .client-img img, .dcode-testimonial.dcode-testimonial-style4 .client-info-wrapper .client-img img { background: #ffffff; border-radius: 80px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 6px; margin-right: 20px; width: 80px; overflow: hidden; }
.dcode-testimonial.dcode-testimonial-style1 .client-info-wrapper .client-info h5 { margin: 0; font-size: 20px; }
.dcode-testimonial.dcode-testimonial-style1 .client-info-wrapper .client-info p { margin: 0; }

/*testimonial style-2*/
.dcode-testimonial-style2 .dcode-testimonial-img { display: none; }
.dcode-testimonial-style2 .dcode-testimonial-details { background: #ffffff; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 45px 30px 60px; position: relative; text-align: center; }
.dcode-testimonial-style2 .dcode-testimonial-details:before { left: 0; right: 0; margin: 0 auto; bottom: -25px; }
.dcode-testimonial-style2 .dcode-testimonial-details .dcode-testimonial-info .testimonial-title { font-size: 20px; margin-right: 15px; margin-bottom: 0; }
.dcode-testimonial-style2 .dcode-testimonial-details .dcode-testimonial-content p { font-size: 18px; line-height: 1.5; }
.dcode-testimonial-style2 .dcode-testimonial-details .dcode-testimonial-info { margin-top: 30px; }

/*testimonial style-3*/
.dcode-testimonial.dcode-testimonial-style-3 { margin:0px 10px;}
.dcode-testimonial.dcode-testimonial-style-3 .dcode-testimonial-img { position: absolute; top: 0; z-index: 9; left: 30px; border-radius: 50%; width: 100px; height: 100px; border: 3px solid #291fbc; }
.dcode-testimonial.dcode-testimonial-style-3 .dcode-testimonial-img img { width: 100%; height: 100%; }
.dcode-testimonial.dcode-testimonial-style-3 .dcode-testimonial-details { margin-top: 50px; background: #fff; box-shadow: 0 5px 15px 0 rgba(0, 33, 85, .1); padding: 80px 30px 15px 30px; position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 6px; }
.dcode-testimonial.dcode-testimonial-style-3 .dcode-testimonial-details:before { content: "\f10e"; right: 0; left: inherit; font-size: 130px; top: 0; color: #ecf5ff; }

/*testimonial style 4*/
.dcode-testimonial.dcode-testimonial-style4 { background: #ffffff; -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0, 0, 0.1); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); padding: 30px 45px 30px; position: relative; margin: 15px 15px; }
.dcode-testimonial.dcode-testimonial-style4 .client-info-wrapper  { display: flex; align-items: center; position: relative; margin-bottom: 15px; }
.dcode-testimonial.dcode-testimonial-style4 .client-info-wrapper .client-info h5 { margin-bottom: 0; }
.dcode-testimonial.dcode-testimonial-style4 .client-info-wrapper .client-img img { box-shadow: none; width: 100px; }
.dcode-testimonial.dcode-testimonial-style4 .client-info-wrapper:before { content: "\f10d"; font-family: "Font Awesome 5 Free"; font-style: normal; font-weight: 900; position: absolute; top: 30px; right: 0px; line-height: 40px; padding: 0; color: #111111; opacity: 0.1; font-size: 48px; }

/*----- Team -----*/
.dcode-team .dcode-team-details { text-align: center; padding: 15px 15px 0px; }
.dcode-team .dcode-team-details .dcode-team-content .team-title { font-size: 28px; margin: 0 0 10px 0; }
.dcode-team .dcode-team-content .team-designation { color: #2a1fbc; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; line-height: 1; font-size: 15px; }
.dcode-team .dcode-icon-links { display: flex; justify-content: center; position: absolute; left: 0; right: 0; opacity: 0; }
.dcode-team:hover .dcode-icon-links { opacity: 1; }

.dcode-social ul { padding: 0; }
.dcode-social li { display: inline-flex; }
.dcode-social li a { line-height: 36px; width: 38px; height: 38px; margin: 0px 3px; display: flex; justify-content: center; align-items: center; font-size: 20px; -webkit-border-radius: 6px; border-radius: 6px; text-align: center; border: 1px solid rgba(255,255,255,0.2); color: #ffffff; position: relative; overflow: hidden; }
.dcode-social.dcode-icon-links { position: absolute; bottom: 0; padding: 10px 15px; width: 100%; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; text-align: center; -webkit-transform: translateY(100%); transform: translateY(100%); }
.dcode-team:hover .dcode-social.dcode-icon-links { -webkit-transform: translateY(0); transform: translateY(0); }
.dcode-team .dcode-team-img { position: relative; overflow: hidden; background: #111111; cursor: pointer; }
.dcode-team .dcode-team-img img { -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; }
.dcode-team:hover .dcode-team-img img { opacity: 0.1; }

/*Style 02*/
.dcode-team.dcode-team-style-2 { position: relative; overflow: hidden; border-radius: 6px; }
.dcode-team.dcode-team-style-2 .dcode-team-details { display: flex; justify-content: space-between; text-align: left; position: absolute; bottom: -130px;width: 100%; z-index: 9; background: none; padding: 25px; align-items: center;  }
.dcode-team.dcode-team-style-2:hover .dcode-team-details { bottom: 0; }
.dcode-team.dcode-team-style-2:hover .dcode-team-img:before { background: rgb(2,22,41); background: linear-gradient(0deg, rgba(2,22,41,1) 0%, rgba(2,22,41,0.5998774509803921) 40%); }
.dcode-team.dcode-team-style-2 .dcode-icon-links { align-items: flex-end; display: flex; }
.dcode-team.dcode-team-style-2 .dcode-icon-links a { margin: 0px 0 0 15px; color: #fff; }
.dcode-team.dcode-team-style-2 .dcode-icon-links a:hover { color: #291fbc; }

/*Team Single*/
.single-team ul.team-more-detail { list-style: none; }
.single-team ul.team-social { display: flex; list-style: none; margin-top: 15px; }
.single-team ul.team-social li { padding-right: 15px; } 

/*----- Counter-----*/
.dcode-counter .dcode-counter-icon { margin-bottom: 10px; display: inline-flex; }
.dcode-counter .dcode-counter-icon i { color: #291fbc; }
.dcode-counter .dcode-counter-containt .counter .dcode-counter-title, .dcode-counter .dcode-counter-containt .counter .dcode-counter-value { margin-bottom: 0px; font-size: 48px; line-height: 48px; color: #111111; font-weight: 900; font-family: 'Source Sans Pro', sans-serif; }
.dcode-counter .dcode-counter-containt .counter { display: flex; align-items: center; text-transform: uppercase; }
.dcode-counter .dcode-counter-containt .counter span.dcode-counter-symbol { font-size: 52px; font-weight: 900; font-family: 'Source Sans Pro', sans-serif; position: relative; top: -12px; line-height: 0.8; background: -webkit-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: -moz-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); -webkit-background-clip: text; color: transparent; margin-left: 5px; }
.dcode-counter .dcode-counter-containt .counter-title { font-weight: 600; color: #666666; display: flex; }
.dcode-counter.dcode-counter-default .dcode-counter-img { justify-content: center; display: flex; margin-bottom: 15px; }
.dcode-counter.dcode-counter-icon-sm .dcode-counter-img { height: 80px; }

/*flat*/
.dcode-counter.dcode-counter-flat .dcode-counter-icon, .dcode-counter.dcode-counter-flat .dcode-counter-img { background: #cce3ff; display: inline-flex; justify-content: center; align-items: center; position: relative; }
.dcode-counter.dcode-counter-flat.dcode-counter-round .dcode-counter-icon, .dcode-counter.dcode-counter-flat.dcode-counter-round .dcode-counter-img { border-radius: 50%; }
.dcode-counter.dcode-counter-flat.dcode-counter-rounded .dcode-counter-icon, .dcode-counter.dcode-counter-flat.dcode-counter-rounded .dcode-counter-img { border-radius: 6px; }

/*Border*/
.dcode-counter.dcode-counter-border .dcode-counter-icon, .dcode-counter.dcode-counter-border .dcode-counter-img { border: 1px solid rgba(255,255,255,0.2); display: inline-flex; justify-content: center; align-items: center; position: relative; }
.dcode-counter.dcode-counter-border.dcode-counter-round .dcode-counter-icon, .dcode-counter.dcode-counter-border.dcode-counter-round .dcode-counter-img { border-radius: 50%; }
.dcode-counter.dcode-counter-border.dcode-counter-rounded .dcode-counter-icon, .dcode-counter.dcode-counter-border.dcode-counter-rounded .dcode-counter-img { border-radius: 6px; }

/*icon size*/
.dcode-counter.dcode-counter-flat.dcode-counter-icon-sm .dcode-counter-icon, .dcode-counter.dcode-counter-border.dcode-counter-icon-sm .dcode-counter-icon { height: 50px; width: 50px; padding: 30px; }
.dcode-counter.dcode-counter-flat.dcode-counter-icon-md .dcode-counter-icon, .dcode-counter.dcode-counter-border.dcode-counter-icon-md .dcode-counter-icon { height: 70px; width: 70px; padding: 50px; }
.dcode-counter.dcode-counter-flat.dcode-counter-icon-lg .dcode-counter-icon, .dcode-counter.dcode-counter-border.dcode-counter-icon-lg .dcode-counter-icon { height: 90px; width: 90px; padding: 60px; }
.dcode-counter.dcode-counter-icon-sm .dcode-counter-icon i { font-size: 40px; }
.dcode-counter.dcode-counter-icon-md .dcode-counter-icon i { font-size: 54px; }
.dcode-counter.dcode-counter-icon-lg .dcode-counter-icon i { font-size: 64px; }

.dcode-counter.dcode-counter-flat.dcode-counter-icon-sm .dcode-counter-img, .dcode-counter.dcode-counter-border.dcode-counter-icon-sm .dcode-counter-img { width: 80px; height: 80px; padding: 20px; }
.dcode-counter.dcode-counter-flat.dcode-counter-icon-md .dcode-counter-img, .dcode-counter.dcode-counter-border.dcode-counter-icon-md .dcode-counter-img { width: 120px; height: 120px; padding: 20px; }
.dcode-counter.dcode-counter-flat.dcode-counter-icon-lg .dcode-counter-img, .dcode-counter.dcode-counter-border.dcode-counter-icon-lg .dcode-counter-img { width: 160px; height: 160px; padding: 20px; }
.dcode-counter.dcode-counter-flat .dcode-counter-img img, .dcode-counter.dcode-counter-border .dcode-counter-img img { max-width: 68px; }
.dcode-counter.dcode-counter-flat .dcode-counter-img, .dcode-counter.dcode-counter-border .dcode-counter-img { margin-bottom: 30px; }

/*Text Center*/
.dcode-counter.text-center .dcode-counter-containt .counter, .dcode-counter.text-center .dcode-counter-containt .counter-title { justify-content: center; }

/*text right */
.dcode-counter.dcode-counter-flat.text-center .dcode-counter-icon, 
.dcode-counter.dcode-counter-flat.text-right .dcode-counter-icon, 
.dcode-counter.dcode-counter-border.text-center .dcode-counter-icon { margin-right: 10px; }
.dcode-counter.dcode-counter-border.text-right .dcode-counter-icon { margin-right: 10px; }

.dcode-counter.text-right .dcode-counter-containt .counter, .dcode-counter.text-right .dcode-counter-containt .counter-title { justify-content: flex-end; }

/*icon left*/
.dcode-counter.dcode-icon-left, .dcode-counter.dcode-icon-right { display: flex; align-items: center; }
.dcode-counter.dcode-icon-left .dcode-counter-icon { margin-right: 20px; margin-bottom: 0;  }
.dcode-counter.dcode-counter-flat.dcode-icon-left .dcode-counter-icon,
.dcode-counter.dcode-counter-border.dcode-icon-left .dcode-counter-icon, .dcode-counter.dcode-icon-left .dcode-counter-img { margin-right: 30px; }

/*icon right*/
.dcode-counter.dcode-icon-right { flex-direction: row-reverse; }
.dcode-counter.dcode-icon-right .dcode-counter-icon, .dcode-counter.dcode-icon-right .dcode-counter-img { margin-left: 20px; margin-bottom: 0 }
.dcode-counter.dcode-counter-flat.dcode-icon-right .dcode-counter-icon,
.dcode-counter.dcode-counter-border .dcode-icon-right .dcode-counter-icon { margin-right: 0; margin-left: 30px; }
.dcode-counter.dcode-counter-flat.dcode-icon-right .dcode-counter-icon i { right: inherit; left: -10px; }

/*----- Button -----*/
.dcode-button { display: inline-flex; }
.dcode-button a { font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: 600; padding: 0px 30px; line-height: 48px; -webkit-border-radius: 6px;  border-radius: 6px; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; outline: 0; color: #ffffff; }

/*Flat*/
.dcode-button.dcode-button-flat a, .dcode-button.dcode-button-default a, .home .header-two.site-header .dcode-button.dcode-button-default a, body.home .site-header .dcode-button.dcode-button-default.button-dark a, .site-header.sticky .dcode-button.dcode-button-default.button-dark a { background: linear-gradient(to bottom, #488fed 0%, #2a1fbc 100%); color: #ffffff; background-size: auto 140%; box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); }

/*Border*/
.dcode-button.dcode-button-border a { border: 1px solid #291fbc; background: none; color: #111111; box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); }
.dcode-button.dcode-button-border a:hover { background: #291fbc; color: #ffffff; }

.dcode-button.dcode-button-flat.dcode-button-square a, 
.dcode-button.dcode-button-border.dcode-button-square a { border-radius: 0px; }

.dcode-button.dcode-button-flat.dcode-button-round a, 
.dcode-button.dcode-button-border.dcode-button-round a { border-radius: 50px; }
.dcode-button.dcode-button-flat.dcode-button-rounded a, 
.dcode-button.dcode-button-border.dcode-button-rounded a { border-radius: 6px; }

/*Icon left*/
.dcode-button.dcode-icon-left a { display: flex; flex-direction: row-reverse; justify-content: center; }
.dcode-button.dcode-icon-left .dcode-button-icon { margin-right: 5px; }

/*Icon Right*/
.dcode-button.dcode-icon-right .dcode-button-icon { margin-left: 5px; }

/*Button size*/
.dcode-button.dcode-button-sm a { font-size: 14px; }
.dcode-button.dcode-button-md a { font-size: 18px; padding: 5px 30px; }
.dcode-button.dcode-button-lg a { font-size: 20px; padding: 10px 30px; }

.dcode-button.dcode-button-flat a:hover, .dcode-button.dcode-button-default a:hover, .home .header-two.site-header .dcode-button.dcode-button-default a:hover, body.home .site-header .dcode-button.dcode-button-default.button-dark a:hover { background-position: bottom center; }

/*----- Accordion -----*/
.dcode-accordion-item { background: #ffffff; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); margin-bottom: 10px; }
.dcode-accordion .dcode-accordion-header { cursor: pointer; background: #ffffff; color: #ffffff; border-radius: 6px; display: flex; border-radius: 6px; border: none; padding: 20px 20px; align-items: center; }
.dcode-accordion .dcode-accordion-content { padding: 20px; }

.dcode-accordion .dcode-accordion-item .dcode-accordion-header.coll-back::after { content: "\f077";}
.dcode-accordion .dcode-accordion-item.active .dcode-accordion-header::after { content: "\f077"; }
.dcode-accordion .dcode-accordion-item .dcode-accordion-header::after { background: #291fbc; height: 32px; width: 32px; border-radius: 50px; line-height: 32px;text-align: center; font-size: 18px; color: #ffffff; top: -5px; font-family: "Font Awesome 5 Free"; content: "\f078"; margin-left: auto; font-weight: 800; padding: 10px; display: flex; justify-content: center; align-items: center; }

.dcode-accordion .dcode-accordion-header .plusminus { position: absolute; right: 30px; font-size: 30px; line-height: 34px; }
.dcode-accordion .dcode-accordion-header .accordion-tilte { font-size: 18px; margin-bottom: 0; }

.dcode-accordion.dcode-accordion-style-1 .dcode-accordion-item { background: #02203f; border-radius: 30px; margin-bottom: 20px; }
.dcode-accordion.dcode-accordion-style-1 .dcode-accordion-item .dcode-accordion-content { padding: 20px 40px; color: #ffffff; }

.dcode-accordion.dcode-accordion-style-2 .dcode-accordion-header {  padding: 20px 0px; margin-bottom: 0; color: #ffffff; display: flex; align-items: center; border-bottom: 1px solid #1c2e3f; background: none; border-radius: 0; }
.dcode-accordion.dcode-accordion-style-2 .dcode-accordion-content { padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #1c2e3f; }
.dcode-accordion.dcode-accordion-style-2 .dcode-accordion-header .plusminus { color: #3ed577; right: 0; }

/*icon left*/
.dcode-accordion.align-icon-left .dcode-accordion-header { flex-direction: row-reverse; }
.dcode-accordion.align-icon-left .dcode-accordion-item .dcode-accordion-header::after { margin-left: inherit; margin-right: auto; }

/*----- Icon Box -----*/
.dcode-icon-box .inner-box { background: #ffffff; border-radius: 6px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); border: 1px solid #ebebeb; transition: all 400ms ease-in-out; padding: 30px 35px; position: relative; text-align: center; overflow: hidden; cursor: pointer; }
.dcode-icon-box .inner-box:hover { -webkit-box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); border: 1px solid #488fed; }
.dcode-icon-box .dcode-iconbox-icon { margin: 0px auto 18px; text-align: center; display: table; }
.dcode-icon-box .dcode-iconbox-icon img { max-width: 68px; max-height: 68px; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
.dcode-icon-box .inner-box .text h5 { font-size: 18px; margin-bottom: 0; -webkit-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }

/*----- client logo -----*/
.owl-carousel.client-logo .owl-item { display: flex; display: -webkit-flex; justify-content: center; align-items: center; }
.owl-carousel.client-logo .owl-item img { width: 90%; }
.dcode-client-grid { display: grid; justify-items: center; align-items: center; grid-gap: 40px; }
body .dcode-client-grid img { border: 1px solid #ebebeb; padding: 10px 40px; }
.grid-6 { grid-template-columns: repeat(6, 3fr); }
.grid-5 { grid-template-columns: repeat(5, 3fr); }
.grid-4 { grid-template-columns: repeat(4, 3fr); }
.grid-3 { grid-template-columns: repeat(3, 3fr); }
.grid-2 { grid-template-columns: repeat(2, 3fr); }
.grid-1 { grid-template-columns: repeat(1, 3fr); }
.client-logo .owl-item { border: 1px solid #ebebeb; text-align: center; padding: 10px; }

/*----- Tab -----*/
.dcode-tab ul.ui-tabs-nav { padding: 0; display: flex; list-style: none; border-bottom: 3px solid #ebebeb; }
.dcode-tab ul li { border: 0px; margin: 0px 15px 0px 0px; padding: 0px 0px; }
.dcode-tab ul li a { border: 0px; background: none; color: #111111; font-weight: 700; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; padding: 15px; position: relative; display: flex; }
.dcode-tab ul li.ui-tabs-active a { color: #291fbc; }
.dcode-tab ul li.ui-tabs-active a:after { content: ""; height: 3px; background: linear-gradient(to right, #488fed 0%, #291fbc 100%); position: absolute; bottom: -3px; left: 0; width: 100%; transition: all 0.5s ease-in-out; }

/*Tab Style 01*/
.dcode-tab.dcode-tab-style-1 .nav-pills .nav-link { padding: 30px; background-color: #ffffff; border-radius: 6px; border-left: 5px solid #291fbc;box-shadow: 0 5px 15px 0 rgb(0 0 0 / 10%); }
.dcode-tab.dcode-tab-style-1 .nav-pills .nav-link.active, .dcode-tab.dcode-tab-style-1 .nav-pills .show>.nav-link { background: #291fbc; border-left: 5px solid #291fbc; }
.dcode-tab.dcode-tab-style-1 .nav-pills .nav-link:hover { border-color: #291fbc; }
.dcode-tab.dcode-tab-style-1 .nav-pills .nav-link.active .tab-title, .dcode-tab.dcode-tab-style-1 .nav-pills .nav-link.active  p { color: #ffffff; }
.dcode-tab.dcode-tab-style-1 .nav-pills .nav-link p { color: #7c7c7c; margin-top: 15px; }
.dcode-tab.dcode-tab-style-1 .nav-pills li { margin-bottom: 30px; }
.dcode-tab.dcode-tab-style-1 .nav-pills li:last-child { margin-bottom: 0; }

/*Tab Style 02*/
.dcode-tab.dcode-tab-style-2 .tab-content { padding: 30px 0px 0px; }

/*Tab Style 03*/
.dcode-tab.dcode-tab-style-3 .ui-tabs { display: flex; }
.dcode-tab.dcode-tab-style-3 ul.ui-tabs-nav { flex-direction: column; border-bottom: 0; }
.dcode-tab.dcode-tab-style-3 ul .nav-link { padding: 15px; margin-bottom: 15px; background: #0e1c2a; text-align: center; }
.dcode-tab.dcode-tab-style-3 ul li:last-child .nav-link { margin-bottom: 0; }
.dcode-tab.dcode-tab-style-3 ul li { margin: 0; }
.dcode-tab.dcode-tab-style-3 ul li.ui-tabs-active a:after { bottom: 0; right: -32px; left: inherit; height: 100%; width: 3px; z-index: 9; }
.dcode-tab.dcode-tab-style-3 .tab-content { border-left: 3px solid #ebebeb; padding: 0px 0px 0px 50px; margin: 0; }

/*----- List -----*/
.dcode-list ul { list-style: none; padding: 0; flex-wrap: wrap; }
.dcode-list ul li { margin-bottom: 10px; color: #666666; display: flex; align-items: baseline; }
.dcode-list ul li:last-child { margin-bottom: 0px; }
.dcode-list ul li i { color: #291fbc; margin-right: 10px; }
.dcode-list ul li i.fas.fa-circle { font-size: 11px; }

/*----- Social Media -----*/
.social-media li { margin: 0 5px 0 0; display: inline-flex; margin-bottom: 10px; }
.social-media li:last-child { margin-right: 0; }
.social-media li a { line-height: 40px; width: 40px; height: 40px; display: flex; font-size: 20px; border-radius: 6px; justify-content: center; align-items: center; border: 1px solid #ebebeb; position: relative; overflow: hidden; }
.social-media li a:before, .dcode-social li a:before { background: rgba(255,255,255,0.1); width: 100%; height: 100%; left: 0; content: ""; position: absolute; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateY(100%); transform: translateY(100%); }
.social-media li:hover a:before, .dcode-social li:hover a:before { -webkit-transform: translateY(0); transform: translateY(0); }

/*----- Newsletter -----*/
.dcode-newsletter .dcode-section-title .section-heading { margin-bottom: 0; }
.dcode-newsletter .newsletter-form { display: flex; position: relative; }
.dcode-newsletter .newsletter-form .submit-btn { position: absolute; right: 5px; top: 5px; border-radius: 6px; background: linear-gradient(to bottom, #488fed 0%, #2a1fbc 100%); color: #ffffff; width: auto; padding: 0 30px; text-transform: uppercase; font-size: 14px; line-height: 45px; font-weight: 800; transition: all 0.5s ease; box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); height: 44px; }
.dcode-newsletter .newsletter-form .submit-btn:hover, .dcode-newsletter.dcode-newsletter-light-bg .newsletter-form .submit-btn:hover { background-position: bottom center; }

.dcode-newsletter-dark-bg .dcode-newsletter .newsletter-form .submit-btn:hover { background: #111111; }
.dcode-newsletter.dcode-newsletter-dark-bg .newsletter-form .submit-btn:hover { background: #111111; }

.dcode-newsletter.dcode-newsletter-light-bg .newsletter-form .newsletter-email { background: rgb(255, 255, 255, 0.1); border: transparent; color: #ffffff; }
.dcode-newsletter.dcode-newsletter-light-bg .newsletter-form input.newsletter-email::placeholder { color: #ffffff; }

.dcode-newsletter .newsletter-form .newsletter-email { width: 100%; height: 54px; padding: 15px 200px 15px 15px; font-size: 1em; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 9px; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; }

.newsletter-form .newsletter-email { border-color: rgba(255,255,255,0.5); background: transparent; color: #ffffff; height: 48px; padding: 0 15px; font-size: 15px; margin-bottom: 10px; }
.newsletter-form .newsletter-email::placeholder { color: #ffffff; opacity: 0.6; }
.footer-one .newsletter-form .submit-btn { width: auto; letter-spacing: 1px; text-transform: uppercase; font-weight: 800; padding: 0px 30px; line-height: 48px; -webkit-border-radius: 6px; border-radius: 6px; cursor: pointer; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; outline: 0; color: #485974; background: #ffffff; }
.footer-one .newsletter-form .submit-btn:hover { color: #2a1fbc; }

/*----- Pricing Table -----*/
.dcode-pricing-table { background: #ffffff; border-radius: 8px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); transition: all 400ms ease-in-out; }
.dcode-pricing-table .dcode-price-title { padding: 50px 30px 30px; border: none; }
.dcode-pricing-table .dcode-price-title .price-title { color: #291fbc; }
.dcode-pricing-table .dcode-price-body { padding: 0px 30px 50px; flex-direction: column; }
.dcode-pricing-table .dcode-pricing { font-size: 60px; font-weight: 700; font-family: "Source Sans Pro", sans-serif; letter-spacing: -1px; color: #111111; line-height: 0.8; margin-bottom: 5px; display: flex; align-items: flex-start; }
.dcode-pricing-table .dcode-pricing span { font-size: 36px; font-weight: 900; }
.dcode-pricing-table .member-month { font-size: 14px; text-transform: uppercase; font-weight: 600; }
.dcode-pricing-table .dcode-price-body .dcode-pricing-desc p { margin-bottom: 0; }

.dcode-pricing-list ul {list-style: none; padding: 0; }
.dcode-pricing-list ul li { color: #111111; display: flex; align-items: center; margin-bottom: 10px; transition: all 0.5s ease-in-out; font-weight: 600; justify-content: center; font-family: "Source Sans Pro", sans-serif; }
.dcode-pricing-list ul li i { color: #291fbc; margin-right: 10px; }

.dcode-pricing-table .dcode-price .dcode-price-title, .dcode-pricing-table .dcode-pricing .price { color: #111111; transition: all 0.5s ease-in-out; }
.dcode-pricing-table .dcode-pricing, .dcode-accordion.dcode-pricing-accordion .dcode-pricing { margin-top: 15px; }
.dcode-accordion.dcode-pricing-accordion .dcode-accordion-header .accordion-pricing-tilte { margin-bottom: 0; }
.dcode-accordion.dcode-pricing-accordion .active .dcode-accordion-header .accordion-pricing-tilte { color: #ffffff; }
.dcode-pricing-table .dcode-pricing-list { margin: 30px 0px; }

.dcode-pricing-table .dcode-priceing-button { display: flex; }
.dcode-pricing-table .dcode-priceing-button .pricing-btn { padding: 15px 30px; justify-content: center; border-radius: 6px; color: #ffffff; font-weight: 600; background-color: #485974;  border-color: #485974; -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.4); text-transform: uppercase; }
.dcode-pricing-table .dcode-priceing-button .pricing-btn:hover { background-color: #2d3646; border-color: #2d3646; color: #ffffff; }

/*popular*/
.dcode-pricing-table.popular { position: relative; top: -25px; }
.dcode-pricing-table.pricing-style1.popular .dcode-price-title {  padding: 50px 30px 60px; margin-bottom: 30px; color: #fff; }
.dcode-pricing-table.popular .dcode-price-title .price-title, .dcode-pricing-table.popular .dcode-pricing { color: #ffffff; }

/*Left*/
.text-left .dcode-pricing-list ul li { justify-content: flex-start; }

/*center*/
.dcode-pricing-table.text-center .dcode-pricing, .dcode-pricing-table.text-center .dcode-priceing-button { justify-content: center; }
.dcode-pricing-table.text-center .dcode-price-body, .dcode-pricing-table.text-center .dcode-pricing-list { display: flex; justify-content: center; flex-wrap: wrap; }

/*right*/
.dcode-pricing-table.pricing-style1.text-right .dcode-pricing, .dcode-pricing-table.text-right .dcode-priceing-button { justify-content: flex-end; }
.dcode-pricing-table.text-right .dcode-price-body, .dcode-pricing-table.text-right .dcode-pricing-list { display: flex; justify-content: flex-end; flex-wrap: wrap; }
.dcode-pricing-table.text-right .dcode-pricing-list ul li { flex-direction: row-reverse; justify-content: flex-start; }
.dcode-pricing-table.text-right .dcode-pricing-list ul li i { margin-left: 10px; margin-right: 0; }

.dcode-pricing-table.popular .dcode-priceing-button .pricing-btn { background: linear-gradient(to bottom, #488fed 0%, #2a1fbc 100%); color: #ffffff; background-size: auto 140%; box-shadow: 0px 0px 30px 0px rgba(42, 31, 188, 0.4); }
.dcode-pricing-table.popular .dcode-priceing-button .pricing-btn:hover { background-position: bottom center; }

.dcode-pricing-table.pricing-style2.text-left .dcode-pricing, .dcode-pricing-table.text-right .dcode-pricing { justify-content: center; }

/*Pricing Table Style 02*/
.dcode-pricing-table.pricing-style2 .plan-cost-wrapper { background: #485974; color: #ffffff; border: 10px solid #ffffff; -webkit-border-radius: 50%; border-radius: 50%; display: block; margin: 0px auto 0px; width: 180px; height: 180px; position: absolute; top: -90px; padding: 35px 0; }
.dcode-pricing-table.pricing-style2 .dcode-pricing { color: #ffffff; }
.dcode-pricing-table.pricing-style2 .dcode-price-title { padding: 80px 30px 20px; }
.dcode-pricing-table.pricing-style2 .dcode-price-title:after { height: 6px; width: 60px; content: ""; display: block; margin-top: 18px; background: linear-gradient(to right, #488fed 0%, #291fbc 100%); }

.dcode-pricing-table.popular.pricing-style2 .plan-cost-wrapper { background: linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); }

.dcode-pricing-table.pricing-style2:before { width: 180px; height: 180px; position: absolute; z-index: -1; content: ""; -webkit-border-radius: 50%; order-radius: 50%; -webkit-box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%); top: -90px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

/*center*/
.dcode-pricing-table.pricing-style2.text-center .dcode-price-title:after { margin-left: auto; margin-right: auto; }
.dcode-pricing-table.pricing-style2.text-center .plan-cost-wrapper { -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }
.dcode-pricing-table.pricing-style2 .member-month { justify-content: center; display: flex; }

/*right*/
.dcode-pricing-table.pricing-style2.text-right .dcode-price-title:after { margin-left: auto; }
.dcode-pricing-table.pricing-style2.text-right .plan-cost-wrapper { right: 0; }

/*Pricing Table Style 03*/
.dcode-pricing-table.pricing-style3 .plan-cost-wrapper { display: flex; align-items: flex-end; }
.dcode-pricing-table.pricing-style3 .dcode-pricing, .dcode-pricing-table.pricing-style3 .member-month { color: #291fbc; }
.dcode-pricing-table.popular.pricing-style3 { background: linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); color: #ffffff; }
.dcode-pricing-table.popular.pricing-style3 .dcode-price-title h2, .dcode-pricing-table.popular.pricing-style3 .dcode-pricing, .dcode-pricing-table.popular.pricing-style3 .member-month, .dcode-pricing-table.popular.pricing-style3 .dcode-pricing-list ul li, .dcode-pricing-table.popular.pricing-style3 .dcode-pricing-list ul li i { color: #ffffff; }
.dcode-pricing-table.popular.pricing-style3 .dcode-priceing-button .pricing-btn { background: #ffffff; color: #485974; }

/*Center*/
.dcode-pricing-table.pricing-style3.text-center .plan-cost-wrapper { justify-content: center; }

/*right*/
.dcode-pricing-table.pricing-style3.text-right .plan-cost-wrapper { justify-content: flex-end; }


/*----- Slider -----*/
.screenshots-slider .laptop-image { max-width: 100%; position: absolute; top: 0; left: 0; right: 0; z-index: 1; }
.screenshots-slider .slider-laptop { position: relative; padding: 5.10% 17.5% 7% 17.7%; max-width: 1200px; width: 100%; margin: auto; display: block; }

.screenshots-slider .owl-carousel .owl-nav { position: absolute; top: 50%; /*display: flex;*/ left: 50%; }
.screenshots-slider .owl-carousel .owl-nav button.owl-prev, .screenshots-slider .owl-carousel .owl-nav button.owl-next { position: absolute; margin: 0;     background: -webkit-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: -moz-linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); background: linear-gradient(-135deg, #4688eb 0%, #291fbc 100%); height: 50px; width: 50px; line-height: 50px; color: #fff; -webkit-border-radius: 50%; display: flex;   border-radius: 50%; align-items: center; justify-content: center; }
.screenshots-slider .owl-carousel .owl-nav button.owl-prev { left: -520px; }
.screenshots-slider .owl-carousel .owl-nav button.owl-next { right: -520px; }

/*----- countdown -----*/
.countdown li { list-style: none; flex: 0 0 20%; width: 100%; padding: 0px 15px; text-align: center; border: 1px solid rgb(255 255 255 / 0.2);   -webkit-border-radius: 6px; border-radius: 6px; padding: 15px 15px; margin: 0 15px; color: #ffffff; }
.countdown li span { display: block; font-size: 48px; line-height: 1; font-weight: 900; font-family: 'Source Sans Pro', sans-serif; }
.countdown li p { margin-bottom: 0; }

/*----- error-404 -----*/
.error404 footer, .error404 header { display: none; }
.error-404.not-found { text-align: center; }
.error-404.not-found p { font-size: 20px; line-height: 1.6; }
.back-to-home { margin-top: 30px; }

.error404 .text-404 { font-size: 270px; font-family: 'Source Sans Pro', sans-serif; font-weight: 900; line-height: 250px; color: #111111; }

/*----- Coming Soon -----*/
.coming-soon { background: linear-gradient(45deg, #488fed 0%, #291fbc 51%, #0f0786 100%); min-height: 100vh; display: flex; align-items: center; color: #ffffff; }
.coming-soon .container { max-width: 100%; width: 100%; }
.coming-soon .logo-container img { height: 60px; margin-bottom: 20px; }
.heading-wrapper h1, .newsletter-form h3 { color: #ffffff; }
.dcode-soon.countdown { list-style: none; display: flex; flex-wrap: wrap; margin: 0px -15px; padding: 0px 0px 30px; }
.coming-soon .col-lg-6:last-child { padding-right: calc(((100vw - (100vw - 100%)) - 1170px) / 2); }
.coming-soon .social-media { margin-top: 50px; }
.coming-soon .social-media li a { color: #ffffff; }
body .dcode-social { padding: 0; }
.page-id-6338 header { display: none; }


/*----- Timeline -----*/
.dcode-timeline { position: relative; }
.dcode-timeline ol.timeline-itme { margin: 150px 0; padding: 0; border-top: 10px solid #291fbc; list-style: none; }
.dcode-timeline ol.timeline-itme li { float: left; width: 25%; padding-top: 30px; position: relative; }
.dcode-timeline ol.timeline-itme li span { width: 25px; height: 25px; margin-left: -10px; background: #291fbc; border-radius: 50%; box-shadow: 0 0 0 0px #fff;  border: 4px solid #ffffff; position: absolute; top: -17px; left: 50%; }
.dcode-timeline ol.timeline-itme li .timeline-number-top, .dcode-timeline ol.timeline-itme li .timeline-number-bot { font-family: 'Alegreya', serif; font-style: italic; font-size: 98px; font-weight: bold; line-height: 0.5; display: flex; justify-content: center; color: #291fbc; height: 71px; }
.dcode-timeline ol.timeline-itme li .timeline-number-top { position: absolute; bottom: 0; margin-bottom: 70px; width: 100%; }
.dcode-timeline ol.timeline-itme li .timeline-number-top img { display: table; margin: 0 auto; }
.dcode-timeline ol.timeline-itme li .timeline-number-bot { position: absolute; margin-top: 0px; width: 100%; }
.dcode-timeline ol.timeline-itme li .timeline-number-bot img { display: table; margin: 0 auto; }
.dcode-timeline ol.timeline-itme li p { text-align: center; width: 80%; margin: 0 auto; }
.dcode-timeline ol.timeline-itme li .timeline-info-top { position: absolute; bottom: 0; margin-bottom: 70px; }
.dcode-timeline ol.timeline-itme li .timeline-info-bot { position: absolute; /*margin-top: 35px;*/ }

.dcode-timeline ol.timeline-itme li .timeline-info-top, .dcode-timeline ol.timeline-itme li .timeline-info-bot { display: flex; justify-content: center;   flex-wrap: wrap; }

@media screen and (max-width: 767px) {
  .dcode-timeline ol:before {
    background: #348e80;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: 130px !important;
    left: 36px !important;
  }
  .dcode-timeline ol:after {
    background: #348e80;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    position: absolute;
    top: inherit !important;
    left: 36px;
  }
  .dcode-timeline ol.timeline-itme {
    margin: 130px 0 !important;
    border-left: 2px solid #348e80;
    padding-left: 0 !important;
    padding-top: 120px !important;
    border-top: 0 !important;
    margin-left: 25px !important;
  }
  .dcode-timeline ol.timeline-itme li {
    height: 220px;
    float: none !important;
    width: inherit !important;
  }
  .dcode-timeline ol.timeline-itme li:nth-child(2) .timeline-number-bot img {
    width: 70px;
  }
  .dcode-timeline ol.timeline-itme li:last-child {
    margin: 0;
    bottom: 0 !important;
    height: 120px;
  }
  .dcode-timeline ol.timeline-itme li:last-child .timeline-number-bot {
    bottom: 40px !important;
    width: 40% !important;
    margin-left: 25px !important;
    margin-top: 0 !important;
  }
  .dcode-timeline ol.timeline-itme li:last-child .timeline-number-bot img {
    width: 100%;
  }
  .dcode-timeline ol.timeline-itme li:last-child .timeline-info-top {
    margin-bottom: 0 !important;
    top: 20px;
    width: 50% !important;
  }
  .dcode-timeline ol.timeline-itme li span {
    left: 0 !important;
  }
  .dcode-timeline ol.timeline-itme li span.timeline-dot-top:before {
    content: none !important;
  }
  .dcode-timeline ol.timeline-itme li span.timeline-dot-top:after {
    content: none !important;
  }
  .dcode-timeline ol.timeline-itme li span.timeline-dot-bot:before {
    content: none !important;
  }
  .dcode-timeline ol.timeline-itme li span.timeline-dot-bot:after {
    content: none !important;
  }
  .dcode-timeline ol.timeline-itme li .timeline-number-top {
    position: absolute !important;
    bottom: 150px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }
  .dcode-timeline ol.timeline-itme li .timeline-number-top img {
    margin: 0 auto !important;
    width: 80% !important;
  }
  .dcode-timeline ol.timeline-itme li .timeline-number-bot {
    position: absolute !important;
    bottom: 115px !important;
    width: 30% !important;
    float: left !important;
    margin-left: 35px !important;
    margin-bottom: 0 !important;
  }
  .dcode-timeline ol.timeline-itme li p {
    text-align: left !important;
    width: 100% !important;
    margin: 0 auto !important;
    margin-top: 0px !important;
  }
  .dcode-timeline ol.timeline-itme li .timeline-info-top {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }
  .dcode-timeline ol.timeline-itme li .timeline-info-bot {
    width: 60% !important;
    float: right !important;
    right: 0;
    top: -40px;
  }
}