/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
:root
{
--main-color-one: #1351d8;
--heading-color: #072032;
--paragraph-color: #6b7280;
--heading-font: "Satoshi",sans-serif;
--secondary-font: "Satoshi",sans-serif;
--body-font: "Satoshi",sans-serif;
--animate-delay: .3s;
--secondary-color: #ffb114;
--main-color2: #ffb114;
--border-color1: inherit;
--border-color1: #e0e0e0;
}
*
{
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
body
{
margin: 0;
color: var(--heading-color);
font-family: var(--body-font);
font-weight: 400;
background-color: #fff;
}
h1, h2, h3, h4, h5, h6
{
color: var(--heading-color);
font-family: var(--heading-font);
font-weight: 600;
}
p
{
color: var(--paragraph-color);
margin-bottom: 10px;
line-height: 1.7;
}
a
{
color: inherit;
text-decoration: none;
color: var(--paragraph-color);
-webkit-transition: .4s;
transition: .4s;
}
a, a:hover, a:focus, a:active
{
text-decoration: none;
outline: none;
color: inherit;
}
a:hover
{
color: var(--main-color-one);
}
pre
{
word-break: break-word;
}
a i
{
padding: 0 2px;
}
img
{
max-width: 100%;
}/*input and button type focus outline disable*/
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=number]:focus, textarea:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, select:focus
{
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #ddd;
}
code
{
color: #faa603;
}
.dark-bg
{
background-color: #111d5c;
}
.section-bg-1
{
background-color: #f4f7fc;
}
.check-list-02
{
margin: 0;
padding: 0;
list-style: none;
}
.check-list-02 li
{
display: block;
padding-left: 20px;
position: relative;
z-index: 0;
}
.check-list-02 li:after
{
position: absolute;
left: 0;
top: 0;
font-family: "fontawesome";
content: "";
color: var(--main-color-one);
}
.check-list
{
margin: 0;
padding: 0;
list-style: none;
}
.check-list li
{
display: block;
padding-left: 20px;
position: relative;
z-index: 0;
}
.check-list li:after
{
position: absolute;
left: 0;
top: 0;
font-family: "fontawesome";
content: "";
color: var(--main-color-one);
}
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation
{
clear: both;
}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous
{
float: left;
width: 50%;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next
{
float: right;
text-align: right;
width: 50%;
}
.comment-navigation .nav-previous>a, .posts-navigation .nav-previous>a, .post-navigation .nav-previous>a, .comment-navigation .nav-next>a, .posts-navigation .nav-next>a, .post-navigation .nav-next>a
{
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
}
.comment-navigation .nav-previous:hover>a, .posts-navigation .nav-previous:hover>a, .post-navigation .nav-previous:hover>a, .comment-navigation .nav-next:hover>a, .posts-navigation .nav-next:hover>a, .post-navigation .nav-next:hover>a
{
color: var(--main-color-one);
}/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*//* 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!important;
width: 1px;
word-wrap: normal!important;/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus
{
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
clip: auto!important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: .875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;/* Above WP toolbar. */
}/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus
{
outline: 0;
}/*--------------------------------------------------------------
# Globals
--------------------------------------------------------------*/
.padding-left-0
{
padding-left: 0;
}
.padding-right-0
{
padding-left: 0;
}
.gray-bg
{
background-color: #222;
}
.secondary-bg
{
background-color: var(--secondary-color);
}
.padding-top-10
{
padding-top: 10px;
}
.padding-top-20
{
padding-top: 20px;
}
.padding-top-25
{
padding-top: 25px;
}
.padding-top-30
{
padding-top: 30px;
}
.padding-top-35
{
padding-top: 35px;
}
.padding-top-40
{
padding-top: 40px;
}
.padding-top-45
{
padding-top: 45px;
}
.padding-top-55
{
padding-top: 55px;
}
.padding-top-50
{
padding-top: 50px;
}
.padding-top-60
{
padding-top: 60px;
}
.padding-top-65
{
padding-top: 65px;
}
.padding-top-70
{
padding-top: 70px;
}
.padding-top-75
{
padding-top: 75px;
}
.padding-top-80
{
padding-top: 80px;
}
.padding-top-85
{
padding-top: 85px;
}
.padding-top-90
{
padding-top: 90px;
}
.padding-top-95
{
padding-top: 95px;
}
.padding-top-100
{
padding-top: 100px;
}
.padding-top-105
{
padding-top: 105px;
}
.padding-top-110
{
padding-top: 110px;
}
.padding-top-115
{
padding-top: 115px;
}
.padding-top-120
{
padding-top: 120px;
}
.padding-top-140
{
padding-top: 140px;
}
.padding-top-150
{
padding-top: 150px;
}
.padding-top-160
{
padding-top: 160px;
}
.padding-top-190
{
padding-top: 190px;
}
.padding-top-200
{
padding-top: 200px;
}
.padding-top-210
{
padding-top: 210px;
}
.padding-top-260
{
padding-top: 260px;
}
.padding-top-310
{
padding-top: 310px;
}
.padding-top-360
{
padding-top: 360px;
}
.padding-top-390
{
padding-top: 390px;
}
.padding-top-400
{
padding-top: 400px;
}
.padding-top-600
{
padding-top: 600px;
}
.padding-top-640
{
padding-top: 640px;
}
.padding-top-720
{
padding-top: 720px;
}
.padding-bottom-10
{
padding-bottom: 10px;
}
.padding-bottom-15
{
padding-bottom: 15px;
}
.padding-bottom-20
{
padding-bottom: 20px;
}
.padding-bottom-25
{
padding-bottom: 25px;
}
.padding-bottom-30
{
padding-bottom: 30px;
}
.padding-bottom-35
{
padding-bottom: 35px;
}
.padding-bottom-40
{
padding-bottom: 40px;
}
.padding-bottom-45
{
padding-bottom: 45px;
}
.padding-bottom-50
{
padding-bottom: 50px;
}
.padding-bottom-55
{
padding-bottom: 55px;
}
.padding-bottom-60
{
padding-bottom: 60px;
}
.padding-bottom-65
{
padding-bottom: 65px;
}
.padding-bottom-70
{
padding-bottom: 70px;
}
.padding-bottom-75
{
padding-bottom: 75px;
}
.padding-bottom-80
{
padding-bottom: 80px;
}
.padding-bottom-85
{
padding-bottom: 85px;
}
.padding-bottom-90
{
padding-bottom: 90px;
}
.padding-bottom-95
{
padding-bottom: 95px;
}
.padding-bottom-100
{
padding-bottom: 100px;
}
.padding-bottom-110
{
padding-bottom: 110px;
}
.padding-bottom-105
{
padding-bottom: 105px;
}
.padding-bottom-115
{
padding-bottom: 115px;
}
.padding-bottom-120
{
padding-bottom: 120px;
}
.padding-bottom-130
{
padding-bottom: 130px;
}
.padding-bottom-140
{
padding-bottom: 140px;
}
.padding-bottom-135
{
padding-bottom: 135px;
}
.padding-bottom-200
{
padding-bottom: 200px;
}
.padding-bottom-280
{
padding-bottom: 280px;
}
.padding-bottom-285
{
padding-bottom: 285px;
}
.padding-bottom-150
{
padding-bottom: 150px;
}
.padding-bottom-160
{
padding-bottom: 160px;
}
.padding-bottom-165
{
padding-bottom: 165px;
}
.padding-bottom-170
{
padding-bottom: 170px;
}
.padding-bottom-180
{
padding-bottom: 180px;
}
.padding-bottom-200
{
padding-bottom: 200px;
}
.padding-bottom-215
{
padding-bottom: 215px;
}
.padding-bottom-260
{
padding-bottom: 260px;
}
.padding-bottom-300
{
padding-bottom: 300px;
}
.padding-bottom-350
{
padding-bottom: 350px;
}
.padding-bottom-460
{
padding-bottom: 460px;
}
.margin-top-minus-90
{
margin-top: -90px;
}
.margin-top-minus-100
{
margin-top: -100px;
}
.margin-top-120
{
margin-top: 120px;
}
.margin-top-150
{
margin-top: 150px;
}
.margin-top-160
{
margin-top: 160px;
}
.padding-120
{
padding-top: 120px;
padding-bottom: 120px;
}
.padding-110
{
padding-top: 110px;
padding-bottom: 110px;
}
.padding-100
{
padding-top: 100px;
padding-bottom: 100px;
}
.padding-20
{
padding-top: 20px;
padding-bottom: 20px;
}
.padding-30
{
padding-top: 30px;
padding-bottom: 30px;
}
.padding-40
{
padding-top: 40px;
padding-bottom: 40px;
}
.padding-50
{
padding-top: 50px;
padding-bottom: 50px;
}
.padding-60
{
padding-top: 60px;
padding-bottom: 60px;
}
.padding-65
{
padding-top: 65px;
padding-bottom: 65px;
}
.padding-70
{
padding-top: 70px;
padding-bottom: 70px;
}
.padding-80
{
padding-top: 80px;
padding-bottom: 80px;
}
.padding-90
{
padding-top: 90px;
padding-bottom: 90px;
}
.padding-10
{
padding-top: 10px;
padding-bottom: 10px;
}
.margin-top-10
{
margin-top: 10px;
}
.margin-top-15
{
margin-top: 15px;
}
.margin-top-20
{
margin-top: 20px;
}
.margin-top-30
{
margin-top: 30px;
}
.margin-top-35
{
margin-top: 35px;
}
.margin-top-40
{
margin-top: 40px;
}
.margin-top-50
{
margin-top: 50px;
}
.margin-top-55
{
margin-top: 55px;
}
.margin-top-60
{
margin-top: 60px;
}
.margin-top-70
{
margin-top: 70px;
}
.margin-top-80
{
margin-top: 80px;
}
.margin-top-90
{
margin-top: 90px;
}
.margin-top-100
{
margin-top: 100px;
}
.margin-bottom-0
{
margin-bottom: 0!important;
}
.margin-bottom-10
{
margin-bottom: 10px;
}
.margin-bottom-15
{
margin-bottom: 15px;
}
.margin-bottom-20
{
margin-bottom: 20px;
}
.margin-bottom-25
{
margin-bottom: 25px;
}
.margin-bottom-30
{
margin-bottom: 30px;
}
.margin-bottom-35
{
margin-bottom: 35px;
}
.margin-bottom-40
{
margin-bottom: 40px;
}
.margin-bottom-50
{
margin-bottom: 50px;
}
.margin-bottom-55
{
margin-bottom: 55px;
}
.margin-bottom-60
{
margin-bottom: 60px;
}
.margin-bottom-70
{
margin-bottom: 70px;
}
.margin-bottom-80
{
margin-bottom: 80px;
}
.margin-bottom-90
{
margin-bottom: 90px;
}
.margin-bottom-120
{
margin-bottom: 120px;
}
.margin-bottom-150
{
margin-bottom: 150px;
}
.margin-top-100
{
margin-bottom: 100px;
}
.margin-top-110
{
margin-top: 110px;
}
.margin-top-115
{
margin-top: 115px;
}
.margin-top-120
{
margin-top: 120px;
}
.margin-left-10
{
margin-left: 10px;
}
.margin-left-20
{
margin-left: 20px;
}
.margin-left-30
{
margin-left: 30px;
}
.min-height-600
{
min-height: 600px;
}
.overflow-hidden
{
overflow: hidden;
}/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft
{
float: left;
clear: both;
margin-right: 20px;
}
.alignright
{
float: right;
clear: both;
margin-left: 20px;
}
.aligncenter
{
clear: both;
display: block;
margin: 0 auto 1.75em;
}
.alignfull
{
margin: 1.5em 0;
max-width: 100%;
}
.alignwide
{
max-width: 1100px;
}/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after
{
content: "";
display: table;
table-layout: fixed;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after
{
clear: both;
}/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky
{
display: block;
}
.updated:not(.published)
{
display: none;
}
.blog-pagination ul li
{
display: inline-block;
}
.blog-pagination ul li+li
{
margin: 0 5px;
}
.blog-pagination ul li
{
display: inline-block;
}
.blog-pagination ul li+li
{
margin: 0 5px;
}
.blog-pagination
{
display: block;
width: 100%;
}
.blog-pagination ul
{
margin: 0;
padding: 0;
list-style: none;
}
.blog-pagination ul li a, .blog-pagination ul li span
{
display: block;
padding: 3px 25px;
background-color: #2a2d33;
line-height: 40px;
text-align: center;
font-weight: 600;
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
}
.blog-pagination ul li span.current, .blog-pagination ul li a:hover
{
background-color: var(--main-color-one);
color: #fff;
}/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley
{
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}/* Make sure embeds and iframes fit their containers. */
embed, iframe, object
{
max-width: 100%;
}/* Make sure logo link wraps around logo image. */
.custom-logo-link
{
display: inline-block;
}/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption
{
margin-bottom: 1.5em;
max-width: 100%;
clear: both;
}
.wp-caption img[class*=wp-image-]
{
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text
{
margin: .8075em 0;
}
.wp-caption-text
{
text-align: center;
}/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery
{
margin-bottom: 1.5em;
}
.gallery-item
{
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item
{
max-width: 50%;
}
.gallery-columns-3 .gallery-item
{
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item
{
max-width: 25%;
}
.gallery-columns-5 .gallery-item
{
max-width: 20%;
}
.gallery-columns-6 .gallery-item
{
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item
{
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item
{
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item
{
max-width: 11.11%;
}
.gallery-caption
{
display: block;
}/*----------------------------------------
# Unit test
------------------------------------------*/
.wp-link-pages a
{
margin: 0 5px;
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
}
.wp-link-pages
{
margin-bottom: 30px;
margin-top: 25px;
}
.wp-link-pages span, .wp-link-pages a
{
border: 1px solid #e2e2e2;
padding: 5px 15px;
display: inline-block;
}
.wp-link-pages .current, .wp-link-pages a:hover
{
background-color: var(--main-color-one);
color: #fff;
border-color: var(--main-color-one);
}
.wp-link-pages span:first-child
{
margin-right: 5px;
}
dl, ol, ul
{
padding-left: 15px;
}
.post-password-form input
{
display: block;
border: 1px solid #e2e2e2;
height: 50px;
border-radius: 3px;
padding: 0 20px;
}
.post-password-form label
{
font-weight: 600;
color: #333;
}
.post-password-form input[type=submit]
{
width: 100px;
height: 50px;
background-color: var(--main-color-one);
color: #fff;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
border: none;
cursor: pochakra petch;
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
}
.post-password-form input[type=submit]:hover
{
background-color: #121a2f;
}
.footer-widget .table td, .footer-widget .table th
{
padding: .5rem!important;
}/*--------------------------------------------------------------
# Globals
--------------------------------------------------------------*/
.border-radius-6
{
border-radius: 5px;
}
.border-radius-6 img
{
border-radius: 5px;
}
.ratting-inner
{
color: #ffc107;
}
.bg-base
{
background: var(--main-color-one)!important;
}
.bg-green
{
background: #1dc295;
}
.bg-blue
{
background: #2878eb;
}
.bg-red
{
background: #f14d5d;
}
.bg-gray
{
background: #f8f9fc;
}
.bg-sky
{
background-color: #41a5fa;
}
.fw-medium
{
font-weight: 500!important;
}
.bg-gradient-gray
{
background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f9fc),to(#d9e5ff));
background-image: linear-gradient(#f8f9fc,#d9e5ff);
}
.bg-black
{
background: var(--heading-color);
}
.bg-gray-black
{
background: #333f4d;
}
.bg-light
{
background: #f7fafc;
}
.bg-light-pink
{
background: #fff9f5;
}
.bg-blue-right
{
background: rgba(80,175,155,.1);
}
.bg-relative
{
position: relative;
}
.bg-cover
{
background-size: cover!important;
background-position: center;
}
.bg-position-right
{
background-position: right;
background-repeat: no-repeat;
}
.bg-left-50
{
background-position: left;
background-repeat: no-repeat;
background-size: 50% 100%;
}
.bg-overlay
{
position: relative;
background-size: cover!important;
}
.bg-overlay:after
{
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background: rgba(10,24,81,.88);
}
.bg-overlay .container
{
position: relative;
z-index: 2;
}
.bg-overlay .bg-z-index
{
position: relative;
z-index: 2;
}
.bg-overlay-light
{
position: relative;
background-size: cover!important;
}
.bg-overlay-light:after
{
content: "";
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
background: rgba(10,24,81,.5);
}
.bg-overlay-light .container
{
position: relative;
z-index: 2;
}
.bg-overlay-light .bg-z-index
{
position: relative;
z-index: 2;
}
.bg-parallex
{
background-attachment: fixed;
background-position: center 0;
}
.image-hover-animate
{
overflow: hidden;
}
.image-hover-animate img
{
-webkit-transform: scale(1.02);
transform: scale(1.02);
-webkit-transition: .7s;
transition: .7s;
}
.image-hover-animate:hover img
{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.box-shadow
{
-webkit-box-shadow: 0 8px 30px rgba(0,0,0,.1);
box-shadow: 0 8px 30px rgba(0,0,0,.1);
}
.pd-top-60
{
padding-top: 60px;
}
.pd-top-90
{
padding-top: 90px;
}
.pd-top-100
{
padding-top: 100px;
}
.pd-top-110
{
padding-top: 110px;
}
.pd-top-115
{
padding-top: 115px;
}
.pd-top-120
{
padding-top: 120px;
}
.pd-top-200
{
padding-top: 200px;
}
.mg-top-120
{
margin-top: 120px;
}
.mg-bottom-120
{
margin-bottom: 120px;
}
.pd-bottom-60
{
padding-bottom: 60px;
}
.pd-bottom-70
{
padding-bottom: 70px;
}
.pd-bottom-80
{
padding-bottom: 80px;
}
.pd-bottom-90
{
padding-bottom: 90px;
}
.pd-bottom-100
{
padding-bottom: 100px;
}
.pd-bottom-110
{
padding-bottom: 110px;
}
.pd-bottom-115
{
padding-bottom: 115px;
}
.pd-bottom-120
{
padding-bottom: 120px;
}
.mg-top--100
{
margin-top: -100px;
}
.position-bottom-left
{
position: absolute;
left: 30px;
bottom: 150px;
width: 50px;
}
.border-1
{
border: 1px solid #ededed;
}
.border-top-1
{
border-top: 1px solid #ededed;
}
.border-right-1
{
border-right: 1px solid #ededed;
}
.border-radius-20
{
border-radius: 20px;
}
.border-radius-5
{
border-radius: 5px!important;
}
.color-base
{
color: var(--main-color-one);
}
.box-shadow
{
-webkit-box-shadow: 0 3px 20px rgba(0,33,71,.06);
box-shadow: 0 3px 20px rgba(0,33,71,.06);
}
.z-index-2
{
z-index: 2;
}
.line-h-1
{
line-height: 1!important;
}
.image-hover-rotate .rotate-img
{
-webkit-transition: .5s;
transition: .5s;
}
.image-hover-rotate:hover .rotate-img
{
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bg-transpaent
{
background: transparent!important;
}
.tt-capetalize
{
text-transform: capitalize;
}
.tt-uppercase
{
text-transform: uppercase;
}
.media
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.media-body
{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.custom-gutters-10>.col, .custom-gutters-10>[class*=col-]
{
padding-right: 5px;
padding-left: 5px;
}
@media all and (min-width: 1200px)
{
.no-lg-gutters>.col, .no-lg-gutters>[class*=col-]
{
padding-right: 0;
padding-left: 0;
}
}
.tw--ms-10-px
{
margin-inline-start: -10px;
}/************ animate style ************/
.top_image_bounce
{
-webkit-animation: top-image-bounce 3s infinite ease-in-out;
animation: top-image-bounce 3s infinite ease-in-out;
}
.top_image_bounce_2
{
-webkit-animation: top-image-bounce-2 6s infinite ease-in-out;
animation: top-image-bounce-2 6s infinite ease-in-out;
}
.left_image_bounce
{
-webkit-animation: left-image-bounce 3s infinite ease-in-out;
animation: left-image-bounce 3s infinite ease-in-out;
}
.right_image_bounce
{
-webkit-animation: right-image-bounce 3s infinite ease-in-out;
animation: right-image-bounce 3s infinite ease-in-out;
}
.spin_image
{
-webkit-animation: spin 3s infinite ease-in-out;
animation: spin 3s infinite ease-in-out;
}
@-webkit-keyframes top-image-bounce
{
0%
{
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50%
{
-webkit-transform: translateY(12px);
transform: translateY(12px);
}
100%
{
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes top-image-bounce
{
0%
{
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50%
{
-webkit-transform: translateY(12px);
transform: translateY(12px);
}
100%
{
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes top-image-bounce-2
{
0%
{
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
50%
{
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
100%
{
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
@keyframes top-image-bounce-2
{
0%
{
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
50%
{
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
100%
{
-webkit-transform: translateY(54x);
transform: translateY(-4px);
}
}
@-webkit-keyframes left-image-bounce
{
0%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
}
@keyframes left-image-bounce
{
0%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
50%
{
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100%
{
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
}
@-webkit-keyframes spin
{
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
}
@keyframes spin
{
100%
{
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transform-origin: 50%;
transform-origin: 50%;
}
}
@-webkit-keyframes ripple-white3
{
0%
{
-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.1),0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1);
box-shadow: 0 0 0 0 rgba(255,255,255,.1),0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1);
}
100%
{
-webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 100px rgba(255,255,255,0);
box-shadow: 0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 100px rgba(255,255,255,0);
}
}
@keyframes ripple-white3
{
0%
{
-webkit-box-shadow: 0 0 0 0 rgba(255,255,255,.1),0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1);
box-shadow: 0 0 0 0 rgba(255,255,255,.1),0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1);
}
100%
{
-webkit-box-shadow: 0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 100px rgba(255,255,255,0);
box-shadow: 0 0 0 10px rgba(255,255,255,.1),0 0 0 20px rgba(255,255,255,.1),0 0 0 100px rgba(255,255,255,0);
}
}/*-----------------------------
Accordion Item
-----------------------------*/
.single-accordion-inner .accordion-item
{
background: #f4f4f4;
border: 0;
margin-bottom: 20px;
padding: 10px 30px;
}
.single-accordion-inner .accordion-item .accordion-button
{
background: transparent;
font-size: 20px;
padding: 22px 0;
-webkit-box-shadow: none;
box-shadow: none;
color: var(--heading-color);
font-weight: 600;
}
.single-accordion-inner .accordion-item .accordion-button.collapsed
{
color: var(--main-color-one);
}
.single-accordion-inner .accordion-item .accordion-body
{
padding: 0 0 30px 0;
}
.single-accordion-inner.accordion-icon-left .accordion-item .accordion-button
{
padding-left: 50px;
}
.single-accordion-inner.accordion-icon-left .accordion-item .accordion-button:after
{
right: 0;
position: absolute;
}
.single-accordion-inner.style-2 .accordion-item .accordion-button.collapsed:after
{
content: "+";
font-size: 20px;
color: var(--main-color-one);
}
.single-accordion-inner.style-2 .accordion-item .accordion-button:after
{
content: "-";
background-image: none!important;
font-size: 22px;
-webkit-transform: rotate(0);
transform: rotate(0);
width: 30px;
height: 30px;
line-height: 24px;
text-align: center;
border-radius: 6px;
color: var(--heading-color);
}
.single-accordion-inner.style-3 .accordion-item
{
border: 1px solid var(--border-color1);
margin-bottom: 20px;
border-radius: 5px;
padding: 0 20px;
}
.single-accordion-inner.style-3 .accordion-item .accordion-button.collapsed
{
color: var(--heading-color);
}
.single-accordion-inner.style-3 .accordion-item .accordion-button.collapsed:after
{
content: "+";
font-size: 20px;
}
.single-accordion-inner.style-3 .accordion-item .accordion-button:after
{
content: "-";
background-image: none!important;
font-size: 22px;
-webkit-transform: rotate(0);
transform: rotate(0);
width: 30px;
height: 30px;
line-height: 24px;
background: var(--main-color-one);
color: #fff;
text-align: center;
border-radius: 6px;
}/*---------------------------------------
## Back Top
---------------------------------------*/
.back-to-top
{
position: fixed;
right: 30px;
bottom: 30px;
width: 50px;
height: 50px;
background: var(--main-color-one);
color: #fff;
text-align: center;
line-height: 50px;
border-radius: 0%;
z-index: 99;
font-size: 25px;
cursor: pochakra petch;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
box-shadow: 0 0 5px rgba(0,0,0,.5);
display: none;
}/*Wp BlockQuote */
blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large)
{
background-color: #fcfcfc;
border: 1px solid #ededed;
border-radius: 0;
padding: 40px;
margin-top: 30px;
margin-bottom: 40px;
position: relative;
color: #fff;
z-index: 0;
overflow: hidden;
font-style: italic;
}
blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large)::before
{
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: block;
position: absolute;
z-index: -1;
bottom: 40px;
right: 40px;
color: var(--main-color-one);
font-size: 30px;
line-height: .8;
}
blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large) p
{
font-size: 16px;
line-height: 30px;
font-weight: 500;
font-family: var(--body-font);
color: #000;
text-transform: capitalize;
}
blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large) .author-name
{
font-size: 20px;
line-height: 24px;
font-family: var(--heading-font);
font-weight: 600;
font-style: italic;
color: var(--main-color-one);
background: #fff;
width: 152px;
text-align: center;
}
blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large) cite
{
color: var(--main-color-one)!important;
font-weight: 500;
margin-top: 10px;
text-transform: uppercase;
font-size: 16px;
display: block;
font-style: normal;
font-family: var(--body-font);
position: relative;
z-index: 0;
padding-left: 75px;
}
blockquote:not(.has-light-gray-color):not(.has-very-dark-gray-color):not(.is-style-large):not(.is-style-large) cite::before
{
position: absolute;
content: "";
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 60px;
height: 1px;
background-color: var(--main-color-one);
}/*----------------------------
Blog Grid Item
-----------------------------*/
.post-meta
{
margin: 0;
padding: 0;
list-style: none;
padding-left: 0!important;
}
.post-meta li
{
display: inline-block;
font-size: 14px;
line-height: 1.6;
font-family: var(--body-font);
font-weight: 4500;
position: relative;
z-index: 0;
padding-left: 0!important;
color: #4b5563;
list-style: none!important;
text-transform: capitalize;
margin-right: 10px;
}
.post-meta li i
{
font-size: 15px;
margin-top: 2px;
float: left;
margin-right: 7px;
color: #1351d8;
}
.post-meta li svg
{
margin-right: 5px;
}
.post-meta li::before
{
display: none!important;
}
.post-meta li:last-child
{
margin-right: 0;
}
.post-meta li.white
{
color: #fff;
}
.post-meta li.white span
{
color: #fff;
}
.post-meta li span
{
color: #4b5563;
}
.post-meta li span.white
{
color: #fff;
}
.post-meta li:before
{
display: none;
}
.post-meta li a
{
-webkit-transition: all 300ms;
transition: all 300ms;
color: #4b5563;
}
.post-meta li a svg
{
margin-right: 10px;
}
.post-meta li .posted-on .entry-date
{
color: #4b5563;
}
.post-meta li .posted-on .entry-date.white
{
color: #fff;
}
.post-meta li .posted-on i
{
margin-right: 10px;
}
.post-meta .post-meta-border-line span
{
margin-bottom: -3px;
float: left;
}/*-----------------------
Blog Grid Item
-----------------------*/
.blog-main-item-01
{
position: relative;
border-radius: 12px;
}
.blog-main-item-01+.blog-main-item-01
{
margin-top: 40px;
}
.blog-main-item-01+.blog-main-item-01 .thumbnail
{
border-radius: 0 0 0 0;
}
.blog-main-item-01.sticky
{
background-color: #f8f8f8;
}
.blog-main-item-01.sticky .content.blog-content
{
background-color: transparent!important;
}
.blog-main-item-01.sticky .content .post-meta li a
{
color: var(--heading-color);
}
.blog-main-item-01.sticky .content .post-meta li
{
color: var(--heading-color);
}
.blog-main-item-01.sticky .post-meta li .posted-on .entry-date
{
color: var(--heading-color);
}
.blog-main-item-01 .thumbnail
{
position: relative;
z-index: 0;
overflow: hidden;
}
.blog-main-item-01 .thumbnail img
{
-webkit-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
height: auto;
}
.blog-main-item-01 .content
{
padding: 25px 0 25px 0;
}
.blog-main-item-01 .content .post-meta-wrap
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 1px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-main-item-01 .content .post-meta-wrap .social-icon li
{
padding-left: 0;
margin-top: 0;
}
.blog-main-item-01 .content .post-meta
{
margin: 0;
padding: 0;
list-style: none;
padding-left: 0!important;
margin-bottom: 5px;
}
.blog-main-item-01 .content .post-meta li
{
display: inline-block;
font-size: 14px;
line-height: 1.6;
font-family: var(--body-font);
font-weight: 400;
position: relative;
z-index: 0;
padding-left: 0;
text-transform: capitalize;
color: #4b5563;
list-style: none!important;
text-transform: capitalize;
}
.blog-main-item-01 .content .post-meta li+li
{
margin-top: 0;
margin-bottom: 5px;
}
.blog-main-item-01 .content .post-meta li i
{
font-size: 16px;
}
.blog-main-item-01 .content .post-meta li svg
{
margin-right: 5px;
color: var(--main-color-one);
}
.blog-main-item-01 .content .post-meta li::before
{
display: none!important;
}
.blog-main-item-01 .content .post-meta li.white
{
color: #fff;
}
.blog-main-item-01 .content .post-meta li.white span
{
color: #fff;
}
.blog-main-item-01 .content .post-meta li span
{
color: var(--heading-color);
}
.blog-main-item-01 .content .post-meta li span.white
{
color: #fff;
}
.blog-main-item-01 .content .post-meta li:before
{
display: none;
}
.blog-main-item-01 .content .post-meta li a
{
-webkit-transition: all 300ms;
transition: all 300ms;
color: #4b5563;
}
.blog-main-item-01 .content .post-meta li .posted-on .entry-date
{
color: #4b5563;
}
.blog-main-item-01 .content .post-meta li .posted-on .entry-date.white
{
color: #fff;
}
.blog-main-item-01 .content .post-meta li .posted-on i
{
margin-right: 10px;
color: var(--main-color-one);
}
.blog-main-item-01 .content .title
{
font-size: 32px;
line-height: 1.5;
font-weight: 700;
margin-top: 0;
-webkit-transition: all 300ms;
transition: all 300ms;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-family: var(--heading-font);
}
.blog-main-item-01 .content .title:hover
{
color: var(--main-color-one);
}
.blog-main-item-01 .content p
{
font-size: 16px;
margin-bottom: 31px;
}
.blog-main-item-01 .content .post-author
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.blog-main-item-01 .content .post-author .author-image
{
border-radius: 50%;
width: 40px;
height: 40px;
margin-right: 15px;
}
.blog-main-item-01 .content .post-author a
{
color: #001b61;
font-size: 16px;
font-weight: 700;
}
.blog-main-item-01 .blog-bottom .read-btn-text
{
font-weight: 500;
color: var(--main-color-one);
}
.blog-single-content-wrap .post-meta li i
{
margin-top: 3px;
}
.blog-single-content-wrap .post-meta .post-meta-border-line span
{
margin-bottom: 3px;
}/*-------------------------
Icon Box Item
-------------------------*/
.icon-box-item
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: all 300ms;
transition: all 300ms;
background-color: #fff2e5;
}
.icon-box-item .icon-wrap
{
position: relative;
display: inline-block;
}
.icon-box-item .icon-wrap span
{
display: inline-block;
height: 48px;
width: 48px;
line-height: 49px;
border-radius: 50%;
background: var(--main-color-one);
font-weight: 600;
color: #fff;
position: absolute;
right: -23px;
top: -23px;
-webkit-transition: .4s;
transition: .4s;
}
.icon-box-item.top
{
display: block;
}
.icon-box-item.top[style="text-align:center"] .icon
{
margin: 0 auto;
}
.icon-box-item.top[style="text-align:right"] .icon-wrap
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.icon-box-item[style="text-align:left"] .icon
{
-webkit-box-pack: left;
-ms-flex-pack: left;
justify-content: left;
}
.icon-box-item.right
{
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.icon-box-item.right .icon
{
margin-left: 15px;
}
.icon-box-item.left .text-icon, .icon-box-item.left .icon
{
margin-right: 15px;
}
.icon-box-item .text-icon, .icon-box-item .icon
{
width: 100px;
height: 110px;
line-height: 100px;
text-align: center;
background: var(--main-color-one);
border-radius: 0%;
font-size: 50px;
}
.icon-box-item .content
{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.icon-box-item .content .title
{
color: var(--heading-color);
line-height: 1.388;
font-weight: 600;
margin-bottom: 0;
}
.icon-box-item .content .title span
{
color: var(--main-color-one);
}
.icon-box-item .content p
{
color: var(--heading-color);
font-size: 16px;
line-height: 1.51;
font-weight: 400;
margin-bottom: 8px;
font-family: var(--body-font);
}/*-------------------------
Icon Box Item - 02
-------------------------*/
.icon-box-item-02
{
background: #fff;
padding: 30px 30px 30px 30px;
position: relative;
z-index: 0;
}
.icon-box-item-02:hover .line-02
{
width: 100%;
height: 25%;
}
.icon-box-item-02:hover .line-03
{
width: 50%;
height: 50%;
}
.icon-box-item-02.style-01
{
background: #fffbf6;
margin-bottom: 30px;
}
.icon-box-item-02.style-01 .content p
{
margin-bottom: 0;
}
.icon-box-item-02 .icon
{
margin-bottom: 13px;
}
.icon-box-item-02 .content .title
{
font-size: 20px;
color: var(--heading-color);
margin-bottom: 0;
}
.icon-box-item-02 .content p
{
font-size: 16px;
color: var(--heading-color);
}
.icon-box-item-02 .line-02
{
position: absolute;
z-index: 1;
right: 0;
top: 0;
border-top: 1px solid var(--main-color-one);
border-right: 1px solid var(--main-color-one);
width: 0%;
height: 0%;
-webkit-transition: .5s all ease;
transition: .5s all ease;
}
.icon-box-item-02 .line-03
{
position: absolute;
z-index: 1;
left: 0;
bottom: 0;
border-bottom: 1px solid var(--main-color-one);
border-left: 1px solid var(--main-color-one);
width: 0%;
height: 0%;
-webkit-transition: .5s all ease;
transition: .5s all ease;
}/*-------------------------
Why Chosse us section
-------------------------*/
.why-choose-section.home-three
{
background: #f8f8f8;
padding: 115px 0 90px;
}
.secondary-font h2, .secondary-font h3, .secondary-font h4, .secondary-font h5, .secondary-font h6
{
font-family: var(--heading-font);
}/*-------------------------
## Preloader Css
---------------------------*/
.preloader-inner
{
position: fixed;
left: 0;
top: 0;
z-index: 9;
background-color: #fff;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.preloader-inner .loader
{
width: 50px;
height: 50px;
}
.preloader-inner .loader
{
-webkit-animation: name duration timing-function delay iteration-count direction fill-mode;
animation: name duration timing-function delay iteration-count direction fill-mode;
}
.preloader-inner .loader svg g g path:first-child
{
-webkit-animation: loader_one .8s ease-in infinite;
animation: loader_one .8s ease-in infinite;
}
.preloader-inner .loader svg g g path:nth-child(2)
{
-webkit-animation: loader_two .8s ease-in infinite;
animation: loader_two .8s ease-in infinite;
}
.preloader-inner .loader svg g g path:last-child
{
-webkit-animation: loader_three .8s ease-in infinite;
animation: loader_three .8s ease-in infinite;
}
@-webkit-keyframes loader_one
{
0%
{
opacity: 0;
}
25%
{
opacity: 1;
}
50%
{
opacity: 1;
}
75%
{
opacity: 1;
}
100%
{
opacity: 1;
}
}
@keyframes loader_one
{
0%
{
opacity: 0;
}
25%
{
opacity: 1;
}
50%
{
opacity: 1;
}
75%
{
opacity: 1;
}
100%
{
opacity: 1;
}
}
@-webkit-keyframes loader_two
{
0%
{
opacity: 0;
}
25%
{
opacity: 0;
}
50%
{
opacity: 1;
}
75%
{
opacity: 1;
}
100%
{
opacity: 1;
}
}
@keyframes loader_two
{
0%
{
opacity: 0;
}
25%
{
opacity: 0;
}
50%
{
opacity: 1;
}
75%
{
opacity: 1;
}
100%
{
opacity: 1;
}
}
@-webkit-keyframes loader_three
{
0%
{
opacity: 0;
}
25%
{
opacity: 0;
}
50%
{
opacity: 0;
}
75%
{
opacity: 1;
}
100%
{
opacity: 1;
}
}
@keyframes loader_three
{
0%
{
opacity: 0;
}
25%
{
opacity: 0;
}
50%
{
opacity: 0;
}
75%
{
opacity: 1;
}
100%
{
opacity: 1;
}
}/*-------------------------
Section Title
-------------------------*/
.section-title-wrapper
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.theme-section-title.white .title
{
color: #fff;
}
.theme-section-title.white p
{
color: rgba(255,255,255,.9);
}
.theme-section-title.black .subtitle
{
color: var(--main-color-one);
}
.theme-section-title.black .title
{
color: var(--heading-color);
}
.theme-section-title.black p
{
color: var(--heading-color);
}
.theme-section-title .title
{
font-size: 45px;
line-height: 1.3;
font-family: var(--heading-font);
color: var(--heading-color);
margin-bottom: 0;
text-transform: capitalize;
}
.theme-section-title .title span
{
color: var(--main-color-one);
}
.theme-section-title .subtitle
{
border-radius: 30px;
-webkit-box-shadow: 0 4.4px 30px rgba(19,16,34,.1);
box-shadow: 0 4.4px 30px rgba(19,16,34,.1);
background: #fff;
padding: 8px 20px;
display: inline-block;
font-size: 14px;
font-weight: 700;
margin-bottom: 20px;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--main-color-one);
}
.theme-section-title p
{
font-size: 16px;
line-height: 1.52;
font-weight: 400;
margin-bottom: 0;
margin-top: 24px;
}
.theme-section-title .btn
{
margin-top: 30px;
}
.theme-section-title[style="text-align:left"] .subtitle.shape
{
-webkit-box-pack: initial;
-ms-flex-pack: initial;
justify-content: initial;
}
@-webkit-keyframes widthleft
{
0%
{
width: 0;
}
100%
{
width: 100px;
}
}
@keyframes widthleft
{
0%
{
width: 0;
}
100%
{
width: 100px;
}
}
@-webkit-keyframes widthRight
{
0%
{
-webkit-transform-origin: 0;
transform-origin: 0;
}
100%
{
-webkit-transform-origin: 1;
transform-origin: 1;
}
}
@keyframes widthRight
{
0%
{
-webkit-transform-origin: 0;
transform-origin: 0;
}
100%
{
-webkit-transform-origin: 1;
transform-origin: 1;
}
}
.animate__widthleft
{
-webkit-animation-name: widthleft;
animation-name: widthleft;
}
.animate__widthleft-02
{
-webkit-animation-name: widthleft;
animation-name: widthleft;
}
.animate__widthRight
{
-webkit-animation-name: widthleft;
animation-name: widthleft;
}
.section-title
{
margin-bottom: 50px;
position: relative;
}
.section-title .sub-title
{
border-radius: 30px;
-webkit-box-shadow: 0 4.4px 30px rgba(19,16,34,.1);
box-shadow: 0 4.4px 30px rgba(19,16,34,.1);
background: #fff;
padding: 8px 20px;
display: inline-block;
font-size: 14px;
font-weight: 500;
margin-bottom: 15px;
letter-spacing: 1px;
}
.section-title .title
{
margin-bottom: 0;
margin-top: 0;
}
.section-title .title span
{
color: var(--main-color-one);
}
.section-title .content
{
margin-top: 17px;
margin-bottom: 0;
}
.section-title .small-title
{
margin-top: 18px;
font-weight: 600;
color: var(--heading-color);
}
.section-title .phone
{
font-weight: 400;
margin-top: 30px;
}
.section-title .phone img
{
margin-right: 6px;
}
.section-title .single-list-wrap
{
margin-top: 21px;
}
.section-title .btn
{
margin-top: 30px;
}
.section-title.style-white .sub-title
{
color: var(--main-color-one);
}
.section-title.style-white .sub-title.left-line:before
{
background: #fff;
}
.section-title.style-white .sub-title.right-line:after
{
background: #fff;
}
.section-title.style-white .sub-title.double-line:before
{
background: #fff;
}
.section-title.style-white .sub-title.double-line:after
{
background: #fff;
}
.section-title.style-white .title
{
color: #fff;
}
.section-title.style-white .content
{
color: #fff;
}
.section-title.style-white .small-title
{
color: #fff;
}
.single-progressbar
{
background: #fff;
border-radius: 0;
margin-top: 0;
}
.single-progressbar h6
{
font-size: 14px;
font-weight: 700;
display: inline-block;
margin-bottom: 0;
}
.single-progressbar .skill
{
overflow: hidden;
padding: 40px 0 5px;
position: relative;
margin-bottom: 10px;
margin-top: -30px;
}
.single-progressbar .skill:before
{
width: 100%;
height: 10px;
content: "";
display: block;
position: absolute;
background: #f2f2f2;
border-radius: 10px;
bottom: 5px;
}
.single-progressbar .skill p
{
position: absolute;
right: 0;
top: 0;
font-size: 14px;
font-weight: 700;
font-family: var(--heading-font);
color: var(--main-color-one);
}
.skill-bar
{
width: 100%;
height: 10px;
background: var(--main-color-one);
display: block;
position: relative;
border-radius: 10px;
}
.skill-bar .skill-count1
{
right: -17px;
position: absolute;
top: -30px;
padding: 3px 0;
font-size: 14px;
font-weight: 600;
font-family: var(--heading-font);
color: var(--heading-color);
}
.skill-bar .skill-count1 p
{
margin: 0 -3px 0 0;
}
.single-list-inner
{
margin: 0;
padding: 0;
}
.single-list-inner li
{
margin-bottom: 6px;
}
.single-list-inner li:last-child
{
margin-bottom: 0;
}
.single-list-inner.style-check li
{
list-style: none;
}
.single-list-inner.style-check li svg, .single-list-inner.style-check li i
{
margin-right: 10px;
color: var(--main-color-one);
font-size: 18px;
}
.single-list-inner.style-heading li
{
color: var(--heading-color);
font-weight: 600;
}/*----------------------------------------
## Search Popup
----------------------------------------*/
.search-popup.active .search-form
{
visibility: visible;
opacity: 1;
}
.search-popup .search-form
{
min-width: 1500px;/* position: absolute; */
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: .5s ease;
transition: .5s ease;
visibility: hidden;
opacity: 0;
z-index: 9;
}
.search-popup .search-form .form-group .form-control
{
border: none;
border-radius: 6px;
height: 100px;
padding: 0 100px 0 30px;
}
.search-popup .search-form .submit-btn
{
position: absolute;
right: -15px;
top: -20px;
width: 30px;
height: 30px;
border-radius: 50%;
border-color: var(--hover-color);
background-color: var(--hover-color);
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
padding: 0;
text-align: center;
}
.search-popup .search-form .submit-btn span
{
color: #fff;
font-size: 20px;
}
.body-overlay
{
position: fixed;
width: 100%;
height: 100%;
display: block;
background-color: rgba(13,20,34,.95);
z-index: 99;
content: "";
left: 0;
top: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVBAMAAABbObilAAAAMFBMVEVMaXH////////////////////////////////////////////////////////////6w4mEAAAAD3RSTlMAlAX+BKLcA5+b6hJ7foD4ZP1OAAAAkUlEQVR4XkWPoQ3CUBQAL4SktoKAbCUjgAKLJZ2ABYosngTJCHSD6joUI6BZgqSoB/+Shqde7sS9x3OGk81fdO+texMtRVTia+TsQtHEUJLdohJfgNNPJHyEJPZTsWLoxShqsWITazEwqePAn69Sw2TUxk1+euPis3EwaXy8RMHSZBIlRcKKnC5hRctjMf57/wJbBlAIs9k1BAAAAABJRU5ErkJggg==),progress;
}
.body-overlay.active
{
visibility: visible;
opacity: 1;
}
.click-mobile-search
{
display: none;
position: absolute;
top: 80px;
left: 0;
z-index: 5;
width: 100%;
padding: 20px;
background: #fff;
}/*--------------------------
Video Play Button
--------------------------*/
.video-play-btn
{
position: relative;
z-index: 1;
display: inline-block;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
font-size: 16px;
background-color: var(--main-color-one);
color: #fff;
}
.video-play-btn:before
{
content: "";
position: absolute;
left: 50%;
top: 50%;/* IE 9 */
-webkit-transform: translateX(-50%) translateY(-50%);/* Chrome, Safari, Opera */
transform: translateX(-50%) translateY(-50%);
display: block;
width: 100px;
height: 100px;
border: 2px solid rgba(234,242,245,.5);
z-index: -1;
}
.video-play-btn.style-01
{
background-color: var(--main-color-one);
color: #fff;
border: 2px solid #fff;
background: transparent;
line-height: 110px;
position: absolute;
bottom: 50%;
left: 50%;
-webkit-transform: translate(-50%,50%);
transform: translate(-50%,50%);
border-radius: 50%;
}
.video-play-btn.style-01::before
{
border: 0;
}
.video-play-btn.style-01:focus, .video-play-btn.style-01:hover
{
color: #fff;
}
.video-play-btn-02
{
position: relative;
z-index: 1;
height: 120px;
width: 120px;
border-radius: 50%;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
color: var(--heading-color);
}
.video-play-btn-02:before
{
content: "";
position: absolute;
z-index: 0;
left: 50%;
top: 50%;/* IE 9 */
-webkit-transform: translateX(-50%) translateY(-50%);/* Chrome, Safari, Opera */
transform: translateX(-50%) translateY(-50%);
display: block;
width: 100%;
height: 100%;
border-radius: 50%;
border: 2px solid #fff;
-webkit-animation: pulse-border 1500ms ease-out infinite;
animation: pulse-border 1500ms ease-out infinite;
z-index: -1;
}
.video-play-btn-02.style-01
{
background-color: var(--main-color-one);
color: #fff;
}
.video-play-btn-02.style-01::before
{
background-color: var(--main-color-one);
}
.video-play-btn-02.style-01:focus, .video-play-btn-02.style-01:hover
{
color: #fff;
}
.video-play-btn:hover, .video-play-btn:focus
{
color: #fff;
}
@-webkit-keyframes pulse-border
{
0%
{
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100%
{
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);
opacity: 0;
}
}
@keyframes pulse-border
{
0%
{
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
opacity: 1;
}
100%
{
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);
transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.8);
opacity: 0;
}
}
.single-team-inner
{
border: 1px solid var(--border-color1);
-webkit-box-shadow: 0 4.4px 20px rgba(19,16,34,.05);
box-shadow: 0 4.4px 20px rgba(19,16,34,.05);
border-radius: 22px;
position: relative;
margin-bottom: 30px;
}
.single-team-inner .thumb
{
position: relative;
border-radius: 22px;
overflow: hidden;
}
.single-team-inner .thumb img
{
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: .9s;
transition: .9s;
}
.single-team-inner .thumb .team-social-inner
{
opacity: 0;
-webkit-transition: .4s;
transition: .4s;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 10px;
padding: 0 25px!important;
line-height: 50px;
}
.single-team-inner .thumb .team-social-inner li
{
line-height: 1;
}
.single-team-inner .team-social-inner
{
height: 50px;
padding: 11px 25px 8px;
background: #fff;
border-radius: 50px;
-webkit-transition: .4s;
transition: .4s;
display: inline-block;
}
.single-team-inner .team-social-inner li
{
display: inline-block;
margin-right: 10px;
padding-right: 10px;
font-size: 15px;
border-right: 1px solid var(--border-color1);
color: #19352d;
}
.single-team-inner .team-social-inner li:last-child
{
margin-right: 0;
padding-right: 0;
border-right: 0;
}
.single-team-inner .details
{
padding: 20px;
}
.single-team-inner .details p
{
margin-bottom: 0;
}
.single-team-inner:hover .thumb img
{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.single-team-inner:hover .thumb .team-social-inner
{
bottom: 20px;
visibility: visible;
opacity: 1;
}
.single-team-inner.style-2
{
border-radius: 10px;
border: 0;
background: rgba(29,39,53,.6901960784);
padding-top: 50px;
}
.single-team-inner.style-2 .thumb
{
border-radius: 10px;
}
.single-team-inner.style-2 .details
{
position: absolute;
right: 0;
bottom: 0;
width: 100%;
padding: 0 20px 0;
}
.single-team-inner.style-2 .details .details-inner
{
border-radius: 10px 10px 0 0;
background: rgba(255,255,255,.8);
padding: 20px;
}
.single-team-inner.style-2 .details h5
{
color: var(--main-color-one);
}
.single-team-inner.style-2 .details h5:hover a
{
color: var(--heading-color);
}
.single-team-inner.style-2 .details p
{
color: var(--heading-color);
}
.single-team-inner.style-2 .details .team-social-inner
{
border-radius: 5px;
height: 40px;
padding: 6px 15px!important;
}
.single-team-inner.style-3
{
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.single-team-inner.style-3 .thumb
{
background: #fff;
padding: 30px;
}
.single-team-inner.style-3 .thumb .team-social-inner
{
height: auto;
padding: 0;
background: transparent;
border-radius: 0;
-webkit-transition: .4s;
transition: .4s;
display: inline-block;
}
.single-team-inner.style-3 .thumb .team-social-inner li
{
display: inline-block;
margin-right: 0;
padding-right: 0;
font-size: 15px;
border-right: 0;
color: #fff;
}
.single-team-inner.style-3 .thumb .team-social-inner li a
{
height: 35px;
width: 35px;
text-align: center;
line-height: 35px;
border-radius: 4px 4px 0 0;
display: inline-block;
background: var(--main-color-one);
margin: 0 2px;
color: #fff!important;
}
.single-team-inner.style-3 .details
{
background: #fff;
margin: 30px;
margin-top: -60px;
position: relative;
z-index: 2;
border-radius: 10px;
padding: 30px;
-webkit-box-shadow: 0 3px 20px rgba(0,33,71,.06);
box-shadow: 0 3px 20px rgba(0,33,71,.06);
}
.single-team-inner.style-3:hover .thumb .team-social-inner
{
bottom: 35px;
}
.team-details-page .thumb
{
background: #f5f3ef;
padding: 40px 0 40px 0;
margin-right: 40px;
}
.team-details-page .thumb img
{
width: 100%;
margin-right: -80px;
background: #f7f7f7;
}
.team-details-page .designation
{
color: var(--paragraph-color);
}
.team-details-page .social-media li
{
display: inline-block;
margin-right: 5px;
}
.team-details-page .social-media li a
{
height: 46px;
width: 46px;
line-height: 46px;
border-radius: 0;
background: var(--heading-color);
font-size: 16px;
color: #fff;
display: inline-block;
text-align: center;
}
.team-details-page .social-media li a:hover
{
background: var(--main-color-one);
}/*---------------------
## Breadcumb
----------------------*/
.breadcrumb-wrap.navbar-
{
background-size: contain!important;
}
.breadcrumb-wrap.navbar- .breadcrumb-content
{
padding: 120px 0 120px 0;
}
.breadcrumb-wrap
{
position: relative;
z-index: 0;
background-position: center;
background: #f3f8f8;
}
.breadcrumb-wrap.extra
{
padding-bottom: 138px;
}
.breadcrumb-wrap.navbar-style-02 .breadcrumb-content
{
padding: 257px 0 157px 0;
}
.breadcrumb-wrap.navbar-style-03 .breadcrumb-content
{
padding: 150px 0 155px 0;
}
.breadcrumb-wrap .page-title
{
font-size: 45px;
font-weight: 600;
text-transform: capitalize;
margin-bottom: 15px;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 1.1;
}
.breadcrumb-wrap p
{
display: inline-block;
padding: 5px 20px;
text-transform: uppercase;
background-color: var(--main-color-one);
font-size: 17px;
line-height: 20px;
max-width: 600px;
margin-bottom: 20px;
}
.breadcrumb-wrap .page-list
{
margin: 0;
padding-left: 0;
}
.breadcrumb-wrap .page-list li
{
display: inline-block;
position: relative;
padding-left: 32px;
font-size: 18px;
}
.breadcrumb-wrap .page-list li a
{
-webkit-transition: .4s;
transition: .4s;
}
.breadcrumb-wrap .page-list li a:hover
{
color: var(--main-color-one);
}
.breadcrumb-wrap .page-list li:first-child
{
padding-left: 25px;
}
.breadcrumb-wrap .page-list li:first-child::after
{
content: "";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
font-size: 18px!important;
position: absolute;
left: -3px;
top: -2px;
}
.breadcrumb-wrap .page-list li:after
{
position: absolute;
left: 12px;
font-size: 15px!important;
top: 3px;
content: "";
font-family: "Font Awesome 5 Free";
color: var(--main-color-one);
font-weight: 600;
}
.breadcrumb-wrap.breadcrumb-wrap-icon .page-list li:first-child::after
{
font: normal normal normal 20px/1 FontAwesome;
top: 4px;
}
.breadcrumb-wrap.breadcrumb-wrap-icon .page-list li:after
{
font: normal normal normal 18px/1 FontAwesome;
top: 6px;
}/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a
{
word-wrap: break-word;
}
.bypostauthor
{
display: block;
}
.comments-area
{
margin-top: 30px;
}
.comments-area .comments-title
{
font-size: 26px;
line-height: 34px;
font-weight: 600;
margin-bottom: 38px;
}
.comments-area .comment-list
{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 20px;
}
.comments-area .comment-list .comment-respond
{
margin-bottom: 57px;
}
.comments-area .comment-list .comment-respond
{
margin-top: 37px;
}
.comments-area .comment-list .comment-reply-title
{
font-size: 17px;
margin-bottom: 15px;
}
.comments-area .comment-list .comment-reply-title small
{
font-size: 16px;
line-height: 1;
top: 1px;
margin-bottom: 0;
}
.comments-area .comment-list li:last-child
{
margin-bottom: 0;
}
.comments-area .comment-list li:last-child .single-comment-wrap .thumb .date
{
margin-bottom: 0;
}
.comments-area .comment-list li ul.children
{
margin: 0;
padding: 0;
list-style: none;
margin-top: 30px;
}
.comments-area .comment-list li ul.children li
{
margin-left: 50px;
list-style: none;
}
.comments-area .comment-list li .single-comment-wrap
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
--ms-flex-item-align: start;
-ms-flex-item-align: start;
align-self: flex-start;
}
.comments-area .comment-list li .single-comment-wrap .thumb
{
margin-right: 20px;
min-width: 80px;
border-radius: 50%;
}
.comments-area .comment-list li .single-comment-wrap .thumb img
{
margin-bottom: 10px;
border-radius: 50%;
border: 2px solid #fafafa;
-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,.02);
box-shadow: 0 0 50px 0 rgba(0,0,0,.02);
}
.comments-area .comment-list li .single-comment-wrap .date
{
display: block;
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
.comments-area .comment-list li .single-comment-wrap .content
{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
max-width: 630px;
}
.comments-area .comment-list li .single-comment-wrap .content .title
{
font-size: 18px;
line-height: 28px;
font-weight: 600;
padding-right: 70px;
font-family: var(--heading-font);
}
.comments-area .comment-list li .single-comment-wrap .content .comment-content
{
max-width: 630px;
}
.comments-area .comment-list li .single-comment-wrap .content p
{
word-break: break-word;
}
.comments-area .comment-list li .single-comment-wrap .content p:last-child
{
margin-bottom: 0;
}
.comments-area .comment-list li .single-comment-wrap .content .reply
{
color: var(--main-color-one);
}
.comments-area .comment-list li .single-comment-wrap .content .reply:hover
{
color: var(--main-color-one);
}
.comments-area .comment-list li .single-comment-wrap .content .comment-reply-link
{
font-weight: 600;
position: absolute;
top: 0;
right: 0;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
color: var(--main-color-one);
font-size: 14px;
}
.comments-area .comment-list li .single-comment-wrap .content .comment-reply-link:after
{
position: static;
content: "";
font-family: "Font Awesome 5 Free";
font-size: 14px;
line-height: 1;
margin-left: 5px;
font-weight: 900;
}
.comments-area .comment-list li .single-comment-wrap .content .comment-reply-link:hover
{
color: var(--main-color-one);
}
.comments-area .comment-list li.comment
{
margin-bottom: 30px;
}
.comments-area .comment-list .has-children
{
padding-left: 80px;
}
.comments-area .comment-list ol:not([class])
{
margin-bottom: 20px;
}
.comments-area .comment-list ol:not([class]) li ol
{
margin-bottom: 0;
}
.comments-area .comment-list .children li:last-child
{
margin-bottom: 30px;
}
.comments-area .comment-list ul:not([class])
{
margin-bottom: 20px;
}
.comments-area .comment-list ul:not([class]) ul
{
margin-bottom: 0;
}
.comments-area .reply-title
{
font-size: 26px;
line-height: 34px;
font-weight: 600;
margin-bottom: 25px;
}
.comments-area .comment-reply-title
{
font-size: 26px;
line-height: 34px;
font-weight: 600;
margin-bottom: 25px;
}
.comments-area .comment-reply-title small
{
font-size: 26px;
line-height: 34px;
font-weight: 600;
color: var(--secondary-color);
margin-left: 10px;
display: inline-block;
position: relative;
top: 4px;
margin-bottom: 0;
}
.comments-area .comment-form-wrap
{
padding: 65px 95px 70px;
}
.comments-area .form-submit
{
margin-bottom: 0;
margin-top: 20px;
}
.blog-content-page-content-area .comments-area .comment-list li .single-comment-wrap .time
{
display: block;
font-size: 14px;
line-height: 20px;
margin-bottom: 10px;
}
.comment-form .form-group.textarea .form-control
{
min-height: 150px;
resize: none;
line-height: 26px;
}
.comment-form .form-group.textarea .form-control:focus
{
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.comment-form .form-group
{
margin-bottom: 12px;
position: relative;
}
.comment-form .form-group .form-control
{
height: 50px;
line-height: 50px;
border-radius: 0;
border: 0;
padding: 10px 20px;
padding-right: 35px;
background: #fff;
}
.comment-form .form-group .form-control::-webkit-input-placeholder
{
color: #3f517e;
}
.comment-form .form-group .form-control::-moz-placeholder
{
color: #3f517e;
}
.comment-form .form-group .form-control:-ms-input-placeholder
{
color: #3f517e;
}
.comment-form .form-group .form-control::-ms-input-placeholder
{
color: #3f517e;
}
.comment-form .form-group .form-control::placeholder
{
color: #3f517e;
}
.comment-form .btn-wrap .boxed-btn
{
font-size: 14px;
}
.comment-form .submit-btn
{
height: 55px;
line-height: 55px;
width: auto;
border-radius: 0;
font-weight: 500;
background-color: var(--main-color-one);
border: none;
cursor: pochakra petch;
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
color: #fff;
padding: 0 30px;
cursor: pointer;
}
.comment-form .submit-btn:hover
{
background-color: var(--secondary-color);
color: #fff;
}
.comment-form-cookies-consent input[type=checkbox]
{
margin-right: 5px;
}
label[for=wp-comment-cookies-consent]
{
font-size: 14px;
}
.comment-respond
{
margin-top: 42px;
background-color: #f3f4f6;
padding: 40px;
border-radius: 0;
}
.form-group.textarea
{
width: 100%!important;
margin-left: 0!important;
}
.full-width-content .comments-area .comment-list li .single-comment-wrap .content
{
max-width: 100%;
}
@media only screen and (max-width: 991px)
{
.comments-area .comment-list li .single-comment-wrap .content
{
max-width: calc(100% - 100px);
}
}
@media only screen and (max-width: 384px)
{
.comments-area .comment-list li .single-comment-wrap
{
display: block;
}
.comments-area .comment-list li .single-comment-wrap .content
{
max-width: 100%;
}
}/*--------------------------------------------------------------
## WIdgets
--------------------------------------------------------------*/
aside .widget
{
padding: 40px 30px;
border-radius: 0;
background-color: #f9fafb;
}
.widget
{
margin-bottom: 40px;
padding: 0;
border-radius: 0;
}
.widget ul
{
margin: 0;
padding: 0;
list-style: none;
}
.widget ul li
{
margin: 8px 0;
display: block;
-ms-word-wrap: break-word;
word-break: break-word;
}
.widget ul li+li
{
margin-top: 10px;
}
.widget ul li:before
{
display: none;
}
.widget ul li:last-child
{
margin-bottom: 0;
}
.widget ul li:first-child
{
margin-top: 0;
}
.widget ul li a
{
color: inherit;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.widget ul li a:hover
{
color: var(--main-color-one);
}
.widget ul li ul
{
margin-left: 20px;
margin-top: 10px;
}
.widget ul li ul.sub-menu
{
position: initial;
visibility: visible;
opacity: 1;
background-color: transparent;
border-top: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-top: 10px;
}
.widget ul li ul.sub-menu li a
{
padding: 0 0 0 10px;
}
.widget ul li ul.sub-menu li a:hover
{
background-color: transparent;
}
.widget>h1, .widget>h2, .widget>h3, .widget>h4, .widget>h5, .widget>h6, .widget .widget-headline
{
font-size: 22px;
line-height: 1;
text-transform: capitalize;
position: relative;
z-index: 0;
margin-bottom: 24px;
color: var(--heading-color);
font-family: var(--heading-font);
border-bottom: 1px dashed rgba(255,255,255,.2);
padding-bottom: 15px;
}
.widget select
{
width: 100%;
height: 50px;
padding: 10px 20px;
border: 1px solid #ddd!important;
position: relative;
z-index: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-y: 55%;
background-position-x: 92%;
color: #111;
}
.widget select option
{
color: #111;
}
.widget:last-child
{
margin-bottom: 0;
}
.widget .footer-widget
{
background-color: transparent!important;
padding: 0;
margin-bottom: 40px;
}
.widget.widget_nav_menu ul li.menu-item-has-children:after
{
display: none;
}
.widget ul li, .comments-area .comment-list li, .comments-area .comment-list li.comment
{
padding-left: 0;
}
.widget_recent_comments ul li .comment-author-link
{
font-weight: 600;
display: block;
}
.widget_recent_comments ul li+li
{
border-top: 1px dashed #e1e1e1;
padding-top: 15px;
margin-top: 15px!important;
}
.widget_meta ul li+li
{
border-top: 1px dashed #e1e1e1;
padding-top: 15px;
margin-top: 15px!important;
}
.comments-area .comment-list li:before, .comments-area .comment-list li.comment:before
{
display: none;
}
.widget-nav-menu ul
{
margin: 0;
padding: 0;
list-style: none;
}
.widget-nav-menu ul li+li
{
border-top: 1px solid #2c3e88;
}
.footer-widget .widget_search .search-form .form-group .form-control
{
color: #fff;
}
.widget_search .post-inside-wrapper
{
position: relative;
width: 100%;
}
.widget_search .search-form
{
position: relative;
}
.widget_search .search-form .form-group
{
margin-bottom: 0;
}
.widget_search .search-form .form-group .form-control
{
height: 60px;
color: var(--heading-color);
border: none;
border: 0;
padding: 0 57px 0 20px;
background: #fff;
border-radius: 0;
border: 1px solid #e1e1e1;
color: #111;
}
.widget_search .search-form .submit-btn
{
position: absolute;
height: 46px;
width: 46px;
right: 7px;
top: 7px;
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
border: none;
background-color: var(--main-color-one);
cursor: pochakra petch;
color: #fff;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.widget_search .search-form .submit-btn:hover
{
background: var(--secondary-color);
}
.widget_author_meta ul
{
margin-top: 25px;
}
.widget_author_meta ul li
{
display: inline-block;
}
.widget_author_meta ul li .content .title
{
font-size: 16px;
line-height: 1.85;
font-weight: 500;
color: #fff;
margin-bottom: 10px;
}
.widget_author_meta ul li .content .post-meta a
{
font-size: 14px;
font-weight: 500;
color: #707070;
text-transform: uppercase;
}
.widget_author_meta ul li .content .post-meta a+a
{
margin-left: 15px;
}
.widget_author_meta ul li .content .post-meta span
{
color: #fff;
}
.widget_tag_cloud .tagcloud a
{
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 6px 12px;
text-transform: uppercase;
font-size: 12px!important;
font-weight: 500;
background: var(--gray-100);
margin-right: 0;
-webkit-transition: all 300ms;
transition: all 300ms;
border-radius: 4px;
color: #fff;
border: 1px solid rgba(255,255,255,.4901960784);
margin-bottom: 6px;
}
.widget_tag_cloud .tagcloud a:hover
{
background: var(--main-color-one);
color: #fff;
border-color: var(--main-color-one);
}
.widget_subscribe .subscibe-wrapper
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-top: 120px;
border-bottom: 1px solid #404040;
padding-bottom: 50px;
}
.widget_subscribe .subscibe-wrapper .content .title
{
font-size: 28px;
line-height: 1.6;
font-family: var(--heading-font);
color: #fff;
}
.widget_subscribe .subscibe-wrapper .subscribe-forms
{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 85px;
position: relative;
z-index: 0;
}
.widget_subscribe .subscibe-wrapper .subscribe-forms .form-group
{
margin-bottom: 0;
}
.widget_subscribe .subscibe-wrapper .subscribe-forms .form-group .form-control
{
font-size: 18px;
font-family: var(--body-font);
font-weight: 400;
width: 100%;
padding: 0 165px 0 25px;
border-radius: 6px;
background: #fff;
height: 80px;
}
.widget_subscribe .subscibe-wrapper .subscribe-forms .form-group .form-control::-webkit-input-placeholder
{
color: #b9b9b9;
}
.widget_subscribe .subscibe-wrapper .subscribe-forms .form-group .form-control::-moz-placeholder
{
color: #b9b9b9;
}
.widget_subscribe .subscibe-wrapper .subscribe-forms .form-group .form-control:-ms-input-placeholder
{
color: #b9b9b9;
}
.widget_subscribe .subscibe-wrapper .subscribe-forms .form-group .form-control::-ms-input-placeholder
{
color: #b9b9b9;
}
.widget_subscribe .subscibe-wrapper .subscribe-forms .form-group .form-control::placeholder
{
color: #b9b9b9;
}
.widget_subscribe .subscibe-wrapper .subscribe-forms .form-group .btn-wrap
{
position: absolute;
top: 31px;
right: 28px;
}
.widget_subscribe .subscibe-wrapper .subscribe-forms .form-group .btn-wrap .subscribe-btn
{
font-size: 16px;
line-height: 1;
font-weight: 500;
font-family: var(--body-font);
color: var(--main-color-one);
text-transform: uppercase;
border-left: 2px solid #b9b9b9;
padding-left: 10px;
border: 0;
background: transparent;
outline: 0;
}
.widget_nav_menu ul
{
margin: 0;
padding: 0;
list-style: none;
}
.widget_nav_menu ul li
{
margin: 10px 0;
}
.widget_nav_menu ul li:last-child
{
margin-bottom: 0;
}
.widget_nav_menu ul li:first-child
{
margin-top: 0;
}
.widget_nav_menu ul li a
{
border: none;
position: relative;
}
.widget_nav_menu ul li a:hover:after
{
color: var(--main-color-one);
}
.widget_nav_menu ul li>ul
{
margin-left: 15px;
}
.footer-top-space .widget_nav_menu ul li a, .footer-area-2 .widget_nav_menu ul li a
{
padding-left: 20px;
}
.footer-top-space .widget_nav_menu ul li a:after, .footer-area-2 .widget_nav_menu ul li a:after
{
content: "";
position: absolute;
left: 0;
top: 1px;
font-family: "Font Awesome 5 Free";
font-weight: 700;
content: "";
font-size: 15px;
color: #333f4d;
-webkit-transition: .4s;
transition: .4s;
}
.widget_rss li+li
{
padding-top: 15px;
margin-top: 15px;
border-top: 1px dashed #e1e1e1;
}
.widget.widget_archive ul li:first-child
{
padding-top: 0;
}
.widget.widget_archive ul li+li
{
margin-top: 10px;
}
.widget.widget_archive ul li:last-child
{
border-bottom: none;
}
.widget.widget_archive ul li a i
{
color: var(--main-color-one);
margin-right: 5px;
}
.widget ul.widget_categories li+li
{
margin-top: 10px;
}
.widget_archive ul li a
{
font-size: 16px;
line-height: 28px;
font-family: var(--body-font);
font-weight: 400;
}
.widget_archive ul li svg
{
margin-right: 10px;
margin-top: -5px;
}
.widget.footer-widget.widget_calendar table
{
margin-bottom: 0;
}
.widget.elementor-widget-wp-widget-flynext_request_form_widget, .widget.flynext-request-form-widget
{
padding: 0;
}
.widget .request-form-widget
{
padding: 25px 25px 15px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
border-radius: 10px;
position: relative;
z-index: 0;
}
.widget .request-form-widget:after
{
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
border-radius: 10px;
position: absolute;
z-index: -1;
background-color: rgba(17,13,14,.85);
}
.widget .request-form-widget .widget-headline
{
color: #fff;
}
.widget.footer-widget
{
background-color: transparent!important;
padding: 0;
margin-bottom: 40px;
-webkit-box-shadow: initial;
box-shadow: initial;
}
.widget.footer-widget select
{
color: #e2e2e2;
background-image: url("data:image/svg+xml;utf8,");
}
.widget.footer-widget select option
{
color: #111;
}
.widget.footer-widget .widget-headline
{
position: relative;
margin-bottom: 35px;
font-size: 24px;
font-family: var(--heading-font);
line-height: 28px;
padding-left: 0;
z-index: 0;
border-bottom: 0;
padding-bottom: 0;
color: #fff;
border-left: 0;
border-left: 0;
}
.widget.footer-widget .widget-headline:after
{
display: none;
}
.widget.footer-widget .widget-headline:before
{
display: none;
}
.widget.footer-widget .widget-headline p
{
color: #fff;
font-size: 14px;
}
.widget.footer-widget ul li
{
color: #fff;
font-size: 14px;
position: relative;
}
.widget.footer-widget ul li a
{
font-size: 16px;
position: relative;
}
.widget.footer-widget ul li a:hover
{
-webkit-transition: .5s all;
transition: .5s all;
color: var(--main-color-one);
}
.widget.footer-widget.widget_tag_cloud .tagcloud
{
color: rgba(255,255,255,.7);
font-size: 14px;
}
.widget.footer-widget.widget_tag_cloud .tagcloud a
{
font-size: 14px;
}
.widget.footer-widget.widget_recent_comments ul li a:after
{
display: none;
}
.widget.footer-widget.widget_recent_comments ul li a:hover
{
padding-left: 0;
}
.widget.footer-widget.widget_calendar table th
{
border: 1px solid #ddd;
color: rgba(255,255,255,.7);
font-size: 14px;
}
.widget.footer-widget.widget_calendar table th a
{
font-weight: 600;
text-decoration: underline;
}
.widget.footer-widget.widget_calendar table td
{
border: 1px solid #ddd;
color: rgba(255,255,255,.7);
font-size: 14px;
}
.widget.footer-widget.widget_calendar table td a
{
font-weight: 600;
text-decoration: underline;
}
.widget.footer-widget .subscribe-form .form-group .form-control
{
background-color: #515457;
color: #fff;
}
.widget.footer-widget .subscribe-form .form-group .form-control::-webkit-input-placeholder
{/* WebKit browsers */
color: rgba(255,255,255,.6);
}
.widget.footer-widget .subscribe-form .form-group .form-control:-moz-placeholder
{/* Mozilla Firefox 4 to 18 */
color: rgba(255,255,255,.6);
}
.widget.footer-widget .subscribe-form .form-group .form-control::-moz-placeholder
{/* Mozilla Firefox 19+ */
color: rgba(255,255,255,.6);
}
.widget.footer-widget .subscribe-form .form-group .form-control:-ms-input-placeholder
{/* Chakra Petchnet Explorer 10+ */
color: rgba(255,255,255,.6);
}
.widget.footer-widget .subscribe-form .submit-btn:hover
{
background-color: #fff;
color: var(--main-color-one);
}
.widget.footer-widget .wp-calendar-nav
{
padding: 8px 0;
}
.widget.footer-widget .wp-calendar-nav .wp-calendar-nav-prev
{
color: #fff;
}
.widget.footer-widget .wp-calendar-nav .wp-calendar-nav-prev:hover
{
color: var(--main-color-one);
}
.widget.footer-widget .wp-calendar-nav .wp-calendar-nav-next
{
color: #fff;
}
.widget.footer-widget .wp-calendar-nav .wp-calendar-nav-next:hover
{
color: var(--main-color-one);
}
.widget ul>li:last-child
{
padding-bottom: 0;
}
.widget img
{
height: auto;
}
.footer-widget.widget_nav_menu ul li a
{
position: relative;
font-size: 16px;
}
.footer-widget.widget.widget_nav_menu ul li
{
margin: 0;
}
.footer-style .footer-wrap
{
background-color: var(--heading-color);
}
.footer-wrap .footer-top .footer-widget .menu li ul li:last-child
{
margin-bottom: 0;
padding-bottom: 0;
}
.widget_tag_cloud.footer-widget .tagcloud a:hover
{
color: #fff;
}
.wp-block-calendar caption
{
caption-side: top;
text-align: center;
padding: 8px;
font-weight: 600;
color: var(--heading-color);
background-color: #ddd;
}
.widget_calendar caption
{
caption-side: top;
text-align: center;
padding: 8px;
font-weight: 600;
color: var(--heading-color);
background-color: #ddd;
}
.wp-block-calendar table th
{
background-color: transparent;
}
.widget_recent_comments ul li
{
position: relative;
}
.widget .widget_calendar caption
{
color: var(--paragraph-color);
}
.widget_calendar table td
{
border: 1px solid #ddd;
padding: 8px;
}
.widget_calendar table th
{
border: 1px solid #ddd;
padding: 8px;
}
#wp-calendar
{
border-collapse: collapse;
width: 100%;
text-align: center;
}
#wp-calendar th
{
padding-top: 12px;
padding-bottom: 12px;
text-align: center;
}
.widget_recent_comments ul li a
{
text-decoration: underline;
}
.footer-widget .theme-recent-post-wrap li.theme-recent-post-item+li
{
border-top: initial;
padding-top: 0;
}
.theme-recent-post-wrap
{
margin: 0;
padding: 0;
list-style: none;
}
.theme-recent-post-wrap li
{
display: block;
}
.theme-recent-post-wrap li+li
{
margin-top: 15px!important;
}
.theme-recent-post-wrap li.theme-recent-post-item
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: start;
align-self: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-shadow: 0 3px 20px rgba(0,33,71,.06);
box-shadow: 0 3px 20px rgba(0,33,71,.06);
padding: 0 10px 0 0!important;
border-radius: 5px;
}
.theme-recent-post-wrap li.theme-recent-post-item+li
{
padding-top: 0;
border-top: 0;
margin-top: 0;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb
{
width: 85px;
height: 100px;
margin-right: 12px;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb a
{
height: 100%;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb a:before
{
display: none;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb a:hover
{
padding-left: 0;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb a:after
{
display: none;
}
.theme-recent-post-wrap li.theme-recent-post-item .thumb img
{
border-radius: 5px 0 0 5px;
height: 100%;
}
.theme-recent-post-wrap li.theme-recent-post-item .content
{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.theme-recent-post-wrap li.theme-recent-post-item .content h6
{
font-size: 17px;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title
{
font-size: 14px;
line-height: 1.5;
font-family: var(--heading-font);
font-weight: 700;
margin-bottom: 0;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title:hover a
{
color: var(--main-color-one)!important;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title a
{
padding-left: 0;
color: var(--heading-color);
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title a:hover
{
color: var(--main-color-one);
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title a:before
{
display: none;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .title a:after
{
display: none;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .author a
{
font-size: 14px;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .time
{
font-size: 13px;
text-transform: capitalize;
display: inline-block;
margin-bottom: 7px;
color: var(--main-color-one);
}
.theme-recent-post-wrap li.theme-recent-post-item .content .time svg, .theme-recent-post-wrap li.theme-recent-post-item .content .time i
{
color: var(--main-color-one);
padding-right: 5px;
padding-top: 6px;
}
.theme-recent-post-wrap li.theme-recent-post-item .content .time svg
{
font-size: 20px;
}
.theme-recent-post-wrap li.theme-recent-post-item .post-meta
{
margin: 0;
padding: 0;
}
.theme-recent-post-wrap li.theme-recent-post-item .post-meta li
{
display: inline-block;
}
.theme-recent-post-wrap li.theme-recent-post-item .post-meta li+li
{
padding-left: 10px;
margin-left: 10px;
}
.widget.footer-widget ul.theme-recent-post-wrap li a
{
font-size: 14px!important;
}
.footer-nav-widget .widget-headline
{
color: var(--main-color-one);
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
.footer-nav-widget p
{
color: #fff;
margin-bottom: 0;
}
.about_us_widget .footer-logo
{
margin-bottom: 22px;
display: block;
}
.about_us_widget p
{
margin-bottom: 0;
color: #fff;
}
.about_us_widget p svg
{
color: var(--main-color-one);
margin-right: 10px;
}
.about_us_widget p+p
{
font-weight: 500;
}
.about_us_widget p span
{
color: #f8f8f8;
}
.about_us_widget .email
{
margin-bottom: 8px;
}
.about_us_widget .fax
{
margin-bottom: 0;
}
.about_us_widget .contact_info_list
{
margin-top: 20px;
}
.about_us_widget .contact_info_list li
{
display: inline-block;
margin-right: 8px;
}
.about_us_widget .contact_info_list li a
{
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
border-radius: 5px;
display: inline-block;
background: #333f4d;
color: #fff;
font-size: 13px!important;
}
.about_us_widget .contact_info_list li a:hover
{
background: var(--main-color-one);
color: #fff!important;
}
.about_us_widget .subscribe
{
position: relative;
}
.about_us_widget .subscribe input
{
width: 100%;
height: 44px;
padding: 0 50px 0 15px;
border-radius: 5px;
border: 1px solid var(--border-color1);
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
}
.about_us_widget .subscribe button
{
position: absolute;
right: 0;
top: 0;
border-radius: 0 5px 5px 0;
height: 44px;
width: 40px;
border: 0;
background: var(--main-color-one);
color: #fff;
font-size: 15px;
-webkit-transition: .4s;
transition: .4s;
}
.about_us_widget .subscribe button:hover
{
background: var(--heading-color);
}/******** widget-contact *********/
.widget_contact .details
{
padding: 0;
}
.widget_contact .details li
{
margin-bottom: 15px;
position: relative;
list-style: none;
font-size: 16px!important;
color: var(--paragraph-color)!important;
}
.widget_contact .details li span
{
color: var(--paragraph-color);
}
.widget_contact .details li i
{
margin-right: 14px;
color: var(--main-color-one);
}
.widget_contact .details li svg
{
margin-right: 14px;
color: var(--main-color-one);
}
.widget_contact .details li:last-child
{
margin-bottom: 0;
}
.widget_contact .details li .time
{
font-size: 12px;
margin-top: 3px;
}
.widget_contact .social-media li
{
display: inline-block;
}
.widget_contact .social-media li a
{
border: 1px solid var(--paragraph-color);
background: transparent;
height: 30px;
width: 30px;
line-height: 28px;
border-radius: 5px;
display: inline-block;
text-align: center;
margin-right: 6px;
}
.widget_contact .social-media li a svg
{
margin-right: 0;
-webkit-transition: .4s;
transition: .4s;
font-size: 14px;
}
.widget_contact .social-media li a:hover
{
background: var(--main-color-one);
border: 1px solid var(--main-color-one);
}
.widget_contact .social-media li a:hover svg
{
color: #fff!important;
}
.widget-testimonial .icon
{
font-size: 70px;
line-height: 60px;
color: var(--main-color-one);
margin-bottom: 16px;
}
.widget-testimonial p
{
color: rgba(255,255,255,.8);
line-height: 1.6;
}
.widget-testimonial .author-meta
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: start;
align-self: flex-start;
margin-top: 24px;
}
.widget-testimonial .author-meta .thumb
{
margin-right: 20px;
}
.widget-testimonial .author-meta .thumb img
{
max-width: 80px;
height: 80px;
border-radius: 50%;
}
.widget-testimonial .author-meta .content
{
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-top: 15px;
}
.widget-testimonial .author-meta .content .name
{
font-size: 18px;
line-height: 26px;
color: #fff;
margin-bottom: 0;
}
.widget-testimonial .author-meta .content .designation
{
color: rgba(255,255,255,.8);
font-size: 14px;
}
.widget.widget_media_gallery .gallery
{
margin: 0;
padding: 0;
}
.widget.widget_media_gallery .gallery li
{
display: inline-block;
margin-bottom: 10px;
}
.widget.widget_media_gallery .gallery li+li
{
margin-left: 10px;
}
.about_me_widget .content
{
text-align: center;
}
.about_me_widget .content .thumb
{
width: 140px;
height: 140px;
border-radius: 50%;
margin: auto;
}
.about_me_widget .content .thumb img
{
border-radius: 50%;
}
.about_me_widget .content .title
{
font-size: 18px;
margin-top: 30px;
}
.about_me_widget .content p
{
padding-top: 10px;
}
.about-us-widget img
{
margin-bottom: 20px;
}
.about-us-widget p
{
color: #fff;
max-width: 340px;
}
.about_me_two_widget p
{
font-size: 16px;
line-height: 26px;
}
.about_me_two_widget .content-wrap
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}
.about_me_two_widget .thumb
{
width: 60px;
margin-right: 20px;
}
.about_me_two_widget .title
{
font-size: 20px;
font-weight: 600;
}
.about_me_two_widget .designation
{
color: var(--main-color-one);
}
.widget.widget_media_image ul li
{
display: inline-block;
position: relative;
z-index: 0;
}
.widget.widget_media_image ul li:hover::after
{
opacity: 1;
visibility: visible;
}
.widget.widget_media_image ul li:hover i
{
opacity: 1;
visibility: visible;
}
.widget.widget_media_image ul li::after
{
content: "";
position: absolute;
z-index: 1;
left: 5px;
top: 0;
right: 5px;
bottom: 0;
background: rgba(221,19,26,.43);
border-radius: 4px;
-webkit-transition: .3s all ease;
transition: .3s all ease;
opacity: 0;
visibility: hidden;
}
.widget.widget_media_image ul li img
{
max-width: 94px;
padding: 0 5px;
}
.widget.widget_media_image ul li i
{
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 30px;
color: #fff;
-webkit-transition: .3s all ease;
transition: .3s all ease;
opacity: 0;
visibility: hidden;
}
.custom-logo-link img, .site-logo img, .footer-logo img
{
max-width: 150px!important;
}
.widget .elementor-widget-container>h1, .widget .elementor-widget-container>h2, .widget .elementor-widget-container>h3, .widget .elementor-widget-container>h4, .widget .elementor-widget-container>h5, .widget .elementor-widget-container>h6
{
font-size: 20px;
line-height: 1;
text-transform: capitalize;
position: relative;
z-index: 0;
margin-bottom: 20px;
font-family: var(--heading-font);
border-left: 4px solid var(--main-color-one);
padding-left: 8px;
}
.wp-block-group__inner-container>h1, .wp-block-group__inner-container>h2, .wp-block-group__inner-container>h3, .wp-block-group__inner-container>h4, .wp-block-group__inner-container>h5, .wp-block-group__inner-container>h6
{
font-size: 22px;
line-height: 1;
text-transform: capitalize;
position: relative;
z-index: 0;
margin-bottom: 20px;
font-family: var(--heading-font);
border-left: 4px solid var(--main-color-one);
padding-left: 8px;
}
.wp-block-search__label
{
font-size: 22px;
line-height: 1;
text-transform: capitalize;
position: relative;
z-index: 0;
margin-bottom: 20px;
font-family: var(--heading-font);
border-left: 4px solid var(--main-color-one);
padding-left: 8px;
}
.widget_sasstech_category ul li svg
{
margin-right: 10px;
}
.widget_sasstech_category ul li a
{
color: #707070;
}
.widget_sasstech_category ul li a span
{
float: right;
}
.widget_author .author-wrap
{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
min-height: 460px;
position: relative;
z-index: 0;
padding: 40px;
}
.widget_author .author-wrap::before
{
content: "";
position: absolute;
left: 0;
z-index: -1;
top: 0;
width: 100%;
height: 100%;
background: var(--heading-color);
mix-blend-mode: multiply;
}
.widget_author .author-wrap::after
{
content: "";
position: absolute;
left: 0;
z-index: -1;
top: 0;
width: 100%;
height: 100%;
border: 10px solid var(--main-color-one);
}
.widget_author .author-wrap .thumbnail
{
text-align: center;
margin-bottom: 25px;
}
.widget_author .author-wrap .content
{
text-align: center;
}
.widget_author .author-wrap .content .author-name
{
font-size: 24px;
line-height: 1;
font-weight: 600;
color: var(--main-color-one);
margin-bottom: 20px;
}
.widget_author .author-wrap .content p
{
font-size: 16px;
line-height: 1.75;
font-weight: 400;
color: #d5d5d5;
margin-bottom: 0;
}
.theme-recent-post-wrap-title li
{
margin-bottom: 10px;
padding: 0;
}
.theme-recent-post-wrap-title li a
{
background: var(--white-color);
border: 0;
-webkit-box-shadow: 0 16px 51px rgba(0,0,0,.07);
box-shadow: 0 16px 51px rgba(0,0,0,.07);
border-radius: 5px;
height: 60px;
line-height: 60px;
padding: 0 30px;
display: block;
}
.theme-recent-post-wrap-title li a i
{
float: right;
padding-top: 3px;
}
.theme-recent-post-wrap-title li a:hover
{
color: var(--main-color-one)!important;
}
.widget-info-inner h6
{
margin-bottom: 4px;
}
.widget-info-inner p
{
margin-bottom: 15px;
color: var(--paragraph-color)!important;
}
.widget-info-inner p:last-child
{
margin-bottom: 0;
}
.service-sidebar
{
margin-bottom: 110px;
}
.service-sidebar .widget
{
background: #f8f9fc;
border: 0;
border-radius: 7px;
}
.service-sidebar .widget .widget-title
{
padding-bottom: 0;
}
.service-sidebar .widget .widget-title svg
{
margin-top: 6px;
float: left;
margin-right: 10px;
font-size: 15px;
}
.service-sidebar .widget .widget-title:before, .service-sidebar .widget .widget-title:after
{
display: none;
}
.service-sidebar .widget_info
{
padding: 30px;
}
.service-sidebar .widget
{
background: #f4f4f4;
border: 0;
}
.service-sidebar .widget .widget-headline
{
padding-bottom: 0;
position: relative;
font-size: 20px;
padding-left: 0;
display: inline-block;
}
.service-sidebar .widget .widget-headline:before
{
content: "";
position: absolute;
left: auto;
right: -65px;
top: 10px;
height: 1px;
width: 50px;
font-size: 18px;
background: var(--main-color-one);
}
.service-sidebar .widget .widget-headline:after
{
display: none;
}
.service-sidebar .widget_catagory .catagory-items
{
border-top: 1px solid #e5e5e5;
}
.service-sidebar .widget_catagory .catagory-items li
{
border-bottom: 1px solid #e5e5e5;
padding-bottom: 0;
}
.service-sidebar .widget_author
{
padding: 0!important;
background: transparent;
}
.service-sidebar .widget_author .thumb img
{
border-radius: 5px;
max-width: 100%;
max-height: 100%;
}
.service-sidebar .widget_author .details
{
margin-top: -30px;
padding: 0;
}
.service-sidebar .sasstech-widget-discover-company
{
padding: 0;
}
.service-sidebar .widget_download ul
{
padding: 8px 0!important;
background: #fff;
border-radius: 5px;
}
.service-sidebar .widget_download ul li
{
list-style: none;
}
.service-sidebar .widget_download ul li a
{
padding: 10px 18px;
display: block;
}
.service-sidebar .widget_download ul li a svg
{
height: 30px;
width: 30px;
background: rgba(36,107,253,.1);
color: var(--main-color-one);
border-radius: 50%;
line-height: 30px;
text-align: center;
padding: 8px;
float: right;
-webkit-transition: .4s;
transition: .4s;
}
.service-sidebar .widget_download ul li a:hover svg
{
background: var(--main-color-one);
color: #fff;
}
.social-media-list
{
padding: 0;
margin: 0;
position: relative;
z-index: 2;
}
.social-media-list li
{
display: inline-block!important;
margin: 0 3px!important;
}
.social-media-list li a
{
height: 30px;
width: 30px;
line-height: 30px;
text-align: center;
border-radius: 5px;
display: inline-block;
background: #333f4d;
color: #fff;
font-size: 13px;
}
.social-media-list li a:hover
{
background: var(--main-color-one);
color: #fff;
}
.social-media-list li:first-child
{
margin-left: 0;
}
.social-media-list li:last-child
{
margin-right: 0;
}
.widget_author
{
padding: 20px 0!important;
}
.widget_author .thumb
{
margin-bottom: 20px;
}
.widget_author .thumb img
{
border-radius: 50%;
max-width: 180px;
max-height: 180px;
}
.widget_author .details h5
{
margin-bottom: 15px;
}
.widget_author .details h6
{
margin-bottom: 30px;
}
.widget_author .details .social-media-list li a
{
background: #f8f9fc;
color: var(--main-color-one);
height: 45px;
width: 45px;
line-height: 45px;
font-size: 15px;
}
.widget_author .details .social-media-list li a:hover
{
background: var(--main-color-one);
color: #fff;
}/*----------------------------------------------
# Nav bar
----------------------------------------------*/
.navbar.navbar-area.white .navbar-toggler-icon
{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.navbar.navbar-area .navbar-toggler-icon
{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.50)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.mobile-logo
{
display: none;
}
@media only screen and (max-width: 991px)
{
.mobile-logo
{
display: block;
}
.desktop-logo
{
display: none!important;
}
}
.logo-wrapper .site-title
{
font-size: 30px;
line-height: 40px;
font-weight: 700;
}
.navbar-area
{
padding: 0;
z-index: 9;
border-bottom: 1px solid rgba(6,108,203,.0784313725);
}
.navbar-area.nav-absolute
{
position: absolute;
left: 0;
width: 100%;
top: 0;
z-index: 1;
}
.navbar-area.navigation-style-01 .custom-container
{
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
padding: 0;
padding-left: 20px;
}
.navbar-area.navigation-style-01 .custom-container .logo-wrapper
{
max-width: 240px;
}
.navbar-area.navigation-style-01 .custom-container .nav-right-content
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-area.navigation-style-01 .custom-container .nav-right-content ul li
{
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .nav-right-content ul li+li
{
margin-left: 10px;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav
{
text-align: center;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.current-menu-item a
{
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.current-menu-item:before
{
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children
{
z-index: initial;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:before
{
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a
{
color: var(--paragraph-color);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover
{
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before
{
color: #fff;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li a
{
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
color: #19232d;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before
{
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li:hover a
{
color: var(--main-color-one);
}
.navbar-area .custom-container
{
background-color: #fff;
padding: 0 15px;
}
.navbar-area .custom-container .nav-right-content
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar-area .custom-container .nav-right-content .btn-wrap
{
margin-left: 10px;
}
.navbar-area .custom-container .nav-right-content ul
{
margin: 0;
padding: 0;
list-style: none;
margin-left: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navbar-area .custom-container .nav-right-content ul li
{
display: inline-block;
color: #19232d;
}
.navbar-area .custom-container .nav-right-content ul li a
{
color: #19232d;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.navbar-area .custom-container .nav-right-content ul li a:hover
{
color: var(--main-color-one);
}
.navbar-area .custom-container .nav-right-content ul li a:hover i
{
color: var(--main-color-one);
}
.navbar-area .custom-container .nav-right-content ul li a i
{
color: #19232d;
padding-right: 6px;
font-weight: 800;
}
.navbar-area .custom-container .nav-right-content ul li.search
{
cursor: pochakra petch;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.navbar-area .custom-container .nav-right-content ul li.search:hover
{
color: var(--main-color-one);
}
.navbar-area .custom-container .nav-right-content ul li.nav-btn .btn-boxed
{
font-weight: 600;
text-transform: capitalize;
border-radius: 5px;
background-color: var(--main-color-one);
}
.navbar-area .custom-container .nav-right-content ul li.nav-btn .btn-boxed:hover
{
background-color: var(--main-color-one);
}
.navbar-area .custom-container .navbar-brand .site-title
{
font-weight: 700;
font-size: 30px;
font-family: var(--heading-font);
line-height: 90px;
color: var(--heading-color);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav
{
display: block;
width: 100%;
text-align: right;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li
{
display: inline-block;
font-family: var(--heading-font);
text-transform: capitalize;
font-weight: 500;
line-height: 80px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li+li
{
margin-left: 18px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.current-menu-item a
{
color: var(--main-color-one);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children
{
position: relative;
z-index: 0;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu
{
visibility: visible;
opacity: 1;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu
{
position: absolute;
text-align: left;
min-width: 250px;
margin: 0;
padding: 0;
list-style: none;
left: 0;
top: 100%;
-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
background-color: #fff;
z-index: 9;
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li
{
display: block;
margin-left: 0;
line-height: 22px;
font-size: 14px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li
{
border-top: 1px solid rgba(186,151,120,.16);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a
{
display: block;
padding: 12px 15px;
white-space: nowrap;
color: var(--paragraph-color);
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
font-size: 15px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover
{
color: var(--main-color-one)!important;
padding-left: 15px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:before
{
display: none;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children
{
position: relative;
z-index: 0;
padding-right: 0;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu
{
left: -240px;
top: 0;
margin-bottom: 0;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children>.sub-menu .sub-menu .sub-menu
{
left: auto;
right: 100%;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu
{
visibility: visible;
opacity: 1;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before
{
color: #fff;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li a
{
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
display: block;
font-size: 16px;
}
.navbar-area .nav-container
{
max-width: 1500px!important;
}
.nav-right-part .navbar-phone
{
height: 82px;
color: #fff;
border-radius: 0;
position: relative;
display: inline-block;
background: var(--main-color-one);
padding: 15px 25px 11px 85px;
}
.nav-right-part .navbar-phone .icon
{
position: absolute;
left: 20px;
background: rgba(255,255,255,.1);
display: inline-block;
height: 50px;
width: 50px;
line-height: 47px;
text-align: center;
border-radius: 50%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-right-part .navbar-phone span
{
font-weight: 500;
color: #fff;
display: inline-block;
margin-bottom: 2px;
font-size: 15px;
}
.nav-right-part .navbar-phone h5
{
font-size: 16px;
font-weight: 600;
color: #fff;
margin-bottom: 0;
}
.nav-right-part a
{
margin-left: 15px;
}
.nav-right-part .search-bar-btn
{
margin-top: -22px;
}
.nav-right-part .search-bar:hover
{
background: var(--main-color-one);
border: 1px solid var(--main-color-one);
}
.nav-right-part .btn-base svg
{
margin-top: 22px;
}
.nav-right-part-desktop
{
margin-left: 20px;
}
.nav-right-part-mobile
{
display: none;
}
@media only screen and (max-width: 991px)
{
.navbar-area.navigation-style-02 .custom-container
{
padding: 20px 15px;
background-color: var(--secondary-color);
}
.navbar-area.navigation-style-02 .custom-container.style-01
{
background-color: #fff;
}
.navbar-area.navigation-style-02 .custom-container .navbar-toggler
{
background-color: #fff;
}
.navbar-area.navigation-style-02 .custom-container .navbar-collapse .navbar-nav
{
padding: 0;
}
.navbar-area.navigation-style-02 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a
{
background-color: transparent;
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container
{
padding: 22px 10px;
}
.navbar-area.navigation-style-01 .custom-container .responsive-mobile-menu .navbar-toggler
{
background-image: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav
{
text-align: left;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li
{
line-height: 30px;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.current-menu-item a
{
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.current-menu-item.menu-item-has-children:before
{
color: var(--main-color-one);
z-index: -1;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children
{
z-index: initial;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:before
{
color: var(--main-color-one);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a
{
background-color: transparent;
color: var(--heading-color);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover
{
background-color: transparent;
color: #fff;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .menu-item-has-children:hover>.sub-menu li:hover:before
{
color: #656565;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li a
{
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
color: var(--heading-color);
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li:hover.menu-item-has-children:before
{
color: var(--main-color-one);
z-index: -1;
}
.navbar-area.navigation-style-01 .custom-container .navbar-collapse .navbar-nav li:hover a
{
color: var(--main-color-one);
}
.navbar-area .custom-container
{
position: relative;
z-index: 9999;
min-height: 80px;
padding: 40px 10px;
}
.navbar-area .custom-container .responsive-mobile-menu
{
display: block;
position: relative;
width: 100%;
}
.navbar-area .custom-container .responsive-mobile-menu .navbar-toggler
{
position: absolute;
right: 15px;
top: 50%;/* IE 9 */
-webkit-transform: translateY(-50%);/* Chrome, Safari, Opera */
transform: translateY(-50%);
border: 1px solid rgba(0,0,0,.2);
background-color: #fff;
}
.navbar-area .custom-container .navbar-brand
{
display: block;
}
.navbar-area .custom-container .navbar-brand .navbar-toggler
{
position: absolute;
right: 10px;
border: 1px solid rgba(17,17,17,.6);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav
{
display: block;
margin-top: 22px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li
{
display: block;
text-align: left;
line-height: 30px;
padding: 10px 0;
border-bottom: 1px solid rgba(255,255,255,.17);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li:last-child
{
border-bottom: none;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li+li
{
margin-left: 0;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:before
{
top: 25px;
right: 20px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover>.sub-menu
{
visibility: visible;
opacity: 1;
margin-top: 10px;
margin-bottom: -10px;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu
{
position: initial;
width: 100%;
border-top: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 0;
height: auto;
overflow: hidden;
max-height: 235px;
overflow-y: scroll;
background-color: transparent;
padding: 0;
border-bottom: none;
display: none;
-webkit-transition: none;
transition: none;
visibility: visible;
opacity: 1;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu .sub-menu .menu-item-has-children:before
{
content: "";
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li
{
padding: 0;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:hover:before
{
color: var(--main-color-one);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li+li
{
border-top: none;
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child
{
border-top: 1px solid #f1f1f1;
}
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:before
{
right: 20px;
}/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
.banner-item-wtap .video-play-btn
{
height: 80px;
width: 80px;
line-height: 80px;
border-radius: 50%;
font-size: 18px;
background: transparent;
border: 1px solid #fff;
margin-bottom: 35px;
}
.banner-item-wtap .video-play-btn:before
{
display: none;
}
.banner-item-wtap .title
{
font-size: 60px;
color: #fff;
line-height: 1.2;
}
.banner-item-wtap p
{
color: #fff;
margin-top: 30px;
}
.banner-item-wtap .header-btn
{
margin-top: 45px;
}/**************** sidebar-menu *************/
.sidebar-menu
{
width: 0;
position: fixed;
right: 0;
top: 0;
height: 100vh;
background-color: #fff;
z-index: 999999;
overflow-y: auto;
-webkit-transition: .5s;
transition: .5s;
opacity: 0;
visibility: hidden;
}
.sidebar-menu .sidebar-inner
{
position: relative;
top: 150px;
opacity: 0;
visibility: hidden;
-webkit-transition: .3s;
transition: .3s;
padding: 50px 40px 50px 40px;
}
.sidebar-menu .sidebar-inner .thumb
{
margin-bottom: 15px;
}
.sidebar-menu .sidebar-inner p
{
margin-bottom: 28px;
}
.sidebar-menu .sidebar-inner .sidebar-address
{
margin-bottom: 35px;
}
.sidebar-menu .sidebar-inner .sidebar-address ul
{
margin: 0;
padding: 0;
}
.sidebar-menu .sidebar-inner .sidebar-address ul li
{
list-style: none;
margin-bottom: 4px;
}
.sidebar-menu .sidebar-inner .sidebar-address ul li:last-child
{
margin-bottom: 0;
}
.sidebar-menu .sidebar-inner .sidebar-address ul li i
{
margin-right: 6px;
width: 25px;
}
.sidebar-menu .sidebar-inner .sidebar-subscribe
{
position: relative;
margin-bottom: 40px;
}
.sidebar-menu .sidebar-inner .sidebar-subscribe input
{
width: 100%;
border: 1px solid #d6dadf;
height: 42px;
padding: 0 45px 0 12px;
}
.sidebar-menu .sidebar-inner .sidebar-subscribe button
{
position: absolute;
right: 0;
top: 0;
height: 42px;
width: 42px;
background: #97b3d0;
-webkit-transition: .4s;
transition: .4s;
border: 0;
color: var(--heading-color);
cursor: pochakra petch;
}
.sidebar-menu .sidebar-inner .sidebar-subscribe button:hover
{
background: var(--main-color-one);
color: #fff;
}
.sidebar-menu .sidebar-inner .social-media li a
{
background: #ced4da;
}
.sidebar-menu .sidebar-inner .social-media li a:hover
{
background: var(--main-color-one);
color: #fff;
}
.sidebar-menu .sidebar-menu-close
{
background-color: var(--main-color-one);
border: 0;
position: absolute;
top: 0;
right: 0;
color: #fff;
width: 50px;
height: 50px;
line-height: 50px;
cursor: pochakra petch;
z-index: 999;
}
.sidebar-menu.active
{
width: 360px;
opacity: 1;
visibility: visible;
}
.sidebar-menu.active .sidebar-inner
{
top: 0;
opacity: 1;
visibility: visible;
-webkit-transition: all .7s ease-out .8s;
transition: all .7s ease-out .8s;
}/*-------------------------
Footer Area
-------------------------*/
.footer-area
{
position: relative;
z-index: 0;
background-color: #eff1f4;
}
.footer-area .footer-bg
{
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
opacity: 10%;
}
.footer-area.bg-image
{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.footer-area.bg-image::before
{
content: "";
position: absolute;
z-index: -1;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(33,33,33,.85);
}
.footer-top
{
margin-top: 120px;
}
.footer-top.home-02
{
margin-top: 80px;
}
.footer-top.home-03
{
margin-top: 90px;
}
.copyright-wrap
{
border-top: 1px solid #dee2e6;
}
.copyright-wrap .menu-footer-menu-container ul
{
margin-bottom: 0;
}
.copyright-wrap .menu-footer-menu-container ul li
{
display: inline-block;
margin-right: 12px;
}
.copyright-wrap .menu-footer-menu-container ul li:last-child
{
margin-right: 0;
}
.copyright-wrap .menu-footer-menu-container ul li a:hover
{
color: var(--main-color-one);
}
.footer-wrap .copyright-wrap .copyright-text
{
font-size: 15px;
letter-spacing: 1px;
}
.text-color-white li a
{
color: #fff;
}
.elementor-widget-wp-widget-nav_menu li
{
margin-bottom: 12px;
}
.elementor-widget-wp-widget-nav_menu li a:hover
{
color: var(--main-color-one);
}
.footer-subscribe
{
-webkit-transform: translateY(-90px);
transform: translateY(-90px);
}
.footer-subscribe .footer-subscribe-inner
{
border-radius: 10px;
padding: 40px;
position: relative;
}
.footer-subscribe .footer-subscribe-inner h2
{
color: #fff;
}
.footer-subscribe .footer-subscribe-inner input
{
height: 55px;
padding: 0 150px 0 20px;
color: var(--heading-color);
width: 100%;
border: 0;
}
.footer-subscribe .footer-subscribe-inner .btn
{
position: absolute;
right: 30px;
}
.footer-subscribe .footer-subscribe-inner.style-2
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
margin-top: -90px;
border-radius: 0;
}
.footer-subscribe .footer-subscribe-inner.style-2 .media
{
width: 340px;
padding: 30px;
}
.footer-subscribe .footer-subscribe-inner.style-2 p
{
font-size: 13px;
}
.footer-subscribe .footer-subscribe-inner.style-2 input
{
padding: 0 18px;
}
.footer-subscribe .footer-subscribe-inner.style-2 .btn
{
position: relative;
right: auto;
}
.footer-subscribe .footer-subscribe-inner.style-2 .row
{
padding: 20px 30px;
}
.footer-subscribe .footer-subscribe-inner.style-3
{
border: 2px solid rgba(255,255,255,.2);
border-radius: 10px;
background: #160443;
}
.footer-subscribe .footer-subscribe-inner.style-3 input
{
border: 1px solid #423467;
border-radius: 45px;
background: transparent;
height: 67px;
color: #fff;
}
.footer-subscribe .footer-subscribe-inner.style-3 .btn
{
right: 45px;
margin-top: 6px;
border-radius: 60px;
}
.footer-area-2
{
background: #f8f9fc!important;
}
.footer-area-2 .widget-headline, .footer-area-2 .widget-title
{
color: var(--heading-color)!important;
}
.footer-area-2 p
{
color: var(--heading-color)!important;
}
.footer-area-2 a
{
color: var(--paragraph-color)!important;
}
.footer-area-2 a svg
{
color: var(--paragraph-color)!important;
}
.footer-area-2 a:hover
{
color: var(--main-color-one)!important;
}
.footer-area-2 .about_us_widget
{
background: #fff!important;
padding: 25px;
color: var(--paragraph-color);
}
.footer-area-2 .copyright-wrap
{
border-top: 1px solid var(--border-color1);
margin-top: 60px;
}
.footer-area-2 .copyright-wrap .copyright-text
{
color: var(--heading-color)!important;
}
.footer-top-space
{
margin-top: 90px;
}
.footer-top-space .footer--top
{
padding-top: 0;
}
.footer-area .widget_about .thumb
{
margin-bottom: 20px;
}
.footer-area .widget_about .thumb img
{
max-width: 150px;
}
.footer-area .widget_about .details p
{
margin-bottom: 0;
color: #fff;
}
.footer-area .widget_about .details p svg
{
color: var(--main-color-one);
margin-right: 10px;
}
.footer-area .widget_about .details p+p
{
font-weight: 500;
}
.footer-area .widget_about .details .social-media
{
margin-top: 26px;
}
.footer-area .widget_about .details .social-media li a:hover
{
background: var(--main-color-one);
color: #fff;
}
.footer-area .widget_about .subscribe
{
position: relative;
}
.footer-area .widget_about .subscribe input
{
width: 100%;
height: 44px;
padding: 0 50px 0 15px;
border-radius: 5px;
border: 1px solid var(--border-color1);
-webkit-box-shadow: none;
box-shadow: none;
outline: 0;
}
.footer-area .widget_about .subscribe button
{
position: absolute;
right: 0;
top: 0;
border-radius: 0;
height: 44px;
width: 40px;
border: 0;
background: var(--main-color-one);
color: #fff;
font-size: 15px;
-webkit-transition: .4s;
transition: .4s;
}
.footer-area .widget_about .subscribe button:hover
{
background: var(--heading-color);
}/*-----------------------
Error 404 Page
-----------------------*/
.error-404
{
text-align: center;
}
.error-404 .thumb
{
margin-bottom: 50px;
}
.error-404 .title
{
font-size: 200px;
line-height: 160px;
font-weight: 700;
margin-bottom: 45px;
color: var(--main-color-one);
}
.error-404 .sub-title
{
margin-bottom: 22px;
text-transform: uppercase;
}
.error-404 .search-form
{
position: relative;
z-index: 0;
margin-top: 36px;
}
.error-404 .search-form .form-control
{
height: 56px;
padding: 0 20px;
border-radius: 30px;
}
.error-404 .search-form .submit-btn
{
position: absolute;
right: 0;
top: 0;
width: 70px;
text-align: center;
padding: 0;
height: 55px;
background-color: var(--main-color-one);
border: 0;
font-size: 18px;
border-radius: 0 30px 30px 0;
color: #fff;
cursor: pochakra petch;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}/*-----------------------
No Result
-----------------------*/
.no-results.not-found .page-title
{
font-size: 36px;
text-transform: capitalize;
line-height: 46px;
font-weight: 700;
}
.no-results.not-found .search-form
{
position: relative;
margin-top: 40px;
}
.no-results.not-found .search-form .form-control
{
height: 60px;
border: 1px solid #e2e2e2;
padding: 0 80px 0 25px;
font-size: 14px;
border-radius: 6px;
}
.no-results.not-found .search-form .submit-btn
{
position: absolute;
right: 0;
top: 0;
width: 60px;
height: 60px;
background: var(--main-color-one);
color: #fff;
border: 0;
font-size: 18px;
border-radius: 0 6px 6px 0;
padding: 0;
text-align: center;
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
cursor: pochakra petch;
outline: 0!important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.no-results.not-found .search-form .submit-btn:hover
{
background: var(--heading-color);
color: #fff;
}/*navbar-default*/
.logo-wrapper .site-title
{
font-size: 30px;
line-height: 40px;
font-weight: 700;
}
.navbar-nav
{
padding-right: 20px;
}
.navbar-nav ul
{
margin: 0;
padding: 0;
list-style: none;
}
.navbar-nav ul li
{
color: #fff;
font-size: 14px;
line-height: 70px;
display: inline-block;
}
.navbar-nav ul li+li
{
margin-left: 20px;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default
{
margin-top: 20px;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container
{
position: relative;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul
{
width: 100%;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.current_page_item a
{
color: var(--main-color-one);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children
{
position: relative;
padding-right: 15px;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children:before
{
position: absolute;
right: 0;
top: 50%;
content: "+";
font-weight: 700;
font-size: 14px;
font-family: var(--body-font);/* IE 9 */
-webkit-transform: translateY(-50%);/* Chrome, Safari, Opera */
transform: translateY(-50%);
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children:hover>.children
{
visibility: visible;
opacity: 1;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children
{
position: absolute;
text-align: left;
min-width: 260px;
margin: 0;
padding: 0;
list-style: none;
left: 0;
top: 100%;
-webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
box-shadow: 0 0 15px 0 rgba(0,0,0,.05);
background-color: #fff;
z-index: 9;
border-bottom: 1px solid var(--main-color-one);
visibility: hidden;
opacity: 0;
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children li
{
display: block;
margin-left: 0;
line-height: 22px;
font-size: 14px;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children li+li
{
border-top: 1px solid rgba(17,17,17,.5);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children li a
{
display: block;
padding: 12px 17px;
background-color: #fff;
white-space: nowrap;
color: var(--paragraph-color);
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children li a:hover
{
background-color: var(--main-color-one);
color: #fff;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children li a:before
{
display: none;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children .page_item_has_children
{
position: relative;
z-index: 0;
padding-right: 0;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children .page_item_has_children:before
{
position: absolute;
right: 15px;
top: 50%;
content: "+";
font-family: "Font Awesome 5 Free";/* IE 9 */
-webkit-transform: translateY(-50%);/* Chrome, Safari, Opera */
transform: translateY(-50%);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children .page_item_has_children>.children
{
left: -250px;
top: 10px;
margin-bottom: 0;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children .page_item_has_children>.children .children .children
{
left: auto;
right: 100%;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children .page_item_has_children:hover>.children
{
visibility: visible;
opacity: 1;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li.page_item_has_children .children .page_item_has_children:hover>.children li:hover:before
{
color: #fff;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li a
{
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li:hover>a
{
color: var(--main-color-one);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-nav ul li:hover>a:before
{
width: 100%;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav
{
text-align: right;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li:before
{
color: #fff;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li a
{
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
color: var(--heading-color);
display: block;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li a:hover
{
color: var(--main-color-one);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children
{
position: relative;
z-index: 0;
padding-right: 17px;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:after
{
content: "+";
position: absolute;
right: 1px;
top: 40px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s ease-in;
transition: all .3s ease-in;
z-index: -1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:before
{
color: var(--main-color-one);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:hover:after
{
color: var(--main-color-one);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a
{
color: var(--heading-color);
font-weight: 500;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover
{
color: var(--main-color-one);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover:before
{
color: #fff;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover>.sub-menu li:hover a
{
color: var(--main-color-one);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:before
{
color: #fff;
right: 20px;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.current-menu-item a
{
color: var(--main-color-one);
}
.navbar-area .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:before
{
right: 15px;
}
@media only screen and (max-width: 991px)
{
.navbar-area .custom-container
{
position: relative;
z-index: 0;
min-height: 80px;
padding: 40px 10px;
}
.navbar-area .custom-container .responsive-mobile-menu
{
display: block;
position: relative;
width: 100%;
}
.navbar-area .custom-container .responsive-mobile-menu .navbar-toggler
{
position: absolute;
right: 0;
top: 50%;/* IE 9 */
-webkit-transform: translateY(-50%);/* Chrome, Safari, Opera */
transform: translateY(-50%);
outline: none;
}
.navbar-area .custom-container .navbar-brand
{
display: block;
}
.navbar-area .custom-container .navbar-brand .navbar-toggler
{
position: absolute;
right: 10px;
border: 1px solid rgba(17,17,17,.5);
}
.navbar-area .custom-container .navbar-nav
{
width: 100%;
display: none;
}
.navbar-area .custom-container .navbar-nav.show
{
display: block;
}
.navbar-area .custom-container .navbar-nav ul
{
display: block;
margin-top: 40px;
}
.navbar-area .custom-container .navbar-nav ul li
{
display: block;
text-align: left;
line-height: 30px;
padding: 10px 0;
border-bottom: 1px solid rgba(17,17,17,.2);
}
.navbar-area .custom-container .navbar-nav ul li:last-child
{
border-bottom: none;
}
.navbar-area .custom-container .navbar-nav ul li+li
{
margin-left: 0;
}
.navbar-area .custom-container .navbar-nav ul li.page_item_has_children:before
{
top: 25px;
right: 20px;
}
.navbar-area .custom-container .navbar-nav ul li.page_item_has_children:hover>.children
{
visibility: visible;
height: auto;
opacity: 1;
background-color: transparent;
border-bottom: none;
margin-top: 10px;
}
.navbar-area .custom-container .navbar-nav ul li.page_item_has_children .children
{
position: initial;
display: block;
width: 100%;
border-top: none;
-webkit-box-shadow: none;
box-shadow: none;
margin-left: 0;
padding-bottom: 0;
visibility: hidden;
opacity: 0;
height: 0;
overflow: hidden;
max-height: 235px;
overflow-y: scroll;
-webkit-transition: height 500ms;
transition: height 500ms;
}
.navbar-area .custom-container .navbar-nav ul li.page_item_has_children .children .children .page_item_has_children:before
{
content: "";
}
.navbar-area .custom-container .navbar-nav ul li.page_item_has_children .children li
{
padding: 0;
}
.navbar-area .custom-container .navbar-nav ul li.page_item_has_children .children li.page_item_has_children:hover:before
{
color: #fff;
}
.navbar-area .custom-container .navbar-nav ul li.page_item_has_children .children li+li
{
border-top: none;
}
.navbar-area .custom-container .navbar-nav ul li.page_item_has_children .children li:first-child
{
border-top: 1px solid rgba(0,0,0,.2);
}
}
@media all and (max-width: 991px)
{
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default
{
padding: 0;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .responsive-mobile-menu .navbar-toggler
{
background-image: none;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav
{
background-color: #f7f7f7;
padding: 0 18px!important;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li
{
border-color: #e9e9e9;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.current-menu-item a
{
color: var(--heading-color);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:before
{
color: var(--heading-color);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children li a
{
background-color: var(--main-color-one);
color: var(--heading-color);
padding-left: 20px;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:hover>.sub-menu li a
{
background-color: #f7f7f7;
color: var(--heading-color);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li a
{
color: var(--heading-color);
padding-left: 0;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li a:hover
{
color: var(--heading-color);
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children
{
padding-right: 0;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a
{
color: var(--heading-color);
background-color: #f7f7f7;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li a:hover
{
color: #fff;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:first-child
{
border-top: 1px solid #e9e9e9;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:before, .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:after
{
top: 25px;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:before
{
z-index: 2;
right: 6px;
top: 23px;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li:after
{
z-index: 2;
top: 23px;
}
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-02, .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-02 .custom-container
{
background-color: #f1f1f1!important;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-02 .custom-container .navbar-collapse .navbar-nav
{
text-align: left;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-02 .custom-container .navbar-collapse .navbar-nav>li a, .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-02 .custom-container .navbar-collapse .navbar-nav>li.menu-item-has-children:before
{
color: #19352d!important;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-02
{
padding: 8px 0;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-03, .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-03 .custom-container
{
background-color: transparent!important;
border-radius: 100px;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-03 .custom-container .navbar-collapse .navbar-nav>li a, .navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-03 .custom-container .navbar-collapse .navbar-nav>li.menu-item-has-children:before
{
color: #19352d!important;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-style-03
{
padding: 8px 0;
border-bottom: 0;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children .sub-menu li.menu-item-has-children:after
{
right: 2px;
top: 23px;
}
@media all and (min-width: 1200px)
{
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children:after
{
display: none;
}
.navbar.navbar-area.navbar-expand-lg.navigation-style-01.navbar-default .custom-container .navbar-collapse .navbar-nav li.menu-item-has-children
{
padding-right: 0;
}
}
.menu-set-up .boxed-btn
{
height: 55px;
line-height: 55px;
background: var(--main-color-one);
border-radius: 6px;
padding: 0 25px;
font-weight: 600;
color: #fff;
}
.menu-set-up .boxed-btn:hover
{
background: var(--heading-color);
border-color: var(--heading-color);
}
.position-navbar
{
position: absolute;
width: 100%;
background: #fff;
}
.menu-set-up .btn
{
padding: 18px 28px;
}
.wp-block-image .alignleft
{
float: left;
margin: .5em 1em .5em 0;
}
.wp-block-image .alignright
{
float: right;
margin: .5em 0 .5em 1em;
}
.wp-block-gallery.alignleft
{
margin-right: 20px!important;
margin-top: 0!important;
}
.wp-block-button__link
{
margin-bottom: 20px;
}
.wp-block-cover
{
margin-bottom: 20px;
color: #fff;
}
.wp-block-cover.alignleft
{
margin-top: 0;
}
.wp-block-archives-list
{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 30px;
}
.wp-block-archives-list li+li
{
margin-top: 10px;
}
.blog-single-content-wrap .thumbnail
{
margin-bottom: 15px;
}
.blog-single-content-wrap .thumbnail img
{
height: auto;
border-radius: 6px;
}
.blog-single-content-wrap .wp-block-archives-list li:before
{
display: none;
}
.blog-single-content-wrap .wp-block-archives-list li
{
padding-left: 20px;
}
.widget select, .wp-block-archives-dropdown select, .wp-block-categories-dropdown select
{
width: 100%;
height: 50px;
background-position-x: 97%;
border: 1px solid #e2e2e2;
background-position-y: 58%;
background-color: transparent;
margin-bottom: 5px;
color: var(--paragraph-color);
}
.widget.footer-widget.widget_text .textwidget p
{
color: #fff;
}
.blog-single-content-wrap .wp-block-search .wp-block-search__label:after
{
display: none;
}
.wp-block-latest-comments
{
margin: 0;
padding: 0;
list-style: none;
}
.wp-block-latest-comments__comment
{
line-height: 1.6;
}
.wp-block-latest-comments__comment+li
{
border-top: 1px dashed #e1e1e1;
padding-top: 15px;
}
.wp-block-latest-comments__comment:last-child
{
margin-bottom: 0;
}
.wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-author
{
font-size: 16px;
font-weight: 600;
color: var(--heading-color);
display: block;
-webkit-transition: .3s;
transition: .3s;
}
.wp-block-latest-comments__comment-meta a:hover
{
color: var(--main-color-one);
}
.wp-block-latest-posts.wp-block-latest-posts__list
{
margin: 0;
padding: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li
{
padding-left: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li:before
{
display: none;
}
.wp-block-button.is-style-squared .wp-block-button__link, .wp-block-button__link.wp-block-button.is-style-squared .wp-block-button__link
{
border-radius: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li+li
{
margin-top: 10px;
padding-top: 10px;
}
.widget .wp-block-latest-posts.wp-block-latest-posts__list li+li
{
border-top: 1px dashed var(--border-color1);
}
.wp-block-latest-posts.wp-block-latest-posts__list li a
{
font-size: 16px;
font-weight: 500;
color: var(--heading-color);
line-height: 20px;
}
.wp-block-search .wp-block-search__input
{
border: none;
border-radius: 0;
height: 49px;
padding: 0 20px;
border: 0!important;
color: #111;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper
{
border-radius: 0;
border: 1px solid var(--main-color-one);
position: relative;
}
.wp-block-search__inside-wrapper
{
border-radius: 0;
border: 1px solid #dee2e6;
position: relative;
}
.wp-block-search button[type=submit]
{
margin-left: 0;
border: none;
color: #fff;
padding: 13.5px 20px;
font-size: 15px;
background: var(--main-color-one);
font-weight: 600;
-webkit-transition: all 300ms;
transition: all 300ms;
cursor: pochakra petch;
border-radius: 0;
position: absolute;
right: 0;
}
.wp-block-search button[type=submit]:focus
{
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.wp-block-search button[type=submit]:hover
{
background-color: var(--secondary-color);
color: #fff;
}
.wp-block-tag-cloud a
{
background: #f4f6f9;
height: 36px;
line-height: 34px;
padding: 0 18px;
border-radius: 5px;
display: inline-block;
margin: 0 5px 9px 0;
font-family: "Lato",sans-serif;
font-weight: 400;
font-size: 14px;
color: #909090;
border: 1px solid rgba(66,74,97,.1);
}
.wp-block-tag-cloud a:hover
{
background: var(--main-color-one);
color: #fff;
border-color: var(--main-color-one);
}
.wp-block-rss
{
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 30px;
}
.wp-block-rss li+li
{
margin-top: 10px;
}
.wp-block-rss li a:hover
{
color: var(--main-color-one);
}
.wp-block-rss li a
{
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: var(--heading-color);
text-decoration: underline;
-webkit-transition: all 200ms;
transition: all 200ms;
}
.wp-block-group.has-background
{
padding: 30px;
padding-bottom: 1px;
}
.wp-block-calendar
{
margin-bottom: 30px;
}
ul.wp-block-latest-posts__list li, .blog-single-content-wrap .wp-block-rss li
{
padding-left: 0;
}
ul.wp-block-latest-posts__list li:before, .blog-single-content-wrap .wp-block-rss li:before
{
display: none;
}
.wp-block-quote.is-style-large
{
padding: 30px;
padding-left: 90px;
position: relative;
}
.wp-block-quote.is-style-large:after
{
position: absolute;
left: 0;
top: -5px;
content: "";
font-family: "Font Awesome 5 Free";
font-size: 60px;
color: var(--main-color-one);
font-weight: 700;
opacity: .1;
}
.wp-block-quote.has-text-align-right:after
{
left: auto;
right: 30px;
-webkit-transform: translate(0);
transform: translate(0);
}
.wp-block-quote.has-text-align-right
{
padding-left: 30px;
padding-right: 90px;
}
.wp-block-calendar .wp-calendar-nav
{
text-align: left;
}
.wp-block-calendar tbody td, .wp-block-calendar th
{
text-align: center;
}
.wp-block-image
{
margin-bottom: 1em;
}
.wp-block-video video
{
max-width: 636px;
}
.wp-block-image img
{
display: block;
}
.wp-block-image.alignleft, .wp-block-image.alignright
{
width: 100%;
}
.wp-block-image.alignfull img
{
width: 100vw;
}
.wp-block-cover-text p
{
padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide
{
padding: 0 14px;
}
.wp-block-table
{
display: block;
overflow-x: auto;
}
.wp-block-table table
{
border-collapse: collapse;
width: 100%;
}
.wp-block-table td, .wp-block-table th
{
padding: .5em;
}
.wp-block-embed.type-video>.wp-block-embed__wrapper
{
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-quote.is-large
{
margin: 0 auto 16px;
}
.wp-block-pullquote>p:first-child
{
margin-top: 0;
}
.wp-block-separator
{
margin: 3em auto;
padding: 0;
}
.wp-block-video video
{
max-width: 636px;
}
.wp-block-image img
{
display: block;
}
.wp-block-image.alignleft, .wp-block-image.alignright
{
width: 100%;
}
.wp-block-image.alignfull img
{
width: 100vw;
}
.wp-block-cover-text p
{
padding: 1.5em 14px;
}
ul.wp-block-latest-posts.alignwide, ul.wp-block-latest-posts.alignfull, ul.wp-block-latest-posts.is-grid.alignwide, ul.wp-block-latest-posts.is-grid.alignwide
{
padding: 0 14px;
}
.wp-block-table
{
display: block;
overflow-x: auto;
}
.wp-block-table table
{
border-collapse: collapse;
width: 100%;
}
.wp-block-table td, .wp-block-table th
{
padding: .5em;
}
.wp-block-embed.type-video>.wp-block-embed__wrapper
{
position: relative;
width: 100%;
height: 0;
padding-top: 56.25%;
}
.wp-block-embed.type-video>.wp-block-embed__wrapper>iframe
{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.wp-block-column blockquote.wp-block-quote
{
margin-top: 0!important;
margin-bottom: 0!important;
padding: 20px!important;
}
.wp-block-column blockquote.wp-block-quote:before
{
top: 30px;
left: 20px;
opacity: .2;
}
.wp-block-quote.is-large
{
margin: 0 auto 16px;
}
.wp-block-pullquote>p:first-child
{
margin-top: 0;
}
.wp-block-separator
{
margin: 3em auto;
padding: 0;
}
.wp-block-pullquote
{
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
color: #40464d;
margin: 30px 0;
}
.wp-block-archives-dropdown select, .wp-block-categories-dropdown select
{
width: 100%;
height: 50px;
padding: 10px 20px;
border: 1px solid #ddd;
position: relative;
z-index: 0;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position-y: 55%;
background-position-x: 92%;
color: var(--paragraph-color);
}
.wp-block-archives-dropdown select, .wp-block-categories-dropdown select
{
width: 100%;
height: 50px;
background-position-x: 97%;
border: 1px solid #e2e2e2;
background-color: transparent;
margin-bottom: 30px;
color: var(--paragraph-color);
}
.widget_text .textwidget form select, .widget_categories form select, .widget_archive select
{
margin-bottom: 0!important;
}
.widget_text .textwidget p img
{
margin: 8px 0;
}
.widget_text .textwidget form
{
margin-top: 20px;
}
.footer-widget.widget_search .search-form .form-group .form-control
{
color: #fff;
}
@media screen and (min-width: 768px)
{
.wp-block-cover-text p
{
padding: 1.5em 0;
}
}/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption
{
margin-bottom: 1.5em;
max-width: 100%;
clear: both;
}
.wp-caption .wp-caption-text
{
margin: .8075em 0;
opacity: .7;
font-weight: 600;
}
.wp-caption .wp-caption-text a
{
color: var(--secondary-color);
}
.wp-caption img[class*=wp-image-]
{
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption-text
{
text-align: center;
}
figcaption
{
opacity: .7;
font-weight: 600;
}
figcaption a
{
color: var(--secondary-color);
}
.wp-block-button.is-style-outline .wp-block-button__link
{
color: var(--paragraph-color)!important;
border-color: var(--main-color-one);
}
.wp-block-button:not(.is-style-outline) .wp-block-button__link
{
color: #fff!important;
background-color: var(--main-color-one);
}/* --------------------------
Post Navigation
---------------------------- */
.post-navigation-area
{
margin: 40px 0 0 0;
}
.post-navigation-area .post-navigation-inner .content-area.style-01.no-line .content
{
text-align: left;
}
.post-navigation-inner
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
z-index: 0;
border-radius: 3px;
}
.post-navigation-inner .content-area
{
width: 50%;
}
.post-navigation-inner div .title
{
font-size: 18px;
line-height: 25px;
-webkit-transition: all 300ms;
transition: all 300ms;
margin-bottom: 0;
}
.post-navigation-inner div .title a
{
-webkit-transition: all 300ms;
transition: all 300ms;
}
.post-navigation-inner div .title:hover>a
{
color: var(--main-color-one);
}
.post-navigation-inner div:first-child
{
text-align: left;
}
.post-navigation-inner .content-area.no-line
{
width: 100%;
}
.post-navigation-inner .prev-post
{
-webkit-transition: all 300ms;
transition: all 300ms;
font-size: 14px;
display: block;
font-family: var(--body-font);
font-weight: 500;
color: var(--main-color-one);
margin-bottom: 10px;
}
.post-navigation-inner .next-post
{
-webkit-transition: all 300ms;
transition: all 300ms;
font-size: 14px;
display: block;
font-family: var(--body-font);
font-weight: 500;
color: var(--main-color-one);
margin-bottom: 10px;
}
.blog-comment-navigation .comment-navigation
{
min-height: 50px;
margin-bottom: 30px;
}/*---------------------------
SINGLE POST NAVGATION
-----------------------------*/
.single-post-navigation
{
word-break: break-word;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-top: 1px solid #e1e6ff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 1px solid #ededed;
padding: 25px;
}
.single-post-navigation h3
{
font-size: 18px;
margin-bottom: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: none;
}
.single-post-navigation .single-post-navigation-center-grid
{
font-size: 25px;
}
.single-post-navigation .single-post-navigation-center-grid a
{
color: var(--main-color-one);
}
.single-post-navigation .single-post-navigation-center-grid a:hover, .single-post-navigation .single-post-navigation-center-grid a:focus
{
color: var(--secondary-color);
}
.single-post-navigation .prev-post a
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: #404a60;
-webkit-transition: all 300ms;
transition: all 300ms;
}
.single-post-navigation .prev-post a i
{
height: 45px;
width: 45px;
border-radius: 45px;
line-height: 45px;
background: #f4f4f4;
display: inline-block;
text-align: center;
margin-right: 5px;
-webkit-transition: .4s;
transition: .4s;
}
.single-post-navigation .prev-post a:hover
{
color: var(--heading-color);
}
.single-post-navigation .prev-post a:hover i
{
background: var(--main-color-one);
color: #fff;
}
.single-post-navigation .next-post a
{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
color: #404a60;
-webkit-transition: all 300ms;
transition: all 300ms;
}
.single-post-navigation .next-post a i
{
height: 45px;
width: 45px;
border-radius: 45px;
line-height: 45px;
background: #f4f4f4;
display: inline-block;
text-align: center;
margin-left: 5px;
-webkit-transition: .4s;
transition: .4s;
}
.single-post-navigation .next-post a:hover
{
color: var(--heading-color);
}
.single-post-navigation .next-post a:hover i
{
background: var(--main-color-one);
color: #fff;
}
.single-post-navigation .title-with-link
{
-webkit-transition: .3s;
transition: .3s;
overflow: hidden;
}
.single-post-navigation .title-with-link i
{
margin-top: 3px;
}
.single-post-navigation .title-with-link span
{
letter-spacing: 1px;
text-transform: capitalize;
font-weight: 600;
}/*--------------------------------------------------------------
## Block Color Palette Colors
--------------------------------------------------------------*/
.has-strong-blue-color
{
color: #0073aa;
}
.has-strong-blue-background-color
{
background-color: #0073aa;
}
.has-lighter-blue-color
{
color: #229fd8;
}
.has-lighter-blue-background-color
{
background-color: #229fd8;
}
.has-very-light-gray-color
{
color: #eee;
}
.has-very-light-gray-background-color
{
background-color: #eee;
}
.has-very-dark-gray-color
{
color: #444;
}
.has-very-dark-gray-background-color
{
background-color: #444;
}
.has-large-font-size
{
font-size: 36px;
line-height: 1.6;
}/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery
{
margin-bottom: 1.5em;
}
.gallery-item
{
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item
{
max-width: 50%;
}
.gallery-columns-3 .gallery-item
{
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item
{
max-width: 25%;
}
.gallery-columns-5 .gallery-item
{
max-width: 20%;
}
.gallery-columns-6 .gallery-item
{
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item
{
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item
{
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item
{
max-width: 11.11%;
}
.gallery-caption
{
display: block;
padding-top: 5px;
}/*--------------------------------------------------------------
# WP Table
--------------------------------------------------------------*/
.blog-single-content-wrap table
{
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}
.blog-single-content-wrap table td
{
border: 1px solid var(--border-color1);
padding: 8px;
}
.blog-single-content-wrap table td a
{
text-decoration: underline;
color: var(--main-color-one);
font-weight: 400;
}
.blog-single-content-wrap table th
{
border: 1px solid var(--border-color1);
padding: 8px;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
}
.blog-single-content-wrap table th a
{
text-decoration: underline;
font-weight: 600;
}
.page-content table
{
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}
.page-content table td
{
border: 1px solid var(--border-color1);
padding: 8px;
}
.page-content table td a
{
text-decoration: underline;
color: var(--main-color-one);
font-weight: 400;
}
.page-content table th
{
border: 1px solid var(--border-color1);
padding: 8px;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
}
.page-content table th a
{
text-decoration: underline;
font-weight: 600;
}
.single-comment-wrap table
{
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}
.single-comment-wrap table td
{
border: 1px solid var(--border-color1);
padding: 8px;
}
.single-comment-wrap table td a
{
text-decoration: underline;
color: var(--main-color-one);
font-weight: 400;
}
.single-comment-wrap table th
{
border: 1px solid var(--border-color1);
padding: 8px;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
}
.single-comment-wrap table th a
{
text-decoration: underline;
font-weight: 600;
}
.content-area table
{
border-collapse: collapse;
width: 100%;
margin-bottom: 15px;
}
.content-area table th
{
border: 1px solid var(--border-color1);
padding: 8px;
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
}
.content-area table th a
{
text-decoration: underline;
color: var(--main-color-one);
font-weight: 400;
}
.content-area table td
{
border: 1px solid var(--border-color1);
padding: 8px;
}
.content-area table td a
{
text-decoration: underline;
color: var(--main-color-one);
font-weight: 400;
}
.calendar_wrap table td
{
text-align: center;
}
.widget_calendar table td a, .widget_calendar table th a
{
font-weight: 600;
color: var(--main-color-one);
text-decoration: underline;
}
.footer-widget.widget_calendar table td a, .footer-widget.widget_calendar table th a
{
font-weight: 600;
color: var(--main-color-one);
text-decoration: underline;
}/*--------------------------------------------------------------
# WP List
--------------------------------------------------------------*/
.content-area ul
{
list-style: none;
}
.content-area ul li
{
position: relative;
padding-left: 15px;
}
.content-area ul li+li
{
margin-top: 10px;
}
.content-area ul li:before
{
position: absolute;
width: 5px;
height: 5px;
background-color: var(--paragraph-color);
content: "";
display: inline-block;
margin-right: 5px;
left: 0;
top: 8px;
border-radius: 50%;
}
.content-area ul li>ul li:before
{
background-color: transparent;
border: 1px solid;
}
.content-area ol li
{
padding-left: 0;
}
.content-area ol li:before
{
display: none;
}
.content-area ol li+li
{
margin-top: 10px;
}
.content-area .widget ul li
{
padding-left: 0;
}
.content-area .widget ul li:before
{
display: none;
}
.blog-single-content-wrap .entry-content .cats a
{
font-size: 12px;
font-weight: 500;
color: var(--main-color-one);
}
.blog-single-content-wrap ol li+li
{
margin-top: 10px;
}
.blog-single-content-wrap .post-meta
{
margin-bottom: 15px;
}
.blog-single-content-wrap .post-meta li a
{
margin-left: 2px;
}
.blog-single-content-wrap ul
{
list-style: none;
}
.blog-single-content-wrap ul li
{
position: relative;
padding-left: 15px;
}
.blog-single-content-wrap ul li+li
{
margin-top: 8px;
}
.blog-single-content-wrap ul li ol>li
{
padding-left: 0;
}
.blog-single-content-wrap ul li ol>li:before
{
display: none;
}
.blog-single-content-wrap ul li:before
{
display: none;
}
.blog-single-content-wrap ul li>ul li:before
{
background-color: transparent;
border: 1px solid;
}
.blog-single-content-wrap .post-meta li
{
padding-left: 0;
}
.blog-single-content-wrap .post-meta li:before
{
display: none;
}
.page-content ol li+li
{
margin-top: 10px;
}
.page-content ul li+li
{
margin-top: 10px;
}
.single-comment-wrap ol li+li
{
margin-top: 10px;
}
.single-comment-wrap ul li+li
{
margin-top: 10px;
}
.comments-area .comment-list li .single-comment-wrap ul
{
list-style: none;
}
.comments-area .comment-list li .single-comment-wrap ul li
{
position: relative;
padding-left: 15px;
}
.comments-area .comment-list li .single-comment-wrap ul li:before
{
position: absolute;
width: 5px;
height: 5px;
background-color: var(--paragraph-color);
content: "";
display: inline-block;
margin-right: 5px;
left: 0;
top: 8px;
border-radius: 50%;
}
.comments-area .comment-list li .single-comment-wrap ul li>ul li:before
{
background-color: transparent;
border: 1px solid;
}
.comments-area .comment-list .trackback
{
margin-bottom: 30px;
}
.comments-area .comment-list .pingback
{
margin-bottom: 30px;
}
.carousel-indicators li+li
{
margin-top: 0!important;
}
.footer-widget.widget.widget_nav_menu ul li+li
{
margin-top: 15px;
}
ul.blocks-gallery-grid li
{
padding-left: 0;
}
ul.blocks-gallery-grid li:before
{
display: none;
}
.blog-details-footer
{
padding-top: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.blog-details-footer .social-icon
{
padding-bottom: 30px!important;
}
.blog-details-footer .social-icon li
{
list-style: none;
padding-left: 0;
font-size: 15px;
background: transparent!important;
display: inline-block;
}
.blog-details-footer .social-icon li+li
{
margin-left: 10px;
}
.blog-details-footer .social-icon li a:hover
{
color: var(--main-color-one);
}
.blog-details-footer .social-icon li:before
{
display: none;
}
.blog-details-footer .right .social-share li
{
padding-left: 0;
}
.blog-details-footer .right .social-share li:before
{
display: none;
}
.blog-details-footer .left .tags
{
padding-left: 0;
}
.blog-details-footer .left .tags li
{
padding-left: 0;
}
.blog-details-footer .left .tags li a
{
margin-right: 3px;
height: 30px;
line-height: 28px;
padding: 0 12px;
background: #f2f5f6;
display: inline-block;
border-radius: 4px;
font-size: 12px;
font-weight: 600;
color: #757575;
-webkit-transition: .4s;
transition: .4s;
border: 1px solid rgba(66,74,97,.1);
margin-top: 5px;
}
.blog-details-footer .left .tags li a:hover
{
background: var(--main-color-one);
color: #fff;
}
.blog-details-footer .left .tags li:before
{
display: none;
}
.blog-pagination
{
display: block;
width: 100%;
}
.blog-pagination ul
{
margin: 0;
padding: 0;
list-style: none;
}
.blog-pagination ul li
{
display: inline-block;
padding-left: 0;
}
.blog-pagination ul li+li
{
margin: 0 6px;
}
.blog-pagination ul li:before
{
display: none;
}
.blog-pagination ul li a
{
display: block;
height: 45px;
width: 45px;
line-height: 45px;
padding: 0;
border: 0;
text-align: center;
font-weight: 500;
border-radius: 5px;
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
background-color: #2a2d33;
color: #fff;
}
.blog-pagination ul li a:hover
{
background-color: var(--main-color-one);
color: #fff;
}
.blog-pagination ul li a.prev, .blog-pagination ul li a.next
{
width: auto;
padding: 0 20px;
}
.blog-pagination ul li span
{
display: block;
height: 45px;
width: 45px;
line-height: 45px;
padding: 0;
border: 1px solid #2a2d33;
border-radius: 5px;
text-align: center;
font-weight: 600;
-webkit-transition: .3s ease-in;
transition: .3s ease-in;
}
.blog-pagination ul li span.current
{
background-color: var(--main-color-one);
color: #fff;
}
.box-bg-color-2, .box-bg-color-4, .box-bg-color-5
{
background-color: #31336b!important;
}
.ball.text-center.rounded-circle
{
transform: inherit!important;
}
.box-bg-color-3, .box-bg-color-8, .box-bg-color-11
{
background-color: #1b89aa!important;
}
.box-bg-color-6, .box-bg-color-9
{
background-color: #fd1774!important;
}
.box-bg-color-2, .box-bg-color-6
{
margin-block-start: -8px;
}
.box-bg-color-4, .box-bg-color-8
{
margin-block-start: -20px;
}
.box-bg-color-3, .box-bg-color-7
{
margin-block-start: 15px;
}
.ball.text-center
{
position: relative;
z-index: 1;
transition: .4s;
}
.ball.text-center:hover::before
{
height: 100%;
}
.ball.text-center.box-bg-color-1::before, .ball.text-center.box-bg-color-7::before
{
background: #1b89aa;
}
.counter-box-two.bg-white.active
{
background-color: #1351d8!important;
}
.counter-box-two.active .bg-white
{
background-color: #1351d8!important;
}
.counter-box-two.active .text-main-600
{
color: #fff!important;
}
.counter-box-two.active .text-main-two-600
{
color: #fff!important;
}
.z-index-3
{
z-index: 3;
position: relative;
}
.service-section .sub-title
{
color: #1351d8;
}
.swiper-hosting-button-prev
{
cursor: pointer;
}
.swiper-hosting-button-next
{
cursor: pointer;
}
.section-main-title p
{
margin: 30px auto 0;
}
.about-content .section-main-title p
{
margin: 30px 0 0 0;
}
.accordion-button:not(.collapsed)
{
color: #052c65;
}
.active-box .pricing-item .opacity-05
{
opacity: 1!important;
}
.pricing-item .see-all-btn
{
cursor: pointer;
}
button#pills-Monthly-tab
{
cursor: pointer;
}
button#pills-Annually-tab
{
cursor: pointer;
}
.pricing-plan .nav-pills .nav-link.active
{
color: #fff!important;
background-color: #0a58ca!important;
}
.home-three.testimonials-three .max-w-400-px
{
max-width: 400px!important;
width: 150%!important;
}
.home-three .workplace-team .text-heading
{
cursor: pointer;
}
.bg-main-600.bg-color-2, .bg-main-600.bg-color-5, .bg-main-600.bg-color-8
{
background-color: #ff601c!important;
}
.bg-main-600.bg-color-3, .bg-main-600.bg-color-6, .bg-main-600.bg-color-9
{
background-color: #00b67a!important;
}
.about-brand-color-title
{
color: #30e87a;
}
.about-banner-image .positioned-image
{
position: relative;
z-index: 1;
}
.counter-box-four p
{
margin: 0;
}
.pick-domain-button
{
text-decoration: underline;
}
.common-shadow-eight
{
box-shadow: 0 4px 32px 10px #0000000d;
border-color: var(--neutral-100)!important;
border: 1px solid;
border-radius: 1.5rem!important;
}
.common-shadow-image img
{
box-shadow: 0 4px 32px 10px #0000000d;
border-color: var(--neutral-100)!important;
border: 1px solid;
border-radius: 1.5rem!important;
}
span.thin-title
{
font-style: italic;
font-weight: 400;
}
.counter-five .counter-border
{
position: absolute;
top: 0;
left: 0;
}
input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=number]:focus, textarea:focus, input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus, select:focus
{
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px none;
background-color: transparent;
}
.main-form-section .wpcf7-form-control-wrap
{
position: relative;
width: 100%;
}
.main-form-section textarea
{
height: 100px;
}
.main-form-section .form-control
{
width: 100%;
color: #212529;
background-color: transparent;
border: none;
box-shadow: none;
padding: 0 0 20px 0;
}
.contact-button input.wpcf7-form-control
{
border: 0;
color: hsl(var(--white));
line-height: 1;
padding-inline: 32px;
padding-block: 18px;
position: relative;
overflow: hidden;
border-radius: 0;
z-index: 1;
transition: .2s linear;
background-color: var(--main-600)!important;
cursor: pointer;
}
.contact-button input.wpcf7-form-control:hover
{
background-color: #0e100f!important;
}
.main-form-section .contact-text
{
padding-top: 40px;
padding-bottom: 0;
padding-left: 45px;
}
.main-form-section .contact-icon
{
top: 41px;
left: 10px;
}
.contact-button
{
padding: 55px 0 0 0;
display: inline-block;
}
.banner-one-text-content
{
position: relative;
z-index: 1;
}
.about-team.group-item
{
margin: 0 0 30px 0;
}/* home 4 css start */
.btn-orange-outline
{
border: 1px solid #ff5e1a;
color: #ff5e1a;
}
.heading-black h3, .heading-black .h3
{
font-size: var(--heading-three);
}
.banner-two.banner-four .h3
{
font-size: 28px;
}
.active-bg-blue .nav-link.active
{
background-color: #256bfe!important;
}
.active-text-white .nav-link.active
{
color: hsl(var(--white))!important;
}
.active-triangle-arrow::before
{
position: absolute;
content: "";
width: 12px;
height: 10px;
background-color: inherit;
background-color: #256bfe;
inset-block-start: 100%;
inset-inline-start: 50%;
transform: translateX(-50%);
clip-path: polygon(50% 100%,0 0,100% 0);
margin-block-start: -10px;
pointer-events: none;
visibility: hidden;
opacity: 0;
transition: .2s linear;
}
.active-triangle-arrow.active::before
{
margin-block-start: -1px;
visibility: visible;
opacity: 1;
}
.home-four-work-tab li button
{
cursor: pointer;
}
.home-crm .text-crm
{
color: #256bfe;
}
.heading-black h4, .heading-black .h4
{
font-size: 24px;
}
.home-crm .font-caveat
{
font-family: "Caveat",cursive;
}
.main-title-five.home-crm h4
{
font-size: 20px;
color: #256bfe;
}
.section-bg-one
{
background-color: #f5f5f8;
cursor: pointer;
}
.accordion.common-accordion.style-four .accordion-item:has(.accordion-collapse.show)
{
border-left: none!important;
background: #f5f5f8!important;
}
.style-four .accordion-button
{
cursor: pointer!important;
}
.about-four-brand-color-title
{
color: #ff5e1a;
}
.animated-upDown
{
animation: floatAnimation 3s ease-in-out infinite;
}
.animation-delay-1
{
animation-delay: 1s!important;
}
.common-shadow-twentyFour
{
box-shadow: 0 20px 50px 0 #20212424;
}
@keyframes floatAnimation
{
0%
{
transform: translateY(0);
}
50%
{
transform: translateY(-24px);
}
100%
{
transform: translateY(0);
}
}
.animated-upDown2
{
animation: floatAnimation2 5s ease-in-out infinite;
}
@keyframes floatAnimation2
{
0%
{
transform: translateY(0);
}
50%
{
transform: translateY(-30px);
}
100%
{
transform: translateY(0);
}
}
.button-style-three
{
box-shadow: -2px -2px 2px 0 #070d1d4d inset!important;
background-color: #ffb114!important;
color: #072032!important;
padding: 22px 40px 22px 40px;
transition: .4s;
}
.button-style-three.button--stroke::after
{
border: none;
}
.testimonials-four-slider .text-heading.h3
{
font-size: 26px;
}
.testimonials-four
{
z-index: 9;
right: -30%;
}
.testimonials-four-button
{
cursor: pointer;
}
.text-orange
{
color: #ff5e1a;
}
.text-green
{
color: #00b67a;
}/* home 5 css start here */
.gradient-bg-seven
{
background: linear-gradient(180deg,#d7f2ff 0%,#f5f5fd 74.92%,#fff 100%);
}
.banner-five .tw-mx-48-px
{
margin-inline: clamp(1rem,-2.7414rem + 5.8731vw,3rem);
}
.banner-five .rounded-top-30-px
{
border-top-left-radius: 30px;
border-top-right-radius: 30px;
}
.banner-five .tw-pt-100-px
{
padding-block-start: 100px;
}
.common-shadow-twentyEight
{
box-shadow: 0 4px 11px 0 #0000000d;
}
.common-shadow-twentyNine
{
box-shadow: 0 4px 4px 0 #0000000d;
}
.banner-five .text-main-600
{
color: #0c848d!important;
}
.about-five-brand-color-title
{
background: linear-gradient(270deg,#06766e 0%,#20ba8b 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.home5-gradient-line
{
border-bottom: 1px solid linear-gradient(90deg,#fff 0%,#e5e3e3 7%,#e6e3e3 50%,#e5e3e3 94%,#fff 100%);
}
.section-main-title-six .title-width
{
padding: 0 0 28px 0;
margin: auto;
}
.section-main-title-six .description-width
{
margin: auto;
}
.section-main-title-six .sub-title
{
color: #0c848d;
}
.stair-bg::before, .stair-bg::after
{
position: absolute;
content: "";
width: 100%;
height: 100%;
inset-block-start: -35px;
inset-inline-start: 0;
background: linear-gradient(0deg,#ffe3da 0%,#ffe3da 100%);
z-index: -1;
border-radius: inherit;
}
.stair-bg::after
{
background: var(--main-600);
inset-block-start: -70px;
z-index: -2;
}
.gradient-bg-eight
{
background: linear-gradient(0deg,#daf2ff 0%,#daf2ff 100%);
position: relative;
z-index: 1;
}
.bg-deep-green
{
background-color: #0a8a22;
position: relative;
z-index: 1;
}
.tw-w-100--40-px
{
width: calc(100% - 40px)!important;
}
.tw-w-405.tw-h-405.rounded-circle.bg-main-600
{
position: relative;
z-index: 1;
}
.text-blue
{
color: #1351d8!important;
}
.text-center .border-blue
{
border: 1px solid #1351d8;
}
.animation-rotate-center
{
animation: rotateCenter 10s linear infinite;
}
@keyframes rotateCenter
{
0%
{
transform: rotate(0deg);
}
100%
{
transform: rotate(-360deg);
}
}
.home-five .testimonials-five-slider h4
{
font-size: 24px;
color: #072032;
}
.home-five .testimonials-five-slider h5
{
font-size: 20px;
}
.testimonials-five-slider p
{
margin: 0;
}
.home-five .pagination-style-four .swiper-pagination-bullet-active
{
background: #0c848d!important;
}
.home-five .pagination-style-four .swiper-pagination-bullet
{
margin: 0!important;
opacity: 1;
background-color: #d6d1d1;
width: 9px;
height: 9px;
position: relative;
transition: .3s linear;
}
.home-five .pagination-style-four .swiper-pagination-bullet::before
{
position: absolute;
content: "";
width: 26px;
height: 26px;
border: 2px solid #fff;
border-radius: inherit;
inset-inline-start: 50%;
inset-block-start: 50%;
transform: translate(-50%,-50%) scale(0);
transition: inherit;
}
.home-five .pagination-style-four .swiper-pagination-bullet-active::before
{
border: 2px solid #0c848d;
transform: translate(-50%,-50%) scale(1);
}
.tw-p-44-px
{
padding: clamp(1.5rem,-6.1013rem + 9.4763vw,2.75rem)!important;
}
.tw-rounded-xl
{
border-radius: .75rem!important;
}
.pricing-five .hover-border-main-600:hover
{
border-color: #0c848d!important;
}
.pricing-five .pricing-icon-image
{
background: #defafc;
transition: .3s;
margin: 0 45px 0 0;
}
.pricing-five .hover-border-main-600:hover .pricing-icon-image
{
background: #0c848d!important;
}
.pricing-five h3
{
font-size: 28px;
}
.pricing-five h4
{
font-size: 24px;
}
.pagination-style-five .swiper-pagination-bullet-active
{
background: transparent!important;
color: #072032;
}
.pagination-style-five .swiper-pagination-bullet
{
width: 32px;
height: 32px;
background-color: transparent;
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
font-weight: 600;
color: #072032;
position: relative;
}
.pagination-style-four .swiper-pagination-bullet-active::before
{
border: 2px solid #0c848d!important;
transform: translate(-50%,-50%) scale(1)!important;
}
.pagination-style-four .swiper-pagination-bullet::before
{
position: absolute;
content: "";
width: 26px;
height: 26px;
border: 2px solid #fff;
border-radius: inherit;
inset-inline-start: 50%;
inset-block-start: 50%;
transform: translate(-50%,-50%) scale(0);
transition: inherit;
}/* video button css start here */
.play-button::before
{
position: relative;
z-index: 4;
}
.svg-inline--fa
{
z-index: 1;
}
.play-button::before
{
position: absolute;
content: "";
width: inherit;
height: inherit;
background: inherit;
border-radius: 50%;
inset-inline-start: 0;
top: 0;
z-index: 0;
-webkit-animation: video_animate 2.3s ease-out infinite;
animation: video_animate 2.3s ease-out infinite;
}
@keyframes video_animate
{
0%
{
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
30%
{
-webkit-transform: scale(.6);
transform: scale(.6);
opacity: 1;
}
60%
{
-webkit-transform: scale(1.5);
transform: scale(1.5);
opacity: .9;
}
100%
{
-webkit-transform: scale(2);
transform: scale(2);
opacity: 0;
}
}
.service-details-icon
{
width: 92px;
height: 84px;
line-height: 84px;
text-align: center;
background-color: #ffffff0a;
font-size: 36px;
}
.project-brand-color-title
{
color: #1351d8;
}
.footer-color-title
{
color: #1351d8;
}
.footer-heading-title h2.text-capitalize
{
text-transform: inherit!important;
}
.footer-site-ling
{
color: #1351d8;
transition: .4s;
}
.footer-site-ling:hover
{
text-decoration: underline;
}
.common-shadow-twentySeven
{
box-shadow: 0 6px 17px 0 #0000000d;
}
.footer4-subscribe .focus-border-main-600:focus
{
border-color: #ffb114!important;
}
.footer4-subscribe .bg-main-600
{
background-color: #ffb114!important;
cursor: pointer;
transition: .4s;
}
.footer4-subscribe .bg-main-600:hover
{
background-color: #000!important;
}
.footer5-subscribe .focus-border-main-600:focus
{
border-color: #0c848d!important;
}
.footer5-subscribe .bg-main-600
{
background-color: #0c848d!important;
cursor: pointer;
transition: .4s;
}
.footer5-subscribe .bg-main-600:hover
{
background-color: #000!important;
}
.counter-border
{
border: 1px solid #dee2e6;
}
.home01-subscribe
{
width: 65%;
}
.home01-subscribe-btn
{
position: absolute;
top: 22px;
right: 30px;
cursor: pointer;
}
.text-decoration-underline a
{
text-decoration: underline!important;
}
.hover-underline a:hover
{
text-decoration: underline;
}
.text-heading.list-bg-color-1
{
color: #fff;
}
.list-bg-color-2, .list-bg-color-9, .list-bg-color-12
{
background: #3af062!important;
}
.list-bg-color-4, .list-bg-color-14, .list-bg-color-17
{
background: #ffb114!important;
}
.list-bg-color-5, .list-bg-color-7, .list-bg-color-11
{
background: #ff5e1a!important;
}
.list-bg-color-10, .list-bg-color-13, .list-bg-color-15
{
background: #fd1774!important;
}
.home-three.btn-main
{
background: linear-gradient(270deg,#06766e 0%,#20ba8b 100%);
}
.home-three.focus-border-main-600:focus
{
border-color: #30e87a!important;
}/* home 6 css start here */
.border-2
{
border: 2px solid #263e6b;
}
.single-input-inner
{
margin-bottom: 20px;
}
.single-input-inner input
{
width: 100%;
height: 55px;
border: 0!important;
border-radius: 4px;
padding: 0 22px;
}
.bg-transparent
{
background-color: transparent!important;
}
.single-input-inner textarea
{
width: 100%;
border: 0!important;
height: 140px;
border-radius: 4px;
padding: 14px 18px;
}
.single-input-inner textarea::-webkit-input-placeholder
{
color: #adadad;
}
.single-input-inner textarea::-moz-placeholder
{
color: #adadad;
}
.single-input-inner textarea:-ms-input-placeholder
{
color: #adadad;
}
.single-input-inner textarea::-ms-input-placeholder
{
color: #adadad;
}
.single-input-inner textarea::placeholder
{
color: #adadad;
}
.single-input-inner input::-webkit-input-placeholder
{
color: #adadad;
}
.single-input-inner input::-moz-placeholder
{
color: #adadad;
}
.single-input-inner input:-ms-input-placeholder
{
color: #adadad;
}
.single-input-inner input::-ms-input-placeholder
{
color: #adadad;
}
.single-input-inner input::placeholder
{
color: #adadad;
}
.contact06 .btn
{
font-weight: 600;
position: relative;
transition: .4s;
cursor: pointer;
}
.contact06 .btn:hover
{
color: #fff;
}
.contact06 .btn:after
{
content: "";
background: var(--heading-color);
position: absolute;
-webkit-transition: .4s;
transition: .4s;
z-index: -1;
height: 100%;
left: -35%;
top: 0;
-webkit-transform: skew(30deg);
transform: skew(30deg);
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transform-origin: top left;
transform-origin: top left;
width: 0;
}
.contact06 .btn:hover:after
{
height: 100%;
width: 135%;
}
.inovating-tab .nav-tabs button
{
background: rgba(255,255,255,.1);
-webkit-box-shadow: 0 10px 60px rgba(0,0,0,.07);
box-shadow: 0 10px 60px rgba(0,0,0,.07);
color: #fff!important;
margin-right: 8px;
border-radius: 60px!important;
border: 0!important;
padding: 10px 28px 11px;
margin-bottom: 8px;
cursor: pointer;
}
.inovating-area .border-bottom-2
{
border-bottom: 2px solid #263e6b;
}
.inovative-title
{
font-family: Plus Jakarta Sans,sans-serif;
font-weight: 600;
margin: 0 0 10px 0;
}
.inovating-tab .nav-tabs
{
border-bottom: none;
}
.project-grid
{
margin-bottom: 30px;
position: relative;
transition: .4s;
}
.project-grid-thumb
{
position: relative;
overflow: hidden;
border-radius: 5px;
}
.project-grid-thumb img
{
-webkit-transform: scale(1.05);
transform: scale(1.05);
-webkit-transition: .9s;
transition: .9s;
}
.project-grid:hover .project-grid-thumb img
{
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.project-grid-content
{
position: absolute;
left: 0;
right: 0;
bottom: 20px;
margin: 25px;
border-radius: 5px;
visibility: hidden;
opacity: 0;
-webkit-transition: .4s;
transition: .4s;
}
.project-grid:hover .project-grid-content
{
visibility: visible;
opacity: 1;
bottom: 0;
}
.project-grid-title a
{
margin-bottom: 5px;
font-family: Plus Jakarta Sans,sans-serif;
font-weight: 600;
color: #fff;
font-size: 20px;
transition: .4s;
}
.project-grid-title a:hover
{
color: #e94057;
}
.project-grid-subtitle
{
color: #fff;
}
.project-grid-button
{
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
display: inline-block;
position: absolute;
right: 25px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: .4s;
transition: .4s;
border-radius: 5px;
background: #e94057!important;
color: #fff;
}/* home 06 banner area css start here */
.banner-area-left-style
{
padding-left: 140px;
padding-top: 100px;
}
.banner-area-left-style .animate-img
{
position: absolute;
left: -100px;
bottom: 70px;
width: 80px;
}
.banner-area-left-style .title
{
font-size: 90px;
font-weight: 600;
font-family: Plus Jakarta Sans,sans-serif;
}
.banner-area-left-style h3
{
font-weight: 600;
font-family: Plus Jakarta Sans,sans-serif;
font-size: 30px;
}
.banner-area-left-style .btn-gray svg
{
padding-top: 2px;
margin-right: 5px;
font-size: 16px;
color: #e94057;
}
.banner-left
{
background: rgba(255,255,255,.05);
display: inline-block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 140px;
text-align: center;
}
.banner-left .logo
{
background: rgba(255,255,255,.05);
padding: 35px 15px;
}
.banner-left ul
{
padding: 80px 0!important;
}
.banner-left ul li
{
list-style: none;
}
.banner-left ul li a
{
padding: 15px;
border-radius: 5px;
display: inline-block;
}
.banner-left ul li a:hover
{
background: var(--main-color-one);
}
.btn.btn-base.banner06-btn-one
{
height: 55px;
line-height: 55px;
padding: 0 30px;
overflow: hidden;
position: relative;
border: 0;
font-weight: 600;
border-radius: 30px;
background: #e94057;
}
.btn.btn-base.banner06-btn-one:hover
{
color: #fff;
}
.btn.btn-base.banner06-btn-one:after
{
content: "";
background: var(--heading-color);
position: absolute;
-webkit-transition: .4s;
transition: .4s;
z-index: -1;
height: 100%;
left: -35%;
top: 0;
-webkit-transform: skew(30deg);
transform: skew(30deg);
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transform-origin: top left;
transform-origin: top left;
width: 0;
}
.btn.btn-base.banner06-btn-one:hover:after
{
height: 100%;
width: 135%;
}
.banner06-btn-two
{
background: rgba(255,255,255,.1);
-webkit-box-shadow: 0 10px 60px rgba(0,0,0,.07);
box-shadow: 0 10px 60px rgba(0,0,0,.07);
color: #fff;
}
.banner06-btn-two
{
height: 55px;
line-height: 55px;
padding: 0 30px;
overflow: hidden;
position: relative;
border: 0;
font-weight: 600;
border-radius: 30px;
}
.banner06-btn-two:hover
{
color: #fff;
}
.banner06-btn-two:after
{
content: "";
background: var(--heading-color);
position: absolute;
-webkit-transition: .4s;
transition: .4s;
z-index: -1;
height: 100%;
left: -35%;
top: 0;
-webkit-transform: skew(30deg);
transform: skew(30deg);
-webkit-transition-duration: .6s;
transition-duration: .6s;
-webkit-transform-origin: top left;
transform-origin: top left;
width: 0;
}
.banner06-btn-two:hover:after
{
height: 100%;
width: 135%;
}
.banner06-text.content
{
margin: 0 0 33px 0;
font-size: 16px;
font-weight: 500;
}