.homepage-px-site-faq{font-family: "Montserrat", Sans-serif; width: 100%; height: 100%;}

.PanelForSubjectGuide{position: fixed; height: 100%; width: 500px; box-shadow: 0 0 15px 0 rgba(34, 41, 47, 0.089); z-index: 12; background-color: rgb(255, 255, 255); overflow-x: auto; padding: 2.5rem 0.5rem 1rem 0.5rem;}

.panel-faq-left-question{display: flex; flex-direction: row; padding: 0 0.5rem;}
.panel-faq-left-btn-question{display: flex; flex-direction: row; height: 1.5rem; cursor: pointer;}

.panel-faq-left-btn-question-I{display: flex; width: 1.5rem; height: 1.5rem; align-items: center; justify-content: center; margin-right: 0.5rem; background-color: #6e6b7b;}
.panel-faq-left-btn-question-I i{font-size: 1rem; color: #ffffff;}
.panel-faq-left-btn-question-TEXT{font-size: 0.9rem; margin: auto 0;}

.panel-faq-left-questions-in{display: flex; flex-direction: column; padding-left: 3rem;}
.panel-faq-left-btn-question-II i{font-size: 1rem;}
.panel-faq-left-btn-question-TEXT2{font-size: 0.9rem; margin: auto 0 auto 0.5rem; font-style: italic;}

/* 
.field-for-link-in-nav.Active{background-color: #f8f8f8;}
.btn-navInPanel{display: flex; flex-direction: row; align-items: center; padding: 0px 0.5rem; height: 2.3rem; cursor: pointer; transition: all 0.3s ease; text-decoration: none; color: #6e6b7b;}
.btn-navInPanel:hover{margin-left: 0.5rem;}
.placeForI-inPanel{display: flex; width: 2rem; justify-content: center; margin-right: 0.5rem;}
.placeForI-inPanel i{font-size: 1.2rem;} */

.PanelForInformationGuide{display: flex; flex-direction: column; width: calc(100% - 500px); margin-left: 500px; height: auto; padding: 1.5rem 2rem 2rem 2rem;}
.answerFieldsOnTheTopic{display: flex; flex-direction: column; width: 100%; height: auto; margin: 0 auto; background-color: #ffffff; padding: 1.5rem 2rem;}

.answerFieldsOnTheTopic-Title{font-size: 1.3rem; font-weight: 500; color: rgb(61, 61, 61);}

.Title-Guide-DropdownOne{margin-top: 1rem; align-items: center; font-size: 1.4rem; color: rgb(255, 255, 255); 
   background-color: #29B28F; padding: 0.2rem 1.3rem; border-radius: 2rem; text-align: center; width: 28rem;}
.Title-Guide-DropdownTwo{display: flex; flex-direction: row; margin-top: 1rem; font-size: 1.1rem; color: rgb(61, 61, 61);}
.Title-Guide-DropdownTwo3{font-size: 1.1rem; color: rgb(40, 40, 40);}

.Block-StepByStep{display: flex; flex-direction: column; background-color: #0000000a; border-radius: 0.3rem; padding: 0.5rem; margin-top: 0.5rem;}
.Block-StepByStep2{display: flex; flex-direction: column; margin-top: 0.3rem; font-size: 14px; margin-left: 2.2rem;}

.Text-Guide-Big-Text{display: flex; margin-top: 0.7rem; font-size: 0.9rem; line-height: 2; text-justify: distribute}
.Text-Guide-Big-Text2{margin-top: 0.3rem; font-size: 0.9rem; line-height: 2; text-justify: distribute}
.Text-Guide-Big-Text2-NOTMARGIN{font-size: 0.9rem; line-height: 2; text-justify: distribute}

.Text-Guide-Big-Text22{display: flex; margin-top: 0.1rem; font-size: 0.9rem; line-height: 2; text-justify: distribute}
.Text-Guide-Big-Text22NotFlex{margin-top: 0.1rem; font-size: 0.9rem; line-height: 2; text-justify: distribute}

.Text-Guide-Big-NUMBER{display: flex; align-items: center; justify-content: center; background-color: #29B28F; color: #ffffff; border-radius: 50%; width: 1.5rem; height: 1.5rem; min-width: 1.5rem; height: 1.5rem; margin: 2px 8px auto 0; font-size: 1.1rem;}

.Text-Guide-Big-TextBlockBig{display: flex; flex-direction: column; width: 95%; margin: 0 auto;}
.Text-Guide-Big-Text2ColorRed{color: rgb(255, 53, 53);}

.Button-Link-Doc-Guide{cursor: pointer; font-size: 1rem; margin-top: 1rem; margin-right: auto; border-bottom: 1px solid #29B28F; color: #6e6b7b; text-decoration: none;}


@keyframes getAnimationHoverLike{
   0% { transform: translateY(0); }
   35% { transform: translateY(-2px);}
   100% { transform: translateY(0); }
}
@keyframes getAnimationHoverDisLike{
   0% { transform: scale(-1, 1) translateY(0); }
   50% { transform: scale(-1, 1) translateY(2px);}
   100% { transform: scale(-1, 1) translateY(0);}
}

.LikeDislikeButtons .fa-thumbs-down{transform: scale(-1, 1);}

.LikeDislikeButtons{margin-left: auto;}
.LikeDislikeButtons i{font-size: 1.2rem;}

.LikeDislikeButtons .fa-thumbs-down{transform: scale(-1, 1);}
.LikeButton-FAQ{display: flex; flex-direction: row; width: 4.3rem; height: 2.3rem; padding: 0 0.3rem; background-color: #8181811a; margin: 0 0.3rem; border-radius: 2rem; cursor: pointer; transition: all 0.2s ease;}
.LikeButton-FAQLike{display: flex; flex-direction: row; width: 4.3rem; height: 2.3rem; padding: 0 0.3rem; color: #ffffff; background-color: #29B28F; margin: 0 0.3rem; border-radius: 2rem; cursor: pointer; transition: all 0.2s ease;}

.LikeButton-FAQ-But{display: flex; align-items: center; justify-content: center; width: 2rem; font-size: 1.2rem;}
.LikeButton-FAQ-Num{display: flex; align-items: center; justify-content: center; width: 2rem;}

.DislikeButton-FAQ{display: flex; align-items: center; justify-content: center; width: 2.3rem; height: 2.3rem; background-color: #8181811a; font-size: 1.2rem; margin: 0 0.3rem; border-radius: 50%; cursor: pointer; transition: all 0.2s ease;}
.DislikeButton-FAQDislike{display: flex; align-items: center; justify-content: center; width: 2.3rem; height: 2.3rem; color: #ffffff; background-color: #af0000; font-size: 1.2rem; margin: 0 0.3rem; border-radius: 50%; cursor: pointer; transition: all 0.2s ease;}

.LikeButton-FAQ:hover .LikeButton-FAQ-But{color: #29B28F; transition: color 0.2s ease, transform 0.2s ease;}
.LikeButton-FAQ:hover i {animation: getAnimationHoverLike 0.5s forwards ease-in-out;}

/* .DislikeButton-FAQ:hover {color: #E74C3C; transition: color 0.2s ease, transform 0.2s ease;} */
.DislikeButton-FAQ:hover {color: #af0000; transition: color 0.2s ease, transform 0.2s ease;}
.DislikeButton-FAQ:hover i {animation: getAnimationHoverDisLike 0.3s forwards ease-in-out;}









.Span-Guide-GreenAdd{font-size: 1.2rem; margin: 0 auto 2rem auto; border-bottom: 1px solid #29B28F; color: #6e6b7b; text-decoration: none;}
.link-guide-onsite{cursor: pointer; color: #29B28F; text-decoration: underline;}


/* text-align: justify */
/* .Videp-Guide-Place{width: 100%; height: 100%; margin: 0 auto 2rem auto;}
.Videp-Guide-Place iframe{width: 100%; height: 100%;} */

.Videp-Guide-Place {
   display: inline-block;
   width: fit-content;
   width: 100%;
 }
 
 .Videp-Guide-Place iframe {
   aspect-ratio: 16 / 9;
   width: 100%;
   height: auto;
 }

/* How Does CDM Work? */
.HowDoesCDMWork-px{display: flex; flex-direction: column; width: 95%; margin: 0 auto; padding-top: 2rem;}

/* Advisor codes */
.BorderVideoGuide{border: 2px solid #29B28F; border-radius: 0.3rem;}
.BorderBottomGuide{border-bottom: 2px solid #29B28F;}

/* Data import information */
.Row-Insurance-Portals-Guide{display: flex; flex-direction: row; width: 70%; margin: 0 auto;}
.Row-Insurance-Portals-Guide2{display: flex; flex-direction: row; width: 40%; margin: 0 auto;}

.Row-Insurance-Portals-GuideX2{display: flex; flex-direction: row; width: 50%; margin: 0 auto;}

.Row-Insurance-Portals-GuideX2-1{display: flex; flex-direction: row; width: 40%; margin: 0 auto;}
.Row-Insurance-Portals-GuideX2-2{display: flex; flex-direction: row; width: 60%; margin: 0 auto;}

.Col-Insurance-Portals-Guide{display: flex; flex-direction: column; width: 20%; height: 10rem; margin: 0.5rem auto;}
.Col-Insurance-Portals-Guide2{display: flex; flex-direction: column; width: 25%; height: 10rem; margin: 0.5rem auto;}

.Col-Insurance-Portals-GuideIN{display: flex; height: 65%;}
.Col-Insurance-Portals-GuideIN img{height: auto; width: 100%; margin: auto;}
.Col-Insurance-Portals-Guide-DivIN{display: flex; flex-direction: column; height: 35%; align-items: center; justify-content: center; text-align: center; padding-top: 0.5rem;}
.Name-Insurance-Portal-UndIMG{font-size: 0.8rem;}
.Name-Insurance-Portal-UndIMG2{font-size: 0.6rem;}













/* @media (min-width: 1701px) and (max-width: 1900px) {
   .PanelForSubjectGuide{height: 35rem;}
   .PanelInPanelForSubjectGuide a{font-size: 1.1rem; margin: 0.5rem 0;}
   .Text-Guide-Big-Text{width: 75%;}
   .Text-Guide-Big-Text2{width: 75%;}
   .Text-Guide-Big-Text22{width: 75%;}
   .Title-Guide-DropdownTwo3{width: 75%;}
}
@media (min-width: 1401px) and (max-width: 1700px) {
   .PanelForSubjectGuide{width: 30%; height: 30rem;}
   .PanelInPanelForSubjectGuide{display: flex; flex-direction: column; margin: 8.5rem auto 0 auto; height: auto;}
   .PanelInPanelForSubjectGuide a{font-size: 1rem; margin: 0.3rem 0; height: 2.2rem;}
   .PanelForInformationGuide{width: 70%; margin-left: 30%;}

   .Title-Guide-DropdownOne{margin: 0 auto 1.5rem auto; font-size: 1.7rem; width: 31rem;}
   .Title-Guide-DropdownTwo{max-width: 90%; margin: 0 auto 1.5rem auto; font-size: 1.2rem;}
   .Text-Guide-Big-Text{width: 90%;}
   .Text-Guide-Big-Text2{width: 90%;}
   .Text-Guide-Big-Text22{width: 90%;}
   .Title-Guide-DropdownTwo3{width: 90%;}
   .Videp-Guide-Place{width: 42rem; height: 23.6rem; margin: 0 auto 2rem auto;}
}  
@media (min-width: 1001px) and (max-width: 1400px) {
   .PanelForSubjectGuide{width: 25%; height: 25rem;}
   .PanelInPanelForSubjectGuide{margin: 6rem auto 0 auto; height: auto;}
   .PanelInPanelForSubjectGuide a{font-size: 0.8rem; margin: 0.3rem 0; height: 2rem;}
   .PanelForInformationGuide{width: 75%; margin-left: 25%;}
   .PanelInPanelForSubjectGuide-Active{min-width: 15rem;}

   .Title-Guide-DropdownOne{margin: 0 auto 1.5rem auto; font-size: 1.3rem; width: 25rem;}
   .Title-Guide-DropdownTwo{max-width: 90%; margin: 0 auto 1.5rem auto; font-size: 1.1rem;}
   .Span-Guide-GreenAdd{font-size: 1.2rem; margin: 0 auto 2rem auto; border-bottom: 1px solid #29B28F; color: #6e6b7b; text-decoration: none;}
   .Text-Guide-Big-Text{width: 95%; margin: 0 auto 1.5rem auto; font-size: 0.9rem; line-height: 1.5;}
   .Text-Guide-Big-Text2{width: 95%; margin: 0 auto 1rem auto; font-size: 0.9rem; line-height: 1.5;}
   .Text-Guide-Big-Text22{width: 95%; margin: 0 auto 1rem auto; font-size: 0.9rem; line-height: 1.5;}
   .Title-Guide-DropdownTwo3{width: 95%;}

   .Videp-Guide-Place{width: 28rem; height: 15.7rem; margin: 0 auto 2rem auto;}
   .Button-Link-Doc-Guide{font-size: 1.1rem;}
}
@media (min-width: 701px) and (max-width: 1000px) {
   .PanelForSubjectGuide{width: 20%; height: 20rem;}
   .PanelInPanelForSubjectGuide{margin: 5rem 0.3rem 0 0.3rem; height: auto;}
   .PanelInPanelForSubjectGuide a{font-size: 0.6rem; margin: 0.2rem 0; height: auto; max-width: 10rem; padding: 0.1rem 0 0.1rem 0.3rem;}
   .PanelForInformationGuide{width: 80%; margin-left: 20%;}
   .PanelInPanelForSubjectGuide-Active{min-width: 1rem;}

   .Title-Guide-DropdownOne{margin: 0 auto 1rem auto; font-size: 1.1rem; width: 22rem;}
   .Title-Guide-DropdownTwo{max-width: 90%; margin: 0 auto 1rem auto; font-size: 0.9rem;}
   .Span-Guide-GreenAdd{font-size: 1.2rem; margin: 0 auto 2rem auto; border-bottom: 1px solid #29B28F; color: #6e6b7b; text-decoration: none;}
   .Text-Guide-Big-Text{width: 95%; margin: 0 auto 1rem auto; font-size: 0.7rem; line-height: 1.4;}
   .Text-Guide-Big-Text2{width: 95%; margin: 0 auto 1rem auto; font-size: 0.7rem; line-height: 1.4;}
   .Text-Guide-Big-Text22{width: 95%; margin: 0 auto 1rem auto; font-size: 0.7rem; line-height: 1.4;}
   .Title-Guide-DropdownTwo3{width: 95%;}

   .Videp-Guide-Place{width: 28rem; height: 15.7rem; margin: 0 auto 2rem auto;}
   .Button-Link-Doc-Guide{font-size: 0.9rem;}

   .Row-Insurance-Portals-Guide{display: flex; flex-direction: row; width: 90%; margin: 0 auto;}
   .Row-Insurance-Portals-Guide2{display: flex; flex-direction: row; width: 40%; margin: 0 auto;}
   .Name-Insurance-Portal-UndIMG{font-size: 0.7rem;}
   .Name-Insurance-Portal-UndIMG2{font-size: 0.5rem;}
}
@media (min-width: 0px) and (max-width: 700px) {
   .PanelForSubjectGuide{display: none;}
   .PanelForInformationGuide{margin-left: 0; width: 100%;}

   .Title-Guide-DropdownOne{margin: 0 auto 1rem auto; font-size: 1rem; width: 20rem;}
   .Title-Guide-DropdownTwo{max-width: 90%; margin: 0 auto 1rem auto; font-size: 0.8rem;}
   .Span-Guide-GreenAdd{font-size: 1.2rem; margin: 0 auto 2rem auto; border-bottom: 1px solid #29B28F; color: #6e6b7b; text-decoration: none;}
   .Text-Guide-Big-Text{width: 95%; margin: 0 auto 1rem auto; font-size: 0.7rem; line-height: 1.4;}
   .Text-Guide-Big-Text2{width: 95%; margin: 0 auto 1rem auto; font-size: 0.7rem; line-height: 1.4;}
   .Text-Guide-Big-Text22{width: 95%; margin: 0 auto 1rem auto; font-size: 0.7rem; line-height: 1.4;}
   .Title-Guide-DropdownTwo3{width: 95%;}

   .Videp-Guide-Place{width: 18.7rem; height: 10.5rem; margin: 0 auto 2rem auto;}
   .Button-Link-Doc-Guide{font-size: 0.9rem;}

   .Row-Insurance-Portals-Guide{display: flex; flex-direction: column; width: 100%; margin: 0 auto;}
   .Row-Insurance-Portals-GuideX2{display: flex; flex-direction: row; width: 80%; margin: 0 auto;}

   .Row-Insurance-Portals-GuideX2-1{display: flex; flex-direction: row; width: 80%; margin: 0 auto;}
   .Row-Insurance-Portals-GuideX2-2{display: flex; flex-direction: row; width: 95%; margin: 0 auto;}
   .Col-Insurance-Portals-Guide{display: flex; flex-direction: column; width: 23%; height: 10rem; margin: 0.5rem auto;}

   .Row-Insurance-Portals-Guide2{display: flex; flex-direction: row; width: 90%; margin: 0 auto;}
   .Name-Insurance-Portal-UndIMG{font-size: 0.7rem;}
   .Name-Insurance-Portal-UndIMG2{font-size: 0.5rem;}
} */