:root { --primary-color1: rgb(230, 0, 76);
--primary-opcaity: rgba(230, 0, 76, 0.1);
--primary-color2: rgb(0, 202, 235);
--primary-opcaity2: rgba(0, 202, 235, 0.1);
--primary-color3: rgb(160, 68, 255);
--primary-opcaity3: rgba(160, 68, 255, 0.1);
--primary-color4: rgb(39, 174, 96);
--primary-opcaity4: rgba(39, 174, 96, 0.1);
--primary-color4-light: #f6fffc;
--primary-color5: rgb(255, 115, 66);
--primary-opcaity5: rgba(255, 76, 76, 0.1);
--primary-color6: rgb(47, 128, 237);
--primary-opcaity6: rgba(47, 128, 237, 0.1);
--text-color: #18212e;
--text-color2: #676767;
--text-color3: #afafaf;
--text-light: #eeeeee;
--light-bg: #f8f8f8;
--dark--bg: #0a120f;
--dark-bg: #0a120f;
--white: #fff;
}
.set-menu {
padding: 15px 0;
}
.sec-mar {
margin: 120px 0;
}
.set-menu {
padding: 15px 0;
} .top-area.single-page {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
height: auto;
}
@media (min-width: 768px) and (max-width: 991px) {
.banner-area-bg {
background-position: center center !important;
}
}
@media only screen and (max-width: 767px) {
.banner-area-bg {
background-position: center center !important;
}
} .page-title h1 {
font-size: 48px;
line-height: 1.1;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {}
@media (min-width: 768px) and (max-width: 991px) {
.page-title h1 {
line-height: 1.1;
}
}
@media only screen and (max-width: 767px) {
.page-title h1 {
font-size: 26px;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.page-title h1 {
font-size: 28px;
}
}   .post__author img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 5px;
background: #E5E9F2;
} .post-title {
font-size: 32px;
margin-bottom: 20px;
}
.post-title a {
color: #1A152E;
}
.post-title a:hover {
color: var(--primary-color1);
}   ::-webkit-search-cancel-button {
-webkit-appearance: none !important;
appearance: none !important;
}
::search-cancel-button {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
.entry-content> :last-child,
.entry-summary> :last-child,
body:not(.search-results) .entry-summary> :last-child,
.page-wrapper> :last-child,
.comment-content> :last-child,
.textwidget> :last-child {
margin-bottom: 0;
}
.page-wrapper .alignright {
margin-top: 20px;
display: inline-block;
}
.page-wrapper blockquote,
.content blockquote,
.blog-comments blockquote,
.signle-news-list .post-formate-quote blockquote {
background: #f8f8f8;
width: 100%;
height: auto;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 40px;
margin-bottom: 30px;
position: relative;
border: 0 none;
}
.page-wrapper blockquote h2,
.content blockquote h2,
.blog-comments blockquote h2,
.signle-news-list .post-formate-quote blockquote {
letter-spacing: 1px;
line-height: 1.6;
margin-top: 20px;
text-transform: capitalize;
}
table,
.page-wrapper table,
.content table,
.blog-comments table {
width: 100%;
border-left: 1px solid var(--primary-color1);
border-top: 1px solid var(--primary-color1);
margin-bottom: 30px;
}
table th,
table tr,
.page-wrapper table th,
.page-wrapper table tr,
.page-wrapper table td,
.content table th,
.content table tr,
.content table td,
.blog-comments table th,
.blog-comments table tr,
.blog-comments table td {
border: 1px solid var(--primary-color1);
padding: 10px;
}
.page-wrapper dl dd,
.content dl dd,
.blog-comments dl dd {
margin-bottom: 20px;
}
.page-wrapper .inner-post .pagination {
clear: both;
}
.page-wrapper .inner-post .blog-comment-form {
margin-top: 30px;
clear: both;
}
.page-wrapper dd,
.content dd,
.blog-comments dd,
.page-wrapper dt,
.content dt,
.blog-comments dt {
line-height: inherit;
}
.page-wrapper>ul,
.page-wrapper>ol,
.content>ul,
.content>ol {
margin-bottom: 25px;
}
.comment-content>ul,
.comment-content>ol {
margin-bottom: 30px;
}
.content ul,
.content ol {
clear: both;
margin-top: 10px;
}
.content ul li,
.content ol li {
position: relative;
font-size: 16px;
font-weight: 400;
font-family: "Poppins", sans-serif;
color: var(--text-color);
margin-bottom: 10px;
}
figure.wp-block-audio {
margin-bottom: 20px;
}
p.has-large-font-size,
p.has-large-font-size + p {
line-height: 1.3;
}
.page-links p {
margin-bottom: 20px !important;
font-size: 20px;
text-transform: capitalize;
letter-spacing: 1px;
}
.content form {
width: 100%;
border: 1px solid var(--primary-color1);
padding: 30px;
text-align: center;
border-radius: 5px;
}
.content form input {
color: #666666;
border-radius: 5px 0px 0px 5px; border: 1px solid #EEEEEE;
padding: 10px;
}
.content form span {
display: block;
width: 100%;
margin-bottom: 20px;
}
.content form br {
display: none;
}
.content form input[type="submit"],.content form button[type='submit']  {
border-radius: 0px 5px 5px 0px;
height: 50px;
min-width: 80px;
background: var(--primary-color1);
border: none;
margin: 0;
transition: all 0.42s ease-in-out;
color: #fff;
margin-left: -5px;
}
.wp-block-button {
margin-bottom: 20px;
}
.wp-block-cover.has-background-dim {
color: #ffffff;
}
.wp-block-latest-posts,
.wp-block-latest-posts,
.wp-block-latest-posts,
.wp-block-latest-comments,
.wp-block-latest-comments,
.wp-block-categories,
.wp-block-archives {
margin: 0;
list-style: none;
padding: 0;
}
.wp-block-latest-posts li,
.wp-block-latest-posts li,
.wp-block-latest-posts li,
.wp-block-latest-comments li,
.wp-block-latest-comments li,
.wp-block-archives li {
margin-top: 10px;
}
.wp-block-latest-posts li:first-child,
.wp-block-latest-posts li:first-child,
.wp-block-latest-posts li:first-child,
.wp-block-latest-comments li:first-child,
.wp-block-latest-comments li:first-child,
.wp-block-archives li:first-child {
margin-top: 0;
}
.wp-block-archives li a {
font-size: 20px;
font-weight: 500;
color: var(--text-color2);
transition: all 0.42s ease-in-out;
display: block;
}
.wp-block-latest-posts .children,
.wp-block-latest-posts .children,
.wp-block-latest-posts .children,
.wp-block-latest-comments .children,
.wp-block-latest-comments .children,
.wp-block-categories .children,
.wp-block-archives .children {
margin-left: 15px;
}
.wp-block-archives select {
width: 100%;
padding: 10px;
margin-bottom: 20px;
}
code {
display: inline-block;
padding: 10px 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.content>[class^="wp-block-"] {
margin-bottom: 30px;
width: 100%;
}
.wp-block-archives-dropdown {
margin-bottom: 30px;
}
pre.wp-block-code {
background: #F8F8F8;
border: none;
}
pre.wp-block-preformatted {
margin-top: 10px;
}
.wp-block-table .has-fixed-layout {
background: #fff;
}
.wp-block-table .has-fixed-layout * {
border-color: var(--primary-color1) !important;
}
pre.wp-block-verse {
padding: 10px;
}
pre {
padding: 10px;
background: #fbe6e9;
}
code {
padding: 5px 15px;
background: #f8f8f8;
color: #000;
}
.wp-block-calendar {
background: #fbe6e9;
margin-bottom: 30px;
}
.wp-block-calendar nav.wp-calendar-nav {
padding: 7px;
}
.wp-block-media-text__content .has-large-font-size + p {
line-height: 1.6;
}
.wp-block-group.has-background {
padding: 20px;
margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.post-social-share-and-like-count {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.post-social-share-and-like-count {
display: none;
}
}
@media only screen and (max-width: 767px) {
.post-social-share-and-like-count {
display: none;
}
.content blockquote h2,
.blog-comments blockquote h2,
.page-wrapper blockquote h2 {
font-size: 18px;
}
.content blockquote,
.blog-comments blockquote,
.page-wrapper blockquote {
padding: 30px;
}
} .post .sticky-post-icon {
position: absolute;
right: 0;
top: 0;
width: 100px;
height: 100px;
content: "\e6de";
font-family: "themify";
display: block;
font-size: 80px;
color: var(--primary-color1);
left: auto;
padding-top: 14px;
line-height: 1;
text-align: center;
border-radius: 50%;
opacity: .3;
}
.post.sticky .signle-news-list {
border-radius: 5px;
border: 4px double var(--primary-color1);
}
.post.sticky.single-post-item .content{
padding: 30px;
} .format-link .content a {
background: #f6f9ff;
padding: 30px;
display: block;
text-align: center;
border-radius: 5px;
text-decoration: underline;
position: relative;
}
.format-link .content a:before {
content: "\e62d";
position: absolute;
right: 30px;
top: 50%;
transform: translateY(-50%);
font-size: 36px;
opacity: .3;
font-family: themify;
} .format-chat .content p {
background: #f6f9ff;
padding: 15px;
margin-right: 20px;
}
.format-chat .content p:nth-child(2n) {
margin-left: 20px;
margin-right: 0;
} .format-gallery .owl-carousel .owl-item img {
max-width: 100%;
width: 100%;
}
.format-gallery .owl-carousel .owl-nav>div {
background: #ffffff none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
color: #0a0c19;
height: 60px;
left: 60px;
opacity: 0;
padding-top: 17px;
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s ease 0s;
width: 60px;
}
.format-gallery .owl-carousel .owl-nav>div:hover {
background: var(--primary-color1);
color: #ffffff;
}
.format-gallery .owl-carousel .owl-nav>div.owl-next {
left: auto;
right: 60px;
}
.format-gallery .owl-carousel:hover .owl-nav>div.owl-next {
opacity: 1;
right: 20px;
visibility: visible;
}
.format-gallery .owl-carousel:hover .owl-nav>div.owl-prev {
left: 20px;
opacity: 1;
visibility: visible;
}
.format-gallery .owl-carousel .owl-dots {
position: absolute;
right: 20px;
bottom: 20px;
}
.format-gallery .owl-carousel .owl-dots>div {
display: inline-block;
width: 20px;
height: 10px;
border-radius: 3px;
transition: 0.3s;
background: #ffffff;
}
.format-gallery .owl-carousel .owl-dots>div.active {
background: var(--primary-color1);
width: 30px;
} .format-video .post-video-popup {
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
.post-video-popup {
background: var(--primary-color1) none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
color: #ffffff;
cursor: pointer;
font-size: 18px;
height: 80px;
line-height: 1;
margin-right: 30px;
padding-left: 10px;
padding-top: 2px;
position: relative;
text-align: center;
transition: all 0.3s ease 0s;
width: 80px;
border: 0;
}
.post-video-popup:hover {
background: #ffffff none repeat scroll 0 0;
color: var(--primary-color1);
box-shadow: 0 0 0 20px rgba(255, 255, 255, .3);
}
.format-video .post-video-popup {
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
} .single-post-item.format-quote {
background: #f8f8ff;
font-size: 18px;
padding: 50px;
text-align: center;
}
.format-quote .content {
padding: 0;
}
.format-quote .content::before,
.format-quote .content::after {
display: none;
}
.format-quote .post__author {
margin-top: 30px;
}
.format-quote .post__author img {
width: 40px;
height: 40px;
border-radius: 50%;
margin-right: 20px;
}
.post-quote {
background: var(--primary-color1) none repeat scroll 0 0;
border-radius: 50%;
box-shadow: 0 16px 32px rgba(83, 104, 253, .2);
color: #ffffff;
height: 50px;
margin: 0 auto 30px;
padding-top: 11px;
width: 50px;
} .single .content {
margin: 0;
}
.single .content img {
margin-bottom: 30px;
}
.single .content img:last-of-type {
margin-bottom: 0;
}
.post-bottom-meta {
margin-top: 50px;
overflow: hidden;
border-top: 1px solid #EEEEEE;
padding-top: 20px;
}
.post-bottom-meta ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
.post-bottom-meta>div {
float: none !important;
text-align: left;
}
.post-bottom-meta .post-tags,
.post-bottom-meta .post-share {
margin-top: 30px;
} .posts-navigation,
.comment-navigation {
border: 2px solid var(--primary-color1);
padding: 30px;
overflow: hidden;
background: #ffffff;
}
.comment-navigation {
margin-top: 50px;
}
.posts-navigation .screen-reader-text,
.comment-navigation .screen-reader-text {
display: none;
}
.posts-navigation .nav-links>div,
.comment-navigation .nav-links>div {
display: inline-flex;
align-items: center;
align-content: center;
justify-content: center;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 14px;
height: 18px;
}
.posts-navigation .nav-links>div.nav-previous,
.comment-navigation .nav-links>div.nav-previous {
float: left;
}
.posts-navigation .nav-links>div.nav-next,
.comment-navigation .nav-links>div.nav-next {
float: right;
}
.posts-navigation .nav-links>div i,
.comment-navigation .nav-links>div i {
line-height: 1;
font-size: 14px;
} .blog-comments {
background: transparent;
}
.blog-comments .comment-author .image img{
width: 65px;
height: 65px;
border-radius: 50%;
}
.comment-list > ul,
ul.children {
margin: 0;
padding: 0;
margin-left: 20px;
list-style: none;
}
.comment-reply {
float: none;
}
.comment-reply a {
display: inline-block;
}
.comment-reply a i {
margin-right: 5px;
}
.comment-reply a:hover {
color: var(--primary-color1);
} .comment-form {
background: #ffffff;
border-radius: 3px;
}
.comment-form .comment-form-cookies-consent #wp-comment-cookies-consent {
margin-right: 10px;
}
.comment-form input:focus,
.comment-form textarea:focus {
border-color: var(--primary-color1);
}
.comments-title,
.reply-title {
letter-spacing: 1px;
position: relative;
text-transform: capitalize;
z-index: 1;
margin-bottom: 30px;
}
.comments-title span,
.reply-title span {
background: #fff none repeat scroll 0 0;
overflow: hidden;
padding: 10px 20px;
position: relative;
}
.commetn-area .comment-list #reply-title {
display: flex;
justify-content: space-between;
align-items: center;
}
.blog-comment-form form .comment-form-cookies-consent {
display: flex;
justify-content: start;
align-items: baseline;
margin-bottom: 10px;
}
.blog-comment-form form .comment-form-cookies-consent input[type='checkbox'] {
width: auto;
margin-right: 10px;
}
@media only screen and (max-width: 767px) {
.blog-comments {
border-top: 0;
margin-top: 0;
background: inherit;
padding: 0;
}
.post-title {
font-size: 24px;
}
.format-quote {
padding: 20px !important;
}
.comment-reply {
display: inline-block !important;
}
}  .post__comments__author {
position: absolute;
left: 30px;
text-align: center;
}
.post__comments__author .post__author img {
display: block;
margin: 0 auto 5px;
}
.post__comment__count a {
display: block;
}
.post__comments__author .post__comment__count {
margin-top: 25px;
}
.post__comments__author .author__link {
color: #001737;
font-size: 14px;
font-weight: 500;
}
.post__comments__author .post__comment__count i {
font-size: 24px;
color: #001737;
} .error-area-wrapper h3 {
margin: 40px 0 20px 0;
font-size: 40px;
}
.error-area-wrapper form {
display: flex;
justify-content: center;
}
.error-area-wrapper form input {
margin-right: -8px;
}   .nice-select .option {
word-break: break-word;
white-space: normal;
font-size: 16px;
}
.blog-widget-item:last-child {
margin: 0;
}
.blog-widget-item h4 {
font-size: 20px;
margin-bottom: 40px;
text-align: center;
}
.blog-widget-item ul {
margin: 0;
padding: 0;
list-style: none;
} .widget_about {
text-align: center;
}
.blog-widget-item .about-details h4 {
font-size: 18px;
margin-bottom: 20px;
}
.widget_about img {
margin: 0 auto 30px;
width: 140px;
}
.widget_about .social-bookmark {
margin-top: 30px;
}
.widget_about .social-bookmark li a {
display: inline-block;
width: 40px;
color: #b3bed3;
}
.widget_about .social-bookmark li a.facebook:hover {
color: #3b5999;
}
.widget_about .social-bookmark li a.twitter:hover {
color: #55acee;
}
.widget_about .social-bookmark li a.google-plus:hover {
color: #dd4b39;
}
.widget_about .social-bookmark li a.youtube:hover {
color: #cd201f;
}
.widget_about .social-bookmark li a.linkedin:hover {
color: #0077B5;
}
.widget_about .social-bookmark li a.instagram:hover {
color: #e4405f;
}  .widget-area .widget_archive ul li ul.children,
.widget-area .wp-block-categories li ul.children,
.widget-area .widget_categories li ul.children {
margin-left: 15px;
}
.widget-area .widget_archive .nice-select .list li {
border-top: none;
font-size: 16px;
}
.widget_archive ul li:first-child,
.wp-block-categories li:first-child,
.widget_categories li:first-child,
.widget_pages ul li:first-child,
.widget_nav_menu ul li:first-child {
border: 0 none;
}
.widget_archive ul li li,
.wp-block-categories li li,
.widget_categories li li,
.widget_pages ul li li,
.widget_nav_menu ul li li {
margin-bottom: 15px;
position: relative;
padding-left: 0px;
transition: all 0.4s ease-in;
}
.widget_archive ul li li::before,
.wp-block-categories li li::before,
.widget_categories li li::before,
.widget_pages ul li li::before,
.widget_nav_menu ul li li::before {
content: "\F138";
font-family: "bootstrap-icons";
font-weight: 600;
position: absolute;
top: 0px;
left: 0;
color: var(--primary-color1);
opacity: 0;
transition: all 0.65s ease;
}
.widget_archive ul li a,
.wp-block-categories li a,
.widget_categories li a,
.widget_pages ul li a,
.widget_nav_menu ul li a {
font-size: 20px;
font-weight: 500;
color: var(--text-color2);
transition: all 0.42s ease-in-out;
display: block;
position: relative;
padding-bottom: 10px;
}
.widget_archive ul li a:hover,
.wp-block-categories li a:hover,
.widget_categories li a:hover,
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover {
color: var(--primary-color1);
}
.widget_archive>ul>li:last-child a,
.widget_categories>ul>li:last-child a,
.wp-block-categories>li:last-child a,
.widget_pages>ul>li:last-child a,
.widget_nav_menu>ul>li:last-child a {
margin-bottom: 0;
padding: 0;
}
.widget_archive ul li a:hover,
.widget_categories ul li a:hover,
.wp-block-categories li a:hover,
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover {
color: var(--primary-color1);
}
.widget_archive ul li a span,
.widget_categories ul li a span,
.wp-block-categories li a span,
.widget_pages ul li a span,
.widget_nav_menu ul li a span {
font-size: 18px;
text-align: center;
height: calc(100% - 2px);
position: absolute;
right: 1px;
top: -7px;
width: 50px;
transition: 0.3s;
border-radius: 50px 0 0 50px;
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
.widget_archive ul li a span:before,
.widget_categories ul li a span:before,
.wp-block-categories li a span:before,
.widget_pages ul li a span:before,
.widget_nav_menu ul li a span:before {
content: "(";
}
.widget_archive ul li a span:after,
.wp-block-categories li a span:after,
.widget_categories li a span:after,
.widget_pages ul li a span:after,
.widget_nav_menu ul li a span:after {
content: ")";
} .widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover {
color: var(--primary-color1);
}
.widget_pages ul.children,
.widget_nav_menu ul.sub-menu {
padding-left: 15px;
} .widget_recent_entries li {
border-bottom: 1px solid var(--primary-color1);
padding-bottom: 15px;
margin-bottom: 15px;
}
.widget_recent_entries li:last-child {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
}
.widget_recent_entries li a {
display: block;
font-size: 18px;
font-weight: 700;
color: var(--text-color);
}
.widget_recent_entries li .post-date {
display: block;
font-size: 14px;
letter-spacing: 0;
} .wp-block-latest-posts li a{
font-weight: 500;
display: block;
font-size: 16px;
}
.widget_post_with_thumb li {
margin-bottom: 20px;
border-bottom: 1px solid #e3eeff;
padding-bottom: 20px;
overflow: hidden;
}
.single__widget__post {
display: flex;
}
.widget_post_with_thumb li:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0;
}
.widget__post__thumb {
flex: 1 0 auto;
}
.widget_post_with_thumb li img {
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
height: auto;
max-width: 80px;
float: left;
margin-right: 20px;
border-radius: 5px;
}
.widget__post__content {
display: flex;
flex-direction: column;
}
.widget_post_with_thumb li a {
font-weight: 600;
display: block;
margin-bottom: 5px;
line-height: 1.5;
font-size: 16px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.widget__post__content .post-date {order: -1;margin-bottom: 5px;}
.widget_post_with_thumb li .post-date {
display: block;
font-size: 14px;
letter-spacing: 0;
}
.widget_post_with_thumb li .post-date i {
margin-right: 5px;
} .wp-block-cover .wp-block-cover__inner-container p.has-background {
padding: 60px 0 30px 0;
}
.wp-block-cover p.wp-block-cover-text {
line-height: 1.8;
}
.wp-block-cover p {
line-height: 1.8;
} .widget_recent_comments li {
margin-bottom: 10px;
}
.widget_recent_comments li:last-child,.wp-block-latest-comments li:last-child {
padding-bottom: 0;
border-bottom: 0;
margin-bottom: 0;
}
.widget_recent_comments li a,.wp-block-latest-comments li a {
font-size: 18px;
font-weight: 500;
color: var(--text-color);
}
.widget_recent_comments li a:hover,.wp-block-latest-comments li a:hover {
color: var(--primary-color1);
}
.wp-block-latest-comments li a:last-child {
font-weight: 500;
margin-top: 5px;
margin-bottom: 0;
}
.widget_recent_comments li > a,.wp-block-latest-comments li > a {
font-weight: 500;
display: inline-block;
}
.widget_recent_comments li .post-date,.wp-block-latest-comments li .post-date {
font-size: 14px;
} .widget_instagram {
overflow: hidden;
}
.widget_instagram li {
float: left;
padding: 5px;
width: 33.33%;
}
.widget_instagram li img {
border-radius: 0;
}
.widget_instagram ul {
margin-left: -5px;
margin-right: -5px;
}
ul.instagram {
margin: 0;
padding: 0;
list-style: none;
}
ul.instagram li {
width: 33.33%;
float: left;
padding: 2.5px;
} .widget_social_profile li {
display: inline-block;
}
.widget_social_profile li a {
display: block;
height: 40px;
margin: 0 5px;
padding-top: 8px;
text-align: center;
width: 40px;
border: 1px solid var(--primary-color1);
color: #bdc5ff;
padding-top: 6px;
}
.widget_social_profile li a:hover {
background: var(--primary-color1) none repeat scroll 0 0;
border-color: var(--primary-color1);
color: #ffffff;
}
.widget_search .page-search form {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%;
}
.widget_search .page-search form button[type="submit"] {
min-width: 60px;
}
.widget_search form button[type="submit"],.error-area-wrapper form button[type="submit"] {
border-radius: 0px 5px 5px 0px;
height: 50px;
min-width: 80px;
background: var(--primary-color1);
border: none;
margin: 0;
transition: all 0.42s ease-in-out;
color: #fff;
}
.service-section .swiper-fix{
padding: 12px;
margin: -12px;
}
.current-menu-item > a {
color: var(--primary-color1) !important;
} #wp-calendar {
margin: 0;
width: 100%;
}
#wp-calendar>caption {
background: var(--primary-color1) none repeat scroll 0 0;
color: #ffffff;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
caption-side: top;
}
#wp-calendar th {
background: #f6f9ff;
padding: 5px 0;
text-align: center;
color: #252525;
font-size: 14px;
}
#wp-calendar tfoot td {
border: medium none;
padding-top: 5px;
}
#wp-calendar tfoot td#next {
text-align: right;
}
#wp-calendar tbody td {
padding: 5px 0;
text-align: center;
}
#wp-calendar tbody td a {
position: relative;
}
#wp-calendar tbody td a:before {
background: #e6eeff;
content: "";
position: absolute;
z-index: -1;
left: 0;
margin: 0;
top: 0;
width: 100%;
border-radius: 50%;
height: 100%;
}
#wp-calendar tfoot tr td {
padding: 10px;
padding-bottom: 5px;
padding-top: 5px;
}
#wp-calendar tbody td#today {
position: relative;
}
#wp-calendar tbody td#today:before {
height: calc( 100% + 2px );
width: calc( 100% + 2px );
position: absolute;
left: -1px;
top: -1px;
content: "";
z-index: 1;
border-top: 1px solid var(--primary-color1);
border-left: 1px solid var(--primary-color1);
} .widget_rss li {
margin-bottom: 20px;
}
.widget_rss li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: 0;
}
.widget_rss li a {
font-weight: 500;
font-size: 18px;
}
.widget_rss li .rss-date {
display: block;
margin-bottom: 10px;
font-size: 14px;
color: var(--primary-color1);
}
.widget_rss li cite {
color: #252525;
letter-spacing: 1px;
margin-top: 5px;
display: block;
font-weight: 600;
}
.widget_rss li cite:before {
display: inline-block;
width: 20px;
height: 2px;
background: var(--primary-color1);
content: "";
position: relative;
top: -5px;
margin-right: 10px;
} .widget_text p {
margin-bottom: 20px;
color: #272727;
line-height: 1.8;
}
.widget_text p:last-of-type {
margin-bottom: 20px;
} .widget_meta ul li li {
border: 0 none;
}
.widget_meta ul li a {
display: block;
margin-bottom: 10px;
position: relative;
font-size: 18px;
font-weight: 700;
color: var(--text-color);
transition: all 0.35s ease-in-out;
}
.widget_meta ul li a:hover {
color: var(--primary-color1);
}
.widget_meta ul li:last-child a {
margin-bottom: 0;
} .blog-widget-item.widget_banner {
padding: 0;
} .search-form-control {
width: 100%;
height: 100vh;
overflow: hidden;
position: fixed;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-button.close {
opacity: 0;
} .contact_widget p {
margin-bottom: 10px;
}
.contact_widget p:last-child {
margin-bottom: 0;
}
.contact_widget .fa {
margin-right: 10px;
}
.contact_widget i {
bottom: -3px;
font-size: 20px;
margin-right: 10px;
position: relative;
} .subscriber-form-group {
height: 60px;
position: relative;
background: var(--primary-color1) none repeat scroll 0 0;
}
.subscriber-form-group input {
left: 0;
padding-right: 110px;
position: absolute;
top: 0;
height: 100%;
padding: 10px 20px;
background: transparent;
border: 0 !important;
border-radius: 0 !important;
}
.subscriber-form-group button {
background: var(--primary-color1);
border: 0 none;
color: #ffffff;
height: 100%;
padding: 10px;
position: absolute;
right: 0;
top: 0;
min-width: 60px;
transition: 0.3s;
border-radius: 0 !important;
}
.subscriber-form-group button:hover {
background: var(--primary-color1) none repeat scroll 0 0;
color: #ffffff;
}
.subscrier_msg {
text-align: center;
width: 100%;
display: none;
}
.subscrier_msg.valid {
position: absolute;
left: 0;
} .widget ul {
margin: 0;
padding: 0;
list-style: none;
}
footer.footer-wrapper .footer-item .mc4wp-response p {
margin-top: 25px;
}  .post-tags li a {
font-size: 14px;
text-transform: capitalize;
font-weight: 500;
color: #7A7A7A;
padding: 3px 10px;
height: auto;
margin-left: 5px;
border-radius: 3px;
background: #F3F3F3;
}
.post-tags li a:hover {
background: var(--primary-color1);
border-color: var(--primary-color1);
color: #ffffff;
} .widget-area {
position: relative;
z-index: 1;
}
.blog-posts-list {
padding-right: 20px;
}
.single-download .blog-widget-item {
margin-bottom: 30px;
}
.blog-widget-item:before {
width: 0%;
height: 4px;
content: "";
position: absolute;
left: 0;
top: 0;
background: linear-gradient(90deg, #00abe9 0%, #0030ff 100%);
transition: 0.5s;
}
.blog-widget-item:hover:before {
width: 0%;
}
.blog-widget-item h3 {
font-size: 22px;
font-weight: 700;
color: var(--text-color);
margin-bottom: 20px;
}
.blog-comments {
padding: 0;
padding-top: 1px;
}
.blog-comments .comment-list .comment-respond{
padding: 20px;
margin-bottom: 20px;
border: 1px solid #eee;
}
.comments-title {
font-size: 2.059rem;
font-weight: 700;
color: var(--text-color);
padding-bottom: 5px;
}
.comments-title::after {
content: "";
position: absolute;
left: 0px;
bottom: 0px;
width: 70px;
height: 3px;
border-radius: 30px;
background-color: var(--primary-color1);
}
@media (min-width: 768px) and (max-width: 991px) {
.blog-posts-list {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
.blog-posts-list {
padding: 0;
}
.posts__bottom__meta {
margin-top: 20px;
}
.posts__bottom__meta .post__author {
display: none;
}
.posts__bottom__meta .posts__readmore {
float: none;
}
}  .post__top__meta {
margin-bottom: 13px;
}
.post__top__meta .post__date__and__category {
margin-bottom: 0;
}
a.post_readmore_button {
color:#ffffff;
background: var(--primary-color1);
display: inline-block;
padding: 8px 25px;
border-radius: 3px;
margin-top: 30px;
position: relative;
overflow: hidden;
z-index: 1;
font-size: 14px;
letter-spacing: 1px;
}
a.post_readmore_button:hover {
background: #2e2d31;
}
a.post_readmore_button i {
margin-left: 6px;
}
.single-post-item {
position: relative;
border-radius: 0;
overflow: hidden;
}
.single-post-item .post-media {
border-radius: 0;
overflow: hidden;
}
.single-post-item .content {
border: 0;
}
.single .single-post-item {
box-shadow: 0 0 0;
background: inherit;
border-radius: 0;
overflow: inherit;
}
.single .single-post-item .post-media {
border-radius: 0;
overflow: inherit;
}
.single .single-post-item .content {
border: inherit;
}
.single .related-post .single-post-item {
box-shadow: 0 10px 80px rgb(54 65 90 / 10%);
}
.blog-details-area .post-video iframe {
min-height: 540px;
}
.blog-standard-single .post-video iframe {
min-height: 480px;
} .widget_media_gallery figure img {
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 3px;
}
.widget_media_gallery figure>div {
padding: 5px;
}
.single__post__top__meta {
margin-top: 0;
}
.single__post__top__meta a {
background: #ffffff;
padding: 10px 20px;
border-radius: 50px;
font-size: 15px;
color: #1A152E;
display: inline-block;
}
.single__post__top__meta a:hover {
background: var(--primary-color1) !important;
color: #ffffff !important;
}
.single__post__top__meta .post__date__and__category {
padding: 0;
margin-right: 0;
display: flex;
align-items: center;
}
.post__date__and__category {
width: 100%;
}
.post__date__and__category ul {
margin: 0;
padding-left: 20px;
}
.single__post__top__meta .post-share li a {
display: inline-block;
font-size: 14px;
margin-right: 5px;
text-align: center;
width: 35px;
background: #ffffff;
height: 35px;
padding: 10px 0 0;
border-radius: 50px;
border: 0;
}
@media only screen and (max-width: 767px) {
.single__post__top__meta .post__date__and__category {
display: block;
text-align: center;
}
.single__post__top__meta .post__date__and__category .post-share {
margin-top: 25px;
}
}
.single .post.single-post-item .content {
padding: 0 !important;
border: 0;
background: inherit;
}
.single .post.single-post-item .post-media {
margin-bottom: 40px;
border-radius: 10px;
overflow: hidden;
}
.single__post__author {
display: inline-flex;
align-items: center;
text-align: left;
margin-top: 30px;
}
.single__post__author .author__thumb__wrap {
width: 60px;
border-radius: 50px;
overflow: hidden;
margin-right: 13px;
border: 3px solid;
box-sizing: border-box;
}
.single__post__author .author__thumb__wrap img {
border-radius: 50%;
}
.single__post__author .author__link {
font-weight: 600;
font-size: 16px;
line-height: 1;
}
.widget-area .blog-widget-item {
padding: 30px 25px;
} .page-wrapper blockquote, .content blockquote, .blog-comments blockquote {
border: 0 none;
background: #f8f8f8;
width: 100%;
height: auto;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
padding: 40px;
margin-bottom: 30px;
position: relative;
}
.content blockquote:before,.page-wrapper blockquote:before, .blog-comments blockquote:before {
color: var(--primary-color1);
transition: 0.3s;
content: url(//raysandtarang.com/wp-content/themes/raysandtarang/assets/images/icons/blog-stand-qote.svg);
font-weight: 600;
position: absolute;
padding-top: 5px;
top: -30px;
right: 25px;
height: 56px;
width: 56px;
line-height: 56px;
text-align: center;
border-radius: 50%;
background: #FFFFFF;
box-shadow: 3px 4px 30px rgb(136 136 136 / 15%);
}
.wp-block-quote cite, .wp-block-quote footer,.wp-block-pullquote.is-style-solid-color blockquote cite {
font-size: 25px;
font-weight: 700;
color: var(--primary-color1);
font-family: 'cuprum', sans-serif;
}
.content blockquote p, .wp-block-quote.is-large p, .wp-block-quote.is-style-large p {
font-size: 22px;
font-weight: 600;
color: var(--text-color);
line-height: 1.5;
font-family: 'cuprum', sans-serif;
}
figure.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color.is-style-solid-color blockquote::before {
left: -45px;
top: -35px;
}
figure.wp-block-pullquote.has-background.has-cyan-bluish-gray-background-color.is-style-solid-color blockquote {
max-width: 60%;
text-align: left;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large {
padding: 30px 100px !important;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large p {
font-size: 26px !important;
line-height: 1.3;
}
.wp-block-quote.has-text-align-right{
padding-right: 2em !important;
}
blockquote.has-text-color.has-light-gray-color {
padding: 50px 90px;
}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {
background-color: #FF3524;
}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote {
max-width: 80%;
background: transparent!important;
padding: 0!important;
}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color blockquote:before {
left: 5px;
top: -65px;
}
blockquote.has-text-color.has-light-gray-color p {
font-size: 20px!important;
color: #292929;
font-weight: 600;
line-height: 1.3em!important;
margin-bottom: 10px!important;
font-style: normal;
}
.related-post .post__grid__layout__2 .content.have-not-img {
left: 0px;
width: 100%;
}
.blog-tag-area .tag-list a:hover {
background: #333;
color: #fff;
}
p.wp-block-tag-cloud {
margin: 0;
padding: 0;
}
.tagcloud a, .wp-block-tag-cloud a {
text-align: center;
display: inline-block;
margin: 10px 5px 0 0;
font-size: 14px;
font-weight: 400;
color: var(--text-color2);
background: #F8F8F8;
padding: 8px 15px;
text-transform: capitalize;
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
border-radius: 3px;
border: 1px solid transparent;
}
.wp-block-tag-cloud a:hover,.tagcloud a:hover {
color: #ffffff;
border: 1px solid var(--primary-color1);
background-color: var(--primary-color1);
}
pre {
padding: 25px;
background: #e9f0f7;
overflow: hidden;
word-wrap: break-word;
}
.single-post-item .post-media img {
border-radius: 10px;
}
ul.wp-block-page-list li a {
margin: 0;
background: transparent;
height: inherit;
padding: 10px 0;
color: #1A152E;
font-size: inherit;
text-transform: capitalize;
line-height: 1.3;
position: relative;
}
ul.wp-block-page-list li  {
color: #515151;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.1px;
line-height: 43px;
}
ul.wp-block-page-list li a:before {
display: inline-block;
content: "...";
top: -4px;
position: relative;
margin-right: 10px;
opacity: .5;
font-size: 20px;
line-height: 1;
transition: 0.3s;
}
.widget-area ul.wp-block-page-list li ul.submenu-container {
padding-left: 15px;
}
.widget-area .wp-block-latest-comments li a:last-child {
display: block;
}
.widget-area .wp-block-latest-comments a.wp-block-latest-comments__comment-link {
display: inline-block!important;
font-size: 16px!important;
font-weight: 500!important;
}
.widget-area ul.wp-block-latest-posts li a {
font-size: 17px;
font-weight: 700;
color: var(--text-color);
-webkit-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
}
.widget-area ul.wp-block-latest-posts li a:hover {
color: var(--primary-color1);
}
.widget-area .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date {
text-transform: capitalize;
font-size: 14px;
display: inline-block;
letter-spacing: 0;
color: #515151;
margin-right: 12px;
}
.widget-area .wp-block-latest-posts__featured-image img {
width: 100%;
}
.widget-area ol.has-avatars.has-dates.has-excerpts.wp-block-latest-comments {
margin-bottom: 10px;
}
.widget-area .wp-block-archives-dropdown {
margin-bottom: 0px;
}
.wp-block-archives-dropdown ul li::after {
content: none;
}
.wp-block-categories-dropdown ul li::after {
content: none;
}
.wp-block-media-text {
margin-top: 30px!important;
margin-bottom: 30px!important;
}
.wp-block-columns.alignwide figure.wp-block-image {
margin-top: 10px;
}
.wp-block-video figcaption {
margin-top: 15px;
}
.wp-block-image figcaption {
text-align: unset;
}
.wp-block-columns.alignwide blockquote {
padding: 50px 25px;
}
.offcanvas__content__close__trigger {
line-height: 55px;
}
.related-post .post__grid__layout__2 img{
min-height: 166px;
object-fit: cover;
}
blockquote.wp-block-quote.has-text-align-right.extraclass {
text-align: right;
}
.wp-block-button.is-style-squared a.wp-block-button__link {
border-radius: 0;
}
.blog__content__wrap .wp-block-pullquote blockquote p {
font-style: normal!important;
}
pre {
margin-top: 15px;
background-color: #f8f8f8;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
background-size: 100%;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f5f5f5), color-stop(50%, #e6e6e6));
background-image: linear-gradient(#f8f8f8 50%, rgb(67 143 249 / 10%) 50%);
background-size: 38px 38px;
border: 1px solid #f8f8f8;
display: block;
line-height: 19px;
margin-bottom: 20px;
overflow: visible;
overflow-y: hidden;
padding: 0 0 0 4px;
word-break: break-word;
}
.single .content ul.wp-block-rss {
margin-top: 15px;
}
.single .content p.wp-block-tag-cloud {
margin-bottom: 25px;
}
.content ul li ul, .content ol li ol {
padding-left: 24px;
}
.single-post-item.format-quote {
background: #fff;
font-size: inherit;
padding: 0;
text-align: left;
box-shadow: none;
}
.content.post-quote-custom {
padding: 0;
text-align: left;
background: transparent;
}
.content .wp-block-button__link {
color: #fff;
}
.wp-block-button__link {
background-color: var(--primary-color1);
padding: 8px 25px;
letter-spacing: 1;
color: #fff;
}
.wp-block-button__link:hover {
background: #2e2d31;
}
.is-style-outline .wp-block-button__link:hover {
background: #2e2d31;
color: #fff;
}
.comment-content>ul, .comment-content>ol {
padding-left: 18px;
}
.comment-content>ul li ul, .comment-content>ol li ol {
padding-left: 24px;
}
.content .wp-block-cover-image-text, .wp-block-cover-image-text a,
.content .wp-block-cover-image-text a:active, 
.content .wp-block-cover-image-text a:focus, 
.content .wp-block-cover-image-text a:hover, 
.content .wp-block-cover-text, .wp-block-cover-text a, 
.content .wp-block-cover-text a:active, 
.content .wp-block-cover-text a:focus, 
.content .wp-block-cover-text a:hover, 
.content section.wp-block-cover-image h2, 
.content section.wp-block-cover-image h2 a, 
.content section.wp-block-cover-image h2 a:active, 
.content section.wp-block-cover-image h2 a:focus, 
.content section.wp-block-cover-image h2 a:hover {
color: #fff;
}
.wp-block-image .alignleft {
margin: 8px 25px 8px 0;
}
.wp-block-image .alignright {
margin: 8px 0 8px 25px;
}
.breadcrumb-desc {
font-size: 20px;
font-weight: 500;
font-family: "Poppins", sans-serif;
position: relative;
padding-left: 20px;
color: var(--primary-color1);
}
.content li.blocks-gallery-item {
padding-left: 0;
}
.content li.blocks-gallery-item::after {
content: none;
}
ul.pagination {
gap: 10px;
list-style: none;
}
ul.pagination a.next.page-link:after {
content: url(//raysandtarang.com/wp-content/themes/raysandtarang/assets/images/icons/pagination-arrow-right.svg);
}
ul.pagination a.next.page-link:hover::after {
content: url(//raysandtarang.com/wp-content/themes/raysandtarang/assets/images/icons/pagination-arrow-right.svg);
}
ul.pagination a.prev.page-link:hover::after {
content: url(//raysandtarang.com/wp-content/themes/raysandtarang/assets/images/icons/pagination-arrow-left.svg);
}
ul.pagination a.prev.page-link:after {
content: url(//raysandtarang.com/wp-content/themes/raysandtarang/assets/images/icons/pagination-arrow-left.svg);
}
.content .pagination li {
margin-bottom: 0;
}
.pagination li a {
position: relative;
display: block;
color: #18212E;
font-size: 16px;
padding: .375rem .75rem;
font-weight: 600;
text-decoration: none;
background-color: var(--white);
border: 1px solid #EEEEEE;
border-radius: 5px 5px 5px 0px;
transition: 0.42s ease;
}
.pagination li span.current {
z-index: 3;
color: var(--white);
background-color: var(--primary-color1);
border-color: var(--primary-color1);
padding: .375rem .75rem;
border-radius: 5px 5px 5px 0px;
}
.pagination-wrap .page-link.current {
z-index: 3;
color: var(--white);
background-color: var(--primary-color1);
border-color: var(--primary-color1);
padding: .375rem .75rem;
border-radius: 5px 5px 5px 0px;
}
.pagination-wrap .page-link.dots {
background: none;
border: none;
padding: 0.375rem 0;
}
.pagination-wrap .page-link.dots:hover {
color: #000;
}
.wp-block-latest-posts__list li:last-child .alignleft{
margin-bottom: 0;
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
border-bottom: none;
}
.blog-comment-form #respond #cancel-comment-reply-link {
color: var(--primary-color1);
}
.blog-details-single .blog-tag-area {
margin-top: 40px;
}
.blog-details-single .blog-categories {
display: flex;
flex-direction: column;
align-items: start;
gap: 7px;
padding: 0 20px;
}
.blog-details-single .blog-categories h5{
font-size: 18px;
font-weight: 500;
color: var(--text-color);
margin: 0;
}
.blog-details-single .blog-categories .categories {
display: flex;
gap: 28px;
flex-wrap: wrap;
}
.blog-details-single .blog-categories a {
position: relative;
font-size: 14px;
font-weight: 400;
color: var(--text-color2);
}
.blog-details-single .blog-categories a:hover{
color: var(--primary-color1);
transition: all 0.3s;
}
.blog-details-single .blog-categories a::after {
content: "";
position: absolute;
right: -18px;
top: 8px;
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--primary-color1);
}
.blog-details-single .blog-categories a:last-child::after {
content: none;
}
.blog-tag-area .tag-list {
margin: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.blog-tag-area .tag-list a {
background: #ddd;
padding: 5px 10px;
font-size: 14px;
color: #646464;
}
.blog-tag-area h6 {
margin: 0px;
font-weight: 500;
font-size: 20px;
}
.blog-tag-area .tag-list a:last-child::after {
content: none;
}
.about-right-button > div {
gap: 20px;
}
.main-nav.show-menu .set-menu {
padding-top: 30px;
}
@media only screen and (max-width: 767px) {
.blog-details-single .blog-categories{
padding: 0;
margin-top: 10px;
}
}