/*!
Theme Name: Thefacepill
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thefacepill
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.

Thefacepill is based on Underscores https://underscores.me/, (C) 2012-2020 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:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* TFP Custom CSS */
body {
    padding: 0px;
    margin: 0px;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 2rem;
    color: #000;
    overflow-x: hidden;
	background:#F9FAFC;
}


img {
    max-width: 100%;
}

p {
    margin: 0px !important;
    font-weight: 500;
}

a {
    text-decoration: none;
    transition: 0.3s;
}

.topHeader .headerbg {
    padding: 20px 20px;
}

#header {
    background-color: transparent;
    position: fixed;
    top: 0;
    width: 100%;
    transition: 0.2s;
    z-index: 9;
}

.banner-headding-div {
    position: absolute;
    z-index: 999999999;
    top: 150px;
}

.banner-headding-div h1 {
    font-size: 88px;
    font-weight: 900;
    text-transform: capitalize;
    /* background: linear-gradient(97deg, #0BE2FF 1.89%, #1072E5 84.6%); */
    background: linear-gradient(97deg, #0BE2FF 1.89%, #1072E5 32.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-headding-div h2 {
    color: var(--WHITE, #FFF);
    font-size: 40px;
    font-weight: 700;
    line-height: 58px;
}

.banner-div-btn {
    margin-top: 30px;
}

.banner-div-btn button:first-child {
    margin-right: 10px;
}

.banner-div-btn button {
    color: var(--WHITE, #FFF);
    font-size: 20px;
    font-weight: 600;
    background: transparent;
    padding: 5px 45px;
    border: 3px solid transparent;
    border-image: linear-gradient(45deg, #0BE2FF, #1072E5);
    border-image-slice: 1;
    border-radius: 50px;
	transition:0.3s;

}

.topHeader .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
    padding-right: 40px;
}

/* .topHeader .navbar-nav {
    align-items: center;
} */

.mob-navbar-collapse li {
    color: #fff;
    border-bottom: 1px solid rgb(244 244 244 / 25%);
}

.mob-navbar-collapse .sub-menu li:last-child{border-bottom: 0px transparent}

.topHeader .navbar-expand-lg .navbar-nav .nav-link.active {
    color: #1072E5;
}

.topHeader .navbar-expand-lg .navbar-collapse {
    justify-content: center;
}

.topHeader .book-nowbtn {
    border: 1px solid var(--Gradient, #0BE2FF);
    background: #04274975;
    text-decoration: none;
    padding: 5px 20px;
    color: var(--WHITE, #FFF) !important;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.topHeader .navbar-toggler {
    background: #fff;
}

.cursorPointer {
    cursor: pointer;
}

.borderRadius15 {
    border-radius: 15px;
}

.fWeight800 {
    font-weight: 800;
}

.fWeight700 {
    font-weight: 700;
}

.fWeight600 {
    font-weight: 600;
}

.fWeight500 {
    font-weight: 500;
}

.fWeight400 {
    font-weight: 400;
}

.container {
    max-width: 1520px;
    width: 100%;
    padding: 0px 70px;
}

.male-drop {
    color: var(--BLACK, #1A1A1A) !important;
    font-size: 20px;
    font-weight: 600 !important;
    text-transform: capitalize !important;
}

.female-drop {
    color: var(--Blue, #1072E5) !important;
    font-size: 20px;
    font-weight: 600 !important;
    text-transform: capitalize;
}

.dropdown-item.male-drop img {
    margin-right: 20px;
}

.dropdown-item.female-drop img {
    margin-right: 20px;
}

/* Index Page Css */
.homepagebgImg .carousel {
    padding: 0;
}

.homepagebgImg .carousel-control-prev {
    background: #36526D;
    height: 45px;
    width: 45px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    top: 300px;
}

.homepagebgImg .carousel-control-next {
    background: #36526D;
    height: 45px;
    width: 45px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    top: 300px;
}

.interactive-section {
    padding: 70px 0px;
}

.interactive-section h1 {
    color: var(--BLACK, #1A1A1A);
    font-size: 52px;
    font-weight: 900;
    text-transform: capitalize;
    text-align: center;
}

.interactive-section-carouselbg {
/*     background: linear-gradient(180deg, #FFF 28.61%, #05213B 70.94%); */
    margin-top: 48px;
}

.interactive-section .interactive-section-carouselbg .owl-nav .owl-prev:hover {
    background: url(../images/left-arw.png) no-repeat;
    background-size: contain;
}

.interactive-section .interactive-section-carouselbg .owl-nav .owl-prev {
    background: url(././images/left-arw.png) no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    left: 80px;
    width: 52px;
    height: 52px;
    filter: drop-shadow(7px 0px 4px rgba(0, 0, 0, 0.38));
    transform: translatey(-50%);
}

.interactive-section .interactive-section-carouselbg .owl-nav .owl-next span {
    display: none;
}

.interactive-section .interactive-section-carouselbg .owl-nav .owl-next:hover {
    background: url(././images/right-arw.png) no-repeat;
    background-size: contain;
}

.interactive-section .interactive-section-carouselbg .owl-nav .owl-next {
    background: url(././images/right-arw.png) no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: 80px;
    width: 52px;
    height: 52px;
    filter: drop-shadow(-7px 0px 4px rgba(0, 0, 0, 0.38));
	transform: translatey(-50%);
}

.interactive-section .interactive-section-carouselbg .owl-nav .owl-prev span {
    display: none;
}

.interactive-div-posAbs {
    position: absolute;
    bottom: 0;
    padding: 55px 50px;
}

.interactive-div-posAbs h2 {
    color: var(--WHITE, #FFF);
    font-size: 30px;
    font-weight: 700;
    text-transform: capitalize;
}

/* Photo Editing Section */
.photo-editing-section {
    padding: 40px 0px;
}

.photo-editing-section h1 {
    color: var(--BLACK, #1A1A1A);
    text-align: center;
    font-size: 52px;
    font-weight: 900;
    text-transform: capitalize;
    margin: 0;
}

.photo-editing-section h4 {
    color: var(--BLACK, #1A1A1A);
    text-align: center;
    font-size: 33px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
}

.photo-editing-caraousel {
    margin-top: 48px;
}

.photo-editing-section .photo-editing-caraousel .owl-nav .owl-prev:hover {
    background: url() no-repeat;
    background-size: contain !important;
}

.photo-editing-section .photo-editing-caraousel .owl-nav .owl-prev {
    background: url(././images/left-arw.png) no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    left: -28px;
    width: 52px;
    height: 52px;
    filter: drop-shadow(7px 0px 4px rgba(0, 0, 0, 0.38));
	transform: translatey(-50%);
}

 .photo-editing-section .photo-editing-caraousel .owl-nav .owl-next span {
    display: none;
} 

.photo-editing-section .photo-editing-caraousel .owl-nav .owl-next:hover {
    background: url(././images/right-arw.png) no-repeat;
    background-size: contain !important;
}

.photo-editing-section .photo-editing-caraousel .owl-nav .owl-next {
    background: url(././images/right-arw.png) no-repeat !important;
    background-size: contain !important;
    position: absolute;
    top: 50%;
    right: -28px;
    width: 52px;
    height: 52px;
    filter: drop-shadow(-7px 0px 4px rgba(0, 0, 0, 0.38));
	transform: translatey(-50%);
}

.photo-editing-section .photo-editing-caraousel .owl-nav .owl-prev span {
    display: none;
} 

.photo-editing-section .photo-editing-caraousel .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block !important;
}

/* Blog Section */
/* .blog-section {
    padding: 40px 10px;
} */

.blog-section a {
    color: #000;
    font-size: 17.391px;
    font-weight: 500;
    text-transform: capitalize;
    text-decoration: none;
}

.img-borderradius {
    border-radius: 10px;
    width: 100%;
}

.blog-section h1 {
    color: var(--BLACK, #1A1A1A);
    text-align: center;
    font-size: 52px;
    font-weight: 900;
    text-transform: capitalize;
}

.paddingbtm {
    padding-bottom: 36px;
}

.blog-skincare-detail {
    margin-top: 20px;
}

.blog-skincare-detail h3 {
    color: var(--BLACK, #1A1A1A);
    font-size: 18.261px;
    font-weight: 800;
    text-transform: capitalize;
    margin: 0;
}

.blog-skincare-detail p {
    color: var(--BLACK, #1A1A1A);
    font-size: 12.174px;
    font-weight: 400;
    text-transform: capitalize;
	line-height:25px;
}

.blog-skincare-detail button {
    color: var(--BLACK, #1A1A1A);
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    background: transparent;
    border: unset;
    padding: 0;
}

/* Services Photo Editting */
.BluetopHeader {
    background: rgb(4, 39, 73) !important;
    position: sticky !important;
}

/* Blog Page*/

.blogBg {
    background:url(https://tfp.triazinesoft.in/wp-content/uploads/2024/02/blog.png) !important;
    width: 100%;
    padding: 160px 0px;
    color: #fff;
    background-position: center;
    background-size: cover !important;
}

/* Blog Details Page */
.blog-detailBg {
/*     background: linear-gradient(90deg, #03284B 0%, #141818 32.77%, rgba(47, 56, 58, 0.00) 67.35%), url(../images/bog-details.png) !important; */
    width: 100%;
    padding: 160px 0px;
    color: #fff;
    background-position: center;
    background-size: cover !important;
}

.blog-detail-div h2 {
    color: var(--Blue, #1072E5);
    font-size: 26px;
    font-weight: 700;
    text-transform: capitalize;
}

.blog-detail-div p span {
    color: var(--BLACK, #1A1A1A);
    font-size: 12px;
    font-weight: 500;
    border-right: 1px solid #DFDFDF;
    padding: 2px 10px 2px 0px;
}

.blog-detail-div p {
    color: var(--BLACK, #1A1A1A);
    font-size: 18px;
    font-weight: 500;
    line-height: 35px;
}

.blog-detail-div p span:last-child {
    border-right: unset;
}

.border-bottomWidth {
    height: 1px;
    width: 100%;
    background-color: #DFDFDF;
    margin: 34px 0px 40px;
}

.blog-detail-div h3 span {
    color: var(--Blue, #1072E5);
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
}

.blog-detail-div h3 {
    color: var(--Blue, #1072E5);
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
}

.blog-detail-div-ul {
    padding: 20px 0px 0 20px;
}

.blog-detail-div-ul li {
    color: var(--BLACK, #1A1A1A);
    font-size: 18px;
    font-weight: 500;
    line-height: 42px;
    /* 190.909% */
    text-transform: capitalize;
}

.blog-details-latest h1 {
    color: var(--BLACK, #1A1A1A);
    font-size: 26px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 20px;
}

.blog-card-detail {
    padding-left: 10px;
}

.blog-card-detail h2 {
    color: var(--BLACK, #1A1A1A);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}

.blog-card-detail h5 {
    color: var(--BLACK, #1A1A1A);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    text-transform: capitalize;
}

.blog-card-detail h6 {
    color: var(--BLACK, #1A1A1A);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    text-transform: capitalize;
}

.blog-card {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.borderradiusBorder {
    border-radius: 8px;
    border: 1px solid #FFF;
	width:130px;
	height:95px;
	object-fit:cover;
}

/* forum Page */
.forumBg {
    background: linear-gradient(90deg, #03284B 0%, #141818 32.77%, rgba(47, 56, 58, 0.00) 67.35%), url(../images/forum.png) !important;
    width: 100%;
    padding: 160px 0px;
    color: #fff;
    background-position: right !important;
    background-size: contain !important;
    background-repeat: no-repeat, no-repeat !important;
}

/* Footer Css */
.footer-section .footerBg {
    background: #42668F;
    padding: 18px 10px;
    margin-top: 50px;
}

.footer-section h2 {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
	text-transform:capitalize;
}

.divider {
    width: 50px;
    height: 2px;
    background: #FFF;
}

.footer-section ul {
    padding: 0;
	margin-bottom: 0px;
}

.footer-section ul li {
    list-style-type: none;
    padding-bottom: 0px;
}

.footer-section ul li a {
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;

}

.footer-section ul li a img {
    margin-right: 10px;
}

.footer-bottom-bg {
    background: #193F6C;
    text-align: center;
}

.footer-bottom-bg p {
    font-size: 20px;
    font-weight: 500;
    text-transform: capitalize;
    color: #fff;
    margin: 0;
    padding: 20px;
	text-align:left;
}

/* About Us Page */
.aboutbg {
    background: linear-gradient(90deg, #03284B 0%, #141818 32.77%, rgba(47, 56, 58, 0.00) 67.35%), url(../images/slide2.png);
    width: 100%;
    padding: 135px 0px;
    color: #fff;
    background-position: center !important;
    background-size: cover !important;
	height:400px;
}

.aboutbg .about-banner-headding-div h4 {
    color: var(--WHITE, #FFF);
    font-size: 30px;
    font-weight: 400;
}

.aboutbg .about-banner-headding-div h1 {
    font-size: 68px;
    font-weight: 800;
    text-transform: capitalize;
    /* background: linear-gradient(97deg, #0BE2FF 1.89%, #1072E5 84.6%); */
    background: linear-gradient(97deg, #0BE2FF 1.89%, #1072E5 32.6%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.breadcrumb-nav {
/*     padding: 20px 0px 0; */
}

.breadcrumb-nav ol .breadcrumb-item a {
    text-decoration: none;
    color: var(--BLACK, #1A1A1A);
}

.breadcrumb-nav ol .breadcrumb-item {
    color: var(--BLACK, #1A1A1A);
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    text-decoration: none;
}

.breadcrumb-nav ol .breadcrumb-item.active {
    font-weight: 500;
}

.description {
    color: var(--BLACK, #1A1A1A);
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    line-height: 42px;
}

.widthRLDesc {
    width: 65%;
    margin: auto;
    padding: 10px 20px;
}

.marketingBgSection {
    background: url(../images/marketing_bg.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0px;
    margin-top: 20px;
	background-size:cover !important;
}

.marketingBlog-div {
    width: 60%;
    margin-left: auto;
    padding: 0px 40px 0px 40px;
}

.marketingBlog-div h3 {
    color: var(--WHITE, #FFF);
    font-size: 26px;
    font-weight: 800;
    line-height: 42px;
    text-transform: capitalize;
    padding-bottom: 20px;
}

.marketingBlog-div p {
    color: var(--WHITE, #FFF);
    font-size: 22px;
    font-weight: 500;
    line-height: 42px;
    text-transform: capitalize;
}

.factorSection {
    padding: 50px 0px 50px 0px;
}


.factorSectionDiv h2 {
    color: var(--BLACK, #1A1A1A);
    font-size: 26px;
    font-weight: 800;
    line-height: 42px;
    text-transform: capitalize;
}

.factorSectionDiv h6 {
    color: var(--BLACK, #1A1A1A);
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: 42px;
}

.booknow-section {
    background: linear-gradient(260deg, #4B3A7B 11.18%, #5466A8 63.87%);
    padding: 40px;
}

.book-now-div {
    width: 90%;
    margin: auto;
    text-align: center;
}

.book-now-div h2 {
    color: var(--WHITE, #FFF);
    font-size: 22px;
    font-weight: 600;
    line-height: 42px;
}

.book-now-div button {
    border-radius: 8px;
    background: #FFF;
    color: var(--BLACK, #1A1A1A);
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding: 5px 20px;
    margin-top: 20px;
    border: unset;
}

.background-section {
    padding: 40px 0px;
}

.background-section-div h1 {
    color: var(--BLACK, #1A1A1A);
    font-size: 52px;
    font-weight: 900;
    text-transform: capitalize;
    text-align: center;
}

/* service */
.serviceBg {
    background: linear-gradient(90deg, #03284B 0%, #141818 32.77%, rgba(47, 56, 58, 0.00) 67.35%), url(../images/SERVICE.png);
    width: 100%;
    padding: 160px 0px;
    color: #fff;
    background-position: center;
    background-size: cover;
}

.imageRadiusWidth {
    border-radius: 10px;
    width: 100%;
    margin-top: 10px;
}

.positinRelative {
    position: relative;
}

.imageAbsolute {
    position: absolute;
    left: 30px;
    z-index: -1;
    bottom: 0px;
    width: 100%;
    max-width: 500px !important;
}

.imageAbsoluteRight {
    position: absolute;
    right: 30px;
    z-index: -1;
    bottom: 0px;
    width: 100%;
    max-width: 500px !important;
}

.photoShadow {
    border-radius: 20px;
    background: var(--WHITE, #FFF);
    box-shadow: 0px 0px 14px -3px rgba(0, 0, 0, 0.25);
    padding: 50px;
    width: 100%;

}

.know-more-btn button {
    color: var(--BLACK, #1A1A1A);
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    background-color: transparent;
    border: unset;
}

.forumTabs-headdingFlex {
    display: flex;
    justify-content: space-between;
}

.search-form {
    padding: 20px 0px;
}

.search-form input[type=text] {
    background-image: url('../images/serach-icon.png');
    background-repeat: no-repeat;
    border: unset;
    padding: 12px 20px 12px 40px;
    background-position: 10px 10px;
    width: 10px;
    height: 50px;
    cursor: pointer;
}

.search-form input[type=text]:focus {
    width: 50%;
    box-sizing: border-box;
    border: 1px solid #DFDFDF;
    border-radius: 4px;
    font-size: 16px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
    height: 50px;
    cursor: auto;
}

.search-form input[type=text]:focus-visible {
    outline: unset !important;
}

.forumTabs .nav-pills .nav-link {
    border-radius: 100px;
    background: var(--Border, #EAEAEA);
    color: var(--SUBTEXT, #606060);
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    padding: 7px 20px;
    margin-right: 10px;
}

.forumTabs .nav-pills .nav-link.active {
    background-color: #151B55 !important;
    color: var(--WHITE, #FFF);
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
}

.addnew-Btn {
    border: 1px solid var(--Gradient, #0BE2FF);
    color: var(--BLACK, #1A1A1A);
    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    background: var(--WHITE, #FFF);
    padding: 0px 20px;
}

.forumTabs .nav-pills .nav-link .imgNone {
    margin-right: 5px;
}

.forumTabs .nav-pills .nav-link.active .imgNone {
    display: none;
}

.forumTabs .nav-pills .nav-link.active .imgShow {
    display: block;
    margin-right: 5px;

}

.forumTabs .nav-pills .nav-link .imgShow {
    display: none;
}

.forumTabs .nav-pills .nav-link.active {
    display: flex;
}

.forum-divShadow {
    border-radius: 8px;
    border: 1px solid var(--BORDER, #DFDFDF);
    background: var(--WHITE, #FFF);
    padding: 15px;
    display: flex;
    align-items: center;
    margin-top: 20px;
}

.ForumwidthMin {
    width: 5%;
}

.ForumwidthMin span {
    color: var(--BLACK, #1A1A1A);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    text-transform: capitalize;
}

.ForumwidthMax {
    width: 95%;
}

.ForumwidthMax h2 {
    color: var(--BLACK, #1A1A1A);
    font-size: 18px;
    font-weight: 600;
    text-transform: capitalize;
}

.ForumwidthMax span {
    color: var(--SUBTEXT, #606060);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
}

.ForumwidthMax p {
    color: var(--SUBTEXT, #606060);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 20px !important;
}

.ForumwidthMax .bugBtn {
    border-radius: 999px;
    border: 1px solid #E15C5C;
    background: var(--WHITE, #FFF);
    color: #E15C5C;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 5px 20px;
}

.ForumwidthMaxFlex {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

.ForumwidthMax .compltBtn {
    border-radius: 999px;
    border: 1px solid #ECF8F2;
    background: #ECF8F2;
    color: #51A27A;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 5px 20px;
}

.ForumwidthMax .teamBtn {
    color: var(--Blue, #1072E5);
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 999px;
    border: 1px solid var(--Blue, #1072E5);
    background: var(--WHITE, #FFF);
    padding: 5px 20px;

}

.ForumwidthMax .discussBtn {
    border-radius: 999px;
    background: #E2EDF9;
    color: var(--Blue, #1072E5);
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    border: unset;
    padding: 5px 20px;
}

.ForumwidthMax .readingBtn {
    color: #725CE1;
    font-size: 14px;
    font-weight: 600;
    text-transform: capitalize;
    border-radius: 999px;
    border: 1px solid #725CE1;
    background: var(--WHITE, #FFF);
    padding: 5px 20px;
}

/* Add Forum Page */
.add-forum-sectionShadow {
    border: 1px solid var(--BORDER, #DFDFDF);
    background: var(--WHITE, #FFF);
    padding: 20px;
}

.form-group input {
    border-radius: 8px;
    border: 1px solid var(--BLACK, #1A1A1A);
    opacity: 0.5;
    background: var(--WHITE, #FFF);
    padding: 10px 10px;
}

.form-group select {
    border-radius: 8px;
    border: 1px solid var(--BLACK, #1A1A1A);
    opacity: 0.5;
    background: var(--WHITE, #FFF);
    padding: 10px;
}

.form-group textarea {
    border-radius: 8px;
    border: 1px solid var(--BLACK, #1A1A1A);
    opacity: 0.5;
    background: var(--WHITE, #FFF);
    height: 275px;
    padding: 10px;
}

.form-group input::placeholder {
    text-transform: capitalize;
}

.form-group textarea::placeholder {
    text-transform: capitalize;
}

.form-group .form-select {
    appearance: auto !important;
}

#upload-photo {
    position: absolute;
    left: 0;
    opacity: 0;
}

.d-flexAdd-forum {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.d-flexAdd-forum .savedraftBtn {
    border-radius: 5px;
    opacity: 0.8;
    background: var(--BORDER, #DFDFDF);
    color: var(--SUBTEXT, #606060);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.32px;
    text-transform: capitalize;
    border: unset;
    padding: 5px 10px;
}

.d-flexAdd-forum .publishBtn {
    border-radius: 5px;
    opacity: 0.4;
    background: var(--PC-1, #151B55);
    color: var(--WHITE, #FFF);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.32px;
    text-transform: capitalize;
    border: unset;
    padding: 5px 10px;
    margin-left: 10px;
}

.mustReadBox {
    border-radius: 5px;
    border: 1px solid var(--BORDER, #DFDFDF);
    background: var(--WHITE, #FFF);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    padding: 20px;
}

.mustReadBox h1 {
    color: var(--BLACK, #1A1A1A);
    font-size: 15px;
    font-weight: 600;

}

.mustReadBox img {
    margin-right: 10px;
}

.mustReadBox ul li {
    color: var(--Blue, #1072E5);
    font-size: 13px;
    font-weight: 500;
}

/* Interactive page Section */
/* .interactive-male-section {
    padding: 30px 0 0;
} */

.interactive-male-section h1 {
    color: var(--BLACK, #1A1A1A);
    font-size: 58px;
    font-weight: 900;
    text-align: center;
}

.interactive-male-section h4 {
    color: var(--BLACK, #1A1A1A);
    font-size: 22px;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
}

.interactive-male-section-img {
    background: url(../images/interactivebg.png) no-repeat;
    background-position: center;
    background-size: 100% 100%;
    padding: 0px 60px;

}

/* Interactive-male page Section */
.interactive-maleBg {
    background: linear-gradient(90deg, #03284B 0%, #141818 32.77%, rgba(47, 56, 58, 0.00) 67.35%), url(../images/about-check.png);
    background-position: right bottom, right !important;
    background-repeat: no-repeat, no-repeat !important;
    height: 631px !important;
    background-size: contain !important;
}

.interactive-male-surface h1 {
    color: var(--Blue, #1072E5);
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
}

.surface-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.forhead {
    border-radius: 14px;
    border: 2px solid var(--Gradient, #0BE2FF);
    background: #193F6C;
    padding: 10px;
}

.forhead h1 {
    color: var(--WHITE, #FFF);
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0;
    text-align: center;
}

.forhead img {
    padding: 20px 0px;
    width: 100%;
}

.forhead p {
    color: var(--WHITE, #FFF);
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    padding: 20px 0px;
}

.forhead button {
    color: var(--WHITE, #FFF);
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 5px 30px;
    border-radius: 10px;
    border: 2px solid var(--Gradient, #0BE2FF);
    background: #193F6C;
    margin: 20px 0px;
}

.forheadCol-padding {
    padding: 50px;
}

/* Contact us Page */
.contactusBg {
    background: linear-gradient(90deg, #03284B 0%, #141818 32.77%, rgba(47, 56, 58, 0.00) 67.35%), url(../images/contact.png);
    background-position: right bottom, top !important;
    background-repeat: no-repeat, no-repeat !important;
    height: 490px !important;
    background-size: cover !important;
}

.contac-forum-divShadow {
    border-radius: 10px;
    border: 1px solid var(--BORDER, #DFDFDF);
    background: var(--WHITE, #FFF);
    padding: 25px 33px;
	box-shadow: 1px 1px 6px #ccc;
	max-width:1340px;
	margin:0 auto;
}

.contac-forum-divShadow img {
    margin-right: 5px;
}

.contac-forum-divShadow h1 {
    color: var(--PC-1, #151B55);
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    display: flex;
    margin-bottom: 30px !important;
    align-items: center;
}

.contac-forum-divShadow h2 {
    color: var(--BLACK, #1A1A1A);
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
}

.contac-forum-divShadow select {
    border-radius: 8px;
    border: 1px solid  #a7a7a7;
    color: var(--BLACK, #1A1A1A);
    font-size: 16px;
    font-weight: 400;
    height: 44px;
    width: 100%;
}

.contac-forum-divShadow select:focus-visible {
    outline: unset !important;
}

.contac-forum-divShadow input {
    border-radius: 8px;
    border: 1px solid #a7a7a7;
/*     opacity: 0.5; */
    background: var(--WHITE, #FFF);
    height: 44px;
    padding: 16px;
    width: 100%;
}

.contac-forum-divShadow input:focus-visible {
    outline: unset !important;
}

.contac-forum-divShadow .dflexBetween {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.contac-forum-divShadow textarea {
    border-radius: 8px;
    border: 1px solid #a7a7a7;
/*     opacity: 0.5; */
    background: var(--WHITE, #FFF);
    padding: 16px;
	width:100%;
	min-height:160px;

}

.contac-forum-divShadow textarea:focus-visible {
    outline: unset !important;
}

.contac-forum-divShadow button {
    border-radius: 8px;     
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 6px 15px;
}

.contac-forum-divShadow button:first-child {
    background: var(--WHITE, #FFF);
    color: var(--LIGHT-BLACK, #6D6D6D);
    border: 1px solid var(--BORDER, #E0E0E0);
    margin-right: 10px;
}
.contac-forum-divShadow button:last-child{
    background: var(--PC-1, #151B55);
/*     border: unset !important; */
    color: var(--WHITE, #FFF);
}

.menu-main-menu-container #primary-menu {
	display:flex;
	align-items:center;
}

.menu-main-menu-container #primary-menu li a {
	font-size:18px;
	font-weight:500;
	color:#fff;
	padding-right:45px;
}


.menu-main-menu-container #primary-menu li {
	list-style:none;
}

.menu-toggle {
	display:none;
}
 
.topHeader .book-nowbtn a {
	padding-right:0 !important;
	transition:0.3s;
}

.book-nowbtn:hover {
	background-color:#025fcd;
}

.homepagebgImg .carousel-item img {
	height:700px;
}

.current-menu-item a {
	color: #1782ff !important;
}

.banner-div-btn button:hover {
	background-color:#025fcd;
	border-radius:0px;
	transition:0.3s;
}

.aboutbg .container-fluid {
	padding:0 40px;
}

.page-template-interactive #header {
	background: #042749 !important;
}

.menu-main-menu-container ul.sub-menu {
	display:none;
}

.menu-main-menu-container #primary-menu li:hover ul.sub-menu {
	display:block;
	position:absolute;
	padding: 10px 10px;
    background: white;
    border: 1px solid #042749 !important;
	border-radius:5px;
	width:140px;
}

.menu-main-menu-container ul.sub-menu li a {
	color:#042749  !important;
	padding-right:0px !important;
	font-size:14px !important;
}

.interactive-male-section .hotspots-image-container {
	background-color:#101328 !important;
}

.interactive-male-section .hotspots-placeholder {
	background: #193F6C  !important;
    border: 0 #7752fe solid  !important;
    color: #ffffff;
	position: absolute;
    left: 10px;
    z-index: 999;
	border-radius:14px;
/* 	border:1px solid #F9FAFC !important; */
	top:50px;
	height:600px;
	max-width:430px !important;
}

.interactive-male-section .hotspot-content p {
	font-size:16px !important;
	color:#fff !important;
	font-weight:500;
	line-height:24px;
	padding-top:16px;
	font-family: 'Montserrat', sans-serif !important;
}

.interactive-male-section .hotspot-title {
	font-size:22px;
	font-weight:700;
	color:#fff !important;
	text-transform:capitalize;
}

.interactive-male-section .hotspots-image-container {
	margin:0 -40px !important;
}

.interactive-male-section .hotspot-content {
	font-size:18px !important;
	color:#fff !important;
	font-weight:500;
	line-height:24px;
}

.interactive-male-section .hotspots-interaction {
	display:inline;
}

.hotspots-image-container {
	background:url(https://tfp.triazinesoft.in/wp-content/uploads/2024/02/interactive-bg.png) center bottom no-repeat !important;
	background-size:cover !important;
}

.page-template-interactive .footer-section .footerBg {
	margin-top:0px !important;
}

.interactive-male-section .hotspot-thumb {
	padding-bottom:10px;
}

.interactive-male-section .hotspot-content p span {
	font-family:'Montserrat', sans-serif !important;
	color:#fff !important;
}

.interactive-male-section .hotspot-content {
	height: 250px;
    overflow-y: scroll;
}

.interactive-male-section .hotspot-thumb img {
	height:200px !important;
}

/* .interactive-male-section .hotspots-image-container img {
	height:600px !important;
	width:500px !important;
} */

.interactive-male-section .leaflet-container {
	background-color:transparent !important;
}

#carousel2 .owl-carousel .owl-item img {
	height:570px !important;
}

.hotspot-content::-webkit-scrollbar {
  width: 4px;
}

.hotspot-content::-webkit-scrollbar-thumb {
  background: #2083d2;
  height: 30px;
}

.hotspot-content::-webkit-scrollbar-thumb {
  /* background-color: blue;
  border-radius: 20px;
  border: 3px solid #8bc53f; */
  background: #999;
  height: 30px;
}

.leaflet-tooltip-pane {
	background-color:#000 !important;
}

.interactive-right-box::-webkit-scrollbar {
  width: 4px;
}

.interactive-right-box::-webkit-scrollbar-thumb {
  background: #2083d2;
  height: 30px;
}

.interactive-right-box::-webkit-scrollbar-thumb {
  /* background-color: blue;
  border-radius: 20px;
  border: 3px solid #8bc53f; */
  background: #999;
  height: 30px;
}


/* -------contact us-------- */
.page-template-contact-us .container-fluid {
	padding:0 30px;
}

.contact-buttons {
	display:flex;
	justify-content:end;
}

.contact-form label {
	color:#333;
	font-size:14px;
	font-weight:500;
}

.contact-sec {
	padding-bottom:15px;
}

.input-select {
	display:flex;
}

.outline-btn {
    border: 1px solid #9f9f9f !important;
    background: transparent !important;
    color: #9f9f9f !important;
	transition:all ease 0.3s;
}

.outline-btn:hover {
	background:#151B55 !important;
	color:#fff !important;
}

#carousel-2 .owl-stage-outer {
	border-radius:10px;
}

.menu-main-menu-container #primary-menu li a:hover {
	color:#1782ff !important
}

.blog-section.spacing {
	margin-top:-50px;
	padding:0 0;
}

.blog-section  .container-fluid {
	padding:0 30px;
}

.breadcrumb-section .container-fluid {
	padding:0 30px;
}

.page-id-2 .interactive-section {
	padding-bottom:0;
}

.page-template-photo-editing #header {
	background-color:#042749 !important;
}

.book-nowbtn li:hover {
	color:#fff !important;
}

.container-fluid {
	padding:0 40px;
}

.footer-section ul:nth-child(2) li {
	padding-bottom:15px;
}
/* 
.footer-section ul:last-child li {
	padding-bottom:15px;
} */

.topHeader .headerbg {
	padding:20px 0;
}

.page-id-2 .homepagebgImg .container-fluid {
	padding:0 0px;
}

.page-id-2  .navbar .container-fluid {
	padding:0 40px;
}

/* .hotspots-image-container .hotspots-map-container {
	left:150px !important;
} */

.leaflet-tooltip {
	left:40px !important;
}

.menu-main-menu-container #primary-menu .book-nowbtn a:hover {
	color:#fff !important;
}

.blog-detail-div h2 {
	margin-bottom:0;
}

.comments-area label {
	display:block;
	font-size: 16px;
/*     padding-top: 12px; */
}

.post-navigation {
	padding-top:20px;
}

.comments-area .submit {
	background:#042749;
	color:#fff;
	border:none;
	font-size:15px;
	padding:3px 16px;
}

.comments-area .logged-in-as {
	font-size:15px;
}

.comments-area textarea {
	border-radius:4px;
	width:55%;
	border:1px solid #222;
	font-size:14px;
	padding-left:10px;
	height:160px !important;
}

.comments-area input {
	width:55%; 
	border-radius:4px;
	border:1px solid #222;
	font-size:14px;
	padding-left:10px;
}


.blog-details-section .col-lg-8 {
	padding-right:30px !important;
}

.comments-area {
	padding-bottom:35px;
	padding-top:20px;
}

.comment-form-cookies-consent {
	display:flex;
	align-items:center;
	padding-top:12px;
}

.comment-form-cookies-consent input {
	width:auto;
	margin-right:4px;
}

span.nav-title {
    font-size: 14px;
    color: #000;
}

.interactive-list {
    position: absolute;
    right: 36px;
    top: 80px;
    background: #042749;
    border-radius: 14px;
	width:328px;
	box-shadow:0px 0px 1px #222;
	height:600px;
/* 	border: 1px solid #8dbff9; */
	overflow-y:scroll;
	padding-bottom:20px;
}

li.list-view {
	list-style:none;
	border-bottom: 1px solid #6268707d;
	padding: 9px 6px;
    font-size: 15px;
	color:#1a3f69;
	font-weight:500;
}

li.list-view a {
	color:#fff;
	transition:all ease 0.3s;
	text-transform:capitalize;
}

li.list-view i {
	color:#fff;
	padding-right:3px;
}

li.list-view a:hover {
	padding-left:5px;
}

.interactive-male-section.sec {
	position:relative;
}

.interactive-list ul {
	padding:14px 10px;
}

li.list-view:last-child {
	border-bottom:none;
}

/* .hotspots-image-container img {
	margin-left:45px;
}
 */
#hotspot-328 .interactive-male-section .hotspots-placeholder {
	max-width:370px !important;
}
/* 
#hotspot-328 .hotspots-image-container img {
		margin-left:-12px !important;
	} */

.interactive-list::-webkit-scrollbar {
  width: 4px;
}

.interactive-list::-webkit-scrollbar-thumb {
  background: #2083d2;
  height: 30px;
}

.interactive-list::-webkit-scrollbar-thumb {
  /* background-color: blue;
  border-radius: 20px;
  border: 3px solid #8bc53f; */
  background: #999;
  height: 30px;
}

.footer-section .menu-main-menu-container #primary-menu  {
	display:flex;
	justify-content:center;
}

.footer-section .sub-menu {
	display:none !important;
}

.footer-section .dropdownArrow:after {
	display:none;
}

.footer-section .book-nowbtn {
	display:none;
}

.footer-section .menu-main-menu-container #primary-menu li a:hover {
	color:#002958 !important;
	text-decoration:none;
}

.footer-section .current-menu-item a {
	color:#000 !important;
}

.footer-section ul li img {
	margin-right:5px;
}

.page-id-430 #header {
    background: #042749 !important;
	z-index:99999;
}

.interactive-box {
	background:#193F6C;
	border-radius:4px;
	min-height:400px;
/* 	width:400px; */
}

.interactive-tile {
	font-size: 22px;
    font-weight: 700;
    color: #fff !important;
    text-transform: capitalize;
	padding: 14px 0 0;
    margin: 0 0;
}

.interactive-para {
	font-size: 16px !important;
    color: #fff !important;
    font-weight: 500;
    line-height: 24px;
    padding: 10px 15px;
    font-family: 'Montserrat', sans-serif !important;
}

.interactive-right-box {
	background: #042749;
    border-radius: 14px;
    width: 100%;
    box-shadow: 0px 0px 1px #222;
    height: 600px;
    padding-bottom: 20px;
	text-align:left;
/* 	width:350px; */
	overflow-y:auto;
}

.grid-box-right {
	width:22%;
}

.cennter-grid {
	width:55%;
/* 	padding-left:3% !important; */
/* 	margin-top:150px; */
}


.interactive-right-box button {
	border:none;
	background:transparent;
	padding: 0 0;
	text-align:left;
}

.list-view {
    list-style: none;
    border-bottom: 1px solid #6268707d !important;
    padding: 0px 14px !important;
    font-size: 15px;
    color: #fff;
    font-weight: 500;
	width:100%;
	text-align:left;
}

.custom-interactive {
	background:url(https://tfp.triazinesoft.in/wp-content/uploads/2024/10/interactive-bg.png) center bottom no-repeat !important;
	background-size:cover !important;
 	padding-bottom: 50px;
}

.custom-interactive .hotel-list {
	background:transparent;
	height:600px; 
}

.custom-interactive .grid-item {
	border:none;
	background:transparent;
}

.page-id-430 .footer-section .footerBg {
	margin-top:0;
} 

.interactive-box h5 {
	color:#fff;
	font-size:15px;
	line-height:24px;
	padding:10px 14px;
}

.interactive-box h4 {
	padding-top: 0px;
    font-weight: 600;
	font-size:20px;
	color:#fff;
	padding-bottom:0px;
}

.interactive-box {
	 font-size: 22px;
    color: #fff;
    font-weight: 600;
    padding-top: 10px;
	height:600px;
	overflow-y:auto;
	overflow-x:hidden;
}   

.grid-box-left { 
    width: 29%;
}

.backImg {
	background: url(https://tfp.triazinesoft.in/wp-content/uploads/2024/10/interactive-bg.png) 0% 0% / contain no-repeat;
	background-position:center center !important;
	margin:0 auto;
/* 	height:570px !important;
	max-width:500px !important;
	width: 626px; */
  height: 711px;
  background-repeat: no-repeat;
  padding: 0px;
  width: auto;
  height: 644px;
  top: -22px;
  right: 0;
  bottom: 0;
	width:565px !important;
}

.page-id-435 .backImg {
	right: 40px;
    top: 13px;
    width: 525px !important;
}

.page-id-435 #header {
	background-color:#042749 !important;
}

.page-id-435 .footer-section .footerBg {
	margin-top:0;
}

.btnsItem {
	z-index:1 !important;
}

.interactive-right-box i {
	padding-right:9px;
}

.page-id-430 .breadcrumb-nav {
	padding-top:73px;
}

.page-id-430 .breadcrumb {
	margin:0 0;
}

.footer-section .footerBg .row {
	justify-content:space-between;
}

.social-link {
	display:flex;
	justify-content:end;
}

.footer-bottom-bg .row {
	align-items:center;
}

.interactive-box::-webkit-scrollbar {
  width: 4px;
}

.interactive-box::-webkit-scrollbar-thumb {
  background: #2083d2;
  height: 30px;
}

.interactive-box::-webkit-scrollbar-thumb {
  /* background-color: blue;
  border-radius: 20px;
  border: 3px solid #8bc53f; */
  background: #999;
  height: 30px;
}

.mob-navbar-collapse li {
	color:#fff;
}

.mob-navbar-collapse li a {
	color:#fff;
}

.mob-navbar-collapse .dropdownArrow:after {
	right:11px;
}

/* .page-id-430 .breadcrumb-nav {
		padding-top:60px;
	} */
.interactive-box img {
    width: 100%;
    object-fit: cover;
}
/* #myCanvasInner img {
    height: 190px; 
} */

.page-id-435 .breadcrumb-nav {
	padding-top:73px;
}

.page-id-435 .breadcrumb {
	margin:0 0;
}

.hotel-list { 
    align-items: flex-start !important;
}

.about-factor img {
      border-radius: 100%;
    height: 310px;
    width: 310px;
    min-width: 310px;
    max-width: 100%;
    min-height: 310px;
    max-height: 310px;
	margin: 10px;
}

.imageRadiusWidth {
	height:250px !important;
	 object-fit: cover; 
}

.face-rating .owl-item img {
	height:490px !important;
	object-fit:contain;
	border-radius:25px;
	border:1px solid #ccc;
	box-shadow: 1px 1px 5px #ccc;
	padding: 5px;
	background-color:#f2f2f2;
}

.face-rating .interactive-div-posAbs  {
	display:none !important;
}

.footer-section li.dropdownArrow.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-50 {
	display:none;
}

.interactive-section.photo-editing-caraousel .owl-carousel .owl-stage-outer {
    overflow: inherit;
}

.dropdownArrow {position: relative;}
.dropdownArrow:after {content: '';position: absolute;right: 30px;top: 12px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 10px solid transparent;border-top: 8px solid #fff;}

.animated  {
  -webkit-animation-duration : 1000 ms  ;
  animation-duration : 1000 ms  ;
  -webkit-animation-fill-mode : both  ;
  animation-fill-mode : both  ;
}  
/* .owl-animated-out - only for current item */ 
/* This is very important class. Use z-index if you want move Out item above In item */ 
.owl-animated-out {
  z-index : 1 
   }
/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */ 
.owl-animated-in {
  z-index : 0 
   }
/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */ 
.fadeOut  {
  -webkit-animation-name : fadeOut  ;
  animation-name : fadeOut  ;
}  
@-webkit-keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}
@keyframes  fadeOut  {
  0% {
    opacity : 1   ;
  }  
  100% {
    opacity : 0   ;
  }  
}


@media only screen and (min-width: 992px) {
	.navbar-expand-lg .navbar-collapse {
		display:none !important;
	}
}

@media only screen and (max-width: 992px) { 
	
	.page-id-435 .breadcrumb-nav {
		padding-top:42px !important;
	}
	
	
}

@media only screen and (min-width: 1650px) {
.backImg {
	background: url(https://tfp.triazinesoft.in/wp-content/uploads/2024/05/large-img.png) 0% 0% / contain no-repeat;
	background-position:center center !important;
/* 	height:570px !important; */
	margin:0 auto;
	max-width:900px !important;
} 


}


@media only screen and (max-width: 1650px) {
	.interactive-male-section .hotspots-placeholder {
		left:0px;
	}
	
	.interactive-male-section .hotspot-title {
		font-size:21px!important;
		padding-bottom:10px!important;
	}
	
	.interactive-male-section .hotspot-content p {
		font-size:16px!important;
	}
	
	.interactive-male-section .hotspot-content {
		height:250px !important;
	}
	
/* 	.hotspots-image-container .hotspots-map-container {
		left:310px !important;
	} */
	
/* 	.hotspots-image-container img {
		margin-left:56px !important;
	} */
	
/* 	#hotspot-328 .hotspots-image-container .hotspots-map-container {
		left:400px !important;
	}
	 */
	
	#hotspot-328 .interactive-male-section .hotspots-placeholder {
		max-width:370px !important;
	}
	
	.aboutbg .about-banner-headding-div h4 {
		font-size:22px;
	}
	
	.aboutbg .about-banner-headding-div h1 {
		font-size:44px;
	}
	
	.banner-headding-div h1 {
		font-size:70px;
	}
	
	.banner-headding-div h2 {
		font-size:35px;
	}
}


@media only screen and (max-width: 1410px) {
	.interactive-male-section .hotspots-placeholder {
		left:-20px;
	}
	
	.interactive-list {
		right:19px;
	}
/* 	
	#hotspot-328 .hotspots-image-container img {
		margin-left:-54px !important;
	} */
	
	.interactive-male-section .hotspots-placeholder {
		max-width:380px !important;
	}
	
	.grid-box-right {
		width:28%;
	}
	
	.cennter-grid {
		width:38%;
	}
	
/* 	.page-id-430 .breadcrumb-nav {
		padding-top:60px;
	} */
	
	.page-id-435 .container-fluid {
		padding:0 15px !important;
	}
	
		.page-id-430 .container-fluid {
		padding:0 15px !important;
	}
	
	.custom-interactive .grid-item {
		padding:0 10px !important;
	}
	
	.interactive-box h4 {
		font-size:17px;
	}
	
	.grid-box-left {
		width:31%;
	}
	
	.grid-box-right {
		width:30%;
	}   
	
}


@media only screen and (max-width: 1300px) {
	.menu-main-menu-container #primary-menu li a {
		font-size:15px;
	}
	
	.footer-section .menu-main-menu-container #primary-menu {
		flex-wrap:wrap;
	}
	
	.social-link {
		justify-content:center;
	}
	
	.footer-bottom-bg p {
		text-align:center;
	} 
	
	.footer-section ul:last-child li {
		padding-bottom:0;
	}
	
/* 	.footer-section ul:last-child li {
		padding-bottom:7px;
	} */
}

@media only screen and (max-width: 1280px) {
	.page-id-435 .container-fluid {
		padding:0 15px !important;
	}
	
		.page-id-430 .container-fluid {
		padding:0 15px !important;
	}
	
	.menu-main-menu-container #primary-menu li a {
		padding-right:25px !important;
	}
	
	.menu-main-menu-container #primary-menu li:last-child a {
		padding-right:0px !important;
	}
	
	.custom-interactive .grid-item {
		padding:0 0 !important;
	}
	
	.page-id-435 .backImg {
		right:90px;
	}
	
	.grid-box-left {
		position:relaive !important;
		z-index:1;
	}
	
	.homepagebgImg .carousel-item img {
		height:auto;
	}
	
	.face-rating .owl-item img {
		height:260px !important;
	}
	
	.dropdownArrow:after {
		right:11px;
	}
	
}

@media only screen and (max-width: 1024px) {
	.page-id-435 .backImg {
		right:150px;
	}
	
	.photo-editing-section h1 {
		font-size:30px;
	}
	
	.interactive-section h1 {
		font-size:30px;
	}
	
	.blog-section h1 {
		font-size:30px;
	}
	
	.interactive-section-carouselbg {
		margin-top:20px;
	}
	
	.photo-editing-caraousel {
		margin-top:20px;
	}
	
	.blog-section .paddingbtm {
		padding-bottom:15px;
	}
	
}

@media (min-width: 768px) and (max-width: 991px){
	.menu-main-menu-container #primary-menu{padding-left: 0px}
	.topHeader .book-nowbtn { padding: 2px 10px; }
	.menu-main-menu-container #primary-menu li a{ padding-right: 15px !important; font-size: 12px}
	#site-navigation {display: none;}
	.mob-navbar-collapse .dropdownArrow:after {
		right:3px;
	}
}


@media only screen and (max-width: 990px) {
	.backImg {
/*     max-width: 360px !important; */
    /* display: none !important; */
/*     height: 360px !important; */
	}
	
	
	.grid-box-left {
		width:100%;
	}
	
	.grid-box-right {
		width:100%;
	}
	
	.hotel-list .grid-item {
		padding:10px 10px;
	}
	
	.interactive-male-section .container-fluid {
		padding:0 0;
	}
	
	.custom-interactive .hotel-list {
		height:auto;
	}
	
	.hotel-list {
		flex-wrap:wrap;
	} 
	
	.interactive-right-box {
		height:auto;
	}
	
	.cennter-grid {
		width:100%;
	}
	
	.page-id-435 .backImg {
		right:30px;
	}
	

}


@media only screen and (max-width: 767px) {
	.hotspots-image-container .hotspots-map-container {
		position:initial !important;
	}

   .interactive-male-section h1 {
	font-size:32px;
	font-weight:600;
}
	
	.menu-main-menu-container #primary-menu {
		display:none;
	}
	
	.navbar-brand img {
		width:75%;
	}
	
	.topHeader .headerbg {
		padding:8px 0;
	}
	
	.photo-editing-section .container {
		padding:0 25px;
	}
	
	.blog-section .col-lg-3 {
		margin-bottom:20px;
	}
	
	.banner-headding-div h1 {
		font-weight:700;
	}
	
	.banner-headding-div h2 {
		font-weight:700;
	}
	
	.breadcrumb-section .container-fluid {
		padding:0 15px;
	}
	
	.container-fluid {
		padding:0 15px;
	}
	
	.aboutbg {
		height:250px;
	}
	
	.interactive-male-section {
		overflow:hidden;
	}
	
	.banner-div-btn {
		margin-top:18px;
	}
	
}


@media screen and (min-device-width: 360px) and (max-device-width: 567px) {
    .interactive-male-section-img{
        padding: 0px 10px !important;
    }
    .contactusBg {
        height: auto !important;
        background-position: right bottom, right !important;
    }

    .surface-section {
        display: block;
    }

    .interactive-maleBg {
        height: auto !important;
    }

    .interactive-forhead-section {
        padding: 0px 10px !important;
    }

    .d-flexAdd-forum {
        display: block !important;
    }

    .d-flexAdd-forum div {
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .forumTabs-headdingFlex {
        display: block !important;
        text-align: end !important;
    }

    .forumTabs-headdingFlex ul li {
        margin-bottom: 20px;
    }

    .addnew-Btn {
        padding: 5px 20px !important;
    }

    .forum-divShadow {
        padding: 5px !important;
    }

    .ForumwidthMin {
        width: 10% !important;
    }

    .ForumwidthMax {
        width: 90% !important;
    }

    .ForumwidthMax h2 {
        font-size: 15px !important;
    }

    .ForumwidthMin span {
        font-size: 13px !important;
    }

    .ForumwidthMax span {
        font-size: 13px !important;
    }

    .ForumwidthMax p {
        font-size: 14px !important;
    }

    .interactive-section .interactive-section-carouselbg .owl-nav .owl-prev {
        left: 20px;
			width:40px;
		height:40px;
    }

    .interactive-section .interactive-section-carouselbg .owl-nav .owl-next {
        right: 20px;
		width:40px;
		height:40px;
    }

    .interactive-div-posAbs {
        padding: 5px;
    }

    .interactive-div-posAbs h2 {
        margin: 0;
        font-size: 12px;
    }

    .footer-bottom-bg p {
        font-size: 15px !important;
    }

    .banner-headding-div {
        top: 80px;
		left:45px;
    }

    .banner-headding-div h1 {
        font-size: 23px;
        margin-bottom: 0;
    }

    .interactive-male-section {
        padding: 10px 0px !important;
    }

    .interactive-male-section h1 {
        font-size: 28px !important;
    }

    .interactive-male-section h4 {
        font-size: 15px;
        line-height: 25px;
    }

    .banner-headding-div h2 {
        font-size: 13px;
        line-height: 17px;
    }

    .banner-div-btn button {
        font-size: 13px;
        padding: 2px 11px;
    }

    .interactive-section {
        padding: 20px 0px;
    }

    .interactive-section h1 {
        font-size: 24px;
    }

    .photo-editing-section {
        padding: 35px 0px;
    }

    .photo-editing-section h1 {
        font-size: 24px;
    }

    .photo-editing-section h4 {
        font-size: 18px;
    }

    .interactive-section-carouselbg {
        margin-top: 20px !important;
    }

    .photo-editing-caraousel {
        margin-top: 20px !important;
    }
/* 
    .blog-section {
        padding: 10px 0px;
    } */

    .blog-section h1 {
        font-size: 24px;
    }

    .paddingbtm {
        padding-bottom: 0px;
    }

    .mob-navbar-collapse {
        background: #042749;
        padding: 15px;
    }

    .homepagebgImg .carousel-control-prev {
        height: 30px;
        width: 30px;
        top: 100px;
		left:0px;
    }

    .homepagebgImg .carousel-control-next {
        height: 30px;
        width: 30px;
        top: 100px;
		right:0px;
    }
	
	.photo-editing-section .photo-editing-caraousel .owl-nav .owl-prev {
		width:39px;
		height:39px;
		left:-22px;
	}
	
	.photo-editing-section .photo-editing-caraousel .owl-nav .owl-next {
		width:39px;
		height:39px;
		right:-22px;
	}

    .aboutbg {
        padding: 90px 0px 35px 0px;
    }

    .aboutbg .about-banner-headding-div h1 {
        font-size: 35px;
    }

    .aboutbg .about-banner-headding-div h4 {
        font-size: 15px;
		line-height:22px;
    }

    .breadcrumb-nav ol .breadcrumb-item {
        font-size: 14px;
    } 

    .widthRLDesc {
        width: 100%;
        margin: auto;
        padding: 0px 5px;
    }

    .description {
        line-height: 22px;
        font-size: 15px;
    }

    .marketingBgSection {
        display: none;
    }

    .MobmarketingBgSection {
        display: block;
        background: url(../images/Mobmarketing_bg.png) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 40px 0px;
        margin-top: 20px;
    }

    .marketingBlog-div {
        width: 100%;
        margin: unset;
        padding: unset;
    }

    .marketingBlog-div h3 {
        font-size: 18px;
        line-height: 25px;
    }

    .marketingBlog-div p {
        font-size: 16px;
        line-height: 22px;
    }

    .factorSection {
        padding: 20px 0px;
    }

    .factorSectionDiv h2 {
        font-size: 20px;
        line-height: 30px;
    }

    .factorSectionDiv h6 {
        font-size: 15px;
        line-height: 25px;
    }

    .booknow-section {
        padding: 20px 0px;
    }

    .book-now-div h2 {
        font-size: 16px;
        line-height: 25px;
    }

    .book-now-div button {
        font-size: 15px;
    }

    .background-section {
        padding: 20px 0px;
    }

    .background-section-div h1 {
        font-size: 30px;
    }

    .search-form input[type=text]:focus {
        width: 100% !important;
    }

    .search-form {
        padding: 0px 0px 10px 0px !important;
    }
	
	.backImg {
		right:72px;
	}
	
	.page-id-435 .backImg {
		right:110px;
	}
	
	.face-rating .owl-item img {
		height:160px !important;
	}
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
    .widthRLDesc{
        width: 100% !important; 
    }
    .marketingBlog-div {
        width: 100%;
        margin: unset;
        padding: unset;
    }
    .marketingBgSection {
        display: none;
    }

    .MobmarketingBgSection {
        display: block;
        background: url(../images/Mobmarketing_bg.png) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 40px 0px;
        margin-top: 20px;
    }
    .banner-headding-div h1 {
        font-size: 30px;
    }

    .banner-headding-div h2 {
        font-size: 22px;
        line-height: 25px;
    }

    .banner-div-btn {
        margin-top: 15px;
    }

    .banner-div-btn button {
        font-size: 15px;
        padding: 5px 25px;
    }

    .interactive-section {
        padding: 20px 0px;
    }

    .interactive-section h1,
    .photo-editing-section h1,
    .blog-section h1 {
        font-size: 30px;
    }

    .interactive-section-carouselbg,
    .photo-editing-caraousel {
        margin-top: 15px;
    }

    .interactive-div-posAbs {
        padding: 5px 5px;
    }

    .interactive-div-posAbs h2 {
        font-size: 15px;
    }

    .interactive-section .interactive-section-carouselbg .owl-nav .owl-prev {
        top: 75px;
    }

    .interactive-section .interactive-section-carouselbg .owl-nav .owl-next {
        top: 75px;
    }

    .photo-editing-section h4 {
        font-size: 22px;
    }

    .blog-section {
        padding: 10px 0px;
    }

    .paddingbtm {
        padding-bottom: 0px;
    }

    .topHeader .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 15px;
        padding-right: 20px;
    }

    .mob-navbar-collapse {
        background: #042749;
        padding: 15px;
    }
}

.know-more-btnTwo button {
    color: var(--BLACK, #1A1A1A); 
}

.know-more-btnTwo button:hover{color: #fff !important}
.menu-main-menu-container #primary-menu li:hover ul.sub-menu{width: 200px;}
.menu-main-menu-container ul.sub-menu li a {color: #042749  !important;padding: 0px 0px 0px 10px !important;font-size: 14px !important;display: inline-block;}


.menu-main-menu-container #primary-menu{ margin-bottom: 0;}
.breadcrumb-section .col-lg-12.mt-5 {padding-top: 3rem !important;}
.cat-item a {color:#1072E5;font-weight:500;}

@media screen and (min-device-width: 1025px) and (max-device-width: 1300px) {
    .topHeader .navbar-expand-lg .navbar-nav .nav-link {padding-right: 30px;font-size: 15px;}	
}

@media(max-width: 767px){
	.homepagebgImg .carousel-item img{height: 240px;} 
	.page-id-430 .breadcrumb-nav{padding-top: 42px;}
	.footer-section ul {padding: 0;margin-bottom: 15px;}
	.footer-section ul li a img {margin: 0px 5px;}
	.footer-section .footerBg{ padding: 10px;}
	.mob-navbar-collapse .dropdownArrow:after {display: none;}
}

@media(max-width: 400px){
	.page-id-435 .backImg {right:150px;}	 
}

/** apple XDR Device  **/

@media (min-width: 3383px) and (max-width: 3384px){	 
/* 	.interactive-box{height: 63vh;}
	.interactive-right-box{height:63vh}
	.custom-interactive {height: 64.5vh;} */
	
	.custom-interactive{height: 100vh;}
	.interactive-box{height: 97vh;}
	.interactive-right-box{height: 97vh}
	.backImg{ max-width: 100% !important; width: 100% !important; height: 100vh !important;}
	
	.backImg{ max-width: 100% !important; width: 100% !important; height: 100vh !important; background-position: center bottom !important;}
	.menu-main-menu-container #primary-menu li a {font-size: 3em !important; line-height: 2em; padding-right: 4em;}
	.footer-bottom-bg p {font-size: 3em; line-height: 3em;}
	.footer-section ul li a img {margin-right: 40px;width: 100px;}
	.interactive-box h4 {font-size: 4em;line-height: initial;padding: 1em 0em;}
	.interactive-box h5 { line-height: 2em;padding: 50px 60px;font-size: 2.5em !important;}
	.list-view { padding: 0px 60px !important;font-size: 2em; line-height: 2.5em;}
	.breadcrumb-nav ol .breadcrumb-item { font-size: 3em; line-height: 2.5em;}
	.page-id-430 .breadcrumb-nav {padding-top: 165px;}
	.page-id-435 .breadcrumb-nav {padding-top: 165px;}
	.page-id-435 .backImg{width: 100% !important}
	.grid-box-left {width: 30%;}
	.grid-box-right {width: 30%;}
	
}

@media (min-width: 3385px) and (max-width: 6016px){
	.topHeader .headerbg {padding: 25px 0;} 
	.custom-interactive{height: 100vh;}
	.interactive-box{height: 97vh;}
	.interactive-right-box{height: 97vh}
	.backImg{ max-width: 100% !important; width: 100% !important; height: 100vh !important;}
	.menu-main-menu-container #primary-menu li a {font-size: 3em; line-height: 2em; padding-right: 4em;}
	.footer-bottom-bg p {font-size: 3em; line-height: 3em;}
	.footer-section ul li a img {margin-right: 40px;width: 100px;}
	.interactive-box h4 {font-size: 4em;line-height: initial;padding: 1em 0em;}
	.interactive-box h5 { line-height: 2em;padding: 50px 60px;font-size: 2.5em !important;}
	.list-view { padding: 0px 60px !important;font-size: 2em; line-height: 2.5em;}
	.breadcrumb-nav ol .breadcrumb-item { font-size: 3em; line-height: 2.5em;}
	.page-id-430 .breadcrumb-nav {padding-top: 165px;}
	.page-id-435 .breadcrumb-nav {padding-top: 165px;}
	.page-id-435 .backImg{width: 100% !important}
}