.shortcode-container{font-family:"Poppins", sans-serif;max-width:1520px;margin-right:auto;margin-left:auto;}
.cdi-container .cdi-content{padding-bottom:121px;font-size:16px;font-weight:400;color:#333333;}
.cdi-container .cdi-content h2{font-size:60px;font-weight:700;line-height:65px;}
.cdi-container .cdi-content h3{font-size:24px;font-weight:500;padding:5px 0 0 0;margin:0;}
.cdi-container .cdi-content h4.filters{font-size:16px;font-weight:400;text-transform:uppercase;letter-spacing:15px;color:#0080EB;padding:65px 0 26px 0;margin:0;}
.cdi-container .cdi-content .filters-tab-list{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;gap:28px;}
.cdi-container .cdi-content .filters-tab-list li a{min-width:144px;border:1px #0080EB solid;border-radius:30px;padding:19px 10px 19px 10px;display:block;text-align:center;color:#333333;text-decoration:none;}
.cdi-container .cdi-content .filters-tab-list li.active a, .cdi-container .cdi-content .filters-tab-list li a:hover{background-color:#0080EB;color:#ffffff;}
.tab-container{display:grid;grid-template-columns:repeat(3, 1fr);margin-top:81px;column-gap:50px;row-gap:89px;}
.tab-container .filter-box .img-box{height:331px;}
.tab-container .filter-box .img-box .filter-box-img{width:100%;height:100%;border-radius:30px;object-fit:cover;}
.tab-container .filter-box .category-list{padding:0;margin:48px 0 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:20px;}
.tab-container .filter-box .category-list li{padding:0;margin:0;list-style:none;font-family:"Poppins", sans-serif;font-size:14px;font-weight:400;color:#0080EB;background-color:#e8f5fe;border-radius:7px;height:29px;padding-left:17px;padding-right:17px;display:flex;justify-content:center;align-items:center;}
.tab-container .filter-box .filter-box-date{font-size:14px;font-weight:700;color:#000000;margin-top:22px;}
.tab-container .filter-box .filter-box-heading{font-size:24px;font-weight:500;margin:15px 0 0 0;padding:0;line-height:29px;}
.tab-container .filter-box .filter-box-content{font-size:16px;line-height:27px;padding-top:3px;}
.cdi-container .load-more{font-size:16px;color:#000000;width:242px;height:61px;border-radius:30px;border:2px #0080EB solid;display:flex;align-items:center;justify-content:center;text-decoration:none;margin:110px auto 0;}
@media all and (max-width:1520px) and (min-width:1200px) {
.cdi-container .cdi-content{padding-top:8.8157vw;padding-bottom:7.9605vw;font-size:1.052vw;}
.cdi-container .cdi-content h2{font-size:3.9473vw;line-height:4.2763vw;}
.cdi-container .cdi-content h3{font-size:1.5789vw;padding:0.3289vw 0 0 0;}
.cdi-container .cdi-content h4.filters{font-size:1.0526vw;letter-spacing:0.9868vw;padding:4.2763vw 0 1.7105vw 0;}
.cdi-container .cdi-content .filters-tab-list{gap:1.8421vw;}
.cdi-container .cdi-content .filters-tab-list li a{min-width:10.7894vw;border-radius:1.9736vw;padding-top:1.25vw;padding-bottom:1.25vw;}
.tab-container{margin-top:5.3289vw;column-gap:3.2894vw;row-gap:5.8552vw;}
.tab-container .filter-box .img-box{height:21.7763vw;}
.tab-container .filter-box .img-box .filter-box-img{border-radius:1.9736vw;}
.tab-container .filter-box .category-list{margin:3.1578vw 0 0 0;gap:1.3157vw;}
.tab-container .filter-box .category-list li{font-size:0.9210vw;border-radius:0.4605vw;height:1.9078vw;padding-left:1.1184vw;padding-right:1.1184vw;}
.tab-container .filter-box .filter-box-date{font-size:0.9210vw;margin-top:1.4473vw;}
.tab-container .filter-box .filter-box-heading{font-size:1.5789vw;margin:0.9868vw 0 0 0;line-height:1.9078vw;}
.tab-container .filter-box .filter-box-content{font-size:1.0526vw;line-height:1.7763vw;padding-top:0.1973vw;}
.cdi-container .load-more{font-size:1.0526vw;width:15.9210vw;height:4.0131vw;border-radius:1.9736vw;border:0.1315vw #0080EB solid;margin:7.2368vw auto 0;}
}
@media all and (max-width:1199px) {
.cdi-container .cdi-content h2{font-size:45px;line-height:55px;}
.cdi-container .cdi-content h3{font-size:22px;}
.tab-container .filter-box .img-box{height:21.7763vw;}
.tab-container{margin-top:51px;column-gap:30px;row-gap:69px;}
.cdi-container .cdi-content h4.filters{font-size:14px;letter-spacing:8px;}
.cdi-container .cdi-content{font-size:14px;}
.cdi-container .cdi-content .filters-tab-list li a{border-radius:30px;}
.tab-container .filter-box .category-list li{font-size:10px;}
.tab-container .filter-box .filter-box-date{font-size:12px;}
.tab-container .filter-box .filter-box-heading{font-size:18px;line-height:22px;}
.tab-container .filter-box .filter-box-content{font-size:14px;line-height:20px;}
.cdi-container .load-more{font-size:14px;}
}
@media all and (max-width:1024px) {
.cdi-container .cdi-content h2{font-size:35px;line-height:45px;}
.cdi-container .cdi-content h4.filters{padding:25px 0 18px 0;}
.cdi-container .cdi-content .filters-tab-list li a{min-width:145px;border-radius:25px;padding-top:12px;padding-bottom:12px;}
.cdi-container .cdi-content .filters-tab-list{gap:18px;}
.cdi-container .load-more{width:200px;height:50px;border-radius:30px;margin:50px auto 0;}
.cdi-container .cdi-content{padding-top:64px;padding-bottom:61px;}
.tab-container .filter-box .category-list{margin:18px 0 0 0;gap:10px;}
}
@media all and (max-width: 991px) {
.cdi-container .cdi-content h2{font-size:28px;line-height:34px;}
.cdi-container .cdi-content h3{font-size:18px;}
.tab-container{grid-template-columns:repeat(2, 1fr);}
.tab-container .filter-box .category-list li{height:22px;padding-left:14px;padding-right:14px;}
.cdi-container .cdi-content .filters-tab-list li a{min-width:120px;padding-top:8px;padding-bottom:8px;}
.tab-container{margin-top:31px;column-gap:20px;row-gap:20px;}
.tab-container .filter-box .img-box .filter-box-img{border-radius:15px;}
}
@media screen and (max-width:650px){
.tab-container .filter-box .img-box{height:240px;}
.tab-container{grid-template-columns:1fr;}
.tab-container .filter-box .img-box .filter-box-img{border-radius:15px;}
.cdi-container .cdi-content .filters-tab-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.cdi-container .load-more{width:170px;height:40px;border-radius:30px;margin:20px auto 0;}
}
@media screen and (max-width:480px){
.tab-container .filter-box .img-box{height:180px;}
}
.spinner{width:36px;height:36px;border:2px solid transparent;border-top:2px solid #0080EB;border-radius:50%;animation:spin 1s linear infinite;display:none;}
.loading .spinner{display:inline-block;}
.loading .text{display:none;}
@keyframes spin {
to{transform:rotate(360deg);}
} .shimmer-parent{position:relative;padding:0px !important;}
.shimmer{height:100%;width:100%;background-color:gray;border-radius:inherit;border:inherit;}
.line{width:300px;height:20px;border-radius:10px;}
.animate{animation:shimmer 2s infinite linear;background:linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%);background-size:1000px 100%;}
@keyframes shimmer {
0%{background-position:-1000px 0;}
100%{background-position:1000px 0;}
}  .our-story{text-align:center;padding:50px 0px;}
.our-story h6{color:#0080EB;letter-spacing:13px;font-weight:400;margin-bottom:-18px;font-size:16px;margin-top:79px;}
.our-story h2{font-size:60px;font-weight:600;margin-bottom:50px;}
.owl-carousel .item{text-align:center;padding:0;}
.owl-carousel .owl-item{}
.owl-carousel .item img{width:100%;height:100%;}
.slider-img{height:389px;padding:0 26px;}
.slider-img img{object-fit:cover;}
.timeline-dot .dot-box{width:23px;height:23px;background:#007aff;border-radius:50%;margin:10px auto;position:relative;display:block;}
.timeline-dot:after{content:'';background:#007aff;width:100%;height:2px;display:block;position:absolute;left:23px;top:50%;}
.timeline-dot{position:relative;margin-top:55px;}
.year{color:#0080EB;font-size:16px;letter-spacing:8px;padding-top:30px;}
.title{font-size:33px;font-weight:700;margin:10px 0 5px;max-width:400px;margin:17px auto 9px;line-height:40px;}
.desc{font-size:16px;line-height:1.6;margin:0 auto;padding:2px 65px 0;color:#E2E2E2;line-height:27px;}
.owl-carousel .owl-item:first-child .timeline-dot:after{content:'';background:#007aff;width:55%;height:2px;display:block;position:absolute;right:-30px;top:50%;left:auto;}
.owl-carousel .owl-item:last-child .timeline-dot:after{content:'';background:#007aff;width:50%;height:2px;display:block;position:absolute;left:0;top:50%;}
.owl-carousel .owl-nav{display:block !important;margin-top:78px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{color:#0080EB;font-size:32px;border:4px #003561 solid;border-radius:100px;width:64px;height:64px;padding:0;margin:9px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev:hover{background-image:url(//www.c4di.co.uk/wp-content/plugins/c4di-utils/assets/images/arrow-left.png);background-repeat:no-repeat;text-indent:-9999px;background-position:center center;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next:hover{background-image:url(//www.c4di.co.uk/wp-content/plugins/c4di-utils/assets/images/arrow-right.png);background-repeat:no-repeat;text-indent:-9999px;background-position:center center;}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background-color:transparent;}
@media all and (max-width:1520px) and (min-width:1200px) {
.our-story{padding:3.2894vw 0px;}
.our-story h6{letter-spacing:0.8552vw;margin-bottom:-1.1842vw;font-size:1.0526vw;margin-top:5.1973vw;}
.our-story h2{font-size:3.9473vw;margin-bottom:3.2894vw;}
.slider-img{height:25.5921vw;padding:0 1.7105vw;}
.timeline-dot .dot-box{width:1.5131vw;height:1.5131vw;margin:0.6578vw auto;}
.timeline-dot:after{height:0.1315vw;left:1.5131vw;}
.timeline-dot{margin-top:3.6184vw;}
.year{font-size:1.0526vw;letter-spacing:0.5263vw;padding-top:1.9736vw;}
.title{font-size:2.1710vw;margin:0.6578vw 0 0.3289vw;max-width:26.3157vw;margin:1.1184vw auto 0.5921vw;line-height:2.6315vw;}
.desc{font-size:1.0526vw;padding:0.1315vw 4.2763vw 0;line-height:1.7763vw;}
.owl-carousel .owl-nav{margin-top:5.1315vw;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{font-size:2.1052vw;border:0.2631vw #003561 solid;border-radius:6.5789vw;width:4.2105vw;height:4.2105vw;margin:0.5921vw;}
}
@media all and (max-width:1199px) {
.our-story{padding:20px 0px;}
.our-story h6{letter-spacing:11px;font-size:14px;margin-top:49px;}
.our-story h2{font-size:42px;margin-bottom:32px;}
.slider-img{height:215px;padding:0 18px;}
.timeline-dot .dot-box{width:18px;height:18px;}
.year{font-size:14px;letter-spacing:6px;padding-top:20px;}
.title{font-size:26px;max-width:260px;line-height:35px;}
.desc{font-size:14px;padding:2px 25px 0;line-height:24px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{border:3px #003561 solid;width:44px;height:44px;margin:5px;}
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev:hover{background-size:8px;}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next:hover{background-size:8px;}
.owl-carousel .owl-nav{display:block !important;margin-top:48px;}
}
@media all and (max-width: 991px) {
.title{font-size:22px;max-width:290px;line-height:26px;}
.slider-img{height:325px;padding:0 18px;}
}
@media screen and (max-width:700px){
.our-story h2{font-size:32px;margin:35px auto 22px;line-height:40px;}
.our-story h6{letter-spacing:8px;font-size:14px;margin-top:39px;}
.slider-img{height:300px;padding:0 18px;}
}
@media screen and (max-width:480px){
.slider-img {
height: 200px;
padding: 0 18px;
}
.our-story h2 {
max-width: 320px;
}
}.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal !important;}
.wpcf7 .hidden-fields-container{display:none;}
.wpcf7 form .wpcf7-response-output{margin:2em 0.5em 1em;padding:0.2em 1em;border:2px solid #00a0d2;}
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output{display:none;}
.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450;}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232;}
.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900;}
.wpcf7-form-control-wrap{position:relative;}
.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:normal;display:block;}
.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em;}
.wpcf7-list-item{display:inline-block;margin:0 0 0 1em;}
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after{content:" ";}
.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:0.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative;}
form.submitting .wpcf7-spinner{visibility:visible;}
.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite;}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms;}
}
@keyframes spin {
from{transform:rotate(0deg);}
to{transform:rotate(360deg);}
}
@keyframes blink {
from{opacity:0;}
50%{opacity:1;}
to{opacity:0;}
}
.wpcf7 [inert]{opacity:0.5;}
.wpcf7 input[type="file"]{cursor:pointer;}
.wpcf7 input[type="file"]:disabled{cursor:default;}
.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed;}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"]{direction:ltr;}
.wpcf7-reflection > output{display:list-item;list-style:none;}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpa-test-msg{background:#d1ecf1 !important;border:1px solid #bee5eb !important;border-radius:5px !important;color:#0c5460 !important;font-size:14px !important;padding:.75rem 1.25rem !important;font-family:Arial !important;margin-top:5px !important;}
span.wpa-button{display:inline-block !important;padding-top:5px !important;color:#fff !important;background-color:#6c757d !important;border-color:#6c757d !important;padding:5px 10px !important;border-radius:5px !important;margin-top:5px !important;cursor:pointer !important;}
#altEmail_container, .altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.popup-template .modal{opacity:0;transition:all .25s ease}.popup-template .modal.is-open{opacity:1;transition:all .25s ease}