/*
Theme Name: Cyberfrog (Shaun)

Author: Shaun Hearnden

Version: 999999999999999999999999999999

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

body{background:#25282A;max-width:1920px; margin:0 auto;}

a{text-decoration:none;}

.wrapper {max-width:1588px; display:block; margin:0 auto;}

.home header{position:absolute!important;  top:0; left:0;z-index: 10}

body, input, textarea, select, button, p, span, html, div, .single_triple_text > span{font-family: "Kanit", sans-serif!important;}


.menu_block{width:33.3333%; float:left;}

#bottom_contact .wrapper > span, .menu_block > span, .links a, a strong, strong a, h1,h2,h3,h4,h5,h6{ font-family: "Cabin", sans-serif!important;}


::-ms-input-placeholder { /* Edge 12-18 */
color: #25282A;
font-family: "Kanit", sans-serif!important;

font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 200% */
letter-spacing: -0.54px;
}

::placeholder {
color: #25282A;

font-family: "Kanit", sans-serif!important;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 200% */
letter-spacing: -0.54px;
}


body input#gform_submit_button_1 {
    background-color: #fff !important;
    color: #25282A;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.36px;
    font-family: "Cabin", sans-serif !important;
    margin: 0 auto;
    border: none !important;
    background-image: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/Component-5.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: 95%;
    padding-right: 40px;
}



#bottom_contact input, #bottom_contact textarea{border:none!important; outline:none!important; border-bottom:1px solid #000!important;}

.bottom_internal_circle {
    background: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/bottom_interal-circle.png);
    position: absolute;
    width: 320px;
    height: 532px;
    background-size: cover;
    bottom: 200px;
    left: 0;
    background-repeat: no-repeat;
}

#menu_circle {
    background: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/bottom_menu_circle.png);
    position: absolute;
    width: 320px;
    height: 320px;
    background-size: contain;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
}
#bottom_contact textarea{height:100px!important}

.menu_block > a{
    color: #FFF;
font-size: 30px;
font-style: normal;
font-weight: 275;
line-height: 40px; /* 133.333% */
letter-spacing: -0.6px;
    display:block;
margin:10px;
}


.footer_block a:hover, .menu_block > a:hover{color:#A1B3CB; transition:0.3s}

strong a, a strong {
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.36px;
    background: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/Component-4.png);
    background-repeat: no-repeat;
    background-size: 24px;
    padding: 5px 40px 5px 5px;
    background-position: 100% 50%;
}

strong a:hover, a strong:hover{color:#A1B3CB; transition:0.3s;}


#copyright{background: linear-gradient(90deg, #482F5D 0%, #25282A 100%);
width:100%; float:left;
color: #FFF;

font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 257.143% */
letter-spacing: -0.28px;


}


#team_block{width:100%; float:left;padding:100px 0;}

#team_block h2{text-align:center;}

span.links > span {
    padding-top: 30px;
    display: block;
    border-top: 1px solid #9663C3;
}

#plain_box ul li, p{margin:50px 0;

color: #FFF;



font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 200% */
letter-spacing: -0.36px;

}
#copyright a{
    
    color: #FFF;

font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 257.143% */
letter-spacing: -0.28px;
    
}
h1{color: #FFF;


font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -3.2px;}

h2{color: #F2F2F2;


font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -2.4px;}


h3{color: #FFF;


font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 150% */
letter-spacing: -1.2px;
}

strong{font-weight:600;}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong{color: #A1B3CB!important;}

#header {
    width: 100%;
    float: left;
    padding: 15px 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.00) 100%);
    height: 177px;
    z-index:10;
    position: relative;
}


#logo{max-width:250px; float:left;}
#logo img{width:100%;}
#header .wrapper{max-width:1620px; margin:0 auto; display:block;}

#home_banner h1{
    color: #FFF;


font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -3.2px;
}
#home_banner p{color: #FFF;


font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 40px; /* 181.818% */
letter-spacing: -0.44px;}

#bottom_contact *{color:#000;}

#bottom_contact {width:100%; float:left; padding:100px 0; background:#fff;}

#bottom_contact .wrapper{text-align:center; max-width:900px;}
#bottom_contact .wrapper > span{
    
    color: #25282A;
text-align: center;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -2.4px;
    
    
}

.strip_tile:nth-child(odd) .image {
    margin-left: 20px;
}
#tile_box > .single_tile .image .outline, #big_tile_box > span > div.image .outline {
    border: 2px solid rgba(161, 179, 203, 0.60);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0 0 0 20px;
    left: -20px;
    top: 20px;
}

#strip_tiles .image .outline, #two_pic_top .wrapper > span.pics > div span.outline {
    border: 2px solid rgba(161, 179, 203, 0.60);
    position: absolute;
    width: 320px;
    height: 320px;
    border-radius: 0 0 0 20px;
    left: -20px;
    top: 20px;
}


#bigger_tiles .single_bigger_tile > span p, #bigger_tiles .single_bigger_tile > span ul {
    margin-left: 60px;
}

#bigger_tiles .single_bigger_tile > span.image span.outline {
     border: 2px solid rgba(161, 179, 203, 0.60);
    position: absolute;
    width: 500px;
    height: 500px;
    border-radius: 0 0 0 20px;
    left: -20px;
    top: 20px;
}

#bottom_contact p{
    color: #25282A;

text-align: center;

font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 40px; /* 181.818% */
letter-spacing: -0.44px;
    
}

.footer_block{width:25%; float:left;}

.footer_block > h4{color: #9663C3;

margin-bottom:30px;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 150% */
letter-spacing: -1.2px;}

.footer_block a{color: #FFF;
display:block;

font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 200% */
letter-spacing: -0.36px;}

#foot_1 h3{color: #FFF;

margin:20px 0 40px 0;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 48px;
letter-spacing: -1.6px;
}

#foot_1 > img{width:100px;}

#foot_1 a img{width:110px;}

#foot_1 a{margin:10px 0;}

#foot_4 a:last-child{margin-top:50px;}

#home_banner{width:100%; float:left;height:100vh; position: relative; max-height:1050px;}

#home_banner .wrapper{position:relative;z-index: 2;}

#home_banner .wrapper > span{max-width:600px; float:left;padding:300px 0;}

#home_banner > img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
}

div#menu_open {
    width: 160px;
    height: 70px;
    background-size: contain !important;
    float: right;
    background-repeat: no-repeat ! Important;
    background-position: center right !important;
}

#menu_open:hover, #menu_close:hover{cursor:pointer; transition: 0.3s; opacity:0.7;}

div#menu_close {
    width: 160px;
    height: 70px;
    background-size: contain !important;
    float: right;
    background-repeat: no-repeat ! Important;
    background-position: center right !important;
}

div#internal_header p {
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    letter-spacing: -0.44px;
    padding-bottom:40px;
}


#internal_header{width:100%; float:left;margin-bottom:80px; position: relative;}

#internal_header .wrapper > span{max-width:670px; display:block;}

#internal_header .wrapper {

    border: 1px solid #9663C3;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    
}

.bottom_grade{
    
    background: linear-gradient(0deg, #25282A 0%, rgba(37, 40, 42, 0.00) 100%);
    position: absolute;
    left:0;
    width:100%; bottom:0; height:185px;
}


.page-template-TEMPLATE-about #small_text_strip{padding:0 0 80px 0;}
#small_text_strip{width:100%; float:left;padding:80px 0;}

#small_text_strip .wrapper{max-width:810px; text-align:center;}


#news_slider{width:100%; float:left;}

#news_slider .single_case_news > span {
    width: 50%;
   float:right;
}
#single_case{width:100%; float:left;padding-bottom:100px;}


#single_case .wrapper > span.images_data{width:37%; float:left;}
#single_case .wrapper > span.text{width:55%; float:right;}

#news_slider .single_case_news > span.image{position:relative;  max-width: 300px; height:300px; float:left;} 


#archive_news #bigger_tiles .single_bigger_tile {
    width: 100%;
    float: left;
    margin: 0 0 70px 100px;
}

.images_data  #main_image{width:100%; height:500px; position: relative; }

.images_data  #main_image img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
border-radius:0 0 0 20px;
}

#archive_news #bigger_tiles .single_bigger_tile > span {width:560px;}

#news_slider .single_case_news > span.text h4{

color: #FFF;

font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 150% */
letter-spacing: -1.2px;

}

div#case_study_data {
    width: 100%;
    float: left;
    margin-top: 30px;
}
div#case_study_data > span{
    color: #FFF;
display:block;
font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 36px;
letter-spacing: -0.36px;
    
}


#news_slider .single_case_news > span.text p{margin:30px 0;}

div#news_slider .wrapper {
    border-top: 1px solid #9663C3;
    padding:80px 0;
}


#team_slider .lefto, #team_slider .righto {top:185px;}

.lefto, .righto{background:transparent!important;border:none!important; outline:none!important; position: absolute; top:120px;}
.lefto:hover, .righto:hover{opacity:0.7; transition:0.3s; cursor:pointer;}
.lefto{left:-60px;z-index: 2;}
.righto{right:-60px;z-index: 2;}
.lefto img, .righto img{width:44px;}

#news_slider .single_case_news > span.image img{
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
}

#tiles{width:100%; float:left;}

#tile_box > .single_tile{  
display:block;
    align-content: stretch;
    width:50%; float:left;
   

}

#tile_box > .single_tile .image{position:relative; height:390px; float:right; width:48%;}

#tile_box > .single_tile .image img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
}

.single_tile > span{width:50%; float:left; }

.single_tile:nth-child(3) .text, .single_tile:nth-child(4) .text{order:2!important;}


div#home_content {
    width: 100%;
    float: left;
    position: relative;
}
.single_tile h5{color: #FFF;

font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 166.667% */
letter-spacing: -1.2px;}


.single_tile > span.text{padding:35px;}
.single_tile > span.text p{padding-left:20px;}
.single_tile p{
    margin-top:30px;
color: #D4D4D4;

font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 200% */
letter-spacing: -0.36px;
}

.internal_middle_wave{
        background: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/middle_wave.png);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
     height: 1140px;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
    
}

.internal_header_wave {
    background: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/top_header_both.png);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 600px;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
}


.internal_bottom_wave {
    background: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/bottom_services.png);
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
     height: 1070px;
    z-index: -1;
    background-size: contain;
    background-repeat: no-repeat;
}

.archive .internal_bottom_wave{
    
        bottom: -500px;
}

/*
span.internal_header_grady {
 
    background: linear-gradient(0deg, #25282A 0%, rgba(37, 40, 42, 0.00) 100%);
    position: absolute;
    bottom: -60px;
    width: 100%;
    height: 200px;
    z-index: -1;
}
*/


#two_pic_top{width:100%; float:left; margin: 0 0 100px 0;}

#two_pic_top .wrapper > span.pics{width:45%; float:left;


    position: relative;
    right: -40px;

}
#two_pic_top .wrapper > span.text{width:45%; float:right;}

div#single_service {
    width: 100%;
    position: relative;
    float: left;
}

#two_pic_top .wrapper > span.pics{   display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:60px; /* Adjust the gap between grid items as needed */}

#two_pic_top .wrapper > span.text p{ max-width: 500px;
    margin-left: 70px;
}

#two_pic_top .wrapper > span.pics > div{position:relative; height:320px;}
#two_pic_top .wrapper > span.pics > div img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;}


#big_tiles{width:100%; float:left;}

#big_tile_box{width:100%; display:block;}
#big_tile_box > span{   display:flex;
    align-content: stretch;
    width:50%; float:left;
}

.pics > div img, .image img {border-radius:0 0 0 20px;}

#big_tile_box > span:nth-child(odd) > div {
    padding: 30px 60px 0 40px;
}

#big_tile_box > span:nth-child(even) > div{
          padding: 30px 60px 0  40px;
    
}

#big_tile_box > span > div{width:50%; float:left; 

 
}
#big_tile_box > span > div.image{height:400px;  position: relative;}
#big_tile_box > span > div.image img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;}

#big_tile_box p{margin-top:30px;}
#big_tile_box h5{color: #FFF;

font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 166.667% */
letter-spacing: -1.2px;}


#bigger_tiles{width:100%; float:left; position: relative;}

#bigger_tiles .single_bigger_tile{width:100%; float:left;margin:120px 0 0px 0;}

.home #bigger_tiles .single_bigger_tile > span{width:50%!important;}

#bigger_tiles .single_bigger_tile > span{width:560px; float:left;}
span.bigger_tile_box {
    max-width: 1320px;
display:block;
}

.home #bigger_tiles .single_bigger_tile {
    width: 100%;
    float: left;
    padding: 100px 0;
    margin:100px 0;
  
    border-top:1px solid #9663C3;
    border-bottom:1px solid #9663C3;
}


span.seperate_a {
    width: 100%;
    float: left;
    text-align: center;
}

span.seperate_a a {
    position: relative;
    top: 45px;
    z-index: 2;
}

#bigger_tiles .single_bigger_tile:nth-child(even) .text{float:right;}

#bigger_tiles .single_bigger_tile:nth-child(odd) > span.image {
    width: 500px;
    float: right;
}
#bigger_tiles .single_bigger_tile:nth-child(even) > span.image {
    width: 500px;
    float: left;
     margin-left: 20px;
}

#bigger_tiles .single_bigger_tile > span.image{max-width:500px; height:500px; position: relative}
#bigger_tiles .single_bigger_tile > span.image img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
border-radius:0 0 0 20px;
}

#triple_text_box{width:100%; float:left;margin:120px 0;}

#triple_text_box .wrapper > span{   display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px; /* Adjust the gap between grid items as needed */} 

.single_triple_text > span{
color: #FFF;
padding:40px 0;
display:block;
font-size: 64px;
font-style: normal;
font-weight: 275;
line-height: 36px; /* 56.25% */
letter-spacing: -1.28px;

}

.wrapper.news_header > span{margin-bottom:100px;}

div#archive_news {
    width: 100%;
    float: left;
    position: relative;
}

.home_top_circle {
    background: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/home_circle_top.png);
    position: absolute;
    width: 300px;
    height: 565px;
    background-size: cover !important;
    z-index: 2;
    bottom: -200px;
    background-position: center right;
}



.internal_top_circle {
    background: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/home_circle_top.png);
    position: absolute;
    width: 300px;
    height: 565px;
    background-size: cover !important;
    z-index: 2;
   
    top:0;
    background-position: center right;
}

#footer {
    height: auto;
    width: 100%;
    background: linear-gradient(279deg, #573872 0%, #25282A 100%);
    float: left;
    padding: 60px 0;
}

#foot_2, #foot_3, #foot_4 {
    margin-top: 100px;
    border-left: 1px solid #9663C3;;
    padding-left: 50px;
}

#top_home_section .text{width:45%; float:left;}

.single_triple_text {border-top:1px solid #9663C3;}


.single_triple_text h5{
color: #FFF;


font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1.2px;
}

.single_triple_text p{margin-top:30px;}


.menu_block > span{color: #9663C3;
    margin-bottom:50px;
display:block;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 111.111% */
letter-spacing: -0.72px;}

div#top_home_section {
    width: 100%;
    float: left;
    padding: 120px 0;
   
}

span.spacer {
    margin-top: 50px;
    display: block;
}

#big_menu{width:100%; height:100vh;float:left; position:absolute; top:0; left:0; background: linear-gradient(107deg, #25282A 43.5%, #573872 100%); z-index:9;}

#big_menu .wrapper{position:relative; z-index:20;padding:200px 0;}

#top_home_section .links{  
    width:45%; float:right;
    
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px; /* Adjust the gap between grid items as needed */}

#top_home_section .links a{

color: #FFF;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1.2px;

}

#top_home_section  .links a:hover{color:#A1B3CB; transition:0.3s;}


#top_home_section .links p{margin-top:30px; margin-bottom:0;    color: #D4D4D4;}

#full_text_bottom{width:100%; float:left;margin-top:100px;}

#full_text_bottom .wrapper{padding:100px; text-align:center;border-top:1px solid #9663C3;}

#full_text_bottom .wrapper > span{display:block; max-width:1000px;margin:0 auto;}

#strip_tiles {width:100%; float:left;}

#strip_tiles .strip_tile:nth-child(even) .image{
    float:right;
    
    
}

#strip_tiles .strip_tile:nth-child(even) .text{
    float:left;
    
    
}

a#menu_contact_us {
    color: #fff;
    background: #9663C3;
    display: inline-block;
    margin-top: 40px;
    padding: 5px 30px;
    border-radius: 25px 0;
}

a#menu_contact_us:hover{opacity:0.7; transition:0.3s;}

p > strong{color:#A1B3CB;}

#page_container{width:100%; float:left; position: relative;}
.strip_tile{display:block;padding:20px 0 50px 0; width:100%; float:left;}

.strip_tile > .image{float:left;  width:320px; height:320px; position: relative;}

.strip_tile > .image img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;}

.strip_tile > .text{float:right; width:75%;}
#strip_tiles h5{
    color: #FFF;

font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 166.667% */
letter-spacing: -1.2px;}



#strip_tiles p{
    
    margin-left:20px;
    color: #D4D4D4;
margin-top:20px;

font-size: 18px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 200% */
letter-spacing: -0.36px;
    
    
}
.team_slide {
    display: block;
    border-top: 1px solid #9663C3;
    padding-top: 30px;
}

.internal_about_wave_bottom {
    background: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/nearly_full_circle_right.png);
    position: absolute;
    width: 370px;
    height: 444px;
    right: 0;
    bottom: 360px;
    right: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.team_slide h5 {
    color: #FFF;
    margin: 20px 0 10px 0;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.2px;
    background: url(https://ins-protect.co.uk/wp-content/uploads/2024/07/Component-4.png);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 25px;
}

.team_slide img{width:100%;}

.team_slide p{margin:0;}

#team_slider{width:100%; float:left;}
#about_container{width:100%; float:left; position: relative;}

#menu_contact > span a:last-child {
    margin-top: 20px;
}
#menu_contact {
    width: 100%;
    float: left;
    border-left: 4px solid #A1B3CB;
    margin-top: 60px;
    padding-left: 20px;
}
#menu_contact > span{width:100%; float:left;}

#menu_contact > span:first-child{margin-bottom: 40px;;}

#menu_contact > span, #menu_contact > span a{color: #F2F2F2;
display:block;
font-size: 22px;
font-style: normal;
font-weight: 300;
line-height: 36px; /* 163.636% */
letter-spacing: -0.44px;}



#menu_contact > span a img{width:110px;}
  /* the slides */
  .slick-slide {
      margin: 0 27px;
  }

  /* the parent */
  .slick-list {
      margin: 0 -27px;
  }

.archive_case_news {}

.archive_case_news .text h3{
font-size: 24px;
    color:#fff;
font-style: normal;
font-weight: 700;
    margin:40px 0 10px 0;
line-height: 36px; /* 150% */
letter-spacing: -1.2px;}


.archive_case_news .text p {
    margin: 30px 0 30px 50px;
}

#team_block h2 {
    text-align: center;
    margin-bottom: 60px;
}

#latest_news_area, #news_area_split{width:100%; float:left;padding-bottom:60px;}

#news_area_split h3 a{
color: #FFF;

    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: -0.36px;
    float: right;
}

#news_area_split h3 a:hover{text-decoration:underline;}

#news_area_split h3{
    
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: -1.8px;
    margin-bottom:40px;
}

.news_area{width:47%; float:left;}
#latest_study{float:right;}

.news_area .image{width:40%; float:left; height:300px; position: relative;}
.news_area .image img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    border-radius:0 0 0 30px;
}

.news_area .text{width:50%;margin-right:5%; float:right;}

.news_area p {
    margin: 30px 0;
    height: 140px;
    overflow: hidden;
}
.news_area h4{color: #FFF;

font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 150% */
letter-spacing: -1.2px;}


div#top_home_section .text p {
    max-width: 500px;
    margin-left: 50px;
}

    
    .team-popup {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity */
}
.team-popup-content *{  color: #25282A;}
.team-popup-content {
position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
    border-radius: 10px;
    max-width:800px;
 background:#fff;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 20px;
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
}



#right_popup p{margin:0!important;}

#left_popup {
    width: 35%;
    float: left;
    padding: 0 30px;
    margin: 30px 0;
    border-right: 2px solid #9663C3;
}
#left_popup > *{display:block; text-align: left;width:100%;}

#left_popup p{margin:10px;}
#left_popup a{width:88px; display:block;margin-top:20px;}
#left_popup a img{width:100%; display:block;}

.home #tile_box > .single_tile{display:flex;}

#gallery{width:100%; float:left;   display: grid;
    margin-top:20px;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px; /* Adjust the gap between grid items as needed */}

#gallery > a{position:relative; height:140px;}
#gallery > a:hover{opacity:0.7; transition: 0.3s;}
#gallery > a img{    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;}

div#archive_news #bigger_tiles {
    margin-bottom: 30px;
}

#left_popup h3{color: #25282A;
margin:10px 0;

font-size: 24px;
font-style: normal;
font-weight: 700;

letter-spacing: -1.2px;}

#right_popup {
    width: 60%;
    float: right;
    padding: 30px 50px 30px 0;
    margin: 30px 0;
}
.close-popup:hover,
.close-popup:focus {
    color: black;
    cursor: pointer;
}

.single_bigger_tile  ul{list-style:disc;padding-left:20px;}
 .single_bigger_tile   li{
    
    margin:0px 0;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 36px;
    letter-spacing: -0.36px;
    
}

#plain_box{width:100%; display:block; background:#fff; float:Left;}
#plain_box ul{list-style:disc;padding-left:20px;}
#plain_box ul li{margin:0;}

#plain_box *{color:#000!important;}

#plain_box p a{font-weight:500}