#qx-section-312 { padding-top : 17px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px; background-color : rgba(248 ,  249,  250, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-312-background-overlay {  } #qx-section-312:hover .qx-section-312-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-312 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-312 { padding-top : 40px; padding-right : 0px; padding-bottom : 0px; padding-left : 0px;  }  } #qx-row-495 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-495-background-overlay {  } #qx-row-495:hover .qx-row-495-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-495 {  }  } @media (max-width: 767px) { #qx-row-495 {  }  } #qx-column-916 > .qx-col-wrap { padding-top : 10%; padding-left : 16%; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-916 { flex: 50%; max-width: 50%; } .qx-column-916-background-overlay {  } #qx-column-916:hover .qx-column-916-background-overlay {  } #qx-column-916 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-916 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-916 > .qx-col-wrap {  } #qx-column-916 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-916 > .qx-col-wrap { padding-top : 5%; padding-right : 5%; padding-bottom : 10%; padding-left : 4%;  } #qx-column-916 { flex: 100%; max-width: 100%; }  } #qx-heading-6068 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-heading-6068 h2 {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-6068 {  }  } @media (max-width: 767px) { #qx-heading-6068 {  }  } #qx-text-5889 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-5889 {  }  } @media (max-width: 767px) { #qx-text-5889 { margin-bottom : 30px;  }  } #qx-column-648 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-648 { flex: 50%; max-width: 50%; } .qx-column-648-background-overlay {  } #qx-column-648:hover .qx-column-648-background-overlay {  } #qx-column-648 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-648 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-648 > .qx-col-wrap {  } #qx-column-648 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-648 > .qx-col-wrap {  } #qx-column-648 { flex: 100%; max-width: 100%; }  } #qx-image-7814 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-7814 img,#qx-image-7814 svg { width : 100%; display : inline-block; border-top-width : undefinedpx; border-right-width : undefinedpx; border-bottom-width : undefinedpx; border-left-width : undefinedpx; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-7814 img,#qx-image-7814 svg,#qx-image-7814 i {  } #qx-image-7814 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); color : rgba(0, 0, 0, 0.8); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-7814 svg,#qx-image-7814 i {  } #qx-image-7814 svg,#qx-image-7814 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-7814 {  } #qx-image-7814 img,#qx-image-7814 svg {  } #qx-image-7814 svg,#qx-image-7814 i {  } #qx-image-7814 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-7814 {  } #qx-image-7814 img,#qx-image-7814 svg {  } #qx-image-7814 svg,#qx-image-7814 i {  } #qx-image-7814 .qx-figure-caption {  }  } #qx-section-94141 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(255 ,  255,  255, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-94141-background-overlay {  } #qx-section-94141:hover .qx-section-94141-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-94141 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-94141 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-23144 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-23144-background-overlay {  } #qx-row-23144:hover .qx-row-23144-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-23144 {  }  } @media (max-width: 767px) { #qx-row-23144 {  }  } #qx-column-32145 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-32145 { flex: 50%; max-width: 50%; } .qx-column-32145-background-overlay {  } #qx-column-32145:hover .qx-column-32145-background-overlay {  } #qx-column-32145 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-32145 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-32145 > .qx-col-wrap {  } #qx-column-32145 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-32145 > .qx-col-wrap {  } #qx-column-32145 { flex: 100%; max-width: 100%; }  } #qx-image-65153 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-65153 img,#qx-image-65153 svg { display : inline-block; border-top-width : undefinedpx; border-right-width : undefinedpx; border-bottom-width : undefinedpx; border-left-width : undefinedpx; border-style : none; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-65153 img,#qx-image-65153 svg,#qx-image-65153 i {  } #qx-image-65153 .qx-figure-caption { background-color : rgba(255, 255, 255, 0); color : rgba(0, 0, 0, 0.8); transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-image-65153 svg,#qx-image-65153 i {  } #qx-image-65153 svg,#qx-image-65153 i:hover {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-65153 {  } #qx-image-65153 svg,#qx-image-65153 i {  } #qx-image-65153 .qx-figure-caption {  }  } @media (max-width: 767px) { #qx-image-65153 {  } #qx-image-65153 svg,#qx-image-65153 i {  } #qx-image-65153 .qx-figure-caption {  }  } #qx-column-37147 > .qx-col-wrap { padding-top : 50px; padding-left : 80px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-37147 { flex: 50%; max-width: 50%; } .qx-column-37147-background-overlay {  } #qx-column-37147:hover .qx-column-37147-background-overlay {  } #qx-column-37147 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-37147 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-37147 > .qx-col-wrap { padding-top : 0px; padding-left : 15px;  } #qx-column-37147 { flex: 50%; max-width: 50%; }  } @media (max-width: 767px) { #qx-column-37147 > .qx-col-wrap { padding-top : 30px; padding-right : 15px; padding-left : 15px;  } #qx-column-37147 { flex: 100%; max-width: 100%; }  } #qx-heading-3178 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-heading-3178 h2 {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-3178 {  }  } @media (max-width: 767px) { #qx-heading-3178 {  }  } #qx-text-91199 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-91199 {  }  } @media (max-width: 767px) { #qx-text-91199 {  }  } #qx-section-31235 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-image : url("https://asasrama.com/images//what-we-do/why-us.png"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-section-31235-background-overlay {  } #qx-section-31235:hover .qx-section-31235-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-31235 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-31235 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-79238 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-79238-background-overlay {  } #qx-row-79238:hover .qx-row-79238-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-79238 {  }  } @media (max-width: 767px) { #qx-row-79238 {  }  } #qx-column-51239 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-51239 { flex: 100%; max-width: 100%; } .qx-column-51239-background-overlay {  } #qx-column-51239:hover .qx-column-51239-background-overlay {  } #qx-column-51239 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-51239 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-51239 > .qx-col-wrap {  } #qx-column-51239 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-51239 > .qx-col-wrap {  } #qx-column-51239 { flex: 100%; max-width: 100%; }  } #qx-heading-28259 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-heading-28259 h2 { color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-28259 {  }  } @media (max-width: 767px) { #qx-heading-28259 {  }  } #qx-text-1300 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center; color : rgba(255 ,  255,  255, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-1300 {  }  } @media (max-width: 767px) { #qx-text-1300 {  }  }