/*========== Css For Photofee ==========*/

 /*========== TABLE OF CONTENTS ============
1. Basic CSS
2. Re-useable Component
3. Header section
4. Slider-Section
2. Tour-Section Style One
3. Tour-Section Style Two End
4. Post Section
5. About Me Page
6. Recent Tour Page
7. Tour Details
8. Blog Page
9. Blog Details Page
10. Return Top Button
11. Footer Section
==================================================*/



 /* ======================================= 
    Basic CSS
   ======================================= */

 /*
font-family: 'Poppins', sans-serif;
*/

 @import url('https://fonts.googleapis.com/css?family=Poppins:400,600,700,800&display=swap');

 body {
     color: #565656;
     font-weight: 400;
     font-size: 16px;
     line-height: 28px;
     font-family: 'Poppins', sans-serif;
 }

 * {
     margin: 0px;
     padding: 0px;
     border: none;
     outline: none;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: 'Poppins', sans-serif;
     color: #2E2E2E;
 }

 h1 {
     font-weight: 800;
     line-height: 80px;
     font-size: 65px;
 }

 h2 {
     font-weight: 800;
     line-height: 46px;
     text-transform: capitalize;
 }

 h3,
 h4,
 h5,
 h6 {
     font-weight: 600;
     line-height: 33px;
 }

 h2 {
     font-size: 30px;

 }

 h3 {
     font-size: 45px;
     line-height: 68px;
     color: #fff;
     text-transform: capitalize;
 }


 h4 {
     font-size: 22px;
     text-transform: capitalize;
 }

 h5 {
     font-size: 26px;
     text-transform: capitalize;
     line-height: 39px;
     font-weight: 700;
 }

 h6 {
     font-size: 18px;
     text-transform: capitalize;
     line-height: 27px;
     font-weight: 700;
 }



 ul {
     margin: 0;
     padding: 0;
 }

 li {
     list-style: none;
 }

 li a {
     text-transform: capitalize;
     color: #2E2E2E;
     font-family: 'Poppins', sans-serif;
 }

 a:focus {
     outline: 0;
 }

 a,
 a:hover {
     text-decoration: none;
     -webkit-transition: all ease 0.6s;
     transition: all ease 0.6s;
 }

 img {
     max-width: 100%;
     max-height: 100%;
 }

 input:focus,
 button:focus {
     outline: 0;
     box-shadow: none;
 }

 html,
 body {
     height: 100%;
 }

 ::-moz-selection {
     background: #575ff5;
     color: #fff;
 }

 ::selection {
     background: #575ff5;
     color: #fff;
 }

 .page-wrapper {
     position: relative;
     margin: 0 auto;
     width: 100%;
     overflow: hidden;
 }

 /* ======================================= 
    Re-useable Component
   ======================================= */

 /* Menu Area */

 .main-menu li:hover a {
     color: #FC6902;
 }

 .main-menu li.current a {
     color: #FC6902;
 }

 /* Preloader */
 .preloader {
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 9999999;
     background-color: #fff;
     background-position: center center;
     background-repeat: no-repeat;
     background-image: url(../images/preloader/Preloader.gif);
 }

 /*Cursor pointer CSS*/
 .cursor {
     width: 50px;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 10px;
     color: #fff;
     text-transform: uppercase;
     z-index: 2;
     transition: 0.2s;
     border-radius: 50%;
     position: absolute;
     border: 1px solid #fff;
     transform: translate(-50%, -50%);
 }

 /* Banner */
 .banner-area {
     height: 550px;
     position: relative;
     background: url(..//images/banner/banner.png);
     background-size: cover;
 }



 .banner-area:after {
     position: absolute;
     content: '';
     background: #313131;
     opacity: 0.70;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
 }

 .banner-content {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 2;
     transform: translate(-50%, -50%);
     padding-top: 100px;
     width: 100%;
     text-align: center;
 }

 .banner-area {
     text-transform: capitalize;
 }

 .banner-content p {
     color: #fff;
     text-transform: capitalize;
     text-align: center;
 }

 .banner-content span {
     opacity: 65%;
     text-transform: capitalize;

 }

 .banner-area a {
     color: #fff;
 }

 /* ======================================= 
    Header Section Start
   ======================================= */

 .main-header .header-upper .mxwidth {
     max-width: 1920px;
 }

 .header-inner {
     margin: 0 150px;
 }

 .coustom-row-two {
     margin-left: -30px;
     margin-right: -30px;
 }

 .coustom-row-two>div {
     padding-left: 30px;
     padding-right: 30px;
 }

 /* ======================================= 
    Header Section End
   ======================================= */

 /* ======================================= 
    Slider-Section Start
   ======================================= */

 .slider-section {
     top: 100%;
     margin-bottom: 150px;
     position: relative;
 }

 .slider-section .slider-item {
     position: relative;
 }

 .slider-section .slider-item .image {
     position: relative;
 }

 .slider-section .slider-item .image img {
     min-width: 100%;
     min-height: 750px;
     object-fit: cover;
 }

 .slider-section .slider-item .image:after {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background: rgba(49, 49, 49, .46);
     top: 0;
     left: 0;
 }

 .slider-section .slider-item .slider-content {
     position: absolute;
     top: 47%;
     left: 11%;
     width: 90%;
     z-index: 3;
     transition: .5s;
     opacity: 0;
 }

 .slider-section .slider-item.swiper-slide-active .slider-content {
     opacity: 1;
 }

 .slider-section .slider-item .slider-content h1 {
     max-width: 661px;
 }

 .slider-section .slider-item .slider-content .discribe {
     max-width: 661px;
 }


 .fixd-thing {
     position: absolute;
     width: 100%;
     z-index: 2;
     bottom: 10px;
     left: 150px;
 }

 .slider-section .larg-font {
     font-weight: 800;
     line-height: 80px;
     font-size: 65px;
     text-transform: capitalize;
     color: #fff;
 }

 .slider-section .sml-font {
     font-size: 10px;
     padding: 0 10px;
     background: #FC6902;
     color: #fff;
     position: absolute;
     left: 60px;
     top: 16px;
     top: 16px;
     margin: 0;
     text-transform: capitalize;
 }

 .slider-section .tour-location .larg-font:after {
     content: '';
     width: 300px;
     height: 2px;
     background: #fff;
     position: absolute;
     display: block;
     left: 75px;
     bottom: 20px;
 }

 .scroll-btn-wrap {
     position: absolute;
     right: 50%;
     bottom: 40px;
     z-index: 9;
 }

 .mouse_scroll {
     display: block;
     margin: 0 auto;
     width: 24px;
 }

 .mouse {
     height: 35px;
     width: 20px;
     border-radius: 25px;
     transform: none;
     border: 2px solid #fff;

 }

 .mouse::after {
     content: '';
     width: 100%;
     height: 2px;
     background: #fff;
     display: block;
 }

 .wheel {
     display: block;
     margin: 5px auto;
     background: white;
     position: relative;
     height: 6px;
     width: 2px;
     -webkit-border-radius: 8px;
     border-radius: 8px;
 }

 .wheel {
     -webkit-animation: mouse-wheel 0.6s linear infinite;
     -moz-animation: mouse-wheel 0.6s linear infinite;
     animation: mouse-wheel 0.6s linear infinite;
 }

 @keyframes mouse-wheel {

     0% {
         top: 1px;
     }

     25% {
         top: 2px;
     }

     50% {
         top: 3px;
     }

     75% {
         top: 2px;
     }

     100% {
         top: 1px;
     }
 }

 .scroll-down {
     font-size: 10px;
     text-transform: capitalize;
     color: #fff;
     text-align: center;
 }

 h1 {
     color: #fff;
 }

 .slider-section .slider-item p {
     color: #fff;
 }

 /* Swiper Slider Start */

 .swiper-container {
     width: 100%;
     height: 100%;
 }

 .swiper-slide {
     width: 80%;
 }

 .swiper-slide:nth-child(2n) {
     width: 80%;
 }

 .swiper-slide:nth-child(3n) {
     width: 80%;
 }

 .swiper-counter,
 .swiper-counter span {
     position: relative;
 }

 .slide-bottom {
     position: relative;
 }

 .slide-bottom .tour-location .sml-font {
     position: absolute;
     top: 0;
 }

 .slider-object {
     position: absolute;
     z-index: 1;
     left: 9%;
     width: 100%;
     bottom: 50px;
     display: flex;
 }

 .slider-progress-wrap {
     width: calc(100% - 70px);
     display: flex;
     align-items: center;
     margin-right: 15px;
     position: relative;
 }

 .swiper-counter-wrap {
     display: flex;
     width: 20px;
 }


 .slider-progress-bar {
     width: calc(100% - 50px);
     background: #fff;
     height: 2px;
     position: absolute;
     left: 70px;
     bottom: 20px;
     max-width: 300px;
 }

 #progress {
     background: #FC6902;
     height: 100%;
 }

 /* Animation Css*/

 .swiper-slide-active .slider-content h1 {
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
     animation-delay: .9s;
 }

 .swiper-slide-active .slider-content .discribe {
     -webkit-animation-duration: 1.5s;
     animation-duration: 1.5s;
     -webkit-animation-fill-mode: both;
     animation-fill-mode: both;
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
     animation-delay: 1.5s;
 }

 @-webkit-keyframes fadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(50px);
         transform: translateX(50px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         transform: translateX(0);
     }
 }

 @keyframes fadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translateX(50px);
         -ms-transform: translateX(50px);
         transform: translateX(50px);
     }

     100% {
         opacity: 1;
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
     }
 }

 /* Swiper Slider End */

 /* ======================================= 
    Slider Section End
   ======================================= */
 /* ======================================= 
    Tour-Section Style One Start
   ======================================= */

 .tour-one-wrap {
     position: relative;
 }

 .tour-one-wrap .image-main {
     position: relative;
 }

 .tour-one-wrap .image-main .image-in {
     position: absolute;
     right: 685px;
     bottom: -60px;
 }

 .tour-one-wrap .tour-one-content {
     position: absolute;
     right: 155px;
     bottom: -60px;
 }

 .tour-one-content-discribe {
     max-width: 435px;
     margin-left: 25px;
 }

 .tour-location-title {
     font-size: 14px;
     color: #FC6902;
     position: relative;
     text-transform: capitalize;
 }

 .tour-location-title::after {
     content: '';
     width: 500px;
     height: 1px;
     background: #2E2E2E;
     position: absolute;
     bottom: 0;
     left: -120px;
 }

 /* ======================================= 
    Tour-Section Style One End
   ======================================= */
 /* ======================================= 
    Tour-Section Style Two End
   ======================================= */


 .tour-section-style-two .tour-two-wrap {
     position: relative;
     z-index: 1;
     display: flex;
 }


 .tour-section-style-two .tour-two-content {
     position: absolute;
     bottom: -60px;
     left: 200px;
 }

 .tour-two-content-discribe {
     max-width: 400px;
     margin-left: 25px;
     margin-right: 30px;
 }

 .tour-two-wrap .tour-two-content .tour-location-title:after {
     left: 0;
 }

 .tour-section-style-two .tour-two-wrap .image-main {
     position: relative;
     z-index: -1;
     margin-left: auto;
 }

 .tour-section-style-two .tour-two-wrap .image-main .image-in {
     position: absolute;
     left: -100px;
     bottom: -60px;
 }

 .bottom-margin {
     margin-bottom: 210px;
 }

 /* ======================================= 
    Tour-Section Style Two End
   ======================================= */
 /* ======================================= 
    Post Section Start
   ======================================= */
 .post-section .tour-location-title:after {
     left: 0;
     width: 100%;
 }

 .post-part-one {
     margin-top: 80px;
 }

 .post-part-one-in {
     max-width: 466px;
     margin-bottom: 50px;
 }

 .post-part-one .image {
     display: inline-block;
 }

 .post-part-two {
     margin-top: 170px;
 }

 .image-hover-lightbox {
     position: relative;
 }

 .image-hover-lightbox img {
     width: 100%;
 }

 .image-hover-lightbox:after {
     position: absolute;
     content: '';
     width: 100%;
     height: 100%;
     background: rgba(0, 0, 0, .5);
     top: 0;
     left: 0;
     opacity: 0;
     transition: 0.5s;
 }

 .image-hover-lightbox .plus-icon {
     position: absolute;
     top: 50%;
     left: 50%;
     z-index: 3;
     transform: translate(-50%, -50%);
     opacity: 0;
     transition: .5s;
 }

 .image-hover-lightbox .plus-icon i {
     color: #fff;
     font-size: 30px;

 }

 .image-hover-lightbox:hover:after,
 .image-hover-lightbox:hover .plus-icon,
 .image-hover-lightbox:hover .plus-icon i {
     opacity: 1;
 }


 /* ======================================= 
    Post Section End
   ======================================= */
 /* ======================================= 
    About Me Page Start
   ======================================= */
 .about-me-page-section-wrapper .image {
     z-index: 1;
 }

 .about-me-page-section-wrapper {
     position: relative;
 }

 .about-me-page-section-wrapper .content h2,
 .about-me-page-section-wrapper .content p {
     color: #fff;
 }

 .about-me-page-section-wrapper .content-bg {
     width: 880px;
     background: #2E2E2E;
     padding-left: 275px;
     position: absolute;
     left: 230px;
     bottom: -100px;
     z-index: -1;
 }

 .about-me-page-section-wrapper .content {
     padding: 60px 0;
 }

 .about-me-page-section-wrapper .content h2 {
     position: relative;
 }

 .about-me-page-section-wrapper .content h2:after {
     position: absolute;
     content: '';
     display: block;
     width: 100%;
     height: 1px;
     background: #FFFFFF;
     left: -70px;
     top: 60px;
 }

 .about-me-page-section-wrapper .content p {
     padding-left: 50px;
     padding-right: 50px;
 }

 /* ======================================= 
    About Me Page End
   ======================================= */
 /* ======================================= 
    Recent Tour Page Start
   ======================================= */
 .recent-tour-item-wrap {
     display: flex;
     margin-bottom: 30px;
 }

 .recent-tour-item-wrap .image img {
     height: 100%;
 }

 .recent-tour-item-wrap .content {
     position: relative;
     padding: 50px 30px;
     max-width: 330px;
 }



 .recent-tour-item-wrap .content a {
     color: #2E2E2E;
 }

 .recent-tour-item-wrap:hover a {
     color: #FC6902;
 }

 .recent-tour-item-wrap .content:after {
     content: '';
     width: 100%;
     height: 100%;
     background: #2E2E2E;
     opacity: 5%;
     top: 0;
     left: 0;
     position: absolute;
     z-index: -1;
 }

 .recent-tour-item-wrap .content h4 {
     position: relative;
 }

 .recent-tour-item-wrap .content h4:after {
     content: '';
     width: 200px;
     height: 1px;
     background: #2E2E2E;
     position: absolute;
     left: 0;
     bottom: -10px;
 }

 .load-more-btn-wrap {
     text-align: center;
     margin-top: 10px;
 }


 .load-more-btn-wrap .btn-style-two {
     color: #2E2E2E;
     padding: 10px 20px;
     text-transform: capitalize;
 }

 .load-more-btn-wrap .btn-style-two {
     position: relative;
     z-index: 99;
 }

 .load-more-btn-wrap .btn-style-two:after {
     position: absolute;
     content: '';
     width: 100%;
     height: 3px;
     background: #2E2E2E;
     left: 0;
     bottom: 0;
     transition: .5s;
     z-index: -1;
 }

 .btn-style-two:hover:after {
     height: 100%;
 }

 .btn-style-two:hover {
     color: #fff;
 }

 /* ======================================= 
    Recent Tour Page End
   ======================================= */
 /* ======================================= 
    Tour Details Page Start
   ======================================= */
 .pragraph-wrap {
     max-width: 750px;
     margin: auto;
 }

 .tour-details-page .image-two {
     margin: 0 auto;
     max-width: 750px;
 }

 .tour-details-page .para-item {
     max-width: 750px;
     display: flex;
     margin: auto;
     align-items: center;
     justify-content: space-between;
 }

 .tour-details-page .para-item .image-two {
     margin-right: 30px;
 }

 .tour-details-page .para-item p {
     max-width: 360px;
 }

 .tour-details-page .video-item {
     position: relative;
     background: url(..//images/tour-details-page/tour-details-5.png);
     background-size: cover;
     max-width: 750px;
     height: 310px;
     margin: auto;
     margin-bottom: 140px;
 }

 .tour-details-page .video-item:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: rgba(46, 46, 46, .4);
     z-index: -1;
 }

 .video-item {
     display: flex;
     align-items: center;
     justify-content: center;
 }


 .video-item .play-btn {
     position: absolute;
     color: #2E2E2E;
     font-size: 15px;
     z-index: 1;
 }

 .video-item .play-btn::after {
     content: '';
     position: absolute;
     width: 60px;
     height: 60px;
     background: #fff;
     left: -23px;
     top: -18px;
     border-radius: 50%;
     z-index: -1;
 }

 .video-item .play-btn a {
     color: #2E2E2E;
 }

 /* ======================================= 
    Tour Details Page End
   ======================================= */
 /* ======================================= 
    Blog Page Start
   ======================================= */
 .blog-page .blog-item .content {
     margin: 30px 0;
 }

 .blog-item .content a {
     color: #2E2E2E;
 }

 .blog-post-section .content {
     margin-top: 30px;
 }

 .blog-post-section .travel-guide .travel-content {
     margin-left: -100px;
 }

 .blog-post-section .travel-guide .tour-location-title:after {
     left: 0;
     width: 90%;
 }

 .blog-item .content a:hover {
     color: #FC6902;
 }

 .blog-item img {
     width: 100%;
 }

 .sml-date {
     font-size: 14px;
     color: #FC6902;
     margin-bottom: 10px;
 }

 .next-page li {
     display: inline-block;
 }

 .next-page li a {
     background: #F4F4F4;
     margin-right: 10px;
     transition: .2s;
     min-width: 30px;
     min-height: 30px;
     display: inline-block;
     line-height: 30px;
     text-align: center;
 }

 .next-page li:hover a {
     background: #2E2E2E;
 }

 .next-page li:hover a {
     color: #fff;
 }

 .search-box .input-group {
     padding-top: 0;
 }

 .form-control:focus {
     box-shadow: none;
     outline: none;
 }

 .form-control {
     border: 0;
     background-color: #F3F3F5;
     border-radius: 0;
 }

 .form-control.input-radius {
     background-color: #F3F3F5;
     font-size: 14px;
     color: #282828;
 }

 .form-control.input-radius::placeholder {
     color: #707070;
 }

 .input-group-text {
     background: #2E2E2E;
     color: #fff;
     font-size: 24px;
     padding: 9px 19px;
     border-radius: 0;
     border: none;
 }

 .input-group-append {
     margin-left: 0;
 }

 .sidebar-popular-post-wrapper .sidebar-title {
     position: relative;
 }

 .sidebar-popular-post-wrapper .sidebar-title:after {
     position: absolute;
     content: '';
     width: 90%;
     max-width: 350px;
     height: 1px;
     background: #2E2E2E;
     bottom: -5px;
     left: 0;
 }

 .sidebar-popular-post-inner {
     display: flex;
     align-items: center;
     max-width: 350px;
     margin-bottom: 15px;
 }

 .sidebar-popular-post-inner .image {
     flex: none;
 }

 .sidebar-popular-post-inner .content {
     margin-left: 18px;
 }

 .sidebar-popular-post-inner .content a {
     color: #2E2E2E;
 }

 .sidebar-popular-post-inner .content a:hover {
     color: #FC6902;
 }

 .categories-wrapper h5 {
     position: relative;
 }

 .categories-wrapper h5:after {
     position: absolute;
     content: '';
     width: 90%;
     max-width: 350px;
     height: 1px;
     background: #2E2E2E;
     bottom: -5px;
     left: 0;
 }

 .categories-wrapper h6 {
     font-weight: 600;
     position: relative;
     padding-left: 30px;
     position: relative;
 }

 .categories-wrapper h6:after {
     content: '\f101';
     font-family: "Font Awesome 5 Free";
     position: absolute;
     left: 0;
 }

 .tags h5 {
     position: relative;
 }

 .tags h5:after {
     position: absolute;
     content: '';
     width: 90%;
     max-width: 350px;
     height: 1px;
     background: #2E2E2E;
     bottom: -5px;
     left: 0;
 }

 .tags a {
     color: #2E2E2E;
 }

 .tags span {
     display: inline-block;
     background: #F4F4F4;
     margin-right: 10px;
     margin-bottom: 10px;
     font-size: 14px;
     min-width: 80px;
     min-height: 40px;
     line-height: 40px;
     text-align: center;
     padding: 0 10px;
 }

 /* ======================================= 
    Blog Page End
   ======================================= */
 /* ======================================= 
    Blog Details Page Start
   ======================================= */
 .blog-details-page h2,
 .blog-details-page .sml-date {
     text-align: center;
 }

 .blog-details-page .blog-details-wrap span {
     color: #565656;
     padding-right: 10px;
 }

 .blog-details-page .blog-details-wrap .pragraph-wrap p {
     margin-bottom: 30px;
 }

 .blog-details-page .blog-details-wrap .quote {
     background: #2E2E2E;
 }

 .blog-details-page .blog-details-wrap .quote p {
     color: #fff;
     font-size: 20px;
     padding: 30px;
 }

 .blog-details-page .blog-details-wrap .quote p {
     position: relative;
     line-height: 34px;
 }

 .blog-details-page .blog-details-wrap .quote p:after {
     content: "\f102";
     font-family: Flaticon;
     position: absolute;
     bottom: 15px;
     right: 15px;
     font-size: 40px;
     color: #717171;
 }

 .blog-details-page .tagsAndIconWrap {
     display: flex;
 }

 .blog-details-page .tagsAndIconWrap .social-icon span {
     border: 1px solid #707070;
     margin-right: 10px;
     padding-right: 7px;
 }

 .blog-details-page .tagsAndIconWrap .social-icon span:hover {
     background: none;
 }

 .tagsAndIconWrap .social-icon a {
     margin-right: 0;
 }

 .prev_next_tour {
     display: flex;
 }

 .prev_next_tour .single-item {
     max-width: 430px;
 }

 .prev_next_tour .single-item .content {
     margin-left: 30px;
 }

 .prev_next_tour .single-item h4:hover {
     color: #FC6902;
 }


 .prev_next_tour .single-item .sml-date {
     position: relative;
     text-align: left;
     margin-bottom: 30px;
 }

 .prev_next_tour .single-item .sml-date:after {
     position: absolute;
     content: '';
     width: 100%;
     height: 1px;
     bottom: -5px;
     left: 0;
     background: #2E2E2E;
 }

 .prev_next_tour .single-item h4 {
     margin-bottom: 20px;
     max-width: 275px;
 }

 .blog-details-page .comment-wrap {
     max-width: 750px;
     margin: auto;
 }


 .blog-details-page .comment-wrap .comment-single-item {
     display: flex;
     margin-bottom: 33px;
 }

 .blog-details-page .comment-wrap .comment-single-item .image {
     flex: none;
     margin-right: 15px;
 }

 .blog-details-page .comment-wrap .comment-single-item .content .sml-date {
     color: #2E2E2E;
 }

 .blog-details-page .comment-wrap .comment-single-item .content a {
     color: #707070;
     text-transform: capitalize;
     font-size: 14px;
     border: 1px solid #707070;
     padding: 5px 15px;
     border-radius: 15px;
 }

 .blog-details-page .comment-wrap .comment-single-item .content .content-margin {
     margin-bottom: 15px;
 }

 .blog-details-page .comment-form input {
     margin-bottom: 30px;
 }

 .blog-details-page .comment-form .form-control {
     border: 0;
     background-color: #F4F4F4;
     border-radius: 0;
     padding: 15px 25px;
     font-size: 14px;
 }

 .blog-details-page .comment-form .comment-btn {
     text-align: left;
 }


 /* ======================================= 
    Blog Details Page End
   ======================================= */
 /* ======================================= 
    Return Top Button Start
   ======================================= */

 #return-to-top {
     position: fixed;
     bottom: 20px;
     right: 20px;
     background: #fc6902;
     width: 50px;
     height: 50px;
     display: block;
     text-decoration: none;
     -webkit-border-radius: 35px;
     -moz-border-radius: 35px;
     border-radius: 35px;
     display: none;
     -webkit-transition: all 0.3s linear;
     -moz-transition: all 0.3s ease;
     -ms-transition: all 0.3s ease;
     -o-transition: all 0.3s ease;
     transition: all 0.3s ease;
     z-index: 99;
     text-align: center;
     line-height: 50px;
 }

 #return-to-top i {
     color: #fff;
     font-size: 20px;
 }

 #return-to-top::after {
     position: absolute;
     z-index: -1;
     content: '';
     top: 100%;
     left: 5%;
     height: 10px;
     width: 90%;
     opacity: 1;
     background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);
 }

 /***======================================
  Return Top Button End
========================================***/
 /***======================================
  Footer-Section Start 
========================================***/
 .footer-section {
     background: #2E2E2E;
     text-align: center;
 }

 .footer-sml-title {
     font-size: 14px;
 }

 .footer-section .footer-wrapper p {
     color: #fff;
     margin-bottom: 0;
 }

 .footer-discribe {
     max-width: 650px;
     margin: auto;
 }

 .social-icon span {
     color: #fff;
     border: 2px solid #FFFFFF;
     display: inline-block;
     padding: 0 7px;
     border-radius: 50%;
     font-size: 14px;
     transition: .3s;
 }

 .social-icon a {
     margin-right: 25px;
 }

 .social-icon a:last-child {
     margin-right: 0;
 }

 .social-icon span:hover {
     background: #FC6902;
     border: 2px solid #FC6902;
 }

 .copyright {
     border-top: 1px solid #545454;
     padding-top: 20px;
 }

 /***======================================
  Footer-Section End 
========================================***/