@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@400;500;700&family=Montserrat:wght@600&display=swap');
/* @license MIT https://github.com/necolas/normalize.css/blob/8.0.1/LICENSE.md */
html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}
/* @license GNU-GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.action-links{margin:1em 0;padding:0;list-style:none;}[dir="rtl"] .action-links{margin-right:0;}.action-links li{display:inline-block;margin:0 0.3em;}.action-links li:first-child{margin-left:0;}[dir="rtl"] .action-links li:first-child{margin-right:0;margin-left:0.3em;}.button-action{display:inline-block;padding:0.2em 0.5em 0.3em;text-decoration:none;line-height:160%;}.button-action::before{margin-left:-0.1em;padding-right:0.2em;content:"+";font-weight:900;}[dir="rtl"] .button-action::before{margin-right:-0.1em;margin-left:0;padding-right:0;padding-left:0.2em;}
.breadcrumb{padding-bottom:0.5em;}.breadcrumb ol{margin:0;padding:0;}[dir="rtl"] .breadcrumb ol{margin-right:0;}.breadcrumb li{display:inline;margin:0;padding:0;list-style-type:none;}.breadcrumb li::before{content:" \BB ";}.breadcrumb li:first-child::before{content:none;}
.button,.image-button{margin-right:1em;margin-left:1em;}.button:first-child,.image-button:first-child{margin-right:0;margin-left:0;}
.container-inline label::after,.container-inline .label::after{content:":";}.form-type-radios .container-inline label::after,.form-type-checkboxes .container-inline label::after{content:"";}.form-type-radios .container-inline .form-type-radio,.form-type-checkboxes .container-inline .form-type-checkbox{margin:0 1em;}.container-inline .form-actions,.container-inline.form-actions{margin-top:0;margin-bottom:0;}
details{margin-top:1em;margin-bottom:1em;border:1px solid #ccc;}details > .details-wrapper{padding:0.5em 1.5em;}summary{padding:0.2em 0.5em;cursor:pointer;}
.exposed-filters .filters{float:left;margin-right:1em;}[dir="rtl"] .exposed-filters .filters{float:right;margin-right:0;margin-left:1em;}.exposed-filters .form-item{margin:0 0 0.1em 0;padding:0;}.exposed-filters .form-item label{float:left;width:10em;font-weight:normal;}[dir="rtl"] .exposed-filters .form-item label{float:right;}.exposed-filters .form-select{width:14em;}.exposed-filters .current-filters{margin-bottom:1em;}.exposed-filters .current-filters .placeholder{font-weight:bold;font-style:normal;}.exposed-filters .additional-filters{float:left;margin-right:1em;}[dir="rtl"] .exposed-filters .additional-filters{float:right;margin-right:0;margin-left:1em;}
.field__label{font-weight:bold;}.field--label-inline .field__label,.field--label-inline .field__items{float:left;}.field--label-inline .field__label,.field--label-inline > .field__item,.field--label-inline .field__items{padding-right:0.5em;}[dir="rtl"] .field--label-inline .field__label,[dir="rtl"] .field--label-inline .field__items{padding-right:0;padding-left:0.5em;}.field--label-inline .field__label::after{content:":";}
form .field-multiple-table{margin:0;}form .field-multiple-table .field-multiple-drag{width:30px;padding-right:0;}[dir="rtl"] form .field-multiple-table .field-multiple-drag{padding-left:0;}form .field-multiple-table .field-multiple-drag .tabledrag-handle{padding-right:0.5em;}[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle{padding-right:0;padding-left:0.5em;}form .field-add-more-submit{margin:0.5em 0 0;}.form-item,.form-actions{margin-top:1em;margin-bottom:1em;}tr.odd .form-item,tr.even .form-item{margin-top:0;margin-bottom:0;}.form-composite > .fieldset-wrapper > .description,.form-item .description{font-size:0.85em;}label.option{display:inline;font-weight:normal;}.form-composite > legend,.label{display:inline;margin:0;padding:0;font-size:inherit;font-weight:bold;}.form-checkboxes .form-item,.form-radios .form-item{margin-top:0.4em;margin-bottom:0.4em;}.form-type-radio .description,.form-type-checkbox .description{margin-left:2.4em;}[dir="rtl"] .form-type-radio .description,[dir="rtl"] .form-type-checkbox .description{margin-right:2.4em;margin-left:0;}.marker{color:#e00;}.form-required::after{display:inline-block;width:6px;height:6px;margin:0 0.3em;content:"";vertical-align:super;background-image:url(/themes/boxraft/images/icons/required.svg);background-repeat:no-repeat;background-size:6px 6px;}abbr.tabledrag-changed,abbr.ajax-changed{border-bottom:none;}.form-item input.error,.form-item textarea.error,.form-item select.error{border:2px solid red;}.form-item--error-message::before{display:inline-block;width:14px;height:14px;content:"";vertical-align:sub;background:url(/themes/boxraft/images/icons/error.svg) no-repeat;background-size:contain;}
.icon-help{padding:1px 0 1px 20px;background:url(/themes/boxraft/images/icons/help.png) 0 50% no-repeat;}[dir="rtl"] .icon-help{padding:1px 20px 1px 0;background-position:100% 50%;}.feed-icon{display:block;overflow:hidden;width:16px;height:16px;text-indent:-9999px;background:url(/themes/boxraft/images/icons/feed.svg) no-repeat;}
.form--inline .form-item{float:left;margin-right:0.5em;}[dir="rtl"] .form--inline .form-item{float:right;margin-right:0;margin-left:0.5em;}[dir="rtl"] .views-filterable-options-controls .form-item{margin-right:2%;}.form--inline .form-item-separator{margin-top:2.3em;margin-right:1em;margin-left:0.5em;}[dir="rtl"] .form--inline .form-item-separator{margin-right:0.5em;margin-left:1em;}.form--inline .form-actions{clear:left;}[dir="rtl"] .form--inline .form-actions{clear:right;}
.item-list .title{font-weight:bold;}.item-list ul{margin:0 0 0.75em 0;padding:0;}.item-list li{margin:0 0 0.25em 1.5em;padding:0;}[dir="rtl"] .item-list li{margin:0 1.5em 0.25em 0;}.item-list--comma-list{display:inline;}.item-list--comma-list .item-list__comma-list,.item-list__comma-list li,[dir="rtl"] .item-list--comma-list .item-list__comma-list,[dir="rtl"] .item-list__comma-list li{margin:0;}
button.link{margin:0;padding:0;cursor:pointer;border:0;background:transparent;font-size:1em;}label button.link{font-weight:bold;}
ul.inline,ul.links.inline{display:inline;padding-left:0;}[dir="rtl"] ul.inline,[dir="rtl"] ul.links.inline{padding-right:0;padding-left:15px;}ul.inline li{display:inline;padding:0 0.5em;list-style-type:none;}ul.links a.is-active{color:#000;}
ul.menu{margin-left:1em;padding:0;list-style:none outside;text-align:left;}[dir="rtl"] ul.menu{margin-right:1em;margin-left:0;text-align:right;}.menu-item--expanded{list-style-type:circle;list-style-image:url(/themes/boxraft/images/icons/menu-expanded.png);}.menu-item--collapsed{list-style-type:disc;list-style-image:url(/themes/boxraft/images/icons/menu-collapsed.png);}[dir="rtl"] .menu-item--collapsed{list-style-image:url(/themes/boxraft/images/icons/menu-collapsed-rtl.png);}.menu-item{margin:0;padding-top:0.2em;}ul.menu a.is-active{color:#000;}
.more-link{display:block;text-align:right;}[dir="rtl"] .more-link{text-align:left;}
.pager__items{clear:both;text-align:center;}.pager__item{display:inline;padding:0.5em;}.pager__item.is-active{font-weight:bold;}
tr.drag{background-color:#fffff0;}tr.drag-previous{background-color:#ffd;}body div.tabledrag-changed-warning{margin-bottom:0.5em;}
tr.selected td{background:#ffc;}td.checkbox,th.checkbox{text-align:center;}[dir="rtl"] td.checkbox,[dir="rtl"] th.checkbox{text-align:center;}
th.is-active img{display:inline;}td.is-active{background-color:#ddd;}
div.tabs{margin:1em 0;}ul.tabs{margin:0 0 0.5em;padding:0;list-style:none;}.tabs > li{display:inline-block;margin-right:0.3em;}[dir="rtl"] .tabs > li{margin-right:0;margin-left:0.3em;}.tabs a{display:block;padding:0.2em 1em;text-decoration:none;}.tabs a.is-active{background-color:#eee;}.tabs a:focus,.tabs a:hover{background-color:#f5f5f5;}
.form-textarea-wrapper textarea{display:block;box-sizing:border-box;width:100%;margin:0;}
.ui-dialog--narrow{max-width:500px;}@media screen and (max-width:600px){.ui-dialog--narrow{min-width:95%;max-width:95%;}}
.messages{padding:15px 20px 15px 35px;word-wrap:break-word;border:1px solid;border-width:1px 1px 1px 0;border-radius:2px;background:no-repeat 10px 17px;overflow-wrap:break-word;}[dir="rtl"] .messages{padding-right:35px;padding-left:20px;text-align:right;border-width:1px 0 1px 1px;background-position:right 10px top 17px;}.messages + .messages{margin-top:1.538em;}.messages__list{margin:0;padding:0;list-style:none;}.messages__item + .messages__item{margin-top:0.769em;}.messages--status{color:#325e1c;border-color:#c9e1bd #c9e1bd #c9e1bd transparent;background-color:#f3faef;background-image:url(/themes/boxraft/images/icons/check.svg);box-shadow:-8px 0 0 #77b259;}[dir="rtl"] .messages--status{margin-left:0;border-color:#c9e1bd transparent #c9e1bd #c9e1bd;box-shadow:8px 0 0 #77b259;}.messages--warning{color:#734c00;border-color:#f4daa6 #f4daa6 #f4daa6 transparent;background-color:#fdf8ed;background-image:url(/themes/boxraft/images/icons/warning.svg);box-shadow:-8px 0 0 #e09600;}[dir="rtl"] .messages--warning{border-color:#f4daa6 transparent #f4daa6 #f4daa6;box-shadow:8px 0 0 #e09600;}.messages--error{color:#a51b00;border-color:#f9c9bf #f9c9bf #f9c9bf transparent;background-color:#fcf4f2;background-image:url(/themes/boxraft/images/icons/error.svg);box-shadow:-8px 0 0 #e62600;}[dir="rtl"] .messages--error{border-color:#f9c9bf transparent #f9c9bf #f9c9bf;box-shadow:8px 0 0 #e62600;}.messages--error p.error{color:#a51b00;}
:root{--color-dark:#000000;--font-primary:'Exo 2',sans-serif;--font-secondary:'Montserrat',sans-serif;--color-white:#FFF;--color-primary:#DB0000;--color-primary-dark:#A30000;}html *,html :after,html :before{margin:0;padding:0;box-sizing:border-box;}body{background-color:var(--color-dark);color:var(--color-white);width:100vw;height:auto;overflow-x:hidden;font-family:var(--font-primary);text-align:center;}h1{font:700 80px/1.2 var(--font-primary);letter-spacing:-.027em;font-size:3em;}p{font:normal 18px/1.8 var(--font-primary);letter-spacing:0em;}header{z-index:99;}a{text-decoration:none;cursor:pointer;color:inherit;}.button{font:600 17px/1em var(--font-primary);letter-spacing:0em;color:var(--color-white);padding:18px 34px 18px 34px;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;position:relative;display:flex;align-items:center;cursor:pointer;}h1.page-title{font-size:3.5em;}.region.region-content{margin-top:100px;}.section-hero{width:100%;display:flex;align-items:stretch;height:100%;justify-content:center;position:relative;}.section-hero:before{content:'';left:0;z-index:-1;background-image:url(/themes/boxraft/images/Boxraft-Red-Gradient-08.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;top:0;position:absolute;width:100%;height:100%;}.section-hero .inner-container{width:100%;gap:20px;max-width:min(1192px,90%);flex-direction:column;display:flex;padding-top:50px;align-items:center;justify-content:center;}.section-hero .subtitle{width:100%;max-width:650px;color:rgba(255,255,255,.6);}.container-cta{width:100%;display:flex;justify-content:center;gap:20px;}.button-cta-main{background-color:var(--color-primary);}.header-nav .button-cta-main{display:none;}.button-cta-main:hover{background-color:var(--color-primary-dark);}.button-cta-secondary{border:2px solid var(--color-white);}.button-cta-secondary:hover{background-color:var(--color-white);color:var(--color-dark);}.field--name-field-media-oembed-video{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}.field--name-field-media-oembed-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}.icon-arrow-forward{position:relative;left:12px;}ul.portfolio-wrapper{display:grid;justify-content:center;max-width:950px;list-style-type:none;padding:0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;gap:15px;}ul.portfolio-wrapper li{margin:0 auto;}.portfolio-wrapper h2.portfolio-title{font-size:1em;margin-bottom:0.4em;}.block-views-blockportfolio-block-1{margin-top:3em;}.view-display-id-page_1{margin-bottom:5em;}.portfolio-image{position:relative;max-width:300px;}.play-button{position:absolute;z-index:2;bottom:1%;right:2%;font-size:3em;color:#CCCCCC;}.portfolio-image:hover .play-button{color:#333333;}.services ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));font-size:1.2em;text-align:left;max-width:950px;margin:0 auto;align-content:center;}.services ul li{list-style:none;padding:01em 0.4em;border:1px solid #444;margin:0.4em 0.2em;text-transform:uppercase;text-align:center;}.sub-heading{text-transform:uppercase;padding:0 0 1em;font-size:0.85em;}#block-boxraft-views-block-portfolio-block-2{margin-top:8em;}table{max-width:950px;margin:0 auto;text-align:left;font-size:1.3em;width:100%;}th{padding:0.6em;background:#333333;}tbody td{border-bottom:1px solid #333;padding:0.4em;}tbody td a{text-decoration:underline;text-underline-offset:0.2rem;}.node--type-careers .node__content{text-align:left;max-width:950px;margin:0 auto;line-height:1.5;font-size:1.3em;padding:0 15px;}.node--type-careers .node__content a{text-decoration:underline;text-underline-offset:0.2rem;}.node--type-careers .node__content p{margin-bottom:1em;font-size:1em;}.node--type-careers .node__content h3{margin-bottom:0.5em;}.node--type-careers .node__content ul{margin-bottom:1em;}.node--type-careers .node__content li{margin-left:2em;}.page-header{margin:15px auto;font-size:2em;text-transform:uppercase;border-bottom:10px solid #333;max-width:950px;padding:15px;font-family:arial;letter-spacing:.5rem;}.video-container{display:flex;align-items:stretch;position:relative;padding-bottom:10px;width:100%;overflow:visible;padding-top:50px;}.video{background-image:url(/themes/boxraft/images/Photography-Equipment.jpg);background-position:top center;background-size:cover;display:flex;width:100%;min-height:550px;position:relative;border-radius:10px;padding:20px;border:3px solid #232323;box-shadow:0px 24px 164px -20px rgba(35.000000000000036,40.00000000000008,105,0.16);justify-content:center;}.lightbox{max-width:100%;position:relative;width:100%;display:flex;justify-content:center;align-items:center;}.button-lightbox{--box-shadow-color:#FFFFFF24;color:var(--color-dark);background-color:var(--color-white);border-radius:100px 100px 100px 100px;padding:47px 45px 47px 45px;box-shadow:0px 24px 125px 0px rgba(0,0,0,0.25);font-size:19px;animation:multishadow 2s infinite;}@keyframes multishadow{0%{box-shadow:0 0 0 10px var(--box-shadow-color),0 0 0 20px var(--box-shadow-color),0 0 0 30px var(--box-shadow-color);}50%{box-shadow:0 0 0 15px var(--box-shadow-color),0 0 0 30px var(--box-shadow-color),0 0 0 45px var(--box-shadow-color);}100%{box-shadow:0 0 0 10px var(--box-shadow-color),0 0 0 20px var(--box-shadow-color),0 0 0 30px var(--box-shadow-color);}}.section-patners{transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:70px 0px;overflow:hidden;}.section-patners .container-patners{width:100%;position:relative;min-height:1px;display:flex;align-content:flex-start;flex-wrap:wrap;}.section-patners .container-title{width:100%;color:#FFFFFFB0;margin-bottom:20px;position:relative;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;}.section-patners .swiper{position:relative;padding-top:80px;padding-bottom:100px;display:flex;width:100%;}.section-patners .swiper:before{background-color:transparent;background-image:radial-gradient(at center center,#00000000 50%,#000000 70%);opacity:1;transition:background 0.3s;z-index:2;content:"";position:absolute;top:0;left:0;height:100%;width:100%;margin:0;}.section-patners .swiper-wrapper{animation:styles_swiper 140s linear infinite;white-space:nowrap;width:100%;margin-bottom:8px;display:flex;}@keyframes styles_swiper{0%{transform:translateX(0);}50%{transform:translateX(-70%);}100%{transform:translateX(0);}}.section-patners .swiper-slide{margin-right:44px;width:170px;position:relative;color:#fff;}.section-patners .swiper-slide::after{content:"";position:absolute;top:50%;right:-28px;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;}.icea-lion{background-image:url(/themes/boxraft/images/icea-lion.png);background-position:center center;background-size:cover;aspect-ratio:600/172;}.coop-bank{background-image:url(/themes/boxraft/images/coop-bank.png);background-position:center center;background-size:cover;aspect-ratio:834/217;}.google{background-image:url(/themes/boxraft/images/google.png);background-position:center center;background-size:cover;aspect-ratio:834/217;}.huawei{background-image:url(/themes/boxraft/images/huawei.png);background-position:center center;background-size:cover;aspect-ratio:834/217;}.ijm{background-image:url(/themes/boxraft/images/ijm.png);background-position:center center;background-size:cover;aspect-ratio:834/217;}.airtel{background-image:url(/themes/boxraft/images/airtel.png);background-position:center center;background-size:cover;aspect-ratio:834/217;}.facebook{background-image:url(/themes/boxraft/images/facebook.png);background-position:center center;background-size:cover;aspect-ratio:834/217;}.cic-group{background-image:url(/themes/boxraft/images/cic-group.png);background-position:center center;background-size:cover;aspect-ratio:834/217;}.britam{background-image:url(/themes/boxraft/images/britam.png);background-position:center center;background-size:cover;aspect-ratio:600/156;}.section-about{width:100%;display:flex;align-items:center;justify-content:center;}.section-about .wrapper{max-width:min(90%,1192px);width:100%;display:flex;}.section-about .image-wrapper{display:flex;justify-content:center;align-items:center;margin:10px;padding:40px;background-color:#232323;border-radius:10px;width:100%;}.image-since{background-image:url(/themes/boxraft/images/About-Since-2015-Image.png);background-position:center center;background-size:cover;aspect-ratio:1/1;width:449px;}.section-about .container-title{width:100%;}h2{font:500 48px/1.2 var(--font-primary);letter-spacing:-.027em;}.section-about .wrapper-title{width:100%;height:100%;display:flex;justify-content:center;gap:8px;flex-direction:column;text-align:left;padding:0px 40px;}.section-about p{padding-bottom:24px;}.section-about .button-cta-main{width:max-content;}.section-case-studies{display:flex;width:100%;align-items:center;justify-content:center;animation-duration:.8s;padding:70px 0px;}.section-case-studies .main-wrapper{display:flex;align-items:center;flex-direction:column;max-width:min(100%,min(90%,1192px));height:100%;width:100%;}.section-case-studies .top-wrapper{justify-content:space-between;display:flex;align-items:center;gap:20px;width:100%;position:relative;}.section-case-studies .button-cta-secondary:hover{background-color:var(--color-primary);border:2px solid var(--color-primary);color:var(--color-white);}.section-case-studies .bottom-wrapper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:32px;width:100%;position:relative;padding:48px 10px 0px 10px;}.section-case-studies .case-item article{display:flex;flex-direction:column;position:relative;overflow:hidden;height:100%;}.section-case-studies .case-content{border-radius:14px 14px 14px 14px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF17;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.08);transition:all .65s cubic-bezier(.23,1,.32,1);}.section-case-studies .case-content-top{position:relative;overflow:hidden;}.section-case-studies .case-content-img-wrapper{overflow:hidden;display:block;padding-bottom:100%;transition:padding 0s;}.section-case-studies .case-content-img{transition:transform .8s cubic-bezier(.075,.82,.165,1);transform:scale(1);height:100%;width:100%;position:absolute;display:grid;top:0;background-size:cover;background-position:center;}.section-case-studies .case-content-img.safaricom{background-image:url(/themes/boxraft/images/safaricom-case-study.jpg);}.section-case-studies .case-content-img:hover{transform:scale(1.2);}.section-case-studies .case-content-img.missing-voices{background-image:url(/themes/boxraft/images/missing-voices-case-study.jpg);}.section-case-studies .case-content-img.britam{background-image:url(/themes/boxraft/images/britam-case-study.jpg);}.section-main-cta{width:100%;position:relative;background-image:url(/themes/boxraft/images/cta-gradient.jpg);background-position:bottom center;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;gap:10px;height:100%;padding:0;}.section-main-cta .cta{background-color:transparent;background-image:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);animation-duration:.75s;display:flex;max-width:min(100%,min(90%,1192px));width:100%;height:100%;gap:14px 15px;flex-direction:column;padding:15px;position:relative;margin:10px;overflow:hidden;border-radius:16px;align-items:center;}.section-main-cta .cta:before{background:#DC0000;top:0;left:0;display:block;position:absolute;height:100%;width:100%;}.section-main-cta p{color:rgba(255,255,255,0.6);padding-bottom:15px;}.section-main-cta .button-cta-secondary{background-color:var(--color-dark);border:none;}.section-main-cta .button-cta-secondary:hover{background-color:var(--color-white);transition:all .3s;color:var(--color-dark);}.section-footer{background-color:#232323;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;position:relative;display:flex;align-items:center;width:100%;flex-direction:column;}.footer-top-section{max-width:1192px;width:90%;display:flex;margin-right:auto;margin-left:auto;position:relative;position:relative;width:100%;flex-wrap:wrap;align-content:flex-start;padding:64px 0px 30px 0px;margin-top:10px;margin-bottom:10px;}.footer-top-section .container-connect{min-height:1px;padding:10px;display:flex;position:relative;width:100%;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;text-align:left;flex-direction:column;gap:20px;}@media only screen and (min-width:768px){.footer-top-section .container-connect{width:50% !important;}}h3{font:500 36px/1.3 var(--font-primary);letter-spacing:-.027em;width:100%;}.footer-top-section p{max-width:400px;width:100%;font-size:16px;color:rgba(255,255,255,0.6);}.footer-top-section .socials{margin-right:calc(-12px/2);margin-left:calc(-12px/2);display:flex;justify-content:flex-start;flex-wrap:wrap;gap:20px;}.footer-top-section .socials a{flex:1;justify-content:flex-start;text-align:left;display:flex;}.footer-top-section .socials svg{fill:#FFFFFF;transition:fill 0.3s;width:18px;height:18px;}.footer-top-section .socials svg:hover{fill:var(--color-primary-dark);}.footer-top-section .container-info{width:100%;position:relative;min-height:1px;display:flex;padding:10px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;text-align:left;flex-direction:column;gap:20px;}@media only screen and (min-width:768px){.footer-top-section .container-info{width:50% !important;}}.footer-top-section .container-info a{display:flex;width:100%;align-items:center;justify-content:flex-start;text-align:left;color:var(--color-white);font-size:18px;font-weight:500;line-height:1.3em;}.footer-top-section .container-info svg{fill:rgba(255,255,255,.6);transition:fill 0.3s;width:40px;height:40px;padding-right:10px;}.footer-top-section .container-info span{transition:color 0.3s;}.footer-top-section .container-info span:hover{color:var(--color-primary-dark);}.footer-bottom-section{width:100%;display:flex;align-items:center;border-color:#E6E9EC21;border-top-width:1px;border-style:solid;position:relative;justify-content:center;}.footer-bottom-section:before{content:'';background-color:transparent;background-image:linear-gradient(180deg,#FFFFFF0D 0%,#F2295B00 100%);display:block;position:absolute;width:100%;height:100%;top:0;left:0;}.footer-bottom-section .main-wrapper{max-width:min(100%,min(90%,1192px));width:100%;gap:10px;display:flex;padding:30px 0px;align-items:center;justify-content:flex-start;}.footer-bottom-section .img-logo{max-width:20%;width:200px;aspect-ratio:450/97;vertical-align:middle;display:inline-block;position:relative;}@media screen and (max-width:768px){.img-logo{width:100%;}}.img-logo:before{background-image:url(/themes/boxraft/images/boxraft-logo.png);background-position:bottom center;background-repeat:no-repeat;background-size:cover;transition:background 3s,border-radius 3s,opacity 3s;content:'';top:0;left:0;display:block;position:absolute;height:100%;width:100%;}.footer-bottom-section .links{display:flex;margin-right:calc(-25px/2);margin-left:calc(-25px/2);overflow:hidden;height:100%;gap:20px;width:40%;padding:0px 30px;align-items:center;justify-content:flex-start;}.footer-bottom-section .links a{z-index:2;}.footer-bottom-section .links a:hover{color:var(--color-primary-dark);}.footer-bottom-section .links a > *{font:600 12px/1 var(--font-secondary);text-transform:uppercase;letter-spacing:0.15em;}.footer-bottom-section .copyright{width:40%;text-align:right;color:rgba(255,255,255,0.6);font:normal 16px/1.8 var(--font-primary);}#header{width:100% !important;}.section-header{box-shadow:0 1px 0 rgba(230,233,236,.13);width:100% !important;transition:all .4s ease;will-change:unset;background-clip:padding-box;top:0;justify-content:left;align-items:center;display:flex;}.section-header:before{box-shadow:-2px 3px 90px -20px rgb(0 0 0 / 25%);background-color:rgba(0,0,0,.3);backdrop-filter:blur(10px);content:"";position:absolute;top:0;bottom:0;left:0;right:0;will-change:opacity;transition:opacity .3s ease-in;z-index:-1;}.header-nav{width:90%;padding:0px 10px;position:unset;display:block;justify-content:space-between;align-items:center;height:45px;margin:10px;}.header-nav .img-logo{max-width:100%;width:200px;aspect-ratio:450/97;vertical-align:middle;display:inline-block;position:relative;}.header-nav .nav-menu{flex:1;height:100%;justify-content:center;display:flex;}.header-nav .nav-menu .menu-wrapper{display:flex;}.header-nav .links{display:flex;margin-right:calc(-25px/2);margin-left:calc(-25px/2);overflow:hidden;height:100%;width:100%;padding:0px 10px;align-items:center;justify-content:center;}.header-nav .links a{z-index:2;text-decoration:none;width:max-content;padding:0px 10px;display:flex;align-items:center;color:inherit;height:100%;}.header-nav .submenu{transform:translate3d(0,18px,0);transition:opacity 0.3s cubic-bezier(.165,.84,.44,1),transform 0.4s cubic-bezier(.1,.76,.37,1.19);}@keyframes fadeInUp{0%{transform:translate3d(0,40px,0);}100%{transform:translateZ(0);}}@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}.header-nav .links span{font:600 12px/1 var(--font-secondary);text-transform:uppercase;letter-spacing:0.15em;}.header-nav .links svg{height:20px;width:20px;fill:var(--color-white);}.header-nav .dropdown{float:left;overflow:hidden;color:#FFF;height:100%;}.header-nav .dropdown:hover{color:var(--color-primary-dark);}.header-nav .dropdown:hover .submenu{opacity:1;pointer-events:visible;transform:none;}.header-nav .submenu{display:flex;flex-direction:column;box-shadow:0 0 0 1px rgba(0,0,0,.02),0 2px 35px 0 rgba(0,0,0,.04);min-width:280px;padding:22px 0;border-radius:1px;position:absolute;opacity:0;pointer-events:none;will-change:opacity,transform;z-index:10;background-color:#232323;transition:opacity 0.3s cubic-bezier(.165,.84,.44,1),transform 0.4s cubic-bezier(.1,.76,.37,1.19);}.header-nav .submenu>a{padding:8px 25px;transition:all .2s cubic-bezier(.68,.01,.58,.75);display:block;color:#fff;font:500 16px/1.3 var(--font-primary);}.header-nav .submenu>a:hover{color:var(--color-primary-dark);}.section-hero--about{width:100%;display:flex;align-items:stretch;height:100vh;justify-content:center;background-color:transparent;background-image:linear-gradient(180deg,#00000059 0%,var(--color-dark) 100%);}.section-hero--about:before{background-image:url(/themes/boxraft/images/people-in-the-studio.webp);background-position:bottom center;background-repeat:no-repeat;background-size:cover;content:'';display:block;position:absolute;height:100%;width:100%;top:0;z-index:-1;left:0;}.section-hero--about .inner-container{align-items:flex-start;text-align:left;}.section-hero--about .container-cta{justify-content:flex-start;}.section-hero--about .inner-container .title{max-width:70%;}.section-hero--about .inner-container .subtitle{max-width:100%;}.section-about.about-page .wrapper{padding-bottom:80px;justify-content:space-between;}.section-about.about-page .wrapper-title{padding:0px 100px 0px 0px;}.section-about.about-page .image-wrapper{display:flex;justify-content:center;align-items:center;background-color:#232323;border-radius:10px;width:90%;background-image:url(/themes/boxraft/images/boxes.jpg);background-position:center center;background-size:cover;padding:0px 0px 0px 40px;aspect-ratio:186/205;}.section-about.about-page.second .wrapper-title{padding:0px 0px 0px 60px;}.section-about.about-page.second .image-wrapper{display:flex;justify-content:center;align-items:center;background-color:#232323;border-radius:10px;width:90%;background-image:url(/themes/boxraft/images/The-Studio.jpg);background-position:center center;background-size:cover;padding:0px 40px 0px 0px;aspect-ratio:186/205;}.section-about.about-page.second .button-cta-secondary{width:max-content;}.section-platforms{width:100%;display:flex;align-items:center;justify-content:center;animation-duration:.8s;padding:80px 0px;}.section-platforms .inner-container{width:100%;max-width:min(90%,1192px);margin:0 auto;height:100%;gap:10px;}.section-platforms .platforms-container{background-color:#FFFFFF0A;background-image:url(/themes/boxraft/images/Design-Studio-BG.webp);background-position:50% 110%;background-repeat:no-repeat;background-size:65% auto;border-radius:16px;border:1px solid #FFFFFF26;align-items:center;flex-direction:column;margin:10px;display:flex;position:relative;overflow:hidden;padding:70px 0px 64px 0px;}.section-platforms .platforms-container:before{background-color:#FFFFFF00;background-image:url(/themes/boxraft/images/Boxraft-Red-Bottom-Gradient-01.jpg);background-position:bottom center;background-repeat:no-repeat;background-size:cover;content:'';width:100%;position:absolute;height:100%;top:0;z-index:-1;left:0;}.section-platforms .platforms-container h2{width:100%;max-width:650px;padding-bottom:10px;height:100%;}.section-platforms .platforms-container p{padding-bottom:20px;max-width:500px;width:100%;color:rgba(255,255,255,0.6);}.section-platforms .brands-container{display:flex;flex-direction:row;width:100%;gap:50px;padding:20px 40px;}.section-platforms .brands-container a{transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;}.section-platforms .brands-container a:hover{transform:translateY(-4px);height:100%;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;}.section-platforms .kenyans{background-image:url(/themes/boxraft/images/Kenyans-logo-color.png);background-position:bottom center;background-repeat:no-repeat;background-size:cover;aspect-ratio:30/7;width:300px;}.section-platforms .kenya-moja{background-image:url(/themes/boxraft/images/KenyaMOJALogo.png);background-position:bottom center;background-repeat:no-repeat;background-size:cover;aspect-ratio:361/70;width:361px;}.section-platforms .team-kenya{background-image:url(/themes/boxraft/images/teamkenya-logo-color.png);background-position:bottom center;background-repeat:no-repeat;background-size:cover;aspect-ratio:30/7;width:300px;}.section-hero.studio:before{background-image:url(/themes/boxraft/images/studio-bg.jpg);background-position:top center;background-repeat:no-repeat;background-size:cover;}.section-features{width:100%;padding:40px 0px 80px 0px;display:flex;align-items:center;justify-content:center;}.section-features .inner-container{max-width:1192px;width:90%;position:relative;min-height:1px;display:flex;align-items:center;justify-content:center;flex-direction:column;}.section-features .inner-container h2{padding-bottom:64px;}.section-features .features-container{width:100%;position:relative;max-width:1192px;display:flex;}.section-features .feature-card{width:25%;position:relative;display:flex;padding:10px;}.section-features .feature-card .inner{width:100%;padding:0px 24px 24px 24px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E9EC47;border-radius:5px 5px 5px 5px;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;position:relative;}.feature-card .inner .icon-box{margin-bottom:12px;display:inline-block;transform:translateY(-26px);}.feature-card .inner .icon-box span{color:#FFFFFF;background-color:#8AC926;border-radius:2px 2px 2px 2px;overflow:hidden;padding:14px 14px 14px 14px;transform:rotate(0deg);display:inline-block;line-height:0;transition:all 350ms cubic-bezier(.24,.85,.58,1);height:auto;text-align:center;position:relative;box-sizing:content-box;}.feature-card .inner .icon-box span.second{background-color:#FF5977;}.feature-card .inner .icon-box span.third{background-color:transparent;background-image:linear-gradient(180deg,#1982C4 0%,#826AED 100%);}.feature-card .inner .icon-box span.fourth{background-color:#FFCA3A;}.feature-card .inner .icon-box span::after{content:'';position:absolute;transition:all .3s ease-out;width:100%;height:100%;z-index:-1;opacity:0;top:0;left:0;}.feature-card .inner .icon-box svg{position:relative;left:50%;transform:translateX(-50%);height:30px;width:30px;fill:#fff;}.feature-card .inner .content{margin-top:-26px;}h4{font:500 20px/1.4 var(--font-primary);letter-spacing:-.027em;}.feature-card .inner .content h4{margin-bottom:4px;font-size:18px;}.feature-card .inner .content p{color:rgba(255,255,255,.6);margin-bottom:0px;font-size:16px;}.section-studio-display{width:100%;flex-direction:column;flex-wrap:nowrap;justify-content:normal;align-items:normal;display:flex;}.section-studio-display .inner-container{gap:20px;width:100%;max-width:min(90%,1192px);margin:0 auto;position:relative;display:flex;height:100%;flex-direction:column;}.section-studio-display .inner-container .top-image{width:100%;margin-bottom:20px;border-radius:4px;position:relative;background-image:url(/themes/boxraft/images/The-Boxraft-Studio-01.jpg);aspect-ratio:16/9;background-position:top center;background-repeat:no-repeat;background-size:cover;height:auto;max-width:100%;border:none;vertical-align:middle;display:inline-block;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;}.section-studio-display .inner-container .bottom-wrapper{width:100%;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;height:100%;align-content:center;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;display:flex;position:relative;}.inner-container .bottom-wrapper .gallery-item{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;transition-property:transform,opacity;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;text-align:center;border-radius:4px 4px 4px 4px;position:relative;overflow:hidden;width:32%;aspect-ratio:25/14;height:265px;background-position:center center;background-repeat:no-repeat;background-size:cover;}.section-studio-display .inner-container .gallery-item:nth-child(1){background-image:url(/themes/boxraft/images/gallery-item-1.jpg);}.section-studio-display .inner-container .gallery-item:nth-child(2){background-image:url(/themes/boxraft/images/gallery-2.jpg);}.section-studio-display .inner-container .gallery-item:nth-child(3){background-image:url(/themes/boxraft/images/gallery-3.jpg);}.section-studio-display .inner-container .gallery-item:nth-child(4){background-image:url(/themes/boxraft/images/gallery-4.jpg);}.section-studio-display .inner-container .gallery-item:nth-child(5){background-image:url(/themes/boxraft/images/gallery-5.webp);}.section-studio-display .inner-container .gallery-item:nth-child(6){background-image:url(/themes/boxraft/images/gallery-6.jpg);}.section-studio-display .inner-container .gallery-item:nth-child(7){background-image:url(/themes/boxraft/images/gallery-7.jpg);}.section-studio-display .inner-container .gallery-item:nth-child(8){background-image:url(/themes/boxraft/images/gallery-8.webp);}.section-studio-display .inner-container .gallery-item:nth-child(9){background-image:url(/themes/boxraft/images/gallery-9.jpg);}header header{position:absolute !important;}.section-patners.our-work{display:flex;align-items:center;height:50vh;}.digital-links{width:100%;position:relative;display:flex;flex-direction:row;width:100%;gap:30px;padding:80px 0px;}.section-hero.studio.digital::before{background-image:url(/themes/boxraft/images/digital-bg.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;}.digital-links .digital-card{border:1px solid rgba(255,255,255,.2);display:flex;width:100%;padding:80px 32px 80px 32px;text-align:center;gap:20px;border-radius:16px;position:relative;flex-direction:column;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;justify-content:center;align-items:center;}.digital-links .digital-card:hover{background-color:#232323;border-style:solid;border-color:var(--color-primary);transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;cursor:pointer;transform:translateY(-30px);}.digital-card .card-icon{display:inline-block;margin-bottom:12px;color:#FFFFFF;background-color:transparent;background-image:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);border-radius:8px 8px 8px 8px;overflow:hidden;padding:10px 10px 10px 10px;font-size:28px;width:28px;height:auto;text-align:center;position:relative;box-sizing:content-box;transform:rotate(0deg);display:inline-block;line-height:1;transition:all 350ms cubic-bezier(.24,.85,.58,1);}.digital-card .card-icon svg{fill:#fff;}.digital-card p{font-size:16px;color:rgba(255,255,255,0.6);}.digital-card .view-more{color:var(--color-white);padding:12px 20px 12px 20px;font-size:16px;border-radius:3px;font-weight:500;border:1px solid;line-height:1.2em;transition:opacity 350ms cubic-bezier(.24,.85,.58,1);opacity:0;}.digital-card:hover .view-more{opacity:1;}.digital-links.services{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-column-gap:30px;grid-row-gap:30px;}.section-hero.join-us:before{background-image:url(/themes/boxraft/images/studio-bg.jpg);background-position:top center;background-repeat:no-repeat;background-size:cover;}.section-hero.join-us .video{background-image:url(/themes/boxraft/images/gallery-9.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover;aspect-ratio:16/9;border-style:none;height:auto;}.section-hero.join-us .title-wrapper{width:100%;display:flex;justify-content:space-around;}.section-hero.join-us .title-wrapper p{text-align:left;}.section-hero.join-us .title-wrapper .right-text{width:max-content;gap:30px;display:grid;}.section-hero.join-us .title-wrapper .right-text .button-cta-secondary{width:max-content;}.section-features.culture .cultures{position:relative;width:100%;max-width:1192px;display:flex;}.cultures .culture-card{width:33.33%;position:relative;min-height:1px;display:flex;padding:10px 16px 10px 16px;justify-content:center;flex-wrap:wrap;align-content:flex-start;text-align:center;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform .4s;}.culture-card .top-image{background-position:center center;background-repeat:no-repeat;background-size:cover;aspect-ratio:16/9;border-style:none;height:auto;border-radius:5px;width:100%;margin-bottom:16px;}.culture-card:nth-child(1) .top-image{background-image:url(/themes/boxraft/images/gallery-9.jpg);}.culture-card:nth-child(2) .top-image{background-image:url(/themes/boxraft/images/gallery-8.webp);}.culture-card:nth-child(3) .top-image{background-image:url(/themes/boxraft/images/gallery-5.webp);}.culture-card h3{margin-bottom:25px;font:500 32px/1.3 var(--font-primary);letter-spacing:-.027em;}.culture-card p{color:rgba(255,255,255,.6);width:90%;}.culture-card .subtitle{font-size:14px;margin-top:-20px;transition:all .25s ease;margin-bottom:18px;}.section-join-cta{width:100%;background-color:var(--color-primary);display:flex;justify-content:center;align-items:center;padding:80px 0px;position:relative;z-index:reverse;}.section-join-cta::before{content:'';background-image:url(/themes/boxraft/images/join-us-bg.webp);background-repeat:no-repeat;background-size:cover;position:absolute;height:100%;mix-blend-mode:multiply;width:100%;top:0px;left:0px;}.section-join-cta .inner{width:100%;max-width:min(90%,1192px);gap:10px;display:flex;}.section-join-cta .inner h2{width:100%;padding:10px;justify-content:center;text-align:left;}.section-join-cta .inner .cta{width:100%;display:flex;align-items:center;justify-content:center;}.section-join-cta .inner .button{width:max-content;height:max-content;}@media only screen and (min-width:768px){.header-nav{display:flex;width:90%;margin:28px;}.header-nav .links{margin-right:calc(-25px / 2);margin-left:calc(-25px / 2);}.header-nav .links{gap:20px;justify-content:center;}.header-nav .img-logo{max-width:20%;}.header-nav .button-cta-main{display:block;}.section-header{justify-content:center;}.header-nav .links{padding:0 30px;gap:20px;}.header-nav .links a{padding:0 25px;}h1{font-size:4em;}.section-hero .inner-container{padding-top:150px;}}
