/*!
Theme Name: Professional Persona
Theme URI: https://www.themesbazar.com
Author: Yellow Host
Author URI: https://www.themesbazar.com
Description: A responsive, customizable personal portfolio theme for professionals, creators, consultants, doctors, freelancers and business owners.
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: aboutme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

AboutMe is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

/* Base CSS */
@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap");

@font-face {
  font-family: "SolaimanLipiNormal";
  src: url("assets/fonts/solaiman-lipi.eot");
  src: url("assets/fonts/solaiman-lipi.eot") format("embedded-opentype"),
    url("assets/fonts/solaiman-lipi.woff") format("woff"),
    url("assets/fonts/solaiman-lipi.ttf") format("truetype"),
    url("assets/fonts/solaiman-lipi.svg#SolaimanLipiNormal") format("svg");

  font-weight: normal;
  font-style: normal;
}

.alignleft {
  float: left;
  margin-right: 15px;
}
.alignright {
  float: right;
  margin-left: 15px;
}
.aligncenter {
  display: block;
  margin: 0 auto 15px;
}
a:focus {
  outline: 0 solid;
}
img {
  max-width: 100%;
  height: auto;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
  font-weight: normal;
}
body {
  width: 100%;
  font-family: SolaimanLipiNormal;
}
a:hover {
  text-decoration: none;
}

/*======================================
                             menu css-start
                ======================================*/

.menu_section {
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  transition: 0.8s;
  position: absolute;
  width: 100%;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  transition: 0.8s;
}

.menu_area .menu_bottom .mainmenu a,
.navbar-default .navbar-nav > li > a {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  padding: 23px 8px;
  font-weight: 400;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #fff !important;
  margin: 0px;
  background-color: transparent;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul .dropdown-menu {
  background: rgba(0, 0, 0, 0.7);
}
.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul .dropdown-menu {
  background: rgba(0, 0, 0, 0.7);
}

.logo {
  width: 14%;
  float: left;
  display: inline-block;
  margin-right: 20px;
}

.logo img {
  width: 100%;
  border-radius: 35%;
  display: block;
  height: auto;
  margin: 12px 0px 0 0;
}
.name {
  margin-top: 18px;
  float: left;
  margin-right: 40px;
}

.name a {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}
.hader-social {
  margin-top: 15px;
}

.hader-social a {
  height: 35px;
  width: 35px;
  background: #fff;
  display: inline-block;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  margin-right: 8px;
}

.hader-social a:nth-child(1) {
  background: #3b579d;
  color: #fff;
}

.hader-social a:nth-child(2) {
  background: #5dd7fc;
  color: #fff;
}

.hader-social a:nth-child(3) {
  background: #dd4b39;
  color: #fff;
}

/*======================================
                                menu css-End
                    ======================================*/

/*======================================
                                AboutMe Section css-Start
                    ======================================*/
.aboutme-section {
  padding-top: 170px;
  padding-bottom: 140px;
  background-size: cover;
  background-position: center;
  background-color: #ddd;
  background-attachment: fixed;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}

.aboutme-section:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.8);
}

.aboutme-image {
  text-align: right;
}

.aboutme-image img {
  width: 60%;
  height: auto;
  border-radius: 50%;
  border: 10px solid rgba(255, 255, 255, 0.1);
	margin-right: 50px;
}

.about-sub {
  font-size: 20px;
  text-transform: uppercase;
  margin-top: 40px;
  font-family: "Poppins";
  color: #fff;
  font-weight: 300;
  letter-spacing: 1px;
  margin-bottom: 14px;
}

.designation {
  font-size: 40px;
  font-weight: 800;
  color: #72b626;
  font-family: "Poppins";
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.about-content {
    font-size: 16px;
    color: #fff;
    line-height: 24px;
    font-family: "Poppins";
    font-weight: 300;
    text-align: justify;
}

.about-btn {
  margin-top: 30px;
}

.about-btn ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.about-btn ul li {
  display: inline-block;
  margin-right: 30px;
}

.about-btn ul li a {
  border: 1px solid #72b626;
  padding: 10px 31px;
  display: inline-block;
  border-radius: 50px;
  text-transform: uppercase;
  color: #72b626;
  font-family: "Poppins";
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  transition: 0.8s all;
}
.about-btn ul li a:hover {
  background: #72b626;
  color: #fff;
}
.about-btn .active {
  background: #72b626;
  border-radius: 50px;
  color: #fff;
}

.about-btn .active a {
  color: #fff;
}

/*======================================
                                AboutMe Section css-End
                    ======================================*/

/*======================================
                                Biodata Section css-Stary
                    ======================================*/

.biodata-section-wrpp {
  text-align: center;
  margin-bottom: 25px;
  margin-top: 10px;
}

.biodata-section-title {
  font-size: 40px;
  color: #01284f;
  text-shadow: 0 4px 1px #3333;
}

.biodata-wrpp {
  border: 1px solid #acacac;
  padding: 28px 0 20px 16px;
  border-radius: 5px;
  margin-bottom: 35px;
}

.bio-title {
  font-size: 22px;
  color: #000;
  margin-bottom: 10px;
}

.bio-title-sub {
  font-size: 16px;
  color: #4f4e4e;
}

.year {
  position: absolute;
  left: 34px;
  top: -18px;
}

.year span {
  border: 1px solid #acacac;
  padding: 8px;
  display: inline-block;
  font-size: 16px;
  background: #fff;
}

/*======================================
                                Biodata Section css-End
                    ======================================*/

/*======================================
                            photo-Gallery Section css-Start
                    ======================================*/
.photo-content {
  /*	column-count: 3;
	column-gap: 15px;*/
}

.gallery-wrpp {
  margin-bottom: 14px;
}

.custom-padding {
  padding-right: 7px !important;
  padding-left: 7px !important;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  background: #46c965;
  font-size: 30px;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  margin-top: 10px;
  cursor: pointer !important;
  box-shadow: 0 0 2px #757373;
}
.mfp-content {
  margin-top: 5%;
}

.gallery-image {
  position: relative;
}
.gallery-image img {
  width: 100%;
}
.gallery-title {
  position: absolute;
  bottom: -5%;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.8);
  display: inline-block;
  padding: 10px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.8s all;
}

.gallery-wrpp:hover .gallery-title {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.read-more {
  margin-bottom: 20px;
}
.read-more a {
  background: #f00;
  padding: 7px 20px;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
.padding-o {
  padding-left: 7px;
}

/*======================================
                            photo-Gallery Section css-End
                    ======================================*/

/*======================================
                            Video-Gallery Section css-Start
                    ======================================*/
.video-gallery-section {
  padding: 10px 0 20px 0;
}

.cat-content {
  column-count: 3;
  column-gap: 18px;
}

.cat_wrpp {
  margin-bottom: 15px;
  display: inline-block;
  position: relative;
}

.cat_image_images img {
  width: 100%;
  height: auto;
}
.cat_image_images {
  position: relative;
}

.cat_image_title {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 999;
  width: 100%;
  padding: 2px 6px;
}

.cat_image_title a {
  color: #fff;
  font-size: 17px;
  text-decoration: none;
  transition: 0.5s all;
}

.btn-primary {
  color: #fff !important;
  background-color: transparent !important;
  border: 3px solid #fff !important;
}
.btn {
  position: absolute;
  left: 42%;
  top: 36%;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  font-size: 45px;
  padding-left: 15px;
  padding-bottom: 9px;
  font-size: 23px;
  z-index: 999;
  transition: 0.8s all;
}

.cat_wrpp:hover .btn {
  background: #fff !important;
}

.cat_wrpp:hover .btn-primary {
  border: 3px solid #fff !important;
  color: #72b626 !important;
}

.modal-content {
  margin-top: 10%;
}

.modal-header span {
  color: #fff;
  font-size: 20px !important;
  background: #72b626;
  border-radius: 50%;
  width: 40px;
  display: inline-block;
  height: 40px;
  line-height: 35px;
}

/*======================================
                            Video-Gallery Section css-End
                    ======================================*/

/*======================================
                             News Section css-End
                    ======================================*/
.news-section {
  padding-top: 20px;
  padding-bottom: 20px;
}

.news-content {
  column-count: 3;
  column-gap: 17px;
}

.news-wrpp {
  display: inline-block;
  width: 100%;
  margin-bottom: 16px;
  position: relative;
}

.news-image img {
  width: 100%;
  height: auto;
}

.news-title {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  width: 100%;
}
.news-title a {
  color: #fff;
  font-size: 17px;
}

/*======================================
                             News Section css-End
                    ======================================*/

/*=============================
                        footer-css-start
                ===============================*/
.contact-wrpp {
  text-align: center;
  margin-bottom: 60px;
  margin-top: 60px;
}

.contact-title {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 700;
  font-family: "Poppins";
  margin-bottom: 7px;
  position: relative;
  z-index: 1;
}

.contact-dateils {
  font-size: 18px;
  font-family: "Poppins";
  font-weight: 300;
  color: #707070;
}

.footer-wrpp {
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid #f4f3f3;
  padding: 10px 0 19px 5px;
}

.footer-icon {
  font-size: 40px;
  color: #01284f;
}

.footer-title {
  font-size: 17px;
  font-family: "Poppins";
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  color: #161c2d;
}

.footer-content {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 8px;
  color: #707070;
}

.footer-title-sub a {
  color: #c52c20;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-decoration: none;
}

/*--------- bottom footer css-start---------------*/

.bottom-footer-section {
  background: #161c2d;
  padding: 20px 0;
}

.copy-right {
  font-size: 16px;
  color: #fff;
  text-align: center;
}

.copy-right a {
  text-decoration: none;
  color: #ff5e14;
  font-size: 18px;
  font-weight: 700;
}

.bottom-footer-social {
  text-align: center;
  border-bottom: 1px solid #25304f;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.bottom-footer-social a {
  width: 40px;
  height: 40px;
  border: 1px solid #25304f;
  text-decoration: none;
  margin-right: 10px;
  display: inline-block;
  line-height: 39px;
  font-size: 16px;
  border-radius: 50%;
}

.scrollToTop {
  width: 50px;
  height: 50px;
  padding: 10px;
  background: #01284f;
  position: fixed;
  right: 25px;
  bottom: 70px;
  z-index: 9999;
}

.scrollToTop i.fa {
  font-size: 35px;
  color: #fff;
  font-weight: 600;
  top: 5px;
  display: block;
  position: absolute;
  right: 13px;
}

/*--------- bottom footer css-End---------------*/

/*--------- all-page css-Start---------------*/

.all-page-section {
  background-image: url(assets/img/personal.jpg);
  background-color: #ddd;
  background-size: cover;
  background-position: center;
  padding: 126px 0;
  position: relative;
  z-index: 1;
}

.all-page-section::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.6);
}

.all-page-title {
  font-size: 35px;
  font-weight: 600;
  color: #fff;
}
.all-page-title a {
  color: #fff;
  text-decoration: none;
}

.all-page-content {
  font-size: 20px;
  color: #ff0;
  text-decoration: none;
  margin-top: 10px;
}
.all-page-content a{
  font-size: 20px;
  color: #ff0;
  text-decoration: none;
  margin-top: 10px;
}
/*--------- all-page css-Start---------------*/

/*===========Contact-page css start==================*/

.contact-page-section {
  margin-top: 52px;
}

.contact-p-wrpp {
  text-align: center;
  border: 1px solid #ddd;
  margin-bottom: 20px;
}

.contact-page-icon i.fa {
  background: #01284f;
  width: 130px;
  height: 130px;
  font-size: 50px;
  border-radius: 50%;
  line-height: 134px;
  color: #fff;
  margin-top: 40px;
}

.contact-page-title {
  font-size: 30px;
  margin-top: 20px;
  color: #01284f;
  margin-bottom: 20px;
  font-weight: 600;
}

.contact-page-content {
  margin-bottom: 30px;
}

.contact-page-content ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.contact-page-content ul li {
  font-size: 16px;
  color: #4a4747;
  margin-bottom: 7px;
}

.page-from-title {
  text-align: center;
  font-size: 30px;
  margin-bottom: 29px;
  text-transform: uppercase;
  color: #01284f;
  font-weight: 700;
}

.page-contact-from {
  background: #f7f7fd;
  padding: 40px 0;
  margin-top: 40px;
}

.page-from-wpper input[type="text"],
input[type="email"],
input[type="number"],
textarea {
  background: #fff;
  border: none;
  padding: 15px;
  color: #000;
  margin-bottom: 32px;
  font-size: 16px;
}

.page-from-wpper input,
.page-from-wpper textarea {
  width: 100%;
  margin-bottom: 15px;
  color: #000;
}

.page-from-wpper input[type="submit"] {
  width: auto;
  margin: 0;
}
.page-from-wpper input[type="submit"] {
  width: auto;
  margin: 0 auto;
}

.contact-from-btn {
  text-align: center;
  margin-top: 14px;
}

.page-from-wpper input[type="submit"],
button[type="submit"] {
  background: #01284f;
  padding: 14px 56px;
  font-size: 20px;
  color: #fff;
  border: none;
  text-transform: uppercase;
  text-align: center;
  transition: 0.8s;
}

.page-from-wpper input[type="submit"]:hover {
  background: #010e2a;
  color: #fff;
}

.maps-section iframe {
  width: 100%;
  height: 500px;
}


/*=============================
		style for single page
=============================*/

.single-page-content-area {
  padding-top: 7%;
}

.single-page-content .post-thumbnail img {
width: 80%;
margin: 20px 100px;
padding: 7px;
border: 1px solid #ddd;
}
.single-page-content header h1 {
  font-size: 24px;
  font-weight: 700;
  color: #555;
}
.entry-content {
  border: 1px solid #ddd;
  padding: 15px 10px;
  margin-bottom: 30px;
}
.entry-content p {
  text-align: justify;
  font-size: 17px;
}
.single-page-content .entry-content p {
  line-height: 26px;
  text-align: justify;
  font-size: 15px;
}
nav.navigation.post-navigation {
  margin: 16px 0;
  border: 1px solid #ddd;
  padding: 10px;
}
nav.navigation.post-navigation h2 {
  font-size: 18px;
  font-weight: 700;
  color: #555;
  margin-bottom: 10px;
}

.single-page-content header.entry-header {
  border: 1px solid #ddd;
  padding: 10px;
}

/*===============================
Style for sidebar widget
===============================*/

aside section {
  border: 1px solid #ddd;
  margin-bottom: 20px;
}
aside section h2 {
  font-size: 18px;
  font-weight: 600;
  padding: 10px 0 0 10px;
  color: #555;
}
aside section ul {
  padding: 0 0 0 12px;
  list-style: none;
}
aside section ul li {
  line-height: 27px;
}
aside section ul li a {
  color: #555;
}

aside section .calendar_wrap table {
  width: 100%;
  text-align: center;
}
aside section .calendar_wrap table caption {
  padding-left: 10px;
}
aside section .calendar_wrap table thead tr th {
  text-align: center;
}

aside section form .screen-reader-text {
  display: none;
}
aside section form {
  padding: 10px;
  text-align: right;
}
aside section form label {
  width: 100%;
}
aside section form input[type="search"] {
  width: 100%;
  border: 1px solid #ddd;
  padding: 5px 8px;
  font-size: 14px;
  font-weight: 400;
}

/*=============================
		style for Archive page
=============================*/
.archive-page-content-area {
  padding-top: 7%;
}

.archive-single-content {
  column-count: 3;
  column-gap: 15px;
  padding: 0;
}
.archive-single-content article {
  width: 100%;
  display: inline-block;
  box-sizing: border-box;
  border: 1px solid #ddd;
  padding: 10px;
  margin-bottom: 15px;
}
.archive-page-content header.page-header {
  padding-bottom: 0px;
  margin-bottom: 15px;
  margin-top: 0px;
}
.entry-summary {
  margin-top: 12px;
  font-size: 18px;
  text-align: justify;
  line-height: 26px;
}
.archive-page-content header.page-header h1 {
  font-size: 22px;
  font-weight: 600;
  color: #555;
}
.archive-single-content article header h2 {
  margin-bottom: 10px;
  line-height: 20px;
  margin-top: 5px;
}
.archive-single-content article header h2 a {
  color: #555;
  font-size: 18px;
  font-weight: 600;
}
.archive-single-content article .thumbnail-image img {
  width: 100%;
  margin: 16px 0;
}

.archive-single-content .hotel-wrpp {
  box-shadow: 0 2px 15px rgba(112, 108, 120, 0.2);
  position: relative;
  transition: 0.8s all;
  margin-bottom: 24px;
  display: inline-block;
  width: 100%;
}

.archive-single-content .popular-wrpp {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  border: 1px solid #ddd;
  padding: 10px;
  box-sizing: border-box;
}
.archive-single-content .popular-wrpp .popular-image img {
  width: 100%;
}

.archive-single-content .holiday-wrpp {
  margin-bottom: 15px;
  display: inline-block;
  width: 100%;
  border: 1px solid #ddd;
  padding: 10px;
  box-sizing: border-box;
}
.archive-single-content .holiday-wrpp .holiday-image img {
  width: 100%;
}

.search-highlight {
  background-color: #00b5f0;
  font-weight: 600;
}
section.no-results.not-found {
  margin-bottom: 44px;
}
section.no-results.not-found .page-header {
  padding-bottom: 0;
}
section.no-results.not-found .page-content {
  margin-top: 10px;
}

/*
* 404 page
**/
.four-zero_page_content_area {
  box-shadow: 0 0px 1px #333;
  text-align: center;
  padding: 30px 10px;
}
.page-padding {
  padding-top: 7%;
}
.four-zero_page_content_area h2 {
  font-size: 28px;
  font-weight: 500;
}
.four-zero_page_content_area h3 {
  font-size: 20px;
  font-weight: 500;
}
.four-zero_page_content_area h4 {
  font-size: 24px;
}
.four-zero_page_content_area h4 button {
  background: red;
  border: none;
  font-size: 16px;
  color: #fff;
  padding: 8px 10px;
}

/******custom pagination*******/
.custom-pagination {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}
.custom-pagination .page-numbers {
  background: #dd4b39;
  padding: 8px;
  border-radius: 5px;
  margin-right: 5px;
  color: #fff;
}
span.page-numbers.current {
  background: #777474;
}

.content-missing h4 {
  text-align: center;
  border: 1px solid #dd4b39;
  padding: 20px;
  margin: 20px 0;
}

/***************** About page template***********************/

.about-section {
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.about-photo:before {
  content: "";
  position: absolute;
  top: 0px;
  right: 3%;
  left: 10%;
  bottom: 0%;
  border-radius: 5px;
  border: 16px solid #f8f9fa;
}

.about-photo img {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-left: 0;
    display: block !important;
    position: relative !important;
}
.section-title {
  position: relative;
  margin-bottom: 30px;
}
.section-title .title {
  letter-spacing: 1px;
  font-size: 26px;
  position: relative;
  display: inline-block;
  z-index: 2;
  font-weight: 700;
  margin-bottom: 25px;
}

.about-details .designation {
  font-size: 16px;
}
.text-muted {
  color: #707070 !important;
  line-height: 1.8;
  letter-spacing: 0.03em;
  font-size: 16px;
}
.text-muted p {
    text-align: justify;
    line-height: 26px;
}
.about-details .about-items {
  line-height: 32px;
}
.about-details .about-items .list-title {
  max-width: 110px;
  width: 100%;
  font-weight: 500;
}
.list-inline-item:not(:last-child) {
  margin-right: 0px;
  margin-bottom: 5px;
}

.pt-100 {
  padding-top: 50px;
}
.about-details.section-title {
  margin-left: 40px;
}
ul.list-unstyled li {
  font-size: 16px;
}
.download-btn {
  padding: 12px 24px;
  outline: none;
  text-decoration: none;
  font-size: 13px;
  letter-spacing: 0.8px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-transform: uppercase;
  font-weight: 500;
  border-radius: 5px;
  background-color: #c52c20 !important;
  border-color: #c52c20 !important;
  color: #ffffff !important;
  display: inline-block;
  margin-top: 10px;
}
.pera-details {
  max-width: 700px;
  margin: auto;
}

.hobbies-item {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border: 2px solid transparent;
}
.bg-light {
  background-color: #f8f9fa !important;
}
.p-2 {
  padding: 1rem !important;
}
.position-relative {
  position: relative !important;
}
.hobbies-item .hobbies:before {
  content: "";
  position: absolute;
  top: 0;
  left: 55px;
  width: 2px;
  height: 100%;
  background: #e9ecef;
  z-index: 1;
}
.d-flex {
  display: -ms-flexbox !important;
  display: flex !important;
}
.text-center {
  text-align: center;
}
.hobbies-item .icon {
  height: 40px;
  width: 40px;
  line-height: 40px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}
.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}
.hobbies-item .title {
  font-size: 18px;
  font-weight: 500;
  margin: 6px 10px;
}
.hobbies-item:hover {
  background: #ffffff !important;
  -webkit-box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  box-shadow: -1px 3px 10px 0 rgba(0, 0, 0, 0.06);
  border: 2px solid #e9ecef;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.hobbies-item:hover .icon {
  color: #c52c20;
}
.icon i {
  font-size: 20px;
}
.single-service {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding-bottom: 3rem !important;
  padding-top: 4rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.rounded {
  border-radius: 5px !important;
}
.border {
  border: 1px solid #e9ecef !important;
}
p.service-content {
  padding: 0 12px;
  margin: 0px 0px;
  font-size: 17px;
}
.single-service h4 {
  font-weight: 600;
}
.service-section {
  padding: 30px 0 60px;
}

.single-service:hover {
  -webkit-transform: translateY(-7px);
  transform: translateY(-7px);
}
.single-service:hover {
  color: #dd4b39 !important;
}

/********* Counter section **********/
.counter-section {
  padding: 60px 0;
  position: relative;
}
.bg-overlay {
  background-color: rgba(35, 37, 47, 0.7);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.counter-icon i {
  font-size: 40px;
  color: #dd4b39;
  margin-bottom: 15px;
}
.counter-box .counter-title {
  color: #fff;
  font-size: 18px;
}
.counter-box .counter-value {
  color: #fff;
}


/********* code for all page by r*******/

/*===========Archive-page css Start==================*/
.archive-page-section {
  padding: 70px 0 100px;
}

.archive-page-content {
  column-count: 3;
  column-gap: 20px;
}

.archive-wrpp {
  width: 100%;
  display: inline-block;
  box-shadow: 0 0 5px #d5d5d5;
  margin-bottom: 20px;
  transition: 0.8s all;
}
.archive-wrpp:hover {
  box-shadow: 0 5px 5px #d5d5d5;
}

.archive-iteme {
  padding: 12px;
  border: 1px solid #f2f2f2;
  margin: 0 3px 3px 3px;
}

.archive-title {
  margin-bottom: 10px;
}

.archive-title a {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  transition: 0.5s all;
}

.archive-title a:hover {
  color: #1e0b79;
}

.archive-content {
  text-align: justify;
  font-size: 16px;
  color: #000;
  margin-bottom: 10px;
}

/*===========Archive-page css End==================*/

/*===========Archive-page css Start==================*/
.date-page-section {
  padding: 70px 0 100px;
}

.date-page-content {
  column-count: 3;
  column-gap: 20px;
}

.date-wrpp {
  width: 100%;
  display: inline-block;
  box-shadow: 0 0 5px #d5d5d5;
  margin-bottom: 20px;
  transition: 0.8s all;
}
.date-wrpp:hover {
  box-shadow: 0 5px 5px #d5d5d5;
}

.date-iteme {
  padding: 12px;
  border: 1px solid #f2f2f2;
  margin: 0 3px 3px 3px;
}

.date-title {
  margin-bottom: 6px;
  padding: 10px;
}

.date-title a {
  font-size: 22px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
  transition: 0.5s all;
}

.archive-title a:hover {
  color: #1e0b79;
}

/*===========Archive-page css End==================*/

/*===========Single-page css Start==================*/
.single-page {
  padding: 50px 0;
}

.single-page-title {
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 13px;
  color: #01284f;
}
.single-page-image img {
  width: 50%;
  height: auto;
  float: left;
  margin-right: 15px;
  margin-bottom: 10px;
}

.single-page-content {
  text-align: justify;
  font-size: 16px;
  line-height: 1.7;
  color: #000;
}

/*===========Single-page css End==================*/

/*===============404/Error Page css End============*/
.error-wrpp {
  text-align: center;
  margin-bottom: 40px;
}
.error-title {
  font-size: 150px;
  font-weight: 900;
  letter-spacing: 7px;
  margin-top: 30px;
  margin-bottom: 0;
  -webkit-text-stroke: 3px #000;
  -webkit-text-fill-color: #fff;
  -webkit-animation: fill 0.6s infinite alternate;
  font-family: "Poppins";
}

@-webkit-keyframes fill {
  from {
    -webkit-text-fill-color: #46c965;
  }
  to {
    -webkit-text-fill-color: #403ab4;
  }
}

.error-page-sub {
  font-size: 50px;
  margin-top: -20px;
  font-weight: 600;
  color: #535151;
  font-family: "Poppins";
}

.error-page-item {
  font-size: 25px;
  letter-spacing: 0.5px;
  color: #000;
  font-family: "Poppins";
}

.error-btn {
  margin-top: 40px;
}

.error-btn a {
  background: #46c965;
  padding: 10px 30px;
  display: inline-block;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  font-weight: 300;
  font-size: 18px;
  letter-spacing: 2px;
  transition: 0.8s all;
  font-family: "Poppins";
}
.error-btn a:hover {
  padding: 10px 40px;
  letter-spacing: 4px;
}
/*===============404/Error Page css End============*/

/*---------  page Create section start  ---------------*/

.create-page-section {
  padding: 40px 0 100px 0;
}
.create-page-title {
  background: #f0f0f0;
  padding: 10px;
}

.create-page-title {
  font-size: 25px;
  color: #555;
  text-decoration: none;
  font-weight: 400;
  border-left: 5px solid #dd4b39;
  margin-top: 16px;
}

.create-page-content {
  font-size: 17px;
  text-align: justify;
  margin-top: 10px;
  color: #333;
}

/*---------  page Create section start  ---------------*/
.page-header{
	margin: 0;
}

.custom-design-pagination {
    text-align: center;
	  margin-top: 40px;
}

.custom-design-pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.custom-design-pagination ul li {
    display: inline-block;
	margin-right: 5px;
}
.custom-design-pagination ul li a {
    background: #dd4b39;
    color: #fff;
    padding: 8px 8px;
    border-radius: 4px;
}
span.pgn__num.current {
    background: #777;
    padding: 5px;
    color: #fff;
    border-radius: 4px;
}