@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap');

.landscapeDevice {
    display: none;
    position: fixed;
    z-index: 2000000001;
    width: 100%;
    height: 100%;
    top: 0px;
    background: #38B4C0;
    color: #FFF;
}
.landscapeDevice .img {
    width: 200px;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    top: 50%;
    margin-top: -86px;
    margin-left: -100px;
    left: 50%;
}
/************************* Header ***************************/
.mega-header, .header-main.header-fixedtop {
    border-bottom: 0px solid #d3d260;
    
}
.pagination-style > .active > a, .pagination-style > .active > a:focus, .pagination-style > .active > a:hover, .pagination-style > .active > span, .pagination-style > .active > span:focus, .pagination-style > .active > span:hover, .line-bottom:before, .line-center:before, .line-top:before, .btn-theme, .btn-theme.btn-black:hover, .mega-header .header-main, .mega-menu .menuzord-menu ul.dropdown li:hover a, .mega-menu .menuzord-menu ul.dropdown li ul.dropdown li:hover a,  .appointment-form .form-title, .appointment-form .form-body .btn, .widget .widget-title:after, .widget-search button, .widget-tags a:hover, .social-icons.icons-theme li a, .service-post .icon-box, .feature-box:hover, .feature-box .icon-box, .features-style2 .feature-box:hover, .team-post .thumb .overlay a:hover, .team-post .profile, .team-post .content .member-skill ul li a, .footer-widget .footer-widget-title .widget-title:after, .footer-widget .social-icons li a, .pricing-table .pricing-content .pricing-list-content .pricing-list, .scroll-to-top, .welcome-content .timetable-box .title:before, .features-style4 .feature-box:hover {
    background-color: #38B4C0;
}
.home-slider .slide-bg-theme, .home-slider .btn-theme, .home-slider .btn-theme.btn-black:hover{
	background-color: transparent;
	
}
.btn-theme, .home-slider .btn-theme.btn-black:hover{
	background-color: #5C93E0 !important; border: 0px !important;
	
}
.mega-header, .header-main.header-fixedtop {
    border-bottom: 0px solid #d3d260 !important;
}
h2.slide-bg-theme{ font-size: 72px !important; font-weight: 700; font-family: 'Montserrat', sans-serif; }
h2.slide-bg-theme.slide-bg-black{ font-size: 24px !important; font-weight: 400; }
.mega-header {
    position: relative;
    width: 100%;
    left: 0px;
    top: 0px;
    z-index: 99999;
    background: transparent;


}
.page-text {
    background-color: #38B4C0;
}
.panel-success>.panel-heading {
    color: #ffffff;
    background-color: #38B4C0;
    border-color: #38B4C0;
}
.section-title .title span, .inner-title .title span, .welcome-content .welcome-box .title span, .welcome-content .timetable-box .title span {
    color: #38B4C0;
}
.preloader {
    background-color: #ffffff;
    background-image: url(../images/RF-waiting-icon.gif);
    background-position: center center;
    background-repeat: no-repeat;
    left: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 999999;
}
.header-main{
	-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
height: 80px;
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}
.isotopeFilter a:hover, .isotopeFilter a.current, .isotope-item .isotop-thumb .isotop-overlay .isotop-icons a:hover, .mega-header .header-top .form button:hover, .mega-menu .menuzord-menu > li:hover > a, .sp-megamenu .menuzord-menu > li.active > a, .mega-menu .menuzord-menu ul.dropdown, .mega-menu .menuzord-menu ul.dropdown li ul.dropdown li, .mega-menu .menuzord-menu ul.dropdown, .mega-menu .menuzord-menu ul.dropdown li:hover ul.dropdown li a, .header-main .appoint-btn a, .pricing-table .pricing-content .pricing-list-content .pricing-list:nth-child(2n+2) {
    background-color: #0E4D92;
}
.header-main .appoint-btn a:hover {
    background: #1A375B;
}
.header-main .appoint-btn a {
    border-radius: 60px;
    color: #fff;
    display: inline-block;
    font-family: 'DBAdman', Arial, sans-serif;
    font-size: 24px;
    font-weight: 500;
    /* line-height: 56px; */
    line-height: 48px;
    padding: 0 35px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    margin: 6px 0 0px 0;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}
.menuzord-menu {
    margin: 0 50px 0 0;
    padding: 0;
    float: right;
    list-style: none;
}
.btn-flag {
    padding: 0px;
    margin-top: 8px;
    margin-left: 8px;
}

ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin: 0px 0 0px 0;
}
.link-btn.home a{ font-size: 26px !important; }
.link-btn.home a:hover{ background-color: #0E4D92 !important; }
/**************************************************************/

.topbanner{
    width: 100%;
    position: relative; margin-top: -10px;
    max-width: 100%;
}
.topbanner img{
    width: 100%;
    max-width: 100%;
}
.topbanner-textbox{
    position: absolute;
    left: 10%;
    top: 25%;
    width: 60%;
    color: #FFF;

}
.topbanner-textbox p{ color: #FFF; font-size: 24px; }
.topbanner-textbox h2{ color: #FFF; }
.topbanner-textbox #link_1{ padding-top: 20px; }
/************************** Slide ****************************/

.home-slider{ margin-top: -8px; }
.tp-banner{ max-height:100% !important; }
.home-slider .slide-bg-theme.slide-bg-black {
    /* background-color: #1c1c1c; */
    background-color: transparent;
}
.tp-caption{ width: 500px; }
/************************* section-pro ***********************/
#section-pro{
	background:#fff url('../images/Group 73.png') top right;
	background-repeat: no-repeat;

	min-height: 1000px;
}
#section-pro h2{
	margin: 50px 0 15px 0;
	font-size: 50px;
	color: #000; font-weight: 700;

}
#section-pro p{ font-size: 26px; color: #0D0D0D; line-height: 36px; }

/************************* section-Topic 1 ***********************/
#section-topic1{
	background:#fff url('../images/Group 74.png') 0px 315px;
	background-repeat: no-repeat;
	background-size: 41%;
	min-height: 998px;
}
.section h2{
	margin: 15px 0 15px 0;
	font-size: 50px;
	color: #000; font-weight: 700;

}
.section h3{
	margin: 15px 0 15px 0;
	font-size: 40px;
	color: #000; font-weight: 700;

}
.section h4{
	margin: 15px 0 15px 0; min-height: 80px;
	font-size: 22px; text-align: center;
	color: #000; font-weight: 400;

}
.topic-icon{
	background-color: #FFF; 
	width: 178px; padding: 35px 0;
	height: 178px; margin: 15px auto;
	text-align: center;
	-webkit-border-radius: 61px;
	-moz-border-radius: 61px;
	border-radius: 61px;
	box-shadow: 0px 15px 80px 10px rgba(0, 0, 0, 0.08);
}
#section-topic1 .col-md-3{ width: 22%; }


#section-topic2{
    position: relative;
    width: 100%;
}
.home-arrow1{
    position: absolute;
    right: -5px;
    top: -10%;
}
.home-arrow2{
    position: absolute;
    left: -5px;
    bottom: 10%;
    
}
.home-arrow3{
    display: none;
    position: absolute;
    left: -5px;
    bottom: 10%;
}
/************************ section-counceling *****************/

#section-counceling{
    background:#f8f9fd url('../images/home/Relationflip_home1.png') top center;
    background-size: 100%;
    background-repeat: no-repeat;
    min-height: 931px;
}
.boxtext-pt h2{ color: #FFF; }
.boxtext-pt p{
    color: #FFF;
    font-size: 26px;
    line-height: 36px;
}
.boxtext-pt{
    position: relative;
    top: 400px;
    left: 0px;
}

/************************* section-solution ******************/
#section-solution{
    background:#f8f9fd url('../images/home/Relationflip_home2.png') top center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 1517px;
    position: relative;
}
#section-solution .boxtext-pt h2{ color: #000; }
#section-solution .boxtext-pt p{
    color: #000;
    font-size: 26px;
    line-height: 36px;
}
#section-solution .boxtext-pt{
    position: relative;
    top: 300px;
    left: 0px;
}

/******************************** section-seen ****************/

#section-seen{
    background: #fff;
    position: relative;
    width: 100%;
    text-align: center;
}

#section-seen img{ max-width: 100%; margin-top: 50px; }

/*************************** section-customer ************************/
#section-customer{
    background:#f8f9fd url('../images/home/Relationflip_home3.png') center left;
    background-repeat: no-repeat;
}
#section-customer h2{ margin-bottom: 50px; padding-left: 30px; }
#section-customer .topic-icon{
    background-color: #FFF; 
    width: 108px; padding: 20px 0;
    height: 108px; margin: 15px auto;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0px 15px 80px 10px rgba(0, 0, 0, 0.08);
}
#section-customer.section h4 {
    margin: 15px 0 15px 0;
    min-height: 80px;
    font-size: 28px;
    text-align: center;
    color: #000;
    font-weight: 400;
}
/************************ About Us **************************/
.about.page-title {
    background-image: url(../images/web/about/About.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 260px 0;
    position: relative;
}
.about.page-title .page-title-content {
    text-align: left;
}
.about.page-title .page-text {
    background-color: transparent;
    font-size: 80px; line-height: 80px;
    text-align: left;
    color: #000;
}
.about.page-title .page-text span{ color: #213B76; }

.aboutpage p {
    color: #000;
    line-height: 28px;
    word-break: break-word;
}
/********************** Login ****************************/
.login.page-title {
    background-image: url(../images/web/login/banner.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0; height: 800px; margin-top: -10px;
    position: relative;
}
.login .form-control{
    border: 1px solid #CDCDCD;
    -webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
height: 45px;
color: #5DB99D;
}
.login .btn-block {
    display: block;
    width: 60%;
    margin: 0 auto; color: #fff;
    background: #38B4C0;
    border-color: #38B4C0;
    padding: 10px 16px;
    font-size: 22px;
    -webkit-border-radius: 70px;
-moz-border-radius: 70px;
border-radius: 70px;
}
.login #login.btn-block{
    background: #0E4D92;
    border-color: #0E4D92;

}

.none.page-title {
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0 0 0;
    position: relative;
}
.none.page-title:before {
    background-color: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.none .page-title-content .title {
    color: #000000; font-size: 64px;
}
.none .page-text {
    background-color:transparent;
    width: 100%;
}
.profile-page .validate{
   background: #FFFFFF;
    box-shadow: 0px 15px 80px 10px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px; padding: 80px 50px 50px 50px;
    margin: -35px 50px 0px 50px;
}
.profile-page .validate label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    color: #000;
}
.btn-success {
    color: #fff;
    background-color: #5C93E0;
    border-color: #5C93E0;
    /*font-size: 28px;
    min-width: 250px;
    padding: 10px 50px;*/
}
.btn-success:hover{
    background-color: #5C93E0;
    border-color: #5C93E0;
}
.btn-danger {
    color: #fff;
    background-color: #EC6A60;
    border-color: #EC6A60;
    /*font-size: 28px;
    min-width: 250px;
    padding: 10px 50px;*/
}
.profile-page .btn-success {
    color: #fff;
    background-color: #5C93E0;
    border-color: #5C93E0;
    font-size: 28px;
    min-width: 250px;
    padding: 10px 50px;
}
.profile-page .btn-danger {
    color: #fff;
    background-color: #EC6A60;
    border-color: #EC6A60;
    font-size: 28px;
    min-width: 250px;
    padding: 10px 50px;
}
.profile-page .btn-info {
    color: #fff;
    background-color: #0E4D92;
    border-color: #0E4D92;
     font-size: 28px;
    min-width: 250px;
    padding: 10px 50px;
}
.form-control {
    border: 1px solid #5DB99D;
}
.profile-page .form-control, .profile-page select.make-h {
    height: 38px;
    margin-bottom: 15px;
}
#AssessmentPage.page-title {
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 80px 0;
    position: relative;
}
#AssessmentPage.page-title:before {
    background-color: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

#AssessmentResultPage.page-title {
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
        padding: 80px 0 30px 0;
    position: relative;
}
#AssessmentResultPage.none-pb.page-title {
    background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
        padding: 80px 0 0px 0;
    position: relative;
}

#AssessmentResultPage.page-title:before {
    background-color: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}


.confrim .BoxBorder {
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    background-color: #FFFFFF;
    position: relative;
    margin-top: -60px; margin-left: 50px; margin-right: 50px;
    padding: 30px;
    color: #000;
    z-index: 2;
    box-shadow: 0px 15px 80px 10px rgba(0, 0, 0, 0.08);
border-radius: 40px; position: relative; z-index: 0;
}
.confrim  .BoxBorder p {
    color: #000;
    font-size: 18px;
    line-height: 24px;
}

.confrim .BoxBorder h3 {
    font-weight: bold;
    font-size: 32px; margin-bottom: 20px;
}


div.quiz-container, div.results-container {
    background-color: #f2f6f6;
    text-rendering: optimizeLegibility;
    min-height: 600px;
}
.nonebg{ background-color: transparent !important; }
#ReportRe{
    margin-top: -30px; position: relative; top: -10px;

}
#ReportRe .panel-box h3{
    font-weight: bold;
    font-size: 20px;
}
#ReportRe .panel-box h1, #ReportRe .panel-box h2 {
    font-weight: bold;
    font-size: 28px;
    text-align: center;
}

#ReportRe .panel {
    margin-bottom: 0px;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#ReportRe .panel-body {
    padding: 0px;
}
#ReportRe .panel-box {
    background: #FFFFFF !important;
    box-shadow: 0px 15px 80px 10px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    padding: 50px;
    margin: 0px 50px 30px 50px;
}


/**************************************/

.topic .BoxBorder {
    -webkit-border-radius: 33px;
    -moz-border-radius: 33px;
    border-radius: 33px;
    background-color: #FFFFFF;
    position: relative;
    margin-top: -60px; margin-left: 50px; margin-right: 50px;
    padding: 30px;
    color: #000;
    z-index: 2;
    box-shadow: 0px 15px 80px 10px rgba(0, 0, 0, 0.08);
border-radius: 40px; position: relative; z-index: 0;
}
.topic  .BoxBorder p {
    color: #000;
    font-size: 18px;
    line-height: 24px;
}

.topic .BoxBorder h3 {
    font-weight: bold;
    font-size: 32px; margin-bottom: 20px;
}

.service-post {
    background-color: transparent;
    border: 0px solid #f2f2f2;
    border-bottom: 0px solid #e9e9e9;
    margin-bottom: 0px;
    position: relative;
}
.BoxBorder div.checkbox {
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgb(0 0 0 / 6%);
    border-radius: 6px;
    padding: 15px 15px;
    border: 1.5px solid transparent;
    display: flex;
}
.BoxBorder div.checkbox:hover, .BoxBorder div.checkbox:focus {
    background: #FFFFFF;
    box-shadow: 0px 4px 26px rgb(0 0 0 / 6%);
    border: 1.5px solid #38B4C0;
    border-radius: 6px;
    padding: 15px 15px;
}
.topic .checkbox label, .topic .radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    font-size: 18px;
}
.checkbox #topic25 .cr, .radio #topic25 .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: 0.25em;
    width: 1em;
    height: 1em;
    float: none;
    margin-right: 0.5em;
    margin-top: 0.2em;
}
#topic25{ text-align: center; }
.service-post-details .service-post.post-details {
    margin-bottom: 0px;
}

/*************************************************/
.testimonial-post .testimonial-name {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #265687;
}
.testimonial-post .sub-title {
    color: #38B4C0 !important;
    font-family: 'DBAdman', Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0px;
}
.testimonial-post p {
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 20px;
    color: #000;
}
#team_render .btn-success {
    color: #fff;
    background-color: #0E4D92;
    border-color: #0E4D92;
}
#team_render .btn-warning {
    color: #fff;
    background-color: #5C93E0;
    border-color: #5C93E0;
}


.conList .testimonial-post .testimonial-name {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #265687;
}
.conList .testimonial-post .sub-title {
    color: #38B4C0 !important;
    font-family: 'DBAdman', Arial, sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0px;
}
.conList .testimonial-post p {
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    color: #000;
}

/************************* Bar *******************************/
.newweb .bs-wizard {
    margin-top: -40px;
}
.newweb { position: relative; z-index: 1; }
.newweb .bs-wizard {
    border-bottom: solid 1px #e0e0e0;
   box-shadow: 0px 15px 80px 10px rgba(0, 0, 0, 0.08);
    background: #ffffff;
    -webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px; padding: 20px 50px;

}
.newweb .bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    position: absolute;
    width: 15px;
    height: 15px;
    display: block;
    background: #265687;
    top: 23px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}
.newweb .bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
    content: ' ';
    width: 15px;
    height: 15px;
    background: #265687;
    border-radius: 50px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.newweb .bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
    background-color: #e6e6e6;
}

.newweb .bs-wizard>.bs-wizard-step>.progress1 {
    position: relative;
    border-radius: 0px;
    height: 5px;
    box-shadow: none;
    margin: 13px 0;
    background: #DADADA;
}
.newweb .bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    color: #000;
    font-size: 20px;
    margin-bottom: 0px;
}
.newweb .bs-wizard>.bs-wizard-step.complete>.progress1>.progress-bar1 {
    width: 100%;
    background: #265687;
    height: 5px;
}
.newweb .bs-wizard>.bs-wizard-step.active>.progress1>.progress-bar1 {
    width: 50%;
    background: #265687;
    height: 5px;
}

/***********************************************/
.boxBorder {
    background: #FFF;
    padding: 80px 20px 50px 20px;
    box-shadow: 0px 15px 80px 10px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    position: relative;
    top: -65px;
    z-index: 0;
    margin: 0px 50px;
    color: #000;
}
.boxBorder .btn-default:hover {
    color: #fff;
    background-color: #38B4C0;
    border-color: #38B4C0;
}
.boxBorder .btn-default{
    color: #265687; font-size: 24px;
}

.boxBorder .btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 10px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 25px;
}

.fz-28 span {
    color: #FFF;
    background: #265687;
    display: inline-block;
    padding: 15px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 55px;
    font-size: 26px !important;
    height: 55px;
    text-align: center;
    padding: 3px 13px;
    margin-top: 15px;
}
.into1_1{
    font-weight: 400;
}

/**************************** counselorDetail **********************/
.bo_pt180 {
    padding-top: 180px!important;
}
#counselorDetail .thumb img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 270px !important;
    height: 270px;
    filter: drop-shadow(2px 1px 4px rgba(0, 0, 0, 0.15));
}
#counselorDetail #rf_img{ margin-top: -160px; }
#counselorDetail #counselor_name{ text-align: right; color: #265687; margin-right: 20px;
    font-size: 40px;
    font-weight: bold;
 }
 #counselorDetail #rf_id{
    color: #38B4C0;
    font-size: 18px; text-align: right; margin-right: 20px; margin-top: 0px;

 }
#counselorDetail .panel {
    margin-bottom: 15px;
    background-color: #FFF;
    border: 0px solid transparent;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0px 15px 80px 10px rgb(0 0 0 / 8%);
}
#counselorDetail .panel-body {
    padding:15px 30px;
}
#counselorDetail .panel-success>.panel-heading {
    color: #ffffff;
    background-color: #265687;
    border-color: #265687;
    -webkit-border-top-left-radius: 16px;
    -webkit-border-top-right-radius: 16px;
    -moz-border-radius-topleft: 16px;
    -moz-border-radius-topright: 16px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
#counselorDetail .occupation {
    color: #265687;
    font-size: 22px;
    font-weight: 700;
}
#counselorDetail p, #counselorDetail li {
    color: #000;
    font-size: 18px;
    line-height: 20px;
    word-break: break-word;
}

#inFo.web h1 {
    color: #000;
    font-weight: bold;
    font-size: 40px;
}
#inFo.web .panel-body {
    padding: 0px 0px;
}
#inFo.web .panel {
    margin-bottom: 0px;
    background-color: transparent;
    border: 0px solid transparent;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#inFo.web .panelss {
    margin-bottom: 0px;
    background-color: #FFF;
    border: 0px solid transparent;
    box-shadow: 0px 15px 80px 10px rgb(0 0 0 / 8%);
    border-radius: 27px;
    margin-top: 20px;
    margin-right: 5px;
    margin-left: 5px; padding-bottom: 30px;
}
#inFo.web{ padding-top: 50px; }
#inFo.web #rf_img {
    width: 270px !important;
    height: 270px !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin-top: -50px !important;
    filter: drop-shadow(2px 1px 4px rgba(0, 0, 0, 0.15));
    margin: 0 auto !important;
    position: absolute;
    top: -120px;
    left: 0px;
    z-index: 1;
}
#inFo.web .iInfo {
    color: #38B4C0;
    font-size: 22px;
    margin-bottom: 0px;
}
#inFo.web #appointment_detail2 .sInfo font {
    color: #38B4C0;
    font-size: 24px;
    margin-left: 8px;
}
#inFo.web #appointment_detail2 .sInfo {
    line-height: 30px;
}
#inFo.web .sInfo {
    color: #265687;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 0px;
}
#inFo.web .sInfo span {
    font-size: 24px;
}
#inFo.web #appointment_detail2 .sInfo span {
    display: inline-block;
    width: 180px;
    color: #000;
}
.container.boxS{
    width: 900px; padding-bottom: 80px;
}
.box-s1 {
    border: 1px solid #38B4C0;
    box-sizing: border-box;
    border-radius: 19px;
    text-align: left;
    padding: 10px 10px 5px 15px;
    width: 65%;
    max-width: 691px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.text-p-s1 p {
    color: #000;
    line-height: 28px;
    word-break: break-word;
    font-size: 18px;
}
#inFo.web #appointment_detail{
    padding: 20px 0px 20px 50px;
}
#inFo.web #appointment_detail2{
    width: 60%; margin:0 auto;
}
/*************************************************************/
#picTimeTitle{
    width: 300px; height: 300px;
    margin: 0 auto; background-size: cover !important; background-repeat: no-repeat !important;
    -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
filter: drop-shadow(2px 4px 5px rgba(0, 0, 0, 0.2));


}
#TimeTableSelect .panel-default>.panel-heading {

    border-color: transparent;
    width: 400px;
    margin: 0 auto;
    -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin-top: -40px;
}
#TimeTableSelect  .panel-default {
    border-color: transparent;
    -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #FFFFFF;
box-shadow: 0px 15px 80px 10px rgba(0, 0, 0, 0.08);
border-radius: 40px;
margin-top: 80px;
}

#TimeTableSelect .btn-selecttime {
    margin: 10px;
    padding: 15px 15px;
    min-height: 100px;
    width: auto;
    margin-bottom: 15px;
    font-size: 18px;
    border: solid 1px;
    line-height: 1.3333333;
    border-radius: 6px;
    color: #333;
    background-color: #fff;
    border-color: #fff;
    background: #FFFFFF;
    box-shadow: 0px 15px 80px 10px rgb(0 0 0 / 8%);
    border-radius: 24px;
    display: inline-block;
}

.newweb .bs-wizard>.bs-wizard-step.active>.progress1 {
    position: relative;
    border-radius: 0px;
    height: 5px;
    box-shadow: none;
    margin: 13px 0;
    background: #265687;
}

.newweb .bs-wizard>.bs-wizard-step.active>.progress1>.progress-bar1 {
    width: 50%;
    background: #265687;
    height: 5px;
}

/************************* section-contact ******************/
#section-contact{
    background:#fff url('../images/home/Relationflip_home4.png') center right;
    background-repeat: no-repeat;
    min-height: 500px; padding-top: 200px; padding-bottom: 200px;
}
#section-contact p{
    color: #000;
    font-size: 28px; line-height: 36px;
}
#section-contact  .link-btn{ margin-top: 50px; }

/************************* section-app**********************/
#section-app{
    background:#fff url('../images/home/Relationflip_home5.png') bottom center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 660px; padding-top: 200px; padding-bottom: 200px;
}
#section-app h2{ color: #FFF; }
#section-app p{
    color: #fff;
    font-size: 28px; line-height: 36px;
}
#section-app img{ margin-top: 20px; }

/************************* Footer ***************************/
.footer-section {
    background-color: #1A375B;
}
.footer-widget .social-icons li a {
    border: 0px solid;
    background: #FFF;
    height: 26px;
    line-height: 24px;
    width: 26px;
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.footer-widget .social-icons li a i {
    color: #1A375B;
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    top: 0px;
}
.footer-widget .widget-contact p {
    border-bottom: 0px solid #474e56;
    color: #FFF;
    font-size: 18px; line-height: 20px;
    letter-spacing: 0.5px;
    margin-bottom: 0;
    padding-bottom: 10px;
}
.footer-widget .widget-links li {
    border-bottom: 0px dotted #474e56;
}
.footer-widget .widget-links li a:before {
    content: "";
    font-family: "FontAwesome";
    font-size: 15px;
    left: 0;
    line-height: 1;
    position: absolute;
    top: 3px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}
.footer-widget-box{
	border: 1px solid #FFF;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	font-size: 16px; margin-top: 15px;
	display: inline-block; padding: 10px 30px;
}
.footer-widget-box .headset{
	margin: 15px 25px 15px 20px;

}
.go_pt10{
	padding-top: 10px;
}
.go_pt20{
	padding-top: 20px;
}
.go_pt30{
	padding-top: 30px;
}
.go_pt50{
    padding-top: 50px;
}
.go_pt100{
    padding-top: 100px;
}
.go_pt150{
    padding-top: 150px;
}
.go_pb10{
	padding-bottom: 10px;
}
.go_pb20{
	padding-bottom: 20px;
}
.go_pb30{
	padding-bottom: 30px;
}
.footer-section .text-pb p{ margin-bottom: 0px; }
.footer-widget-box h3{ 
	color: #FFF;
	font-style: normal;
	font-weight: bold;
	font-size: 24px; margin: 10px 0 0 0;
	line-height: 26px; 
}

.menuzord .showhide {
    width: 60px;
    height: 46px;
    padding: 13px 0 0;
    display: none;
    float: left;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    -webkit-tap-highlight-color: transparent;
}
.menuzord .showhide em {
    width: 20px;
    height: 3px;
    margin: 3.5px 20px 0;
    float: right;
    background: #fff;
}

@media only screen and (min-width: 1900px) and (max-width: 2400px) {
#section-topic1 {
    background: #fff url(../images/Group 74.png) 0px 315px;
    background-repeat: no-repeat;
    background-size: 41%;
    min-height: 1143px !important;
}

}
@media only screen and (min-width: 1228px) and (max-width: 1440px) {
#section-topic2 .container{ width: 1000px !important; }
.home-arrow2{ width: 130px; }
.boxtext-pt {
    position: relative;
    top: 311px !important;
    left: 0px;
}
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

.landscapeDevice {
    display: block !important;

}

}