.elementor-533 .elementor-element.elementor-element-64a44367{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.64;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-533 .elementor-element.elementor-element-64a44367:not(.elementor-motion-effects-element-type-background), .elementor-533 .elementor-element.elementor-element-64a44367 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mykroft.in/wp-content/uploads/2026/03/about.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-533 .elementor-element.elementor-element-64a44367::before, .elementor-533 .elementor-element.elementor-element-64a44367 > .elementor-background-video-container::before, .elementor-533 .elementor-element.elementor-element-64a44367 > .e-con-inner > .elementor-background-video-container::before, .elementor-533 .elementor-element.elementor-element-64a44367 > .elementor-background-slideshow::before, .elementor-533 .elementor-element.elementor-element-64a44367 > .e-con-inner > .elementor-background-slideshow::before, .elementor-533 .elementor-element.elementor-element-64a44367 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-c385824 );--background-overlay:'';}.elementor-533 .elementor-element.elementor-element-6761ae84{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-533 .elementor-element.elementor-element-77954164{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-533 .elementor-element.elementor-element-77954164 .elementor-heading-title{font-family:"League Spartan", Sans-serif;font-size:56px;font-weight:400;line-height:98px;letter-spacing:-1.5px;color:var( --e-global-color-e0e3bed );}.elementor-533 .elementor-element.elementor-element-50689c5{--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;}.elementor-533 .elementor-element.elementor-element-50689c5:not(.elementor-motion-effects-element-type-background), .elementor-533 .elementor-element.elementor-element-50689c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7F9F8;}.elementor-533 .elementor-element.elementor-element-c7a7e50{--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;}.elementor-533 .elementor-element.elementor-element-5ff750e{--spacer-size:50px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-533 .elementor-element.elementor-element-64a44367{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-533 .elementor-element.elementor-element-6761ae84{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-533 .elementor-element.elementor-element-77954164{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-533 .elementor-element.elementor-element-77954164 .elementor-heading-title{font-size:65px;line-height:72px;letter-spacing:-1px;}}@media(max-width:767px){.elementor-533 .elementor-element.elementor-element-64a44367:not(.elementor-motion-effects-element-type-background), .elementor-533 .elementor-element.elementor-element-64a44367 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-533 .elementor-element.elementor-element-64a44367{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-533 .elementor-element.elementor-element-6761ae84{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-533 .elementor-element.elementor-element-77954164{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0% 0% 0% 0%;}.elementor-533 .elementor-element.elementor-element-77954164 .elementor-heading-title{font-size:45px;line-height:52px;letter-spacing:0px;}}@media(min-width:1025px){.elementor-533 .elementor-element.elementor-element-64a44367:not(.elementor-motion-effects-element-type-background), .elementor-533 .elementor-element.elementor-element-64a44367 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-25b9481 */.principles-section{
padding:90px 20px;
background:#f7f9f8;
font-family:Arial, sans-serif;
}

.container{
max-width:1200px;
margin:auto;
}

.section-header{
text-align:center;
margin-bottom:60px;
}

.section-header h2{
font-size:38px;
color:#00000;
margin-bottom:15px;
}

.section-header p{
color:#555;
max-width:700px;
margin:auto;
line-height:1.6;
}

.principles-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}

.principle-card{
background:white;
padding:35px;
border-radius:8px;
box-shadow:0 6px 18px rgba(0,0,0,0.06);
transition:0.3s;
}

.principle-card:hover{
transform:translateY(-5px);
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.number{
font-size:14px;
font-weight:bold;
color:#004d3f;
margin-bottom:10px;
}

.principle-card h3{
font-size:20px;
margin-bottom:10px;
color:#222;
}

.principle-card p{
font-size:15px;
color:#555;
line-height:1.6;
}

@media(max-width:900px){
.principles-grid{
grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:600px){
.principles-grid{
grid-template-columns:1fr;
}
}

.principles-section h1,
.principles-section h2,
.principles-section h3,
.principles-section h4{
font-family: 'League Spartan', sans-serif;
}

.principles-section p{
font-family: 'Helvetica', Arial, sans-serif;
}/* End custom CSS */