.elementor-kit-21{--e-global-color-primary:#5D55A3;--e-global-color-secondary:#4A98D3;--e-global-color-text:#666666;--e-global-color-accent:#217693;--e-global-typography-primary-font-family:"Quicksand";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Quicksand";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Quicksand";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Quicksand";--e-global-typography-accent-font-weight:bold;color:#666666;}.elementor-kit-21 button,.elementor-kit-21 input[type="button"],.elementor-kit-21 input[type="submit"],.elementor-kit-21 .elementor-button{background-color:transparent;font-family:"Quicksand", Sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:#FFFFFF;background-image:linear-gradient(125deg, #5D55A3 0%, var( --e-global-color-secondary ) 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;padding:15px 25px 15px 25px;}.elementor-kit-21 button:hover,.elementor-kit-21 button:focus,.elementor-kit-21 input[type="button"]:hover,.elementor-kit-21 input[type="button"]:focus,.elementor-kit-21 input[type="submit"]:hover,.elementor-kit-21 input[type="submit"]:focus,.elementor-kit-21 .elementor-button:hover,.elementor-kit-21 .elementor-button:focus{background-color:transparent;color:var( --e-global-color-primary );background-image:linear-gradient(125deg, #FFFFFF 0%, #FFFFFF 100%);border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:50px 50px 50px 50px;}.elementor-kit-21 e-page-transition{background-color:#FFBC7D;}.elementor-kit-21 p{margin-block-end:1px;}.elementor-kit-21 h1{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-weight:bold;}.elementor-kit-21 h2{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-weight:bold;}.elementor-kit-21 h3{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-weight:bold;}.elementor-kit-21 h4{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-weight:bold;}.elementor-kit-21 h5{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-weight:bold;}.elementor-kit-21 h6{color:var( --e-global-color-primary );font-family:"Poppins", Sans-serif;font-weight:bold;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */.elementor-maintenance-mode header,
.elementor-maintenance-mode footer,
.page-header{
    display: none;
}


body {
    overflow-x: hidden !important;
}

.error404 header, 
.error404 footer {
    display: none;
}

.custom-btn .elementor-button{
    transition: all 0.5s ease-in-out;
    box-shadow: 0 12px 24px -6px rgba(55,118,255,.2)
}

.custom-btn .elementor-button:hover{
    transform: translateY(-10px);
}

.custom-btn.white-btn .elementor-button{
    color: #5D55A3; 
    background-image: linear-gradient(125deg, #ffffff 0%, #ffffff 100%);
}

.custom-btn.white-btn .elementor-button:hover{
    color: #ffffff; 
    background-image: linear-gradient(125deg, #5D55A3 0%, #4A98D3 100%);
}

a {
    text-decoration: none !important;
    outline: none !important;
}

html[lang="my"] body,
html[lang="my"] .elementor *,
html[lang="my"] p,
html[lang="my"] h1,
html[lang="my"] h2,
html[lang="my"] h3,
html[lang="my"] h4,
html[lang="my"] h5,
html[lang="my"] h6 {
    font-family: "Noto Sans Myanmar", "Myanmar Text", "Padauk", sans-serif !important;
    line-height: 1.8;
}

p {
    font-size: 16px !important;
    font-weight: 500 !important;
    margin-bottom: 16px !important;
    
}

p:last-child {
    margin-bottom: 0 !important;
    
}

.text-white {
    color: #ffffff !important;
}

.text-gray {
    color: #cccccc !important;
}

/*** Section ***/
.custom-section .section-title {
    color: #333333;
    margin: 10px 0 0 0;
    text-transform: uppercase;
}

.custom-section p{
    margin-top: 20px;
}

.custom-section .section-sub-title {
    font-size: 14px;
    margin: 0 60px;
    position:relative;
    text-transform: uppercase;
    display: inline-block;
}

.custom-section .section-sub-title:before{
    content: "";
    display: block;
  width: 40px;
  height: 3px;
  background: #5D55A3;
  position: absolute;
  bottom: 6px;
  left: -60px;
}

.custom-section .section-sub-title.sub-after:after{
    content: "";
    display: block;
  width: 40px;
  height: 3px;
  background: #5D55A3;
  position: absolute;
  bottom: 6px;
  right: -60px;
}

@media(max-width: 767px){
    .custom-section .section-sub-title:before,.custom-section .section-sub-title.sub-after:after {
        display: none;
    }
    
    .custom-section .section-sub-title {
        margin: 0;
        text-align: center;
        display: block;
    }
    
    .custom-section .section-title {
        text-align: center;
        font-size: 22px;
    }
}

/*** Accordion ***/
@media(max-width: 767px){
    .custom-accordion .e-n-accordion-item-title-icon {
    display: none !important;
}
}

.custom-accordion .elementor-element {
    border-radius: 0 0 10px 10px;
}

.custom-accordion .e-n-accordion-item-title[aria-expanded="true"]
{
    border-radius: 10px 10px 0 0;
}

.custom-accordion .faq-answer a:hover {
    color: #5D55A3;
}


/*** Footer ***/
.footer-logo img{
    width: auto;
    background-size: cover;
    height: 60px;
}

#footer-copyright {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}

#footer-copyright a {
    color: #5D55A3;
}

#footer-copyright a:hover{
    color: #4A98D3;
}

.footer-title {
    padding-bottom: 15px;
    position: relative;
}

.footer-title:before {
    background: #5D55A3;
    position: absolute;
    height: 3px;
    width: 15px;
    left: 0;
    content: "";
    bottom: 0;
}

.footer-title:after {
    background: #5D55A3;
    position: absolute;
    height: 3px;
    width: 40px;
    left: 25px;
    content: "";
    bottom: 0;
}

.footer-link .elementor-icon-list-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 15px;
}

.social-icon .elementor-social-icon {
    background: #243148;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.5)
}

.social-icon .elementor-social-icon:hover {
    background: linear-gradient(125deg,#5D55A3,#4A98D3);
}

@media(max-width: 767px) {
    .share-icon {
        display: none;
    }
}

.share-icon .elementor-grid {
    display: flex;
    flex-direction: column;
}

.share-icon .elementor-share-btn:hover {
        background: #243148 !important;
}

.share-icon .elementor-share-btn_facebook {
    background: #3A579A !important;
}

.share-icon .elementor-share-btn_twitter {
    background: #00ABF0 !important;
}

.share-icon .elementor-share-btn_x-twitter {
    background: #000000 !important;
}

.share-icon .elementor-share-btn_linkedin {
    background: #127BB6 !important;
}

.back-icon .elementor-icon {
    background: linear-gradient(125deg,#5D55A3,#4A98D3);
    border-radius: 5px;
    padding: 10px;
}

.back-icon .elementor-icon:hover {
    opacity: .5;
}

/*** Header ***/
.header-social .elementor-icon.elementor-social-icon {
    height: inherit;
}

.header-logo img{
    width: auto;
    background-size: cover;
    height: 50px;
}

.menu-item .gtranslate_wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.elementor-nav-menu--dropdown .gtranslate_wrapper a:hover,
.elementor-nav-menu--dropdown .gtranslate_wrapper a:focus{
    background : unset !important;
}

.menu-item .gtranslate_wrapper a:nth-child(2) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.elementor-nav-menu--dropdown a:hover,
.elementor-nav-menu--dropdown a.elementor-item-active{
    background: linear-gradient(125deg,#5D55A3,#4A98D3) !important;
}

.elementor-nav-menu--main .elementor-nav-menu a {
    padding: 13px 15px !important;
}

.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item {
    font-size: 15px !important;
     padding-left: 30px;
}

ul.elementor-nav-menu--dropdown a {
    border: 0 !important;
}

.elementor-sticky--active.header-bar {
    background: #ffffff;
    box-shadow: 0 8px 60px 0 rgba(103,151,255,.11),0 12px 90px 0 rgba(103,151,255,.11);
}


.elementor-sticky--active.header-bar .elementor-widget-image img {
    content: url(https://kizcermm.com/wp-content/uploads/2025/10/logo-3d.png);
}


.elementor-sticky--active.header-bar .elementor-nav-menu--main .elementor-item {
    color: #333333 !important;
    fill: #333333 !important;
}

.elementor-sticky--active.header-bar .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-sticky--active.header-bar .elementor-nav-menu--main .elementor-item:hover {
    color: #5D55A3 !important;
    fill: #5D55A3 !important;
}

.top-banner span {
    font-size: 15px;
    color: #cccccc;
    display: block;
}

.top-banner h1 {
    text-transform: uppercase;
    margin: 20px 0;
}

.top-banner h1 strong {
    color: #ffffff;
}

.top-banner p {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 24px;
}

/*** Contact Page ***/
@media (max-width: 1024px){
    .contact-wrapper .e-con-inner {
    display: flex;
    flex-wrap: wrap !important;
    flex-direction: row !important;
}
}


.contact-inner-wrapper {
    border-radius: 10px;
    overflow: hidden;
    padding: 30px;
     transition: 300ms all cubic-bezier(.4,0,.2,1);
    box-shadow: 0 8px 60px 0 rgba(103,151,255,.11),0 12px 90px 0 rgba(103,151,255,.11);
}

.contact-inner-wrapper h3 {
    text-transform: uppercase ;
    color: #333333;
    margin-bottom: 15px;
}

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    padding:10px 1rem !important;
}

.contact-detail {
    color :#666666;
    font-size: 16px;
}

/*** Web Desgin Page ***/
.bottom-section {
    box-shadow: 0 8px 60px 0 rgba(103,151,255,.11),0 12px 90px 0 rgba(103,151,255,.11)
}

.custom-icon-list .elementor-image-box-img {
    padding: 10px;
    background: #F0F3FC;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    border-radius: 10px;
}

/*** Web Development ***/
.custom-features .elementor-widget-icon-box {
    background: #fafafa;
    border-radius: 10px;
    box-shadow:0 8px 60px 0 rgba(103,151,255,.11),0 12px 90px 0 rgba(103,151,255,.11);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
}

.custom-features .elementor-widget-icon-box:hover {
    cursor: pointer;
    background: #fff;
    box-shadow: -24px 24px 80px 0 rgba(0, 0, 0, 0.25);
}

.custom-features .elementor-widget-icon-box:hover .elementor-icon
{
    transform: scale(107%);
    fill: #4A98D3;
    color: #4A98D3;
    border-color: #4A98D3;
}
/*** Pricing Page ***/
.custom-pricing .elementor-price-table__price{
 display: none !important;
}

.custom-pricing .elementor-price-table__feature-inner {
    margin: 0;
}

.custom-pricing .elementor-price-table__features-list li {
    padding: 18px 0 !important;
}

.custom-pricing .elementor-price-table__features-list li:nth-child(even) {
    background: #fff;
}

.custom-pricing .elementor-widget-price-table {
    border-radius: 10px;
    box-shadow: 0 8px 60px 0 rgba(103,151,255,.11),0 12px 90px 0 rgba(103,151,255,.11);
    transition: 300ms all cubic-bezier(.4,0,.2,1);
}

.custom-pricing .elementor-widget-price-table:hover {
    box-shadow: -24px 24px 80px 0 rgba(0, 0, 0, 0.25);
}

.responsive-table {
    width: 100%;
    border-radius: 10px;
    overflow-x: auto;
}

.responsive-table table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
  text-align: center;
}

.responsive-table thead {
    background: #243148;
    color: #ffffff;
}

.responsive-table th,
.responsive-table td {
  vertical-align: middle;
  word-wrap: break-word;
  width: 20%;
}/* End custom CSS */