.elementor-18011 .elementor-element.elementor-element-a82a97e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--border-radius:30px 30px 0px 0px;box-shadow:3px 3px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-a82a97e:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-a82a97e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#680707;}.elementor-18011 .elementor-element.elementor-element-a82a97e, .elementor-18011 .elementor-element.elementor-element-a82a97e::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-5d62aa1{text-align:center;}.elementor-18011 .elementor-element.elementor-element-5d62aa1 .elementor-heading-title{color:#FFFFFF;}.elementor-18011 .elementor-element.elementor-element-5d62aa1 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:20px 10px 10px 10px;background-color:#680707;border-radius:0px 0px 0px 0px;}.elementor-18011 .elementor-element.elementor-element-4dbf05e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--border-radius:0px 0px 0px 0px;box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-4dbf05e:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-4dbf05e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #8e6b5f 0%, #481016 100%);}.elementor-18011 .elementor-element.elementor-element-4dbf05e, .elementor-18011 .elementor-element.elementor-element-4dbf05e::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-7ab6c8d img{border-radius:20px 20px 20px 20px;box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-b157fea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-aa55c23{--divider-border-style:solid;--divider-color:#481016;--divider-border-width:1px;}.elementor-18011 .elementor-element.elementor-element-aa55c23 .elementor-divider-separator{width:39%;margin:0 auto;margin-center:0;}.elementor-18011 .elementor-element.elementor-element-aa55c23 .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-18011 .elementor-element.elementor-element-aa55c23.elementor-view-stacked .elementor-icon{background-color:#481016;}.elementor-18011 .elementor-element.elementor-element-aa55c23.elementor-view-framed .elementor-icon, .elementor-18011 .elementor-element.elementor-element-aa55c23.elementor-view-default .elementor-icon{color:#481016;border-color:#481016;}.elementor-18011 .elementor-element.elementor-element-aa55c23.elementor-view-framed .elementor-icon, .elementor-18011 .elementor-element.elementor-element-aa55c23.elementor-view-default .elementor-icon svg{fill:#481016;}.elementor-18011 .elementor-element.elementor-element-25adb4f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--border-radius:30px 30px 0px 0px;box-shadow:3px 3px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-25adb4f:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-25adb4f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#680707;}.elementor-18011 .elementor-element.elementor-element-25adb4f, .elementor-18011 .elementor-element.elementor-element-25adb4f::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-25c6fa2{text-align:center;}.elementor-18011 .elementor-element.elementor-element-25c6fa2 .elementor-heading-title{color:#FFFFFF;}.elementor-18011 .elementor-element.elementor-element-25c6fa2 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:20px 10px 10px 10px;background-color:#680707;border-radius:0px 0px 0px 0px;}.elementor-18011 .elementor-element.elementor-element-c494b10{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-c494b10:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-c494b10 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center right, #1e2b34 30%, #712232 100%);}.elementor-18011 .elementor-element.elementor-element-c494b10, .elementor-18011 .elementor-element.elementor-element-c494b10::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-d0698f0 > .elementor-widget-container{padding:0px 0px 0px 0px;box-shadow:3px 3px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-f860c3d > .elementor-widget-container{padding:0px 0px 0px 0px;box-shadow:3px 3px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-67a4c36 > .elementor-widget-container{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-05d2bfd > .elementor-widget-container{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-2186ad3 > .elementor-widget-container{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-b56798d > .elementor-widget-container{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-ce2eae4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-1765846{--divider-border-style:solid;--divider-color:#481016;--divider-border-width:1px;}.elementor-18011 .elementor-element.elementor-element-1765846 .elementor-divider-separator{width:39%;margin:0 auto;margin-center:0;}.elementor-18011 .elementor-element.elementor-element-1765846 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-18011 .elementor-element.elementor-element-1765846.elementor-view-stacked .elementor-icon{background-color:#481016;}.elementor-18011 .elementor-element.elementor-element-1765846.elementor-view-framed .elementor-icon, .elementor-18011 .elementor-element.elementor-element-1765846.elementor-view-default .elementor-icon{color:#481016;border-color:#481016;}.elementor-18011 .elementor-element.elementor-element-1765846.elementor-view-framed .elementor-icon, .elementor-18011 .elementor-element.elementor-element-1765846.elementor-view-default .elementor-icon svg{fill:#481016;}.elementor-18011 .elementor-element.elementor-element-01eb811{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--border-radius:20px 20px 0px 0px;box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-01eb811:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-01eb811 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#680707;}.elementor-18011 .elementor-element.elementor-element-01eb811, .elementor-18011 .elementor-element.elementor-element-01eb811::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-bccbd95 .elementor-heading-title{color:#FFFFFF;}.elementor-18011 .elementor-element.elementor-element-bccbd95 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:10px 0px 9px 0px;background-color:#680707;border-radius:5px 5px 5px 5px;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-44d148b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-44d148b:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-44d148b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D0B8A8;}.elementor-18011 .elementor-element.elementor-element-44d148b, .elementor-18011 .elementor-element.elementor-element-44d148b::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-6a62cb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-6256a6e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-c34bef1{--divider-border-style:solid;--divider-color:#481016;--divider-border-width:1px;}.elementor-18011 .elementor-element.elementor-element-c34bef1 .elementor-divider-separator{width:39%;margin:0 auto;margin-center:0;}.elementor-18011 .elementor-element.elementor-element-c34bef1 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-18011 .elementor-element.elementor-element-c34bef1.elementor-view-stacked .elementor-icon{background-color:#481016;}.elementor-18011 .elementor-element.elementor-element-c34bef1.elementor-view-framed .elementor-icon, .elementor-18011 .elementor-element.elementor-element-c34bef1.elementor-view-default .elementor-icon{color:#481016;border-color:#481016;}.elementor-18011 .elementor-element.elementor-element-c34bef1.elementor-view-framed .elementor-icon, .elementor-18011 .elementor-element.elementor-element-c34bef1.elementor-view-default .elementor-icon svg{fill:#481016;}.elementor-18011 .elementor-element.elementor-element-50513d9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--border-radius:20px 20px 0px 0px;}.elementor-18011 .elementor-element.elementor-element-50513d9:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-50513d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #160e17 0%, #08135c 100%);}.elementor-18011 .elementor-element.elementor-element-50513d9, .elementor-18011 .elementor-element.elementor-element-50513d9::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-91a7a81 .elementor-heading-title{color:#FFFFFF;}.elementor-18011 .elementor-element.elementor-element-91a7a81 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:10px 0px 9px 0px;background-color:#680707;border-radius:5px 5px 5px 5px;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-77f9a0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-4c4da6a img{border-radius:20px 20px 20px 20px;}.elementor-18011 .elementor-element.elementor-element-4c4da6a > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-18011 .elementor-element.elementor-element-0673596{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--border-radius:20px 20px 0px 0px;}.elementor-18011 .elementor-element.elementor-element-0673596:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-0673596 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#680707;}.elementor-18011 .elementor-element.elementor-element-0673596, .elementor-18011 .elementor-element.elementor-element-0673596::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-3d5f1dc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-93f9d41 .elementor-heading-title{color:#FFFFFF;}.elementor-18011 .elementor-element.elementor-element-93f9d41 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:10px 0px 9px 0px;background-color:#680707;border-radius:5px 5px 5px 5px;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-73201ba{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-73201ba:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-73201ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D0B8A8;}.elementor-18011 .elementor-element.elementor-element-73201ba, .elementor-18011 .elementor-element.elementor-element-73201ba::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-b2813c5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-57919f3 img{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-a582bec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-c745171 img{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-e84b988{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-e84b988:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-e84b988 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D0B8A8;}.elementor-18011 .elementor-element.elementor-element-e84b988, .elementor-18011 .elementor-element.elementor-element-e84b988::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-dcd57cb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-fc14b24 img{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-2ec3fe3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-b5ff73c img{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-c49d7b1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-c49d7b1:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-c49d7b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D0B8A8;}.elementor-18011 .elementor-element.elementor-element-c49d7b1, .elementor-18011 .elementor-element.elementor-element-c49d7b1::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-475c4de{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-c31996d img{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-65010bc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-64cdebc img{box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-1782111{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-b8881fc{--divider-border-style:solid;--divider-color:#481016;--divider-border-width:1px;}.elementor-18011 .elementor-element.elementor-element-b8881fc .elementor-divider-separator{width:39%;margin:0 auto;margin-center:0;}.elementor-18011 .elementor-element.elementor-element-b8881fc .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-18011 .elementor-element.elementor-element-b8881fc.elementor-view-stacked .elementor-icon{background-color:#481016;}.elementor-18011 .elementor-element.elementor-element-b8881fc.elementor-view-framed .elementor-icon, .elementor-18011 .elementor-element.elementor-element-b8881fc.elementor-view-default .elementor-icon{color:#481016;border-color:#481016;}.elementor-18011 .elementor-element.elementor-element-b8881fc.elementor-view-framed .elementor-icon, .elementor-18011 .elementor-element.elementor-element-b8881fc.elementor-view-default .elementor-icon svg{fill:#481016;}.elementor-18011 .elementor-element.elementor-element-4c20c62{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;--border-radius:20px 020px 0px 0px;}.elementor-18011 .elementor-element.elementor-element-4c20c62:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-4c20c62 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#680707;}.elementor-18011 .elementor-element.elementor-element-4c20c62, .elementor-18011 .elementor-element.elementor-element-4c20c62::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-f9b46c0 .elementor-heading-title{color:#FFFFFF;}.elementor-18011 .elementor-element.elementor-element-f9b46c0 > .elementor-widget-container{margin:5px 5px 5px 5px;padding:10px 0px 9px 0px;background-color:#680707;border-radius:5px 5px 5px 5px;box-shadow:5px 5px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-0fedbbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-0fedbbd:not(.elementor-motion-effects-element-type-background), .elementor-18011 .elementor-element.elementor-element-0fedbbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D0B8A8;}.elementor-18011 .elementor-element.elementor-element-0fedbbd, .elementor-18011 .elementor-element.elementor-element-0fedbbd::before{--border-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-8a23b72{--display:flex;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-58b1ab8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-1e9ff2f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-c3ab6ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-de337d3{text-align:right;}.elementor-18011 .elementor-element.elementor-element-de337d3 > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-2cfb79e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-60ff093{text-align:left;}.elementor-18011 .elementor-element.elementor-element-60ff093 > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-c35465f{--display:flex;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-6dce9a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-97bd348{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-9e53bd6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-8f9c2d0{text-align:right;}.elementor-18011 .elementor-element.elementor-element-8f9c2d0 > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-c92ccfb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-2251dac{text-align:left;}.elementor-18011 .elementor-element.elementor-element-2251dac > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-a90a73c{--display:flex;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-a5a210c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-7432871{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-09dcc64{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-5fbfb24{text-align:right;}.elementor-18011 .elementor-element.elementor-element-5fbfb24 > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-855641a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-c437283{text-align:left;}.elementor-18011 .elementor-element.elementor-element-c437283 > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-25043ba{--display:flex;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-faf1ac7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-2f10c98{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-caad01e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-92abfee{text-align:right;}.elementor-18011 .elementor-element.elementor-element-92abfee > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-5beb880{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-23fd6bd{text-align:left;}.elementor-18011 .elementor-element.elementor-element-23fd6bd > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-4b1abfa{--display:flex;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-f8b5d50{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-bed3de8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-44d611f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-4422cd7{text-align:right;}.elementor-18011 .elementor-element.elementor-element-4422cd7 > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-f4e993e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-7b49379{text-align:left;}.elementor-18011 .elementor-element.elementor-element-7b49379 > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-eb7d6df{--display:flex;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-a6e6f7d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-e3a0188{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-dff81e7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-0b1e6a6{text-align:right;}.elementor-18011 .elementor-element.elementor-element-0b1e6a6 > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-e679666{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-bbd1fca{text-align:left;}.elementor-18011 .elementor-element.elementor-element-bbd1fca > .elementor-widget-container{border-radius:15px 15px 15px 15px;}.elementor-18011 .elementor-element.elementor-element-b4f0fa2{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:10px 0px 10px 0px;}.elementor-18011 .elementor-element.elementor-element-b4f0fa2 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){background:#F6E6CB;box-shadow:4px 4px 10px 0px rgba(0,0,0,0.5);}.elementor-18011 .elementor-element.elementor-element-b4f0fa2 > .elementor-widget-container > .e-n-tabs[data-touch-mode="false"] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#E7D4B5;}.elementor-18011 .elementor-element.elementor-element-b4f0fa2 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-18011 .elementor-element.elementor-element-b4f0fa2 > .elementor-widget-container > .e-n-tabs[data-touch-mode="true"] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#A0937D;}.elementor-18011 .elementor-element.elementor-element-b5a5dbc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--background-transition:0.3s;}.elementor-18011 .elementor-element.elementor-element-91cbe15 .elementor-button-content-wrapper{flex-direction:row;}.elementor-18011 .elementor-element.elementor-element-91cbe15 .elementor-button{background-color:transparent;background-image:linear-gradient(180deg, #AF5050 0%, #7A1E1E 100%);border-radius:8px 8px 8px 8px;box-shadow:3px 3px 8px 0px rgba(0, 0, 0, 0.63);}@media(min-width:768px){.elementor-18011 .elementor-element.elementor-element-b2813c5{--width:50%;}.elementor-18011 .elementor-element.elementor-element-a582bec{--width:50%;}.elementor-18011 .elementor-element.elementor-element-dcd57cb{--width:50%;}.elementor-18011 .elementor-element.elementor-element-2ec3fe3{--width:50%;}.elementor-18011 .elementor-element.elementor-element-475c4de{--width:50%;}.elementor-18011 .elementor-element.elementor-element-65010bc{--width:50%;}.elementor-18011 .elementor-element.elementor-element-c3ab6ab{--width:50%;}.elementor-18011 .elementor-element.elementor-element-2cfb79e{--width:50%;}.elementor-18011 .elementor-element.elementor-element-9e53bd6{--width:50%;}.elementor-18011 .elementor-element.elementor-element-c92ccfb{--width:50%;}.elementor-18011 .elementor-element.elementor-element-09dcc64{--width:50%;}.elementor-18011 .elementor-element.elementor-element-855641a{--width:50%;}.elementor-18011 .elementor-element.elementor-element-caad01e{--width:50%;}.elementor-18011 .elementor-element.elementor-element-5beb880{--width:50%;}.elementor-18011 .elementor-element.elementor-element-44d611f{--width:50%;}.elementor-18011 .elementor-element.elementor-element-f4e993e{--width:50%;}.elementor-18011 .elementor-element.elementor-element-dff81e7{--width:50%;}.elementor-18011 .elementor-element.elementor-element-e679666{--width:50%;}}/* Start custom CSS for image, class: .elementor-element-d0698f0 */.elementor-18011 .elementor-element.elementor-element-d0698f0 { transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; border-radius: 10px; /* มุมโค้งมน */ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* เพิ่มเงาให้รูป */ } /* เมื่อเอาเมาส์ไปชี้ รูปจะขยับและเงาเด่นขึ้น */ .elementor-18011 .elementor-element.elementor-element-d0698f0:hover { transform: scale(1.05) rotate(2deg); /* ขยายใหญ่ขึ้น 5% และเอียงเล็กน้อย */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); /* เพิ่มเงาเข้มขึ้น */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-f860c3d */.elementor-18011 .elementor-element.elementor-element-f860c3d { transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; border-radius: 10px; /* มุมโค้งมน */ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* เพิ่มเงาให้รูป */ } /* เมื่อเอาเมาส์ไปชี้ รูปจะขยับและเงาเด่นขึ้น */ .elementor-18011 .elementor-element.elementor-element-f860c3d:hover { transform: scale(1.05) rotate(2deg); /* ขยายใหญ่ขึ้น 5% และเอียงเล็กน้อย */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); /* เพิ่มเงาเข้มขึ้น */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-67a4c36 */.elementor-18011 .elementor-element.elementor-element-67a4c36 { transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; border-radius: 10px; /* มุมโค้งมน */ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* เพิ่มเงาให้รูป */ } /* เมื่อเอาเมาส์ไปชี้ รูปจะขยับและเงาเด่นขึ้น */ .elementor-18011 .elementor-element.elementor-element-67a4c36:hover { transform: scale(1.05) rotate(2deg); /* ขยายใหญ่ขึ้น 5% และเอียงเล็กน้อย */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); /* เพิ่มเงาเข้มขึ้น */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-05d2bfd */.elementor-18011 .elementor-element.elementor-element-05d2bfd { transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; border-radius: 10px; /* มุมโค้งมน */ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* เพิ่มเงาให้รูป */ } /* เมื่อเอาเมาส์ไปชี้ รูปจะขยับและเงาเด่นขึ้น */ .elementor-18011 .elementor-element.elementor-element-05d2bfd:hover { transform: scale(1.05) rotate(2deg); /* ขยายใหญ่ขึ้น 5% และเอียงเล็กน้อย */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); /* เพิ่มเงาเข้มขึ้น */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2186ad3 */.elementor-18011 .elementor-element.elementor-element-2186ad3 { transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; border-radius: 10px; /* มุมโค้งมน */ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* เพิ่มเงาให้รูป */ } /* เมื่อเอาเมาส์ไปชี้ รูปจะขยับและเงาเด่นขึ้น */ .elementor-18011 .elementor-element.elementor-element-2186ad3:hover { transform: scale(1.05) rotate(2deg); /* ขยายใหญ่ขึ้น 5% และเอียงเล็กน้อย */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); /* เพิ่มเงาเข้มขึ้น */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-b56798d */.elementor-18011 .elementor-element.elementor-element-b56798d { transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; border-radius: 10px; /* มุมโค้งมน */ box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* เพิ่มเงาให้รูป */ } /* เมื่อเอาเมาส์ไปชี้ รูปจะขยับและเงาเด่นขึ้น */ .elementor-18011 .elementor-element.elementor-element-b56798d:hover { transform: scale(1.05) rotate(2deg); /* ขยายใหญ่ขึ้น 5% และเอียงเล็กน้อย */ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4); /* เพิ่มเงาเข้มขึ้น */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-de337d3 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-de337d3 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-de337d3:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-de337d3:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-60ff093 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-60ff093 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-60ff093:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-60ff093:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8f9c2d0 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2251dac *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-2251dac { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-2251dac:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-2251dac:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5fbfb24 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-5fbfb24 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c437283 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-c437283 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-c437283:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-c437283:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92abfee *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-92abfee { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-92abfee:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-92abfee:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-23fd6bd *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-23fd6bd { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4422cd7 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-4422cd7 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-4422cd7:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-4422cd7:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7b49379 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-7b49379 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-7b49379:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-7b49379:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0b1e6a6 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bbd1fca *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-bbd1fca { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-de337d3 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-de337d3 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-de337d3:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-de337d3:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-60ff093 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-60ff093 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-60ff093:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-60ff093:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8f9c2d0 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2251dac *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-2251dac { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-2251dac:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-2251dac:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5fbfb24 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-5fbfb24 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c437283 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-c437283 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-c437283:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-c437283:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92abfee *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-92abfee { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-92abfee:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-92abfee:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-23fd6bd *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-23fd6bd { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4422cd7 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-4422cd7 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-4422cd7:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-4422cd7:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7b49379 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-7b49379 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-7b49379:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-7b49379:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0b1e6a6 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bbd1fca *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-bbd1fca { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-de337d3 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-de337d3 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-de337d3:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-de337d3:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-60ff093 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-60ff093 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-60ff093:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-60ff093:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8f9c2d0 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2251dac *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-2251dac { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-2251dac:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-2251dac:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5fbfb24 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-5fbfb24 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c437283 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-c437283 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-c437283:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-c437283:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92abfee *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-92abfee { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-92abfee:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-92abfee:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-23fd6bd *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-23fd6bd { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4422cd7 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-4422cd7 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-4422cd7:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-4422cd7:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7b49379 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-7b49379 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-7b49379:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-7b49379:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0b1e6a6 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bbd1fca *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-bbd1fca { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-de337d3 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-de337d3 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-de337d3:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-de337d3:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-60ff093 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-60ff093 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-60ff093:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-60ff093:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8f9c2d0 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2251dac *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-2251dac { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-2251dac:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-2251dac:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5fbfb24 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-5fbfb24 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c437283 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-c437283 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-c437283:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-c437283:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92abfee *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-92abfee { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-92abfee:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-92abfee:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-23fd6bd *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-23fd6bd { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4422cd7 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-4422cd7 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-4422cd7:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-4422cd7:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7b49379 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-7b49379 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-7b49379:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-7b49379:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0b1e6a6 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bbd1fca *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-bbd1fca { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-de337d3 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-de337d3 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-de337d3:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-de337d3:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-60ff093 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-60ff093 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-60ff093:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-60ff093:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8f9c2d0 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2251dac *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-2251dac { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-2251dac:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-2251dac:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5fbfb24 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-5fbfb24 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c437283 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-c437283 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-c437283:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-c437283:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92abfee *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-92abfee { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-92abfee:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-92abfee:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-23fd6bd *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-23fd6bd { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4422cd7 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-4422cd7 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-4422cd7:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-4422cd7:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7b49379 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-7b49379 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-7b49379:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-7b49379:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0b1e6a6 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bbd1fca *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-bbd1fca { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-de337d3 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-de337d3 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-de337d3:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-de337d3:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-60ff093 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-60ff093 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-60ff093:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-60ff093:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8f9c2d0 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2251dac *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-2251dac { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-2251dac:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-2251dac:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5fbfb24 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-5fbfb24 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c437283 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-c437283 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-c437283:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-c437283:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92abfee *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-92abfee { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-92abfee:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-92abfee:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-23fd6bd *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-23fd6bd { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4422cd7 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-4422cd7 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-4422cd7:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-4422cd7:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7b49379 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-7b49379 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-7b49379:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-7b49379:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0b1e6a6 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bbd1fca *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-bbd1fca { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-de337d3 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-de337d3 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-de337d3:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-de337d3:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-60ff093 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-60ff093 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-60ff093:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-60ff093:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8f9c2d0 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-8f9c2d0:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-2251dac *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-2251dac { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-2251dac:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-2251dac:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-5fbfb24 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-5fbfb24 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-5fbfb24:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-c437283 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-c437283 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-c437283:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-c437283:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-92abfee *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-92abfee { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-92abfee:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-92abfee:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-23fd6bd *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-23fd6bd { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-23fd6bd:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-4422cd7 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-4422cd7 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-4422cd7:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-4422cd7:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-7b49379 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-7b49379 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-7b49379:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-7b49379:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-0b1e6a6 *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6 { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:hover { background-color: #FF8A8A; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-0b1e6a6:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-bbd1fca *//* ปุ่มปกติ */ .elementor-18011 .elementor-element.elementor-element-bbd1fca { color: white; /* สีตัวอักษร */ padding: 10px 20px; /* ขนาดปุ่ม */ border: none; /* ไม่ให้มีกรอบ */ border-radius: 5px; /* มุมปุ่มโค้ง */ font-size: 16px; /* ขนาดฟอนต์ */ cursor: pointer; /* แสดงให้เห็นว่าเป็นปุ่ม */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้ (hover) */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:hover { background-color: #C6E7FF; /* เปลี่ยนสีพื้นหลัง */ transform: scale(1.1); /* ขยายขนาดปุ่มเล็กน้อย */ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* เพิ่มเงา */ transition: all 0.3s ease; /* ทำให้การเปลี่ยนแปลงนุ่มนวล */ } /* เมื่อเมาส์ไปชี้และคลิก */ .elementor-18011 .elementor-element.elementor-element-bbd1fca:active { transform: scale(0.98); /* ย่อขนาดปุ่มให้เหมือนการกด */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); /* ลดเงาเมื่อกด */ }/* End custom CSS */