#section_CiriksMenuSupportBanner_1 {   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   padding-top: 30px;   padding-bottom: 50px;   font-family: "Poppins", sans-serif;   position: relative;   transition: all .3s ease-in-out; }   #section_CiriksMenuSupportBanner_1 .container {     display: flex;     align-items: center;     justify-content: space-between;     flex-direction: row;     width: calc(100% - 20px);     max-width: 1400px;     margin: 0;     padding: 0;     position: relative; }   #section_CiriksMenuSupportBanner_1 img {     position: absolute;     object-fit: cover;     object-position: center;     width: 100%;     height: 100%;     top: 0;     z-index: 2; }   #section_CiriksMenuSupportBanner_1 .container .pt1 {     display: flex;     flex-direction: column;     gap: 20px;     width: 100%;     z-index: 2; }   #section_CiriksMenuSupportBanner_1 .container .pt1 .title {     color: #ffffff;     font-size: 36px;     line-height: 40px;     font-family: "Poppins", sans-serif;     z-index: 1;     margin: 0; }   #section_CiriksMenuSupportBanner_1 .container .pt1 .desc {     font-size: 14px;     line-height: 20px;     color: #ffffff;     width: calc(100% - 50px);     font-family: "Poppins", sans-serif; }   #section_CiriksMenuSupportBanner_1 .container .pt1 .header {     display: flex;     align-items: baseline;     gap: 10px;     color: #ffffff; }   #section_CiriksMenuSupportBanner_1 .container .pt1 .header i {     font-size: 7px; }   #section_CiriksMenuSupportBanner_1 .container .pt1 .header > span {     font-size: 14px;     font-style: italic; }   #section_CiriksMenuSupportBanner_1 .container .search {     position: absolute;     display: flex;     align-items: flex-end;     gap: 10px;     right: 20px;     bottom: -40px;     z-index: 2; }   #section_CiriksMenuSupportBanner_1 .container .search i {     font-size: 20px;     color: #ffffff;     cursor: pointer; }   #section_CiriksMenuSupportBanner_1 .container .search .close {     font-size: 20px;     line-height: 0;     color: #ffffff; }   #section_CiriksMenuSupportBanner_1 .container .search .close.display_none {     display: none; }   #section_CiriksMenuSupportBanner_1 .container .search .search_icon.display_none {     display: none; }   #section_CiriksMenuSupportBanner_1 .container .search .line {     width: 40px;     height: 1px;     background-color: #ffffff; }   #section_CiriksMenuSupportBanner_1 .container .search_bar.display_none {     bottom: -50px;     transition: all .3s ease-in-out; }   #section_CiriksMenuSupportBanner_1 .container .search_bar {     display: flex;     justify-content: flex-start;     align-items: center;     gap: 10px;     font-size: 14px;     color: #a4a4a4;     position: absolute;     bottom: -90px;     width: calc(100% - 20px);     background-color: #f5f5f5;     padding: 10px;     z-index: 1;     opacity: 100%;     transition: all .3s ease-in-out; }   #section_CiriksMenuSupportBanner_1 .container .search_bar input {     width: 90%;     height: 20px;     border: none;     color: #000;     background-color: #f5f5f5;     outline: none; }   #section_CiriksMenuSupportBanner_1 .container .search_bar i {     color: #666666;     font-size: 18px;     cursor: pointer; }   #section_CiriksMenuSupportBanner_1 .container .search_bar input:focus {     border: none;     color: #000; }   #section_CiriksMenuSupportBanner_1 .container .search_bar input::placeholder {     color: #a4a4a4 !important; }   #section_CiriksMenuSupportBanner_1 .container .search_bar input:focus::placeholder {     color: transparent !important; }   #section_CiriksMenuSupportBanner_1 .container .search_bar span {     position: absolute;     right: 20px; }   #section_CiriksMenuSupportBanner_1 .container .search_bar .results {     display: flex;     flex-direction: column;     align-self: flex-start;     position: absolute;     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;     background-color: #ffffff;     top: 40px;     width: calc(100% - 121px);     z-index: 2; }   #section_CiriksMenuSupportBanner_1 .container .search_bar_res .results {     display: flex;     flex-direction: column;     align-self: flex-start;     position: absolute;     box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;     background-color: #ffffff;     padding-bottom: 20px;     top: 60px;     width: calc(100% - 40px);     z-index: 2;     transition: all .2s ease-in-out; }   #section_CiriksMenuSupportBanner_1 .container .search_bar .results .result {     display: flex;     flex-direction: column;     gap: 10px;     border-bottom: 1px solid #a4a4a4;     padding: 10px;     width: calc(100% - 20px);     transition: all .2s ease-in-out; }   #section_CiriksMenuSupportBanner_1 .container .search_bar_res .results .result:hover,   #section_CiriksMenuSupportBanner_1 .container .search_bar .results .result:hover {     background-color: #F5F5F5;     transition: all .2s ease-in-out; }   #section_CiriksMenuSupportBanner_1 .container .search_bar_res .results .result {     display: flex;     flex-direction: column;     align-items: baseline;     text-align: left;     gap: 10px;     border-bottom: 1px solid #a4a4a4;     padding: 10px;     width: calc(100% - 20px); }   #section_CiriksMenuSupportBanner_1 .container .search_bar .results .result:hover .title_result,   #section_CiriksMenuSupportBanner_1 .container .search_bar_res .results .result:hover .title_result {     color: #7f0d5c; }   #section_CiriksMenuSupportBanner_1 .container .search_bar .results .result .title_result,   #section_CiriksMenuSupportBanner_1 .container .search_bar_res .results .result .title_result {     font-size: 16px;     line-height: 20px;     margin: 0;     overflow: hidden;     display: -webkit-box;     -webkit-line-clamp: 1;     -webkit-box-orient: vertical;     color: #404040; }   #section_CiriksMenuSupportBanner_1 .container .search_bar .results .result .title_result > a,   #section_CiriksMenuSupportBanner_1 .container .search_bar_res .results .result .title_result > a {     text-decoration: none;     color: inherit; }   #section_CiriksMenuSupportBanner_1 .container .search_bar .results .result .desc_result,   #section_CiriksMenuSupportBanner_1 .container .search_bar_res .results .result .desc_result {     font-size: 14px;     line-height: 20px;     margin: 0;     color: #707070;     overflow: hidden;     display: -webkit-box;     -webkit-line-clamp: 2;     -webkit-box-orient: vertical; }   #section_CiriksMenuSupportBanner_1 .container .search_bar .results .result_btn,   #section_CiriksMenuSupportBanner_1 .container .search_bar_res .results .result_btn {     color: #0D47A1;     border: none;     background-color: #ffffff;     padding-top: 20px;     padding-bottom: 10px;     margin-bottom: 10px;     max-width: 500px;     width: calc(100% - 20px);     align-self: center;     border-bottom: 1px solid #0D47A1;     cursor: pointer; }   @media screen and (max-width: 767px) {     #section_CiriksMenuSupportBanner_1 .container {       flex-wrap: wrap; }     #section_CiriksMenuSupportBanner_1 .container .pt1 .title {       font-size: 24px;       line-height: 30px; }     #section_CiriksMenuSupportBanner_1 .container .pt1 .desc {       font-size: 14px;       line-height: 20px; } }  #section_CiriksMenuSupportBoxes_2 {   background: #ffffff;   display: flex;   justify-content: center;   align-items: center;   font-family: "Poppins", sans-serif; }   #section_CiriksMenuSupportBoxes_2 .container {     display: flex;     justify-content: center;     align-items: center;     max-width: 1400px;     padding-top: 20px;     padding-bottom: 20px;     width: calc(100% - 20px);     min-height: 200px; }   #section_CiriksMenuSupportBoxes_2 .container .boxes {     display: flex;     justify-content: space-between;     flex-wrap: wrap;     width: 100%;     gap: 20px; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box {     display: flex;     flex-direction: column;     justify-content: space-between;     box-shadow: #63636333 0px 2px 8px 0px;     border-radius: 10px;     max-width: 50%;     width: calc(50% - 10px);     min-height: 150px;     background-color: #ffffff;     transition: all .3s ease-in-out;     position: relative; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box:hover .title:before {     height: 100%;     background: linear-gradient(90deg, #c3c3c3 0%, #dedede 100%);     transition: all .3s ease-in-out; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box .title:before {     content: '';     position: absolute;     top: 0;     left: 0;     border-top-left-radius: 10px;     border-top-right-radius: 10px;     height: 85%;     width: 100%;     background: linear-gradient(90deg, #d8dadd 0%, #f2f2f2 100%);     z-index: 1;     transition: all .3s ease-in-out; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box .title {     font-size: 18px;     line-height: 25px;     margin: 0;     padding: 20px;     color: #404040;     overflow: hidden;     display: -webkit-box;     -webkit-line-clamp: 1;     -webkit-box-orient: vertical;     position: relative;     z-index: 2; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box .title > span {     font-size: 18px;     line-height: 25px;     margin: 0;     color: #404040;     overflow: hidden;     display: -webkit-box;     -webkit-line-clamp: 1;     -webkit-box-orient: vertical;     z-index: 2;     position: relative; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box:hover .title {     color: #7f0d5c; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box .desc {     font-size: 14px;     line-height: 20px;     color: #707070;     padding: 2px 20px;     width: calc(100% - 40px);     overflow: hidden;     display: -webkit-box;     -webkit-line-clamp: 3;     -webkit-box-orient: vertical;     z-index: 2; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box .btn {     align-self: flex-end;     background-color: transparent;     border: none;     color: #318adc;     position: relative;     margin: 20px; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box .btn:before {     content: '';     position: absolute;     bottom: 0;     right: 0;     width: 20px;     height: 1px;     background-color: #318adc;     transition: all .3s ease-in-out; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box .btn:after {     content: '';     position: absolute;     top: 3px;     left: 0;     width: 100%;     height: 12px;     background-color: #ffffff;     transition: all .3s ease-in-out; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box:hover .btn:before {     width: 100%;     transition: all .3s ease-in-out; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box:hover .btn:after {     width: 0;     transition: all .3s ease-in-out; }   #section_CiriksMenuSupportBoxes_2 .container .boxes .box .btn a {     text-decoration: none;     display: block;     color: inherit; }   @media only screen and (max-width: 1400px) {     #section_CiriksMenuSupportBoxes_2 .container .boxes .box .title {       -webkit-line-clamp: 2; }     #section_CiriksMenuSupportBoxes_2 .container .boxes .box .title > span {       -webkit-line-clamp: 2; }     #section_CiriksMenuSupportBoxes_2 .container .boxes .box .desc {       -webkit-line-clamp: 5; } }   @media only screen and (max-width: 767px) {     #section_CiriksMenuSupportBoxes_2 .container .boxes .box {       max-width: 100%;       width: 100%; }     #section_CiriksMenuSupportBoxes_2 .container .boxes .box .title {       font-size: 16px; }     #section_CiriksMenuSupportBoxes_2 .container .boxes .box .title > span {       font-size: 16px; } }   @media only screen and (max-width: 580px) {     #section_CiriksMenuSupportBoxes_2 .container .boxes .box .desc {       -webkit-line-clamp: 7; } }  #section_CiriksSupportBannerButton_3 {   display: flex;   justify-content: center;   align-items: center;   flex-direction: column;   padding-top: 30px;   padding-bottom: 30px;   font-family: "Poppins", sans-serif;   position: relative; }   #section_CiriksSupportBannerButton_3 .container {     display: flex;     align-items: center;     justify-content: space-between;     flex-direction: column;     width: calc(100% - 20px);     max-width: 1400px;     margin: 0;     padding: 0;     overflow: hidden;     position: relative; }   #section_CiriksSupportBannerButton_3 img {     position: absolute;     object-fit: cover;     object-position: center;     width: 100%;     height: 100%;     top: 0; }   #section_CiriksSupportBannerButton_3 .container .pt1 {     display: flex;     flex-direction: column;     align-items: center;     gap: 20px; }   #section_CiriksSupportBannerButton_3 .container .pt1 .title {     color: #ffffff;     font-size: 36px;     line-height: 40px;     font-family: "Poppins", sans-serif;     text-align: center;     z-index: 1;     margin: 0; }   #section_CiriksSupportBannerButton_3 .container .pt1 .btn {     display: flex;     justify-content: space-evenly;     align-items: center;     max-width: 250px;     width: 100%;     border: 1px solid #ffffff;     padding: 10px;     border-radius: 6px;     transition: all .3s ease-in-out;     margin-top: 30px;     background-color: #ffffff;     color: #7a194e; }   #section_CiriksSupportBannerButton_3 .container .pt1 .btn:hover {     background-color: transparent;     color: #FFFFFF;     transition: all .3s ease-in-out; }   #section_CiriksSupportBannerButton_3 .container .pt1 .btn a {     text-decoration: none;     display: block;     width: 100%;     color: inherit; }   @media screen and (max-width: 767px) {     #section_CiriksSupportBannerButton_3 .container {       flex-wrap: wrap; }     #section_CiriksSupportBannerButton_3 .container .pt1 .title {       font-size: 24px;       line-height: 30px; } }   @media screen and (max-width: 580px) {     #section_CiriksSupportBannerButton_3 .container .pt1 .title {       font-size: 16px;       line-height: 25px; } }